

.n_banner{

  width: 100%;
 
  height: 520px;
 
  background:#252980 url(../images/n_banner_bg1.jpg) no-repeat center;
 
 }
 
 
 
 .n_banner_box{
 
  width: 100%;
 
  max-width: 1500px;
 
  margin: 0 auto;
 
 }
 
 
 
 .n_banner_l{
 
  float: left;
 
  color: #fff;
 
  padding-top: 204px;
 
 }
 
 
 
 .n_banner_l h4{
 
  line-height: 46px;
 
  font-size: 36px;
 
 }
 
 
 
 .n_banner_l h4 span{
 
  font-family: Impact;
 
 }
 
 
 
 .n_banner_l h5{
 
  line-height: 26px;
 
  font-size: 18px;
 
  margin-top: 24px;
 
 }
 
 
 
 .n_banner_l h6{
 
  width: 60px;
 
  height: 2px;
 
  background: #fff;
 
  margin-top: 30px;
 
 }
 
 
 
 
 
 .n_banner_r{
 
  float: right;
 
  margin-right: 120px;
 
  margin-top: 54px;
 
 }
 
 
 
 
 
 @media (max-width: 1500px) {
 
 
 
  .n_banner_l{
 
   padding-left: 20px;
 
  }
 
 
 
 .n_banner_r{
 
  margin-right: 20px;
 
 }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 1266px) {
 
 
 
  .n_banner{
 
   height: 400px;
 
  }
 
 
 
 
 
  .n_banner_l{
 
   width: 100%;
 
   text-align: center;
 
   padding-top: 130px;
 
  }
 
 
 
  .n_banner_l h6{
 
   margin: 0 auto;
 
   margin-top: 30px;
 
  }
 
 
 
  .n_banner_r{
 
   display: none;
 
  }
 
 
 
 }
 
 
 
 @media (max-width: 750px) {
 
 
 
  .n_banner{
 
   height: 320px;
 
  }
 
 
 
  .n_banner_l{
 
   width: 100%;
 
   text-align: center;
 
   padding-top: 50px;
 
  }
 
 
 
  .n_banner_l h4{
 
   font-size: 30px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 /*n_banner2*/
 
 
 
 .n_banner_tow{
 
  width: 100%;
 
  height: 520px;
 
  background:url(../images/n_banner_bg2.jpg) no-repeat center;
 background-size: 100%;
 }
 
 
 
 .n_banner_tow_box{
 
  width: 100%;
 
  max-width: 588px;
 
  margin: 0 auto;
 
  color: #fff;
 
  padding-top: 170px;
 
  text-align: center;
 
 }
 
 
 
 
 
 .n_banner_tow_box h4{
 
  height: 76px;
 
  line-height: 76px;
 
  font-size: 48px;
 
  background: #ff7e00;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .n_banner_tow_box h5{
 
  line-height: 26px;
 
  font-size: 18px;
 
  margin-top: 24px;
 
 }
 
 
 
 .n_banner_tow_box h6{
 
  line-height: 32px;
 
  margin-top: 28px;
 
  font-size: 30px;
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .n_banner_tow{
 
   height: 320px;
    background-size: auto;
  }
 
 
 
  .n_banner_tow_box{
 
   padding-top: 70px;
 
  }
 
 
 
  .n_banner_tow_box h4{
 
   font-size: 35px;
 
  }
 
 
 
  .n_banner_tow_box h6{
 
   font-size: 24px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 
 
 /*n_banner2  end*/
 
 
 
 
 
 
 
 
 
 
 
 /*n_text_xx*/
 
 
 
 .n_text_xx {
 
  width: 100%;
 
  text-align: center;
 
 }
 
 
 
 .n_text_xx h3 {
 
  line-height: 40px;
 
  color: #333;
 
  font-size: 34px;
 
  font-weight: bold;
 
  text-transform:uppercase;
 
 }
 
 
 
 
 
 .n_text_xx h4{
 
  line-height: 20px;
 
  color: #666666;
 
  margin-top: 14px;
 
  font-size: 16px;
 
 }
 
 
 
 
 
 .n_text_xx h5{
 
  line-height: 30px;
 
  color: #666666;
 
  margin-top: 20px;
 
  font-size: 15px;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .n_text_xx h3{
 
   font-size: 30px;
 
   padding: 0 10px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 
 
 /*e_text_xx*/
 
 
 
 .e_text_xx {
 
  width: 100%;
 
  text-align: center;
 
 }
 .e_text_xx22 {
 
  width: 100%;
 
  text-align: center;
 
 }
 
 .e_text_xx22 h3 {
 
  line-height: 40px;
 
  color: #fff;
 
  font-size: 34px;
 
  font-weight: bold;
 
  text-transform:uppercase;
 
  background:url(../images/n_x1.png) no-repeat center bottom;
 
  padding-bottom: 24px;
 
 }
 
 .e_text_xx h3 {
 
  line-height: 40px;
 
  color: #333;
 
  font-size: 34px;
 
  font-weight: bold;
 
  text-transform:uppercase;
 
  background:url(../images/n_x1.png) no-repeat center bottom;
 
  padding-bottom: 24px;
 
 }
 
 
 
 
 
 .e_text_xx h4{
 
  line-height: 20px;
 
  color: #fff7f1;
 
  margin-top: 24px;
 
  font-size: 18px;
 
 }
 
 
 
 .e_text_xx22 h5{
 
  width: 26px;
 
  height: 24px;
 
  margin: 0 auto;
 
  background:url(../images/n_pzjt.png) no-repeat center;
 
  margin-top: 40px;
 
 }
 .e_text_xx22 h4{
 
  line-height: 20px;
 
  color: #bdbfc7;
 
  margin-top: 24px;
 
  font-size: 18px;
 
 }
 
 
 
 .e_text_xx22 h5{
 
  width: 26px;
 
  height: 24px;
 
  margin: 0 auto;
 
  background:url(../images/n_pzjt.png) no-repeat center;
 
  margin-top: 40px;
 
 }
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .e_text_xx h3{
 
   font-size: 30px;
 
   padding-left: 10px;
 
   padding-right: 10px;
 
  }
 
 
 
  .e_text_xx h4{
 
   line-height: 28px;
 
   margin-top: 20px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 /*f_text_xx*/
 
 
 
 .f_text_xx {
 
  width: 100%;
 
  text-align: center;
 
 }
 
 
 
 .f_text_xx h3 {
 
  line-height: 40px;
 
  color: #fff;
 
  font-size: 32px;
 
  font-weight: bold;
 
  text-transform:uppercase;
 
 }
 
 
 
 
 
 .f_text_xx h4{
 
  line-height: 20px;
 
  color: #d9d9d9;
 
  margin-top: 20px;
 
  font-size: 18px;
 
 }
 
 
 
 @media (max-width: 750px) {
 
 
 
  .f_text_xx h3{
 
   font-size: 30px;
 
   padding: 0 10px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /*å…­å¤§ä¼˜åŠ¿*/
 
 
 
 
 
 .cmsys_bg {
  width: 100%;
  padding-top: 46px;
  padding-bottom: 25px;
  overflow: hidden;
 }
 
 
 
 
 
 
 
 .cmsys_r {
 
  max-width: 1560px;
 
  margin: 0 auto;
 
  margin-top: 80px;
 
 }
 
 
 
 
 
 .in_cmsys_one{
 
  float: left;
 
  width: 33.333%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_cmsys_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  min-height: 265px;
 
  position: relative;
 
  z-index: 5;
 
 }
 
 
 
 
 
 .in_cmsys_four{
 
  padding: 0 24%;
 
 }
 
 
 
 
 
 .in_cmsys_four h6 {
 
  font-size: 18px;
 
  line-height: 24px;
 
  color: #333;
 
  margin-top: 32px;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .in_cmsys_four h5{
 
  font-size: 14px;
 
  color: #808080;
 
  line-height: 24px;
 
  padding-top: 10px;
 
 }
 
 
 
 
 
 .in_cmsys_tow {
 
  width: 121px;
 
  height: 121px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_cmsys_tow i {
 
  width: 121px;
 
  height: 121px;
 
  display: block;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_cmsys_one:hover {
 
  transform: translateY(-10px);
 
 }
 
 
 
 
 
 .in_cmsys_tow i.lc_d1 {
 
  background: url(../images/ys_d6.png) center no-repeat;
 
 }
 
 
 
 .in_cmsys_tow i.lc_d2 {
 
  background: url(../images/ys_d2.png) center no-repeat;
 
 }
 
 
 
 .in_cmsys_tow i.lc_d3 {
 
  background: url(../images/ys_d3.png) center no-repeat;
 
 }
 
 
 
 .in_cmsys_tow i.lc_d4 {
 
  background: url(../images/ys_d4.png) center no-repeat;
 
 }
 
 
 
 .in_cmsys_tow i.lc_d5 {
 
  background: url(../images/ys_d5.png) center no-repeat;
 
 }
 
 
 
 .in_cmsys_tow i.lc_d6 {
 
  background: url(../images/ys_d6.png) center no-repeat;
 
 }
 
 
 
 
 
 
 
 
 
 @media (max-width: 1245px) {
 
 
 
 
 
  .in_cmsys_thr{
 
   min-height: 280px;
 
  }
 
 
 
  .in_cmsys_four{
 
   padding: 0 5%;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .in_cmsys_one{
 
   width: 50%;
 
  }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 640px) {
 
 
 
  .in_cmsys_thr{
 
   min-height: 300px;
 
  }
 
 
 
 }
 
 
 
 
 
 /*å…­å¤§ä¼˜åŠ¿end*/
 
 
 
 
 
 
 
 /*é…ç½®*/
 
 
 
 
 
 .peiz_bg {
  width: 100%;
  padding-top: 62px;
  padding-bottom: 35px;
  background:#171f55;
  overflow: hidden;
 }
 
 
 
 
 
 .peiz_r {
 
  max-width: 1375px;
 
  margin: 0 auto;
 
  margin-top: 42px;
 
 }
 
 
 
 
 
 .in_peiz_one{
 
  float: left;
 
  width: 20%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_peiz_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  min-height: 200px;
 
  position: relative;
 
  z-index: 5;
 
 }
 
 
 
 
 
 .in_peiz_four{
 
 
 
 }
 
 
 
 
 
 .in_peiz_four h6 {
 
  font-size: 16px;
 
  line-height: 24px;
 
  color: #FFF;
 
  margin-top: 18px;
 
 }
 
 
 
 
 
 
 
 .in_peiz_tow {
 
  width: 91px;
 
  height: 91px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  margin: 0 auto;
 
 
 }
 
 
 
 
 
 .in_peiz_tow i {
 
  width: 91px;
 
  height: 91px;
 
  display: block;
 
  margin: 0 auto;
 
 
 }
 
 
 
 
 
 .in_peiz_one:hover {
 
  transform: translateY(-10px);
 
  }
 
 
 
 
 
 
 
 .in_peiz_tow i.lc_d1 {
 
  background: url(../images/pz_d1.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d2 {
 
  background: url(../images/pz_d2.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d3 {
 
  background: url(../images/pz_d3.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d4 {
 
  background: url(../images/pz_d4.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d5 {
 
  background: url(../images/pz_d5.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d6 {
 
  background: url(../images/pz_d6.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d7 {
 
  background: url(../images/pz_d7.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d8 {
 
  background: url(../images/pz_d8.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d9 {
 
  background: url(../images/pz_d9.png) center no-repeat;
 
 }
 
 
 
 .in_peiz_tow i.lc_d10 {
 
  background: url(../images/pz_d10.png) center no-repeat;
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .in_peiz_one{
 
   width: 50%;
 
  }
 
 
 
 }
 
 
 
 
 
 /*é…ç½®end*/
 
 
 
 
 
 
 
 /*ç§’å¼€*/
 
 
 
 .miaokai{
 
  width: 100%;
 
 max-width: 1064px;
 
 margin: 0 auto;
 
  padding-top: 58px;
  overflow: hidden;
 
 }
 
 
 
 .miaokai_box{
 
  margin-top: 70px;
 
  height: 405px;
 
  background:url(../images/dk_tu.png) no-repeat center;
 
  position: relative;
 
 }
 
 
 
 
 
 .miaokai_one{
 
  float: left;
 
  width: 138px;
 
  height: 40px;
 
  line-height: 38px;
 
  border: 1px dashed #999999;
 
  font-size: 16px;
 
  color: #121c40;
 
  text-align: center;
 
  border-radius: 4px;
 
  text-transform:uppercase;
 
 }
 
 
 
 
 
 .miaokai_ml1{
 
  margin-left: 157px;
 
 }
 
 
 
 .miaokai_ml2{
 
  margin-left: 466px;
 
  width: 142px;
 
  margin-right: 50px;
 
 }
 
 
 
 .miaokai_ml3{
 
  margin-left: 0px;
 
  margin-top: 131px;
 
 }
 
 
 
 
 
 .miaokai_ml4{
 
  margin-left: 770px;
 
  margin-top: 131px;
 
  width: 156px;
 
 }
 
 
 
 .miaokai_ml5{
 
  margin-left: 157px;
 
  margin-top: 154px;
 
 }
 
 
 
 .miaokai_ml6{
 
  width: 148px;
 
  margin-left: 470px;
 
  margin-top: 154px;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 1070px) {
 
 
 
 
 
 .miaokai{
 
  padding-top: 40px;
 
 }
 
 
 
 .miaokai_box{
 
  height: auto;
 
  background: none;
 
  margin-top: 30px;
 
 }
 
 
 
  .miaokai_ml1,
 
  .miaokai_ml2,
 
  .miaokai_ml3,
 
  .miaokai_ml4,
 
  .miaokai_ml5,
 
  .miaokai_ml6
 
  {
 
 margin: 0;
 
   width: auto;
 
  }
 
 
 
 
 
 .miaokai_one{
 
  width: 27.333%;
 
  margin: 0 3%;
 
  margin-bottom: 30px;
 
 }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .miaokai_one{
 
   width: 29.333%;
 
   margin: 0 2%;
 
   margin-bottom: 30px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 /*ç§’å¼€end*/
 
 
 
 
 
 
 
 
 
 
 
 /*å¡«å†™ä¿¡æ¯*/
 
 
 
 .in_bottom_r {
 
  width: 100%;
 
  height: 58px;
 
  background:#1B1F44 url(../images/n_lybg.jpg) no-repeat center;
 
  padding: 70px 0;
 
  margin-top: 70px;
 
  webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
 
  box-sizing: content-box;

  overflow: hidden;
 }
 
 
 
 
 
 .in_bottom_r3 {
 
  width: 100%;
 
 max-width: 1455px;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .webq_bottom_r3_1 {
 
  width: 15%;
 
  height: 58px;
 
  position: relative;
 
  background: #fff;
 
  float: left;
 
  border-radius: 5px;
 
 }
 
 
 
 
 
 .webq_bottom_ml {
 
  margin-left: 1.5%;
 
 }
 
 
 
 .webq_bottom_wione {
 
  width:38.5%;
 
 }
 

 .webq_bottom_witwo{
   width: 15%;
   overflow: hidden;
   position: relative;
 }


 #messageBgimgCode{
   width: 40%;
   height: 60%;
   position: absolute;
   top: 20%;
   right: 0;
   z-index: 999;
   cursor: pointer;
 }
 
 
 
 .webq_bd_2 {
 
  width: 100%;
 
  height: 58px;
 
  line-height: 58px;
 
  background: none;
 
  color: #333;
 
  box-sizing: border-box;
 
  padding: 0 10px 0 40px;
 
  display: block;
 
 }
 
 
 
 
 
 .ly_d1 {
 
  width: 40px;
 
  height: 58px;
 
  position: absolute;
 
  left: 0;
 
  top: 0;
 
  background: url(../images/ly_d1.png) no-repeat center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 .ly_d2 {
 
  width: 40px;
 
  height: 58px;
 
  position: absolute;
 
  left: 0;
 
  top: 0;
 
  background: url(../images/ly_d2.png) no-repeat center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .ly_d3 {
 
  width: 40px;
 
  height: 58px;
 
  position: absolute;
 
  left: 0;
 
  top: 0;
 
  background: url(../images/ly_d3.png) no-repeat center;
 
  -webkit-transition: all .5s ease-out;
 
  transition: all .5s ease-out;
 
 }
 
 

 .ly_d4 {
 
  width: 40px;
 
  height: 58px;
 
  position: absolute;
 
  left: 0;
 
  top: 0;
 
  background: url(../images/ly_d4.png) no-repeat center;
 
  -webkit-transition: all .5s ease-out;
 
  transition: all .5s ease-out;
 
 }
 
 
 
 
 
 
 .in_bottom_r4 {
 
  float: right;
 
  width: 10%;
 
  height: 58px;
 
  overflow: hidden;
 
  border-radius: 5px;
 
 }
 
 
 
 
 
 .in_bd_go {
 
  margin: 0;
 
  border: 0;
 
  width: 100%;
 
  background: #fff;
 
  cursor: pointer;
 
  color: #333;
 
  line-height: 58px;
 
  text-align: center;
 
  font-size: 16px;
 
 }
 
 
 
 
 
 .in_bottom_r3 input::-webkit-input-placeholder {
 
  color: #999999;
 
 }
 
 
 
 .in_bottom_r3 input::-moz-placeholder {
 
  color: #999999;
 
 }
 
 
 
 .in_bottom_r3 input:-moz-placeholder {
 
  color: #999999;
 
 }
 
 
 
 .in_bottom_r3 input:-ms-input-placeholder {
 
  color: #999999;
 
 }
 
 
 
 
 
 @media (max-width: 1455px) {
 
 
 
  .in_bottom_r3{
 
   padding: 0 20px;
 
  }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 1170px) {
 
 
 
  .in_bottom_r{
 
   margin-top: 20px;
 
  }
 
 
 
  .webq_bottom_r3_1{
 
   width: 20%;
 
  }
 
 
 
 
 
  .webq_bottom_wione{
 
   width: 45.5%;
 
  }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
 
 
  .in_bottom_r{
 
   height: auto;
 
   background:url(../images/n_lybg.jpg) repeat-y center;
 
   padding: 40px 0;
 
  }
 
 
 
 
 
  .webq_bottom_r3_1{
 
   width: 100%;
 
  }
 
 
 
 .webq_bottom_ml{
 
  margin-left: 0;
 
  margin-top: 25px;
 
 }
 
 
 
 .in_bottom_r4{
 
  width: 100%;
 
  margin-top: 25px;
 
 }
 
 
 
 }
 
 
 
 
 
 /*å¡«å†™ä¿¡æ¯end*/
 
 
 
 
 
 /*ç¯ç«ä¼˜åŠ¿*/
 
 
 
 
 
 .wjdhys{
 
  width: 100%;
 
  max-width: 1215px;
 
  margin: 0 auto;
 
  padding-top: 75px;
 
 }
 
 
 
 
 
 .wjdhys_box{
 
  margin-top: 54px;
 
  height: 562px;
 
  background:url(../images/wjdh_ystu.png) no-repeat center 17px;
 
  position: relative;
 
  overflow: hidden;
 
 }
 
 
 
 
 
 
 
 .wjdhys_one{
 
  float: left;
 
  width: 258px;
 
  height: 190px;
 
  color: #808080;
 
  line-height: 26px;
 
 }
 
 
 
 .wjdhys_one h6{
 
  font-size: 26px;
 
  color: #333333;
 
  line-height: 34px;
 
  font-weight: bold;
 
  padding-bottom: 14px;
 
 }
 
 
 
 .wjdhys_one span{
 
  display: block;
 
 }
 
 
 
 
 
 
 
 .wjdhys_ml1{
 
  margin-left: 698px;
 
 }
 
 
 
 .wjdhys_ml2{
 
  margin-left: 698px;
 
 }
 
 
 
 .wjdhys_ml3{
 
 margin-left: 698px;
 
 
 
 }
 
 
 
 
 
 
 
 @media (max-width: 1215px) {
 
 
 
 
 
  .wjdhys{
 
   padding-top: 40px;
 
  }
 
 
 
 
 
  .wjdhys_box{
 
   height: auto;
 
   background: none;
 
   margin-top: 50px;
 
  }
 
 
 
 
 
  .wjdhys_ml1,
 
  .wjdhys_ml2,
 
  .wjdhys_ml3
 
  {
 
   margin: 0;
 
  }
 
 
 
 
 
  .wjdhys_one{
 
   width: 27.333%;
 
   margin: 0 3%;
 
   height: 150px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .wjdhys_one{
 
   width: 96%;
 
   margin: 0 2%;
 
   height: auto;
 
   padding-bottom: 40px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 /*ç¯ç«ä¼˜åŠ¿end*/
 
 
 
 
 
 
 
 /*è¿è¥ç»éªŒ*/
 
 
 
 
 
 .yunying_bg {
 
  width: 100%;
 
  padding-top: 72px;
 
  padding-bottom: 80px;
 
  background:url(../images/jy_bg1.jpg) no-repeat center top #252525;
  overflow: hidden;
 }
 
 
 
 
 
 .yunying_r {
 
  max-width: 1440px;
 
  margin: 0 auto;
 
  margin-top: 32px;
 
 }
 
 
 
 
 
 .in_yunying_one{
 
  float: left;
 
  width: 33.333%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_yunying_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  min-height: 333px;
 
  position: relative;
 
  z-index: 5;
 
  background:url(../images/jy_bg2.png) no-repeat center top;
 
  margin: 0 8%;
 
 }
 
 
 
 
 
 .in_yunying_four{
 
 
 
 }
 
 
 
 
 
 .in_yunying_four h6 {
 
  font-size: 20px;
 
  line-height: 24px;
 
  color: #fff;
 
  margin-top: 24px;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .in_yunying_four h5{
 
  font-size: 16px;
 
  color: #fff;
 
  line-height: 28px;
 
  padding-top: 28px;
 
 }
 
 
 
 
 
 .in_yunying_tow {
 
  padding-top: 65px;
 
 }
 
 
 
 
 
 .in_yunying_tow i {
 
  width: 75px;
 
  height: 75px;
 
  display: block;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_yunying_one:hover{
 
  transform: translateY(-10px);
 
 }
 
 
 
 
 
 
 
 .in_yunying_tow i.lc_d1 {
 
  background: url(../images/jy_d1.png) center no-repeat;
 
 }
 
 
 
 .in_yunying_tow i.lc_d2 {
 
  background: url(../images/jy_d2.png) center no-repeat;
 
 }
 
 
 
 .in_yunying_tow i.lc_d3 {
 
  background: url(../images/jy_d3.png) center no-repeat;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 1245px) {
 
 
 
  .in_yunying_four{
 
   padding: 0 5%;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
 
 
 .yunying_bg{
 
  padding-top: 40px;
 
 }
 
 
 
 .yunying_r{
 
  margin-top: 10px;
 
 }
 
 
 
 
 
  .in_yunying_tow {
 
   padding-top: 30px;
 
  }
 
 
 
  .in_yunying_one{
 
   width: 100%;
 
  }
 
 
 
  .in_yunying_thr{
 
   min-height: auto;
 
   padding-bottom: 30px;
 
   background:url(../images/jy_bg2.png) repeat-x center top;
 
   margin: 0 2%;
 
  }
 
 
 
  .in_yunying_four h5{
 
   padding-top: 15px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 /*è¿è¥ç»éªŒend*/
 
 
 
 
 
 
 
 /*æ”¯æŒ*/
 
 
 
 
 
 .zhichi_bg {
 
  width: 100%;
 
  padding-top: 94px;
 
  padding-bottom: 40px;
  overflow: hidden;
 }
 
 
 
 
 
 
 
 .zhichi_r {
 
  max-width: 1380px;
 
  margin: 0 auto;
 
  margin-top: 68px;
 
 }
 
 
 
 
 
 .in_zhichi_one{
 
  float: left;
 
  width: 25%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_zhichi_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  min-height: 310px;
 
  position: relative;
 
  z-index: 5;
 
 }
 
 
 
 
 
 .in_zhichi_four{
 
  padding: 0 16%;
 
 }
 
 
 
 
 
 .in_zhichi_four h6 {
 
  font-size: 20px;
 
  line-height: 24px;
 
  color: #333;
 
  margin-top: 20px;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .in_zhichi_four h5{
 
  font-size: 14px;
 
  color: #808080;
 
  line-height: 30px;
 
  padding-top: 15px;
 
 }
 
 
 
 
 
 
 
 .in_zhichi_tow {
 
  width: 100px;
 
  height: 100px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_zhichi_tow i {
 
  width: 100px;
 
  height: 100px;
 
  display: block;
 
  margin: 0 auto;
 
 }
 
 
 
 .in_zhichi_one:hover{
 
 transform: translateY(-10px);
 
 }
 
 
 
 
 
 
 
 .in_zhichi_tow i.lc_d1 {
 
  background: url(../images/zc_d1.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d2 {
 
  background: url(../images/zc_d2.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d3 {
 
  background: url(../images/zc_d3.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d4 {
 
  background: url(../images/zc_d4.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d5 {
 
  background: url(../images/zc_d5.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d6 {
 
  background: url(../images/zc_d6.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d7 {
 
  background: url(../images/zc_d7.png) center no-repeat;
 
 }
 
 
 
 .in_zhichi_tow i.lc_d8 {
 
  background: url(../images/zc_d8.png) center no-repeat;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 1245px) {
 
 
 
  .in_zhichi_four{
 
   padding: 0 5%;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .zhichi_bg {
 
   padding-top: 40px;
 
   padding-bottom: 0px;
 
  }
 
 
 
 
 
  .in_zhichi_one{
 
   width: 50%;
 
  }
 
 
 
  .in_zhichi_thr{
 
   min-height: 280px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 /*æ”¯æŒend*/
 
 
 
 
 
 .n_hzbg{
 
  width: 100%;
 
  background:url(../images/nhz_bg.jpg) no-repeat center top #e9e9e9;
 
  padding-top: 65px;
 
  padding-bottom: 62px;
  overflow: hidden;
 }
 
 
 
 
 
 .n_hz_cent {
 
  max-width: 1500px;
 
  margin: 0 auto;
 
  margin-top: 74px;
  overflow: hidden;
 }
 
 
 
 
 
 .n_hz_one{
 
  float: left;
 
  width: 33.3333%;
 
 }
 
 
 
 .n_hz_tow {
 
  height: 140px;
 
  position: relative;
 
  z-index: 5;
 
  background: #fff;
 
  border-radius: 8px;
 
  margin: 0 7%;
 
 }
 
 
 
 
 
 
 
 .n_hz_thr {
 
  width: 155px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  float: left;
 
  padding-top: 21px;
 
 }
 
 
 
 .n_hz_thr h6{
 
  font-size: 16px;
 
  font-weight: bold;
 
  text-align: center;
 
  padding-top: 5px;
 
  line-height: 20px;
 
 }
 
 
 
 
 
 .n_hz_thr i {
 
  width: 60px;
 
  height: 60px;
 
  display: block;
 
  margin: 0 auto;
 
  -webkit-transition: -webkit-transform 1s ease-out;
 
  -moz-transition: -moz-transform 1s ease-out;
 
  -o-transition: -o-transform 1s ease-out;
 
  -ms-transition: -ms-transform 1s ease-out;
 
 }
 
 
 
 .n_hz_one:hover .n_hz_thr i{
 
  -webkit-transform: rotateY(360deg);
 
  -moz-transform: rotateY(360deg);
 
  -o-transform: rotateY(360deg);
 
  -ms-transform: rotateY(360deg);
 
  transform: rotateY(360deg);
 
 }
 
 
 
 
 
 
 
 .n_hz_thr i.lc_d1 {
 
  background: url(../images/nhz_d1.png) center no-repeat;
 
 }
 
 
 
 .n_hz_thr i.lc_d2 {
 
  background: url(../images/nhz_d2.png) center no-repeat;
 
 }
 
 
 
 .n_hz_thr i.lc_d3 {
 
  background: url(../images/nhz_d3.png) center no-repeat;
 
 }
 
 
 
 
 
 .n_hz_four{
 
  float: left;
 
  height: 76px;
 
  border-left: 1px solid #cfcfcf;
 
  margin-top: 30px;
 
  margin-left: 5px;
 
  padding-left: 35px;
 
  color: #4c4c4c;
 
 }
 
 
 
 .n_hz_four span{
 
  line-height: 28px;
 
  display: block;
 
  margin-top: -4px;
 
 }
 
 
 
 .n_hz_four i{
 
  line-height: 28px;
 
  display: block;
 
  padding-top: 10px;
 
 }
 
 
 
 
 
 .n_hz_an {
 
  width: 210px;
 
  height: 45px;
 
  font-size: 18px;
 
  margin: 0 auto;
 
  margin-top: 74px;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 .n_hz_an a {
 
  color: #fff;
 
  display: block;
 
  line-height: 45px;
 
  text-align: center;
 
  background: #ff8d3a;
 
  border-radius: 23px;
 
 }
 
 
 
 .n_hz_an a:hover {
 
  color: #ff8d3a;
 
 border: 1px solid #ff8d3a;
 
  background: #fff;
 
 }
 
 
 
 
 
 @media (max-width: 1350px) {
 
 
 
  .n_hz_tow{
 
   margin: 0 3%;
 
  }
 
 
 
 .n_hz_thr{
 
  width: 120px;
 
 }
 
 
 
 .n_hz_four{
 
  margin-left: 2%;
 
  padding-left: 5%;
 
 }
 
 
 
 
 
 }
 
 
 
 
 
 @media (max-width: 1090px) {
 
 
 
  .n_hz_cent{
 
   margin-top: 40px;
 
  }
 
 
 
 .n_hz_one{
 
  width: 100%;
 
  margin-bottom: 30px;
 
 }
 
 
 
  .n_hz_an{
 
   margin-top: 20px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 
 
 
 
 
 
 /*å•†åŸŽ*/
 
 
 
 
 
 /*n_banner3 å¼€å§‹*/
 
 
 
 .n_banner_thr{
 
  width: 100%;
 
  height: 520px;
 
  background:url(../images/b2c_bannerbg.jpg) no-repeat center;
 
 }
 
 
 
 
 
 .n_banner_thr_box{
 
  width: 100%;
 
  max-width: 1500px;
 
  margin: 0 auto;
 
 }
 
 
 
 .n_banner_thr_l{
 
  float: left;
 
  color: #fff;
 
  padding-top: 180px;
 
 }
 
 
 
 .n_banner_thr_l h4{
 
  line-height: 46px;
 
  font-size: 36px;
 
 }
 
 
 
 .n_banner_thr_l h4 span{
 
  font-family: Impact;
 
 }
 
 
 
 .n_banner_thr_l h5{
 
  line-height: 26px;
 
  font-size: 18px;
 
  margin-top: 15px;
 
 }
 
 
 
 
 
 .n_banner_thr_l i{
 
  display: block;
 
  width: 140px;
 
  height: 38px;
 
  margin-top: 42px;
 
 }
 
 
 
 .n_banner_thr_l i a{
 
  display: block;
 
  line-height: 38px;
 
  background: #ff7e00;
 
  text-align: center;
 
  color: #fff;
 
  font-size: 16px;
 
 border-radius: 5px;
 
 }
 
 
 
 .n_banner_thr_l i a:hover{
 
  border: 1px solid #ff7e00;
 
  color: #ff7e00;
 
  background: none;
 
 }
 
 
 
 
 
 .n_banner_thr_l h6{
 
  line-height: 20px;
 
  font-size: 16px;
 
  margin-top: 18px;
 
 }
 
 
 
 
 
 
 
 .n_banner_thr_r{
 
  float: right;
 
  margin-top: 42px;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 1500px) {
 
 
 
  .n_banner_thr_l{
 
   padding-left: 20px;
 
  }
 
 
 
  .n_banner_thr_r{
 
   margin-right: 20px;
 
  }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 1090px) {
 
 
 
  .n_banner_thr{
 
   height: 400px;
 
  }
 
 
 
  .n_banner_thr_l{
 
   width: 100%;
 
   text-align: center;
 
   padding-top: 100px;
 
  }
 
 
 
  .n_banner_thr_r{
 
   display: none;
 
  }
 
 
 
  .n_banner_thr_l i{
 
   margin: 0 auto;
 
   margin-top: 42px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .n_banner_thr{
 
   height: 320px;
 
  }
 
 
 
  .n_banner_thr_l{
 
   width: 100%;
 
   text-align: center;
 
   padding-top: 60px;
 
  }
 
 
 
  .n_banner_thr_l h4{
 
   font-size: 30px;
 
   padding: 0 10px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 @media (max-width: 400px) {
 
 
 
 
 
  .n_banner_thr_l{
 
   width: 100%;
 
   text-align: center;
 
   padding-top: 30px;
 
  }
 
 
 
  .n_banner_thr_l h5{
 
   font-size: 20px;
 
   padding: 0 10px;
 
  }
 
 
 
  .n_banner_thr_l i{
 
   margin-top: 20px;
 
  }
 
 
 
 }
 
 
 
 
 
 /*n_banner_thr end*/
 
 
 
 
 
 /*å¹³å°*/
 
 
 
 
 
 .pingtai_bg {
 
  width: 100%;
 
  padding-top: 65px;
 
 }
 
 
 
 
 
 
 
 .pingtai_r {
 
  max-width: 1290px;
 
  margin: 0 auto;
 
  margin-top: 45px;
 
 }
 
 
 
 
 
 .in_pingtai_one{
 
  float: left;
 
  width: 20%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_pingtai_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  position: relative;
 
  z-index: 5;
 
  margin: 0 10%;
 
  border: 1px dashed #e5efff;
 
  padding: 7px;
 
 }
 
 
 
 
 
 .in_pingtai_thrbg{
 
 background: #f7faff;
 
  height: 230px;
 
 }
 
 
 
 
 
 
 
 .in_pingtai_four{
 
  padding: 0 5%;
 
 }
 
 
 
 
 
 .in_pingtai_four h6 {
 
  font-size: 18px;
 
  line-height: 24px;
 
  color: #333;
 
  margin-top: 20px;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .in_pingtai_four h5{
 
  font-size: 14px;
 
  color: #808080;
 
  line-height: 21px;
 
  padding-top: 10px;
 
 }
 
 
 
 
 
 .in_pingtai_tow {
 
  width: 70px;
 
  height: 70px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  margin: 0 auto;
 
  padding-top: 32px;
 
  -webkit-box-sizing: content-box;
 
  -moz-box-sizing: content-box;
 
  box-sizing: content-box;
 
 }
 
 
 
 
 
 .in_pingtai_tow i {
 
  width: 70px;
 
  height: 70px;
 
  display: block;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_pingtai_one:hover {
 
  transform: translateY(-10px);
 
 }
 
 
 
 
 
 .in_pingtai_tow i.lc_d1 {
 
  background: url(../images/b2c_d1.png) center no-repeat;
 
 }
 
 
 
 .in_pingtai_tow i.lc_d2 {
 
  background: url(../images/b2c_d2.png) center no-repeat;
 
 }
 
 
 
 .in_pingtai_tow i.lc_d3 {
 
  background: url(../images/b2c_d3.png) center no-repeat;
 
 }
 
 
 
 .in_pingtai_tow i.lc_d4 {
 
  background: url(../images/b2c_d4.png) center no-repeat;
 
 }
 
 
 
 .in_pingtai_tow i.lc_d5 {
 
  background: url(../images/b2c_d5.png) center no-repeat;
 
 }
 
 
 
 
 
 
 
 
 
 @media (max-width: 1920px) {
 
 
 
 
 
  .in_pingtai_thr{
 
   margin: 0 5%;
 
 }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 1150px) {
 
 
 
  .in_pingtai_thrbg{
 
   height: 240px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 
 
 @media (max-width: 840px) {
 
 
 
 .in_pingtai_one{
 
  width: 100%;
 
  margin-bottom: 30px;
 
 }
 
 
 
  .in_pingtai_thrbg{
 
   height: auto;
 
   padding-bottom: 26px;
 
  }
 
 
 
 
 
 }
 
 
 
 
 
 
 
 /*å¹³å°end*/
 
 
 
 
 
 /*ä½“éªŒ*/
 
 
 
 
 
 .tiyan_bg {
 
  width: 100%;
 
  padding-top: 62px;
 
  padding-bottom: 52px;
 
  background: #faf9f9;
 
  margin-top: 88px;
 
 }
 
 
 
 
 
 .tiyan_box {
 
  max-width: 1212px;
 
  margin: 0 auto;
 
  margin-top: 50px;
 
 }
 
 
 
 .tiyan_box img{
 
  display: block;
 
 }
 
 
 
 
 
 @media (max-width: 1212px) {
 
 
 
  .tiyan_box img{
 
   width: 96%;
 
   margin: 0 auto;
 
  }
 
 
 
  .tiyan_bg{
 
   margin-top: 40px;
 
  }
 
 
 
 }
 
 
 
 
 
 
 
 /*ä½“éªŒend*/
 
 
 
 
 
 /*æ ¸å¿ƒ*/
 
 
 
 
 
 .hexin_bg {
 
  width: 100%;
 
  padding-top: 62px;
 
 }
 
 
 
 
 
 .hexin_r {
 
  max-width: 1410px;
 
  margin: 0 auto;
 
  margin-top: 62px;
 
 }
 
 
 
 
 
 
 
 .in_hexin_one{
 
  float: left;
 
  width: 33.333%;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
 }
 
 
 
 
 
 .in_hexin_thr {
 
  text-align: center;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  min-height: 294px;
 
  position: relative;
 
  z-index: 5;
 
 }
 
 
 
 
 
 .in_hexin_four{
 
  padding: 0 20%;
 
 }
 
 
 
 
 
 
 
 .in_hexin_four h6 {
 
  font-size: 18px;
 
  line-height: 24px;
 
  color: #333;
 
  margin-top: 22px;
 
  font-weight: bold;
 
 }
 
 
 
 
 
 .in_hexin_four h5{
 
  font-size: 14px;
 
  color: #808080;
 
  line-height: 24px;
 
  padding-top: 13px;
 
 }
 
 
 
 
 
 .in_hexin_tow {
 
  width: 120px;
 
  height: 120px;
 
  overflow: hidden;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_hexin_tow i {
 
  width: 120px;
 
  height: 120px;
 
  display: block;
 
  margin: 0 auto;
 
 }
 
 
 
 
 
 .in_hexin_one:hover {
 
  transform: translateY(-10px);
 
 }
 
 
 
 
 
 .in_hexin_tow i.lc_d1 {
 
  background: url(../images/b2ch_d1.png) center no-repeat;
 
 }
 
 
 
 .in_hexin_tow i.lc_d2 {
 
  background: url(../images/b2ch_d2.png) center no-repeat;
 
 }
 
 
 
 .in_hexin_tow i.lc_d3 {
 
  background: url(../images/b2ch_d3.png) center no-repeat;
 
 }
 
 
 
 .in_hexin_tow i.lc_d4 {
 
  background: url(../images/b2ch_d4.png) center no-repeat;
 
 }
 
 
 
 .in_hexin_tow i.lc_d5 {
 
  background: url(../images/b2ch_d5.png) center no-repeat;
 
 }
 
 
 
 .in_hexin_tow i.lc_d6 {
 
  background: url(../images/b2ch_d6.png) center no-repeat;
 
 }
 
 
 
 
 
 
 
 @media (max-width: 750px) {
 
 
 
  .in_hexin_one{
 
   width: 50%;
 
  }
 
 
 
  .in_hexin_four{
 
   padding: 0 5%;
 
  }
 
 
 
 }
 
 
 
 
 
 @media (max-width: 640px) {
 
 
 
  .in_hexin_thr{
 
   min-height: 300px;
 
  }
 
 
 
 }
 
 
 
 /*æ ¸å¿ƒend*/
 
 
 
 
 
 
 
 /*åœ¨çº¿ä½“éªŒ*/
 
 
 
 .webty_bg {
 
  width: 100%;
 
  height: 241px;
 
  background:url(../images/b2c_ty.jpg) no-repeat center;
 
  margin-top: 15px;
 
 }
 
 
 
 
 
 .webty_box {
 
 width: 100%;
 
  margin: 0 auto;
 
  padding-top: 74px;
 
  text-align: center;
 
 }
 
 
 
 
 
 
 
 .webty_an1 {
 
  width: 168px;
 
  height: 44px;
 
  font-size: 18px;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  display: inline-block;
 
  margin: 0 1.5%;
 
 }
 
 
 
 .webty_an1 a {
 
  color: #fff;
 
  display: block;
 
  line-height: 44px;
 
  text-align: center;
 
  background: #ff613a;
 
  border-radius: 5px;
 
 }
 
 
 
 .webty_an1 a:hover {
 
  color: #ff613a;
 
  line-height: 42px;
 
  border: 1px solid #ff613a;
 
  background: none;
 
 }
 
 
 
 
 
 
 
 .webty_an2 {
 
  width: 168px;
 
  height: 44px;
 
  font-size: 18px;
 
  -webkit-transition: all .3s ease-out;
 
  transition: all .3s ease-out;
 
  display: inline-block;
 
  margin: 0 1.5%;
 
 }
 
 
 
 .webty_an2 a {
 
  color: #ff613a;
 
  display: block;
 
  line-height: 42px;
 
  text-align: center;
 
  border: 1px solid #ff613a;
 
  border-radius: 5px;
 
 }
 
 
 
 .webty_an2 a:hover {
 
  color: #fff;
 
  background: #ff613a;
 
 }
 
 
 
 .webty_tel{
 
  text-align: center;
 
  font-size: 26px;
 
  color: #ff613a;
 
  line-height: 30px;
 
  padding-top: 20px;
 
 }
 
 
 
 
 
 @media (max-width: 640px) {
 
 
 
  .webty_an1{
 
   width:150px;
 
  }
 
 
 
  .webty_an2{
 
   width:150px;
 
  }
 
 
 
 }
 
 
 
 
 
 /*åœ¨çº¿ä½“éªŒend*/
 
 
 
 
 
 
 
 
 
 
 
 /*å•†åŸŽend*/
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 