.banner {
  background: url(/img/recruit_bg_02.png);
  margin-top: 92px;
}
.dmobile_bg03 {
  background-color: #2980b9;
  height: 109px;
  /* margin-top: 12px; */
  /* margin-left: 4px; */
}
.eptext1 {
  padding-top: 45px;
  padding-bottom: 45px;
  font-weight: bolder;
  font-size: 18px;
}
.eptext2 {
  padding: 28px 20px;
  font-weight: bolder;
  font-size: 18px;
}
.eptext3 {
  padding-top: 45px;
  padding-bottom: 45px;
  font-weight: bolder;
  font-size: 18px;
}
.gray_bg {
  background-color: #ecf0f1;
  padding: 10px 30px 10px;
  margin: 45px 0px 45px;
}
.gray_bg02 {
  background-color: #ecf0f1;
  padding: 45px 0px 45px;
}
.gray_bg03 {
  background-color: #dfe6e7;
  width: 960px;
  margin: 0 auto;
  margin-bottom: 20px;
}
h2.font_blue {
  text-align: center;
  color: #3498db;
  font-weight: bold;
}
p.font_blue {
  color: #3498db;
  text-align: center;
}
h3.font_blue {
  color: #3498db;
  text-align: center;
  font-weight: bold;
}
h3.font_blue02 {
  color: #2980b9;
  text-align: center;
  font-weight: bold;
}

p.font_white {
  color: #fff;
  text-align: center;
}
.blue_bg02 {
  width: 960px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.white_bg03 {
  background-color: #fff;
  /*width: 960px;*/
  margin: 0 auto;
  margin-bottom: 20px;
}
.blue_hrline {
  border-top: 5px solid #0ea9d5;
  margin-bottom: 0px;
  margin-top: 0px;
}
.blue_hrline02 {
  border-top: 5px solid #2980b9;
  margin-bottom: 0px;
  margin-top: 0px;
}
.dblue_bg {
  background-color: #2980b9;
}
.dblue_bg1 {
  background-color: #2980b9;
  padding-bottom: 40px;
}
.blue_bg {
  background-color: #0ea9d5;
}
.blue_line {
  border-top: 2px solid #3498db;
  margin-bottom: 13px;
  margin-top: 13px;
}
.red_line {
  border-top: 5px solid #c0392b;
  margin-bottom: 0px;
  margin-top: 0px;
}
.white_gray {
  background: #fafafa;
  padding-bottom: 15px;
}
h3.font_red {
  color: #c0392b;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.img-padding {
  padding-top: 10px;
}
.text-padding {
  padding-top: 18px;
  padding-right: 5px;
  padding-left: 13px;
}
.text-padding01 {
  padding-top: 53px;
  padding-right: 5px;
  padding-left: 23px;
  color:#229dc8;
}
.text-padding02 {
  padding-top: 44px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding03 {
  padding-top: 32px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding003 {
  padding-top: 25px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding04 {
  padding-top: 20px;
  padding-right: 5px;
  padding-left: 13px;
  color: #000;
}
.text-padding05 {
  padding-top: 48px;
  padding-right: 5px;
  padding-left: 13px;
  color: #000;
}
.text-padding06 {
  padding-top: 39px;
  padding-right: 5px;
  padding-left: 13px;
  color: #000;
}
.text-padding07 {
  padding-top: 19px;
  padding-right: 5px;
  padding-left: 13px;
  color: #000;
}
.text-padding ul li {
  color: #000;
}
.section {
  padding-bottom: 30px;
}
.center {
  text-align: center;
  display: block;
}
.center02 {
  display: none;
}
.text-padding08 {
  padding-top: 15px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding09 {
  padding-top: 36px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding10 {
  padding-top: 27px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding11 {
  padding-top: 35px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.text-padding12 {
  padding-top: 47px;
  padding-right: 5px;
  padding-left: 23px;
  color: #229dc8;
}
.blue_bg03 {
  background-color: #008ec0;
  width: 960px;
  margin: 0 auto;
  margin-bottom: 20px;
  /* padding-top: 20px; */
  padding: 20px;
}
.orange_bg01 {
  background-color: #f1c40f;
  width: 960px;
  margin: 0 auto;
  padding: 12px;
  margin-bottom: 40px;
}
.transpanrent_bg03 {
  background-color: #008ec0;
  /* width: 960px; */
  margin: 0 auto;
  margin-bottom: 20px;
}
.text_white-padding {
  color: #fff;
  padding: 43px 23px 0px;
}
.text_white-padding02 {
  color: #fff;
  padding: 43px 23px 0px;
}
.text_white-padding03 {
  color: #fff;
  padding: 24px 23px 0px;
}
.left {
  padding: 0;
  text-align: center;
}
.imgcenter {
   padding: 0;
   text-align: center;
}
.right {
  padding: 0;
  text-align: center;
}
.dblue_bg1 {
  background-color: #2980b9;
  padding-bottom: 40px;
}
.blue_block {
  background-color: #2273af;
  margin: 0 auto;
  margin-bottom: 20px;
  /* padding-left: 11px; */
  /* padding-right: 11px; */
  padding: 20px;
}
.etext-padding02 {
  padding-top: 44px;
  padding-right: 5px;
  padding-left: 23px;
}
.eptext1-padding02 {
  padding: 35px 0px 0px 23px;
}
.eptext1-padding01 {
  padding: 45px 0px 0px 23px;
}
.eptext2-padding02 {
  padding: 13px 0px 0px 23px;
}
.col-sm-7.eptext5-padding02.mobile {
  padding: 40px 0px 0px 23px;
}
.eptext3-padding02 {
  padding: 25px 0px 0px 23px;
}
.eptext4-padding02 {
  padding-top: 44px;
  padding-right: 5px;
  padding-left: 23px;
  margin-top: -15px;
  padding-bottom: 35px;
}
h3.font_white,h3.font_white02,h3.font_white03,h3.font_white04 {
  font-weight: bold;
  margin-top: -52px;
  margin-left: 100px;
  padding-bottom: 40px;
}
/*-------------------------------------------------------------------------------*/
@media only screen and (min-width: 320px) and (max-width: 1199px) {
  img.left {
    margin-right: 2px;
    margin-bottom: 10px;
  }
  img.right{
    margin-right: -2px;
    margin-top: 10px
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gray_bg03 {
    background-color: #dfe6e7;
    width: 940px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .blue_bg02, .blue_bg03, .orange_bg01 {
    width: 940px;
    margin: 0 auto;
    margin-bottom: 40px;

  }
  .text-padding02 {
    padding-top: 40px;
    padding-right: 5px;
    padding-left: 23px;
    color: #229dc8;
  }
  .text-padding04 {
    padding-top: 17px;
    padding-right: 5px;
    padding-left: 13px;
    color: #000;
  }
  .text-padding05 {
    padding-top: 44px;
    padding-right: 5px;
    padding-left: 13px;
    color: #000;
  }
  .text-padding06 {
    padding-top: 40px;
    padding-right: 5px;
    padding-left: 13px;
    color: #000;
  }
  .text-padding07 {
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 13px;
    color: #000;
  }
  .text-padding07 {
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 13px;
    color: #000;
  }

}
@media only screen and (min-width: 694px) and (max-width: 991px) {
  .gray_bg03 {
    background-color: #dfe6e7;
    width: 720px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .blue_bg03 {
    width: 720px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .eptext1-padding02 {
    padding: 25px 0px 0px 23px;
    width: 100%;
  }
  .eptext2-padding02 {
    padding: 25px 0px 0px 23px;
    width: 100%;
  }
  .col-sm-7.eptext5-padding02.mobile {
    padding: 6px 0px 0px 23px;
    width: 100%;
  }
  .eptext3-padding02 {
    padding: 25px 0px 0px 23px;
    width: 100%;
  }
  .blue_bg02, .orange_bg01 {
    width: 720px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .text-padding {
    padding-top: 11px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
  }
  .text-padding02 {
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #229dc8;
  }
  .text-padding03 {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #229dc8;
  }
  .text-padding04 {
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #000;
  }
  .text-padding05 {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #000;
  }
  .text-padding06 {
    padding-top: 11px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #000;
  }
  .text-padding07 {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 34px;
    width: 100%;
    color: #000;
  }
  .text-padding08 {
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 34px;
    color: #229dc8;
    /*  width: 100%;*/
  }
  .text-padding09 {
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 34px;
    color: #229dc8;
    /*  width: 100%;*/
  }
  .text-padding10 {
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 34px;
    color: #229dc8;
    /*  width: 100%;*/
  }
  .text-padding11, .text-padding12, .text-padding13 {
    color: #229dc8;
    padding: 6px 0px 5px 34px;
    width: 100%;
  }

  .img-padding {
    width: 100%;
    background-color: #DFE6E7;
  }
  .center {
    text-align: left;
    background-color: #eff3f3;
  }
  .mobile_bg02 {
    width: 100%;
    background: rgb(0, 142, 192);
  }
  .mobile_bg03 {
    width: 100%;
    background-color: #4DB0D3;
  }
  .text_white-padding {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .text_white-padding02 {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .text_white-padding03 {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .dmobile_bg03 {
    background-color: #2980b9;
    height: 109px;
    /* margin-top: 12px; */
    /* margin-left: 4px; */
    width: 100%;
  }
  .eptext2 {
    padding: 42px 20px;
    font-weight: bolder;
    font-size: 18px;
  }
  .text-padding003 {
  color: #229dc8;
  padding: 6px 34px 0px;
  width: 100%;
  }
  .text-padding01 {
  padding-top: 12px;
  padding-right: 5px;
  padding-left: 35px;
  color: #229dc8;
  width: 100%;
 }
 .eptext1-padding01 {
  padding: 25px 0px 0px 23px;
 }
}

@media only screen and (min-width: 300px) and (max-width: 767px) {
  .gray_bg03 {
    background-color: #dfe6e7;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .blue_bg02, .blue_bg03, .orange_bg01 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .center {
    text-align: left;
    background-color: #eff3f3;
    display: none;
  }
  .center02 {
    display: block;
  }
  .text-padding {
    padding-top: 11px;
    padding-right: 5px;
    padding-left: 35px;
  }
  .eptext1-padding02 {
    padding: 27px 0px 0px 23px;
    width: 100%;
  }
  .eptext2-padding02 {
    padding: 25px 0px 0px 23px;
    width: 100%;
  }
  .col-sm-7.eptext5-padding02.mobile {
    padding: 6px 0px 0px 23px;
    width: 100%;
  }
  .eptext3-padding02 {
    padding: 25px 0px 0px 23px;
    width: 100%;
  }
  .dmobile_bg03 {
    background-color: #2980b9;
    height: 109px;
    width: 100%;
  }
  .mobile_bg02 {
    width: 100%;
    background-color: #008ec0;
  }
  .dmobile_bg02 {
    background-color: #2273af;
  }
  .mobile_bg03 {
    width: 100%;
    background-color: #4DB0D3;
  }
  .text-padding01 {
    padding-top: 12px;
    padding-right: 5px;
    padding-left: 35px;
    color:#229dc8;
  }
  .text-padding02 {
    padding: 6px 5px 0px 35px;
    color: #229dc8;
  }
  .text-padding003 {
    color: #229dc8;
    padding: 6px 5px 0px 35px;
  }
  .text-padding03 {
    color: #229dc8;
    padding: 6px 5px 0px 35px;
  }
  .text-padding04 {
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 35px;
    color: #000;
  }
  .text-padding05 {
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 35px;
    color: #000;
  }
  .text-padding06 {
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 35px;
    color: #000;
  }
  .text-padding07 {
    padding-top: 8px;
    padding-right: 5px;
    padding-left: 35px;
    color: #000;
  }
  .text-padding08, .text-padding09, .text-padding10, .text-padding11, .text-padding12 {
    padding-top: 6px;
    padding-right: 5px;
    padding-left: 34px;
    color: #229dc8;
  }

  .gray_bg {
    background-color: #ecf0f1;
    padding: 10px 30px 10px;
  }
  .text_white-padding {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .text_white-padding02 {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .text_white-padding03 {
    color: #fff;
    padding: 6px 23px 10px;
    width: 100%;
  }
  .eptext1-padding01 {
    padding: 30px 0px 0px 23px;
  }

}

@media only screen and (min-width: 480px) and  (max-width: 991px){
  h3.font_white02 {
  font-weight: bold;
  margin-top: -65px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white {
  font-weight: bold;
  margin-top: -54px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white03 {
  font-weight: bold;
  margin-top: -63px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white04 {
  font-weight: bold;
  margin-top: -63px;
  margin-left: 100px;
  padding-bottom: 40px;
}

}
@media only screen and (min-width: 753px) and  (max-width: 991px){
  h3.font_white02 {
  font-weight: bold;
  margin-top: -65px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white {
  font-weight: bold;
  margin-top: -54px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white03 {
  font-weight: bold;
  margin-top: -53px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white04 {
  font-weight: bold;
  margin-top: -53px;
  margin-left: 100px;
  padding-bottom: 40px;
}

}
@media only screen and (min-width: 290px) and  (max-width: 480px){
h3.font_white02 {
  font-weight: bold;
  margin-top: -77px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white03 {
  font-weight: bold;
  margin-top: -78px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white04 {
  font-weight: bold;
  margin-top: -80px;
  margin-left: 100px;
  padding-bottom: 40px;
}
h3.font_white {
  font-weight: bold;
  margin-top: -79px;
  margin-left: 100px;
  padding-bottom: 40px;
}
}

@media screen and (max-width: 369px) and (max-width: 693px){
  .eptext1 {
    padding: 44px 20px;
  font-weight: bolder;
  font-size: 18px;
  text-align: left;
}
.eptext2 {
  font-weight: bolder;
  font-size: 18px;
  text-align: left;
}
.eptext3 {
  padding: 44px 20px;
  font-weight: bolder;
  font-size: 18px;
  text-align: left;
}
}
@media screen and (min-width: 200px) and (max-width: 350px) {
.eptext3mobile {
    padding: 33px 20px;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
  }
}



@media screen and (min-width: 200px) and (max-width: 332px) {
.eptext2 {
    padding: 17px 20px;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
  }
  .eptext1mobile {
    padding: 40px 20px;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
  }

}

@media screen and (min-width: 531px) and (max-width: 694px) {
.eptext2 {
    padding: 42px 20px;
    font-weight: bolder;
    font-size: 18px;
    text-align: left;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.gray_bg{
		margin-top: 125px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.gray_bg{
		margin-top: 125px;
	}
}