.hex{font-family: "HEL";}
.heb{font-family: "HEB";}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;
overflow-x:hidden; min-width: 1280px;
padding: 0 ; width: 100%;color: #333;

font-family: Arial,'Microsoft JhengHei','Microsoft Yahei',"PingFang SC",Helvetica,Tahoma;

font-size:14px;  line-height:1;background: #000;
}

html.act{overflow: hidden;width: 100%;height: 100vh;}
.ce{ text-align: center;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#ddd;} 

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#000;}

.gdt::-webkit-scrollbar-track{ background:#ddd;} 
.pro_lnav::-webkit-scrollbar{ width:4px;height: 1px;}

.pro_lnav::-webkit-scrollbar-thumb{ background:#000;}

.pro_lnav::-webkit-scrollbar-track{ background:#ddd;} 
.ab_navs::-webkit-scrollbar{ width:0px;height: 0px;}

.fl{ float: left;}
.fr{ float: right;}
.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}
.f_42{font-size: 42px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}

.f_52{font-size: 52px;}
.f_54{font-size: 54px;}

.f_64{font-size: 64px;}




 .search i {
    font-size: 17px;
    color: #fff;
    cursor: pointer;
}


 .linear {
    width: 1px;
    height: 16px;
    margin: 0 10px;
}

 .search {

  width: auto;

  margin-left: 0;

  padding: 0;

  position: relative;

  display: flex;

}


 


 .qrcode {

  position: relative;

  display: flex;

}

 .qrcode:hover .code {

  transform: scale(1);

  transition: 0.3s cubic-bezier(0.61, 0.35, 0.77, 1.16) all;

}

.qrcode .code {

  position: absolute;

  background-color: #fff;

  width: 65px;

  height: 65px;

  left: -24px;

  top: 38px;

  transform: scale(0);

}

 .qrcode .code:before {

  content: '';

  position: absolute;

  width: 0;

  height: 0;

  border: 8px solid;

  left: 50%;

  top: -16px;

  transform: translateX(-50%);

  border-color: transparent transparent #fff transparent;

}

 .qrcode .code img {

  display: block;

  width: 100%;

}
.search .input1 {
    width: 83%;
    text-indent: 10px;
    line-height: 30px;
    height: 30px;
    outline: medium;
    background: none;
    color: #9c9c9c;
    text-align: left;
    font-size: 13px;
    border: 0;
}




.search .search_con{ display:none;position:absolute; bottom:-85px;right:-15px; width:300px; height:0px; padding-top:23px; padding-bottom:61px; background:url(../images/top_bg2.png) no-repeat;z-index:100;/* border:1px solid #eee;box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.2);border-radius: 2px;*/}
.search .search_con .input1{ height:39px; line-height:39px; background:#f8f8f8; border:0; padding-left:5px; margin-left:16px; padding-right:47px; width:174px; float:left; outline:none;}
.search .search_con .bnts{ float:right; width:40px; height:39px; background:url(../images/top_pic3.png) no-repeat; cursor:pointer;margin-right: 10px;}
.search .search_con .bnts:hover{transition:all 0.3s;background:url(../images/top_pic4.png) no-repeat;}


.goods_content{ margin-top: 30px; line-height: 30px; font-size: 16px;}


.common-more{display: flex; align-items: center; justify-content: space-between; width: 20%; height: 60px; line-height: 60px; background: #0E59D1; box-sizing: border-box; padding: 0 3%;border-radius: 4px;color: #FFFFFF;font-size: 18px; transition: all .3s; position: relative; display: inline-block;}

.common-more:hover{color: #ffffff; transform: translateY(-5px);}

.more-box{ position: absolute;width:23px; height: 23px; border: 1px solid #fff; border-radius: 50%; display: inline-block; opacity: 1; right: 10%; top:27%;}

.more-box::before{position: absolute; content: '';  left: 50%;top:50% ; width:5px;; height: 5px; background: #fff; border-radius: 50%; margin-top: -6%; margin-left: -.025rem; z-index: 99;}

.more-box::after{position: absolute; content: ''; top: 50%;  right:27.7%; margin-top: -0.05px;}
.common-more i {
  position: absolute;
  right: -5px;
  bottom: -20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 1);
  z-index: 11;
  display: block;
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
}
.common-more i:nth-child(2) {
  transform: scale(2);
}
.common-more i:nth-child(3) {
  transform: scale(3);
}

.common-more:hover{
   
    color: #fff;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.common-more:hover i:nth-child(4){
  -webkit-animation: sxxs1 1s .3s linear infinite;
  -moz-animation: sxxs1 1s .3s linear infinite;
}
.common-more:hover i:nth-child(5){
  -webkit-animation: sxxs1 1s .6s linear infinite;
  -moz-animation: sxxs1 1s .6s linear infinite;
}
.common-more:hover i:nth-child(6){
  -webkit-animation: sxxs1 1s 1s linear infinite;
  -moz-animation: sxxs1 1s 1s linear infinite;
}





.common-moree{display: flex; align-items: center; justify-content: space-between; width: 30%; height: 60px; line-height: 60px; background: #0E59D1; box-sizing: border-box; padding: 0 3%;border-radius: 4px;color: #FFFFFF;font-size: 18px; transition: all .3s; position: relative; display: inline-block;}

.common-moree:hover{color: #ffffff; transform: translateY(-5px);}

.more-box{ position: absolute;width:23px; height: 23px; border: 1px solid #fff; border-radius: 50%; display: inline-block; opacity: 1; right: 10%; top:27%;}

.more-box::before{position: absolute; content: '';  left: 50%;top:50% ; width:5px;; height: 5px; background: #fff; border-radius: 50%; margin-top: -6%; margin-left: -.025rem; z-index: 99;}

.more-box::after{position: absolute; content: ''; top: 50%; right:27.7%; margin-top: -0.05px;}
.common-moree i {
  position: absolute;
  right: -5px;
  bottom: -20px;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 1);
  z-index: 11;
  display: block;
  border-radius: 50%;
  transform: scale(1);
  opacity: 0;
}
.common-moree i:nth-child(2) {
  transform: scale(2);
}
.common-moree i:nth-child(3) {
  transform: scale(3);
}

.common-moree:hover{
   
    color: #fff;
    clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);
}

.common-moree:hover i:nth-child(4){
  -webkit-animation: sxxs1 1s .3s linear infinite;
  -moz-animation: sxxs1 1s .3s linear infinite;
}
.common-moree:hover i:nth-child(5){
  -webkit-animation: sxxs1 1s .6s linear infinite;
  -moz-animation: sxxs1 1s .6s linear infinite;
}
.common-moree:hover i:nth-child(6){
  -webkit-animation: sxxs1 1s 1s linear infinite;
  -moz-animation: sxxs1 1s 1s linear infinite;
}




@keyframes sxxs1{
  0% {
    -webkit-transform: scale(0);
    opacity: .3;
  }
100% {
  -webkit-transform: scale(10);
  opacity: 0;
  }
}


/*分页*/

.BMap_omCtrl{ display:none !important;}

.a_dw{position: relative;top: -70px;}

.box {min-width: 1200px;width:100%;padding: 0 160px;  margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.page1{clear:both; text-align:center; height: 45px;margin: 30px 0 0;text-align: center;}

.page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;background: #f7f7f7;}

.page1 span a:hover,.page1 span.current a{  background:#005ed1; color:#fff;}

.page1 span{margin:2px 5px;}

.page2{width: 120px;height: 40px;background: #005ed1;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all 1.4s cubic-bezier(.4,0,.2,1); -moz-transition: all 1.4s cubic-bezier(.4,0,.2,1); transition: all 1.4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}



/* 首页 */

.fpg{width: 100%;height: 100vh;position: relative;overflow: hidden;}

.fpg .section{width: 100%;height: 100%;overflow: hidden;position: relative;}

.fpg .section > img{display: block;width: 1920px;max-width: 1920px;height: 100%;}

.head{width: 100%;position: fixed;top: 0;left: 0;z-index: 9;}

.head img{width: 1920px;margin: 0 auto;max-width: 1920px;}

.fpg .section .fp-tableCell{position: relative;overflow: hidden;}

.fpg .section_1 .vid{position: absolute;top: 0;left: 0;z-index: 2;display: block;width: 100%;opacity: 0.6;}

.fpg .section_1 .txt{position: absolute;top: 50%;left: 0;z-index: 2;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.fpg .section_1 .txt .tt{font-size: 52px;color: #fff;line-height: 1;margin-bottom: 30px;}


.fpg .section_1 .txt .tt span{display: block;float: left;padding: 0 2px;opacity: 0;}

.fpg .section_1 .txt .tt span{ -webkit-animation-name: ss;-moz-animation-name: ss;animation-name: ss;-webkit-animation-duration: .3s;-moz-animation-duration: .3s;animation-duration: .2s;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;animation-fill-mode: forwards;animation-delay:.5s;-webkit-animation-delay:.5s;}

.fpg .section_1 .txt .tt span:nth-child(1){animation-delay:.9s;-webkit-animation-delay:.9s;}

.fpg .section_1 .txt .tt span:nth-child(2){animation-delay:.5s;-webkit-animation-delay:.5s;}

.fpg .section_1 .txt .tt span:nth-child(3){animation-delay:.65s;-webkit-animation-delay:.65s;}

.fpg .section_1 .txt .tt span:nth-child(4){animation-delay:.75s;-webkit-animation-delay:.75s;}

.fpg .section_1 .txt .tt span:nth-child(5){animation-delay:.95s;-webkit-animation-delay:.95s;}

.fpg .section_1 .txt .tt span:nth-child(6){animation-delay:.5s;-webkit-animation-delay:.5s;}

.fpg .section_1 .txt .tt span:nth-child(7){animation-delay:.85s;-webkit-animation-delay:.85s;}

.fpg .section_1 .txt .tt span:nth-child(8){animation-delay:.45s;-webkit-animation-delay:.45s;}

.fpg .section_1 .txt .tt span:nth-child(9){animation-delay:.95s;-webkit-animation-delay:.95s;}



@-webkit-keyframes ss {
    0% {
      background: #ffffff;
      -webkit-transform: scale(1.2);
              transform: scale(1.2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      background: rgba(255, 255, 255, 0);
    }
  }
  
  @keyframes ss {
    0% {
      background: #ffffff;
      -webkit-transform: scale(1.2);
         -moz-transform: scale(1.2);
              transform: scale(1.2);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
         -moz-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      background: rgba(255, 255, 255, 0);
    }
}


.fpg .section_1 .hd{position: absolute;bottom: 35px;left: 50%;z-index: 2;width: 100%;width: 230px;margin-left: -115px;}


.fpg .section_2 .txt{position: absolute;top: 50%;left: 0;z-index: 2;width: 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color: #fff;}

.fpg .section_2 .txt .tt2{margin: 30px 0 40px;}

.fpg .section_2 .txt .slt{width: 48.75%;float: left;}

.fpg .section_2 .txt .slt .tc{line-height: 2;text-align: justify;margin-bottom: 50px;}

.fpg .section_2 .txt .srt{width: 48.75%;float: right;}

.fpg .section_2 .txt .srt li{width: 33.33%;float: left;text-align: right;}

.fpg .section_2 .txt .srt li .counter{font-size: 72px;font-weight: bold;line-height: 1;}

.fpg .section_2 .txt .srt li .ntt{margin-top: 10px;}

.fpg .section_2 .txt .srt li:nth-child(n + 4){margin-top: 100px;}



.fpg .section_4 .waveWrapper{position: absolute;z-index: 2;width: 100%;height: 100%;overflow: hidden;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}

.waveWrapperInner {position: absolute;width: 100%;overflow: hidden;height: 100%;bottom: -1px;}

.bgTop {z-index: 15;opacity: 0.5;}

.bgMiddle {z-index: 10;opacity: 0.75;}

.bgBottom {z-index: 5;}

.wave {position: absolute;left: 0;width: 200%;height: 100%;background-repeat: repeat no-repeat;background-position: 0 bottom;transform-origin: center bottom;}

.waveTop {background-size: 50% 150px;}

.waveAnimation .waveTop {animation: move-wave 3s; -webkit-animation: move-wave 3s; -webkit-animation-delay: 1s; animation-delay: 1s;}

.waveMiddle {background-size: 50% 200px;}

.waveAnimation .waveMiddle {animation: move_wave 10s linear infinite;-webkit-animation: move_wave 10s linear infinite;}

.waveBottom {background-size: 50% 150px;}

.waveAnimation .waveBottom {animation: move_wave 5s linear infinite;-webkit-animation: move_wave 5s linear infinite;}



@keyframes move_wave {
    0% {transform: translateX(0) translateZ(0) scaleY(1)}50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-moz-transform: translateX(0) translateZ(0) scaleY(1)}50% {-moz-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-moz-transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-ms-transform: translateX(0) translateZ(0) scaleY(1)}50% {-ms-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-ms-transform: translateX(-50%) translateZ(0) scaleY(1)}
}

@-webkit-keyframes move_wave {

    0% {transform: translateX(0) translateZ(0) scaleY(1)}50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-moz-transform: translateX(0) translateZ(0) scaleY(1)}50% {-moz-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-moz-transform: translateX(-50%) translateZ(0) scaleY(1)}

    0% {-ms-transform: translateX(0) translateZ(0) scaleY(1)}50% {-ms-transform: translateX(-25%) translateZ(0) scaleY(0.55)}100% {-ms-transform: translateX(-50%) translateZ(0) scaleY(1)}
}

.clear{ clear: both;}



.cpfl ul li:nth-of-type(7) a{ margin-right: 0px;}

.cpfl ul li a{ float: left; background: #fff; height: 46px; margin-right: 1.4555%; text-align: center; line-height: 46px; width: 13%; display: inline-block; -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; display: inline-block;}


.cpfl ul li:hover a{ background: #0057ae; color: #fff;}



.cpflt ul li a{ float: left; background: #fff; height: 46px; margin-right: 1.27777%; text-align: center; line-height: 46px; width: 13%; display: inline-block; }
.cpflt ul li a{ -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; display: inline-block;}


.cpflt ul li:nth-of-type(7){ margin-right: 0px;}
.cpflt ul li:hover a{ background: #0057ae; color: #fff;}


.cpny{ background: #fff; height: auto; overflow: hidden; margin-top: 64px;}
.cpny_tit{ width: 90%; margin: 0px auto;}
.cpny_l_tit{ color: #272727; font-size: 36px; font-weight:bold; margin-top: 93px;}
.cpny_l{ width: 50%;}
.cpny_r{ width: 50%;margin: 0px auto;}
.cpny_r img{  text-align: center; margin: 0px auto;} 
.cpny_l_mid{ margin-top: 46px;}
.cpny_l_mid ul li{ color: #272727; font-size: 16px; margin-top: 15px; list-style-position: 30px;}
.cpny_tex{ margin-top: 91px;}
.cpny_tex_pic{ width: 10%;}
.cpny_texx{ width: 88%;}
.texx1{ color: #272727; font-size: 18px;}
.texx2{ color: #0057ae; font-size: 30px; font-weight: bold; margin-top: 14px;}


 .probtn {
  margin-top: 64px;
  height: 40px;
  line-height: 40px;
}
 .zixun {
    background-image: url(../images/btn2.png);
}
 .probtn a {
  display: inline-block;
  width: 140px;
  height: 100%;
  margin-right: 30px;
  color: #fff;
  font-size: 16px;
  text-indent: 54px;
  background-position: 24px center;
  background-color: #0057ae;
  background-repeat: no-repeat;

    text-decoration: none;
  
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.yyfw{ color: #272727; font-size: 30px;  font-weight: bold; border-bottom: 2px solid #0057ae; margin-top: 130px; line-height: 40px;}
.cpxq{ color: #272727; font-size: 16px; line-height:35px;}

.fpg .section_4 .txt1{position: absolute;width: 300px;top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);color: #fff;text-align: center;}

.fpg .section_4 .txt1 .tc{margin: 30px 0 50px; }
.zdt{ margin-top: 50px;}
.cpxq{ margin-top: 50px; width: 70%; }
.cpxq ul li{ float: left; text-align: center; width:49%;}
.cpxq ul li:nth-of-type(2){ float: right;}

.yyny{ margin-top: 40px; padding-bottom: 60px; height: auto; overflow: hidden;}
.yynye{ color: #272727;  font-size: 18px; margin-top: 30px; line-height: 30px;}
.yyny_r{ width: 55.99999%}
.yyny_r ul li{ float: left; width:50%;}
.yyny_l{ width: 44%;}


.fpg .section_4.act .txt1 .logo{transform: scale(0);-webkit-transform: scale(0);transition-delay: .5s;-webkit-transition-delay: .5s;}

.fpg .section_4.act .txt1,.fpg .section_4.act .waveWrapper{opacity: 0; transition-delay: .5s;-webkit-transition-delay: .5s;}

.fpg .section_4 .txt2{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;overflow: hidden;opacity: 0;}

.fpg .section_4 .txt2 .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.fpg .section_4 .txt2 .ul1 li{position: absolute;width: 17.2%;position: absolute;top: 40%;left: 45%;z-index: 2;transform: scale(0);-webkit-transform: scale(0);opacity: 0;}

.fpg .section_4.act .txt2{opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(1){top: 20%;left: 35%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1s;-webkit-transition-delay: 1s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(2){top: 23%;left: 57%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.1s;-webkit-transition-delay: 1.1s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(3){top: 23%;left: 75%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.2s;-webkit-transition-delay: 1.2s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(4){top: 40%;left: 15%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.3s;-webkit-transition-delay: 1.3s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(5){top: 40%;left: 45%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.4s;-webkit-transition-delay: 1.4s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(6){top: 45%;left: 65%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.5s;-webkit-transition-delay: 1.5s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(7){top: 65%;left: 7%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.6s;-webkit-transition-delay: 1.6s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(8){top: 58%;left: 32%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.7s;-webkit-transition-delay: 1.7s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(9){top: 62%;left: 52%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.8s;-webkit-transition-delay: 1.8s;}

.fpg .section_4.act .txt2 .ul1 li:nth-child(10){top: 68%;left: 75%;opacity: 1;transform: scale(1);-webkit-transform: scale(1);transition-delay: 1.9s;-webkit-transition-delay: 1.9s;}

.fpg{position: relative;z-index: 88;}
.fpg.act{
	pointer-events: none;
}	
.fpg.act .section .connet .r{
	pointer-events: stroke;
}
.ind_box.act .logo2{display: block;}
.ind_box.act .logo1{display: none;}




.inner-pro .ttbox .fir{
    text-align:center;
    font-size:36px;
    color:#000;
}
.inner-pro .ttbox .sec{
    text-align:center;
    font-size:16px;
    color: #696969;
    margin-top: 1%;
}
.inner-pro-item{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 70px;
}
.transi {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.inner-pro-list{
    width: 49%;
    background: #fff;
    margin-bottom: 2%;
    height: 300px;
    margin-right: 2%;
}
.inner-pro-list:nth-child(2n){
    margin-right: 0;
}
.inner-pro-list .imgbox{
    width: 45%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.inner-pro-list .imgbox img{
    max-height: 85%;
}
.inner-pro-list .con{
    width: 55%;
    height: 100%;
    padding:0 5%;
    display: flex;
    align-items: center;
    position: relative;
}
.inner-pro-list .con:after{
    content:"";
    position: absolute;
    width: 0;
    height: 5px;
    background: #0057ae;
    transition: all 0.35s;
    left:0;
    bottom:0;
}
.inner-pro-list:hover .con:after{
    width: 100%;
}
.inner-pro-list .con .inner{
    width: 100%;
}
.inner-pro-list .con .title{
    color: #333;
    font-size:20px;
}
.inner-pro-list .con .abox{
    margin-top: 12%;
}
.inner-pro-list .con .abox a{
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #0057ae;
}
.inner-pro-list .con .abox a:nth-child(1):hover{
    background: #171717;
}
.inner-pro-list .con .abox a:nth-child(2){
    background: #3d3c3d;
}
.inner-pro-list:nth-child(odd) .imgbox{
    float: left;
}
.inner-pro-list:nth-child(odd) .con{
    float: right;
}
.inner-pro-list:nth-child(even) .imgbox{
    float: right;
}
.inner-pro-list:nth-child(even) .con{
    float: left;
}
.inner-pro-list:hover{
    box-shadow: 0 0 35px -10px rgb(0 0 0 / 30%);
}







.section2 {

  background-color: #fff;

  position: relative;

  width: 100%;

}

.section2 .bcTxt {

  position: absolute;

  right: 10%;

  top: 0px;

  z-index: 99;

  width: 35%;

  transform: translateY(-50%);

}

 .section2 .bcTxt img {

  display: block;

  width: 100%;

}

 .section2 .swiper-display {

  width: 100%;

  overflow: hidden;

}

.section2 .swiper-display .swiper-slide img {

  display: block;

  width: 100%;

}

.section2 .swiper-display .swiper-button-next, .container .section2 .swiper-display .swiper-button-prev {

  width: 50px;

  height: 50px;

  background-color: #fff;

  border-radius: 50%;

  box-sizing: border-box;

  padding: 5px;

  right: 50px;

}

 .section2 .swiper-display .swiper-button-prev:after,  .section2 .swiper-display .swiper-container-rtl .swiper-button-next:after,  .section2 .swiper-display .swiper-button-next:after,  .section2 .swiper-display .swiper-container-rtl .swiper-button-prev:after {

  font-size: 25px;

  color: #333;

}

 .section2 .con {
  position: absolute;
  z-index: 99;
  top: 0;
  width: 90%;
  left: 50%;

  height: 100%;

  transform: translateX(-50%);

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}

.section2 .con .top {

  display: flex;

  align-content: center;

  justify-content: space-between;

  padding-top: 120px;

}

.section2 .con .top .title .english {

  color: #ffffff;

  opacity: 0.23;

}

.section2 .con .top .title .chinese {

  color: #ffffff;

}
 .title .chinese {
    font-family: MicrosoftYaHei-Bold;
    font-size: 44px;
    font-weight: 700;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #292929;
    margin-top: 23px;
}
 .title .english {
    font-family: NexaBold;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: 0px;
    color: #ced0d4;
}


.section2 .con .top .num {

  font-family: Bebas;

  font-size: 30px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

 .section2 .con .top .num .current {

  font-family: Bebas;

  font-size: 60px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #ffffff;

}

 .section2 .con .bottom {

  display: flex;
  padding-bottom: 70px;

}

 .section2 .con .bottom .item {

  width: 33.33%;

  display: flex;

  align-content: center;

  justify-content: center;

  background-color: #fff;

  padding: 21px 0;

  cursor: pointer;

}

 .section2 .con .bottom .item.active {

  background-color: #0E59D1;

}

 .section2 .con .bottom .item.active div,  .section2 .con .bottom .item.active h3,  .section2 .con .bottom .item.active p {

  color: #fff !important;

}

 .section2 .con .bottom .item .left {

  padding-right: 35px;

}

 .section2 .con .bottom .item .left .num {

  font-family: Bebas;

  font-size: 36px;

  font-weight: 700;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1a1a1a;

}

 .section2 .con .bottom .item .right {

  display: flex;

  flex-direction: column;

  justify-content: center;

  position: relative;

  padding-left: 35px;

}

 .section2 .con .bottom .item .right:before {

  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  background-color: #dbdbdb;

  transform: translateY(-50%);

  height: 60%;

  width: 1px;

}

 .section2 .con .bottom .item .right h3 {

  font-family: MicrosoftYaHei-Bold;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #1a1a1a;

}

 .section2 .con .bottom .item .right p {

  font-family: MicrosoftYaHeiLight;

  font-size: 16px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #4a4a4a;

}

.sllist{ width:100%; float:left; }
.sllist li{ width:17.08%; padding-left:1.49%; overflow:hidden; float:left; overflow:hidden; position:relative;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.sllist li:nth-child(1){ width:15.59%; padding-left:0;}
.sllist li .pic{ width:769px;}
.sllist li .pic img{ width:100%;}
.sllist li .sl_title{ font-size:25px; color:#fff; padding-top:71px; position:absolute; top:410px; margin-left:30px;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.sllist li .sl_title p{ background:url(../images/xian.png) left bottom no-repeat; padding-bottom:10px; }
.sllist li:nth-child(1) .sl_title{  background:url(../images/sltitle1.png) top left no-repeat;}
.sllist li:nth-child(2) .sl_title{  background:url(../images/sltitle2.png) top left no-repeat;}
.sllist li:nth-child(3) .sl_title{  background:url(../images/sltitle3.png) top left no-repeat;}
.sllist li:nth-child(4) .sl_title{  background:url(../images/sltitle4.png) top left no-repeat;}

.sllist li .numb{ width:63px; height:43px; position:absolute; top:30px; right:30px; opacity:0.5;}
.sllist li:nth-child(1) .numb{ }
.sllist li:nth-child(2) .numb{ }
.sllist li:nth-child(3) .numb{ }
.sllist li:nth-child(4) .numb{ }
.sllist li .sl_desc{margin-left:30px; position:absolute; top:-500px;transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.sllist li .sl_desc p{font-size:24px; color:#ffffff; line-height:2;}
.sllist li .sl_desc span{font-size:14px; color:#ffffff; line-height:2; display:block; margin:10px 0;}
.sllist li .sl_desc a{ width:196px; height:55px; display:block; background:#1c4fa2; font-size:17px; color:#ffffff; text-align:center; line-height:55px;}
.sllist li.li_on{width:47.8%;}
.sllist li.li_on .numb{opacity:1;}
.sllist li.li_on .sl_desc{ top:289px;}
.sllist li.li_on .sl_title{ top:160px;}
.sllist li.li_on .sl_title p{ background:none;}
.sllist li:nth-child(2) .sl_desc{text-shadow:2px 1px 3px #000;}


/* 首页 */

.banner .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
}


.ds_zc2 .devc{
	font-size: 16px;
	color: #666666;
	line-height: 1.7em;
}

.ds_zc2 .devc{
	text-indent: 2em;
}
.ds_zc2 .devc p{
	margin-bottom: 22px;
}

.ds_zc2 .bot_qm .qm{
	justify-content: flex-end;
}


.banner{
	height: 100%;
}

.banner .swiper-slide .img_ml{display: none;}

.banner .pagination1{
	bottom: 40px;
}
.banner .swiper-slide video{
	position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 50%;
	    left: 0;
	    z-index: 1;
	    -webkit-transform: translatey(-50%);
	    -moz-transform: translatey(-50%);
	    -o-transform: translatey(-50%);
	    transform: translatey(-50%);
	    object-fit: cover;
}
.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .6;
	margin: 0 10px!important;
}
.banner .swiper-pagination-bullet-active{
	background-color: #0057ae;
}
.banner .text{
	position: absolute;
	top: 30%;
	color: #fff;
	left: 25%;
	z-index: 3;
}

.banner .text p{
	line-height: 1.4em;
	margin-bottom: 5px;
}
.banner .text .tit{
	line-height: 1.4em;
}
.pl_140{
	padding-left: 88px;
	padding-right: 60px;
}
.ind_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
.ind_box.act{
	z-index: 0;
}

.left_nav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 99;
	width: 25%;
	padding:50px 0 50px 60px;
}

.ind_box .logo2{
	display: none;
}
.ind_box .ul1 a{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	width: 4em;
	display: inline-block;
	margin-top: 55px;
	position: relative;
}

.ind_box .ul1 li:last-child a{
	margin-bottom: 0;
}

.ind_box .ul1 a::before{
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 130%;
	margin-top: -0.5px;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
	    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
	    transition: all .4s cubic-bezier(.4,0,.2,1);
		opacity: 0;
}
.ind_box .ul1 li.act a::before{
	width: 100%;
	opacity: 1;
}
.ind_box .ul1 a:hover::before{
	width: 100%;
	opacity: 1;
}

 .connet .l {
	width: 25%;
	float: left;
	pointer-events: none;
}

 .connet .r {
	width: 75%;
	float: right;
	background-color: #fff;
	padding-top: 5%!important;
}
.connet .rt{ background: #eeeeee;}
 .connet {
	min-height: 100%;
}
.fpg .connet .l, .fpg .connet .r{
	height: 100%;
}

 .connet .l, .connet .r{
	min-height: 100%;
}
.fpg .connet{
	height: 100%;
}


.g_tit .tit{
	color: #1d1e1f;
	margin-bottom: 35px;
}


.connet .bg1{
    background-color: #eeeeee;}
.g_tit s{
	width: 36px;
	height: 3px;
	background-color: #00479d;
	margin-bottom: 26px;
	display: block;
}
.g_tit p{
	color: #666;
	line-height: 1.6em;
}

.g_more{
	text-align: center;
	background-color: rgba(191,201,215);
	color: #fff;
	width: 140px;
	line-height: 44px;
	border-radius: 44px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.g_more::before{
	content: '';
	background-color: #00479d;
	position: absolute;
	width: 0%;
	height: 100%;
	top: 0;
	right: 0;
	left: auto;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
	-moz-transition: all .4s cubic-bezier(.4,0,.2,1);
	transition: all .4s cubic-bezier(.4,0,.2,1);
}
.g_more span{
	position: relative;
	z-index: 3;
}
.g_more:hover:before{
	width: 100%;
	left: 0;
	right: auto;
}
.g_more img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 9px;
}
.t_box .g_tit{
	margin-bottom: 50px;
}
.t_box{
	display: flex;
	margin-bottom:90px;
}
.t_box .cl{
	width: calc(100% - 649px);
	padding-right: 20px;
}
.t_box .cr{
	width: 50%;
	position: relative;
}

.t_box .cr img{
	width: 100%;
}

.t_box .cr .spot{
	position: absolute;
   top: 45%;
       right: 9%;
	font-weight: bold;
	color: #00275f;
}

.t_box .cr .spot span{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #0053bd;
	position: relative;
	margin-right: 10px;
	z-index: 8;
}

.t_box .cr .spot span::before{
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -11px;
	margin-left: -11px;
	background-color: #0053bd;
	opacity: .4;
	border-radius: 50%;
	    animation: pulsate 1.5s ease-out infinite;
	    -webkit-animation: pulsate 1.5s ease-out infinite;
	z-index: -1;
}

@keyframes pulsate {0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } }

@-webkit-keyframes  pulsate {0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } }


.num_list{
	display: flex;
	justify-content: space-between;
	text-align: center;
	padding-right: 40px;
	
}
.itemm { position: relative; display:inline-block; width:217px; height:217px;padding-top: 40px; }
.itemm:before { content:''; width: 100%; height: 100%; background: url(../images/habg2.png) no-repeat center/cover; position: absolute; left:0; top:0; }
@keyframes lds-hourglass {
	0% {
		transform:rotate(0);
	}
	5% {
		transform:rotate(18deg);
	}
	10% {
		transform:rotate(36deg);
	}
	15% {
		transform:rotate(54deg);
	}
	20% {
		transform:rotate(72deg);
	}
	25% {
		transform:rotate(90deg);
	}
	30% {
		transform:rotate(108deg);
	}
	35% {
		transform:rotate(126deg);
	}
	40% {
		transform:rotate(144deg);
	}
	45% {
		transform:rotate(162deg);
	}
	50% {
		transform:rotate(180deg);
	}
	55% {
		transform:rotate(198deg);
	}
	60% {
		transform:rotate(216deg);
	}
	65% {
		transform:rotate(234deg);
	}
	70% {
		transform:rotate(252deg);
	}
	75% {
		transform:rotate(270deg);
	}
	80% {
		transform:rotate(288deg);
	}
	85% {
		transform:rotate(306deg);
	}
	90% {
		transform:rotate(324deg);
	}
	95% {
		transform:rotate(342deg);
	}
	100% {
		transform:rotate(360deg)
	}
}
.itemm:hover:before { animation:lds-hourglass 2s infinite; }

.num_list .tit .num{
	font-size: 60px;
	margin-right: 4px;
	font-family: "HEB";
}
.num_list .tit {
	font-size: 30px;
	color: #0057ae;
	margin-bottom: 20px;
}
.num_list .itemt p{
	font-size: 15px;
	color: #555;
	line-height: 1.6em;
}
.pro_application{
	
}
.pro_application .swiper2{
	margin-bottom: 20px;
}

.pro_application .swiper2 img{
	display: block;
	width: 100%;
	transition: all .5s linear;
}
.pro_application .swiper2 .swiper-slide{
	overflow: hidden;
}
.pro_application .swiper2 .swiper-slide:hover img{
	-webkit-transform: scale(1.06);
	    -moz-transform: scale(1.06); 
	    -ms-transform: scale(1.06); 
	    -o-transform: scale(1.06); 
	    transform: scale(1.06);
}

.pro_application .swiper2 .swiper-slide .tit{
	position: absolute;
	bottom: 58px;
	width: 100%;
	left: 0;
	padding-left: 20px;
	color: #fff;
	line-height: 1.4em;
}

.pro_application .swiper2 .swiper-slide a{
	width: 100%;
	height: 100%;
	
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
}

.pro_application .swiper2 .swiper-slide:nth-child(2n){
	padding-top: 73px;
}

.pro_application .swiper2 .pagination2{
	display: none;
}
.btn_lr {
	display: flex;
	justify-content: flex-end;
}
.btn_lr div{
	width: 45px;
	height: 45px;
	position: relative;
	margin-left: 15px;
	cursor: pointer;
}
.btn_lr div:hover img{
	opacity: 0;
}
.btn_lr div:hover img:last-child{
	opacity: 1;
}
.btn_lr div img{
	width: 100%;
	height: 100%;
}
.btn_lr div.swe2_next{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.btn_lr div img:last-child{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}


.section_3 .r{
	position: relative;
}

.section_3 .r .bg_gif{
	position: absolute;
	    top: 60vh;
	    left: 0;
	    opacity: .2;
}

.new_tr{
	padding-top: 70px;
	margin-bottom: 90px;
}
.new_tr .li{
}

.new_tr .li .dfix{
	display:flex ;
	position: relative;
}
.new_tr .li.act{
	display: block;
}

.new_tr .li a.acon{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.new_tr .pic{
	width: 600px;
}
.new_tr .pic img{
	display: block;
	width: 100%;
}
.new_tr .txt{
	width: calc(100% - 600px);
	padding-left: 70px;
}
.new_tr .txt .data{
	color: #666666;
	margin-bottom: 25px;
}
.new_tr .txt .tit{
	color: #333;
	line-height: 1.7em;
	margin-bottom: 50px;
}

.new_tr .txt {display: flex;align-items: center;}

.data_s{
	display: flex;
	padding-left: 133px;
	position: relative;
	z-index: 2;
}
.data_s .item s{
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #c3c7cf;
	display: inline-block;
	margin-right: 18px;
}

.data_s .item{
	color: #999999;
	font-weight: 100;
	margin-right: 170px;
	cursor: pointer;
	padding: 0 20px;
	background-color: #fff;
	position: relative;
}

.data_s .item:last-child{
	margin-right: 0;
}

.data_s::before{
	content: '';
	width: 100%;
	height: 2px;
	background: #f4f6f9;
	left: 0;
	position: absolute;
	top: 6%;
	margin-top: -1px;
	z-index: -1;
}


.data_s .item.act s,.data_s .item:hover s{
	background-color: #0057ae;
}
.data_s .item p{
	position: relative;
	z-index: 2;
}


.data_s .item .num{
	font-size: 92px;
	color: #eee;
    -webkit-transform: translate(-30%,-50%);
    -moz-transform: translate(-30%,-50%);
    -o-transform: translate(-30%,-50%);
    transform: translate(-51%,-63%);
	background-color: #fff;
	font-family:"fd";
	opacity: 0;
}

.data_s .item.act .num{
	opacity: 1;
}

/* 底部 */

.fd_box{
	padding: 65px 0 ;
}
.df{
	background: #f9f9f9;
}
.fd_box{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.fd_box::before{
	content: "";
	height: 145px;
	
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-o-transform: translatey(-50%);
	transform: translatey(-50%);
	
}

.info ul li{ float: left; text-align: center; width: 50%;}
.info ul li .ewm_tex{ margin-top: 15px;}


.fd_box .tit{
	color: #1d1e1f;
	margin-bottom: 30px;
}

.fd_box .info img{
	display: inline-block;
	vertical-align: middle;
	
	margin-right: 8px;
}

.fd_box .info a{
	color: #666666;
	display: block;
	margin-bottom: 12px;
	font-size: 14px;
}
.fd_box .icons .item{
	width: 40px;
	height: 40px;
	position: relative;
	position: relative;
	margin-right: 20px;
	cursor: pointer;
}
.clear{ clear: both;}
.fwdh{ color: #585657; font-size: 16px; margin-top: 20px;}
.fwdh_tex{ color: #585657; font-size: 24px; font-weight: bold; margin-top: 12px;}
.db{ height: 69px; background: #e2e2e2; text-align: center; line-height: 69px;}
.fft{flex: 1;}

.ft{display: flex;}
 .footer-top{width: 10%;background: #0E59D1;display: flex;align-items: center;justify-content: center;}

.footer-top >div{color: #fff;font-size: 16px;font-weight: 400;line-height: 22px; writing-mode: tb-rl; cursor: pointer;}

.footer-top >div .more-box{transform: rotate(-90deg);margin-bottom: 87px; position: relative; right: 0;}



.fd_box .icons .item .img2,.fd_box .icons .item .img1{
	display: block;
	width: 100%;
	height: 100%;
}

.fd_box .icons .item .img2{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.fd_box .icons .item .img2:hover{
	opacity: 1;
}
.fd_box .icons {
	
	margin-bottom: 20px;
	
}
.ftly{ margin-right: 10%;}
.fd_box .d_ico{
	font-size: 12px;
	color: #666666;
}
.fd_box .d_ico p ,.fd_box .d_ico a{
	line-height: 1.4em;
	display: inline-block;
}

.fd_box .d_ico .ga_b{
	display: flex;
	align-items: center;
	margin-top: 4px;
}

.fd_box .d_ico .ga_b img{
	-webkit-transform: translatey(-1px);
	-moz-transform: translatey(-1px);
	-o-transform: translatey(-1px);
	transform: translatey(-1px);
}




.fd_box .d_ico p{
	margin-right: 8px;
}
.fd_box .d_ico .t1{
	margin-bottom: 10px;
}
.fd_box .d_ico img{
	margin: 0 10px;
	-webkit-transform: translatey(2px);
	-moz-transform: translatey(2px);
	-o-transform: translatey(2px);
	transform: translatey(2px);
}


.fd_box .icons .item .qr{
	position: absolute;
	bottom: 110%;
	left: 50%;
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	transform: translatex(-50%);
	width: 130px;
	opacity: 0;
	pointer-events: none;
}

.fd_box .icons .item:hover .qr{
	opacity: 1;
	pointer-events: inherit;
}
.map_con .ml ul{
	position: relative;
}

.map_con .ml ul li:not(:first-child){
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.map_con .ml ul li{
	opacity: 0;
}
.map_con .ml ul li.act{
	opacity: 1;
}
.map_con .ml ul li img{
	/* width: 100%; */
}
.map_con{
	padding-top: 40px;
}

.map_con{
	display: flex;
	justify-content: space-between;
}

.map_con .ml{
	width: calc(100% - 460px);
}

.map_con .mr{
	border: 1px solid #eaeaea;
	height: 546px;
	width: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

.map_con .mr .item .tit{
	color: #333;
	line-height: 1.4em;
	margin-bottom: 18px;
}
.map_con .mr .item .desc{
	color: #666666;
	font-size: 14px;
	line-height: 1.4em;
}

.map_con .mr .item{
	height: 136px;
	display: flex;
	align-items: center;
	padding-left: 50px;
	padding-right: 20px;
	border-bottom: 1px solid #d7d7d7;
	cursor: pointer;
}

.map_con .mr .item:last-child{
	border-bottom: none;
}

.map_con .mr .item:hover,.map_con .mr .item.act{
	background-color: #0057ae;
}
.map_con .mr .item:hover .tit,.map_con .mr .item.act .tit{
	color: #fff;
}

.map_con .mr .item:hover .desc,.map_con .mr .item.act .desc{
	color: #fff;
}



/* pointer-events: stroke; */


/* 关于我们 */

.plr_100{
	padding: 0 4.2vw;
}




.main{
	height: 100%;
	pointer-events: none;
}
.connet .r{
	pointer-events: stroke;
}
body,html{
	height: 100%;
}
.main .connet{
	position: relative;
	z-index: 100;
	height: 100%;
}


.ab_r1{
	display: flex;
	justify-content: space-between;
}

.ab_navs{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #6b8198;
}
.ab_navs a.item,.ab_navs div.item{
	display: inline-block;
	color: #6b8198;
	margin: 0 5px;
	position: relative;
	padding: 0 25px;
	cursor: pointer;
	line-height: 55px;
}
.ab_navs a{
	color: #6b8198;
}
.ab_navs a.item::before{
	content: '';
	width: 8px;
	height: 1px;
	background-color: #6b8198;
	position: absolute;
	top: 50%;
	left: 13px;
}
.ab_navs a.item::after{
	content: '';
	width: 8px;
	height: 1px;
	background-color: #6b8198;
	position: absolute;
	top: 50%;
	right: 13px;
}
.ab_navs div.item span{
	position: relative;
	width: 11px;
	height: 7px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	margin-top: -2px;
}
.ab_navs div img{
	width: 100%;
	height: 100%;
}
.ab_navs div img:last-child{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
}
.ab_navs a:hover,.ab_navs div:hover,.ab_navs a.act,.ab_navs div.act{
	background-color: #0057ae;
	color: #fff;
}
.ab_navs a:hover::before,.ab_navs a.act::before,.ab_navs a:hover::after,.ab_navs a.act::after{
	background-color: #fff;
}

.ab_navs div:hover img:last-child,.ab_navs div.act img:last-child{
	opacity: 1;
}
.ab_r1{
	margin-bottom: 80px;
}
.ab_ds .desc{
	color: #666;
	line-height: 1.8em;
	margin-bottom: 46px;
}

.ab_ds .tit{
	font-size: 18px;
	color: #0057ae;
	margin-bottom: 10px;
}

.ab_ds .tit span{
	font-size: 62px;
	margin-right: 8px;
}

.ab_ds .num_l{
	display: flex;
	margin-bottom: 55px;
}

.ab_ds .num_l .item{
	margin-right: 60px;
}
.ab_ds .num_l .item:last-child{
	margin-right: 0;
}

.ab_ds .num_l p{
	font-size: 16px;
	color: #555;
}

.ab_img img{
	width: 100%;
}



.lc_swi{
	font-size: 80px;
	text-align: center;
	/* color: #f5f6f8; */
	font-family:"gb";
	margin-bottom: 76px;
}
.lc_swi .swiper-slide{
	color: #f5f6f8;
}
.lc_swi .swiper-slide span{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #e6e9ee;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 8;
	cursor: pointer;
}

.lc_swi .swiper-slide span::before{
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	background-color: #bfc9d7;
}

.lc_swi .swiper-slide-active{
	color: #ebf1f7;
}

.lc_swi .swiper-slide-active span{
	background: #aeccef;
}
.lc_swi .swiper-slide-active span::before{
	background-color: #00479d;
}
.lc_swi .liens{
	height: 10px;
	background-color: #fff;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -5px;
	z-index: -1;
	padding-top: 4px;
}
.lc_swi .swiper-slide p{
	position: relative;
	z-index: -1;
}

.lc_swi .len2{
	background-color: #e6e9ee;
	height: 2px;
	width: 100%;
}
.lc_two{
	display: flex;
	justify-content: space-between;
}

.lc_two .ll {
	width: 558px;
}
.lc_two .ll .swiper-slide{
	border-radius: 12px;
	overflow: hidden;
}
.lc_two .ll img{
	display: block;
	width: 100%;
}
.lc_two .rr{
	width: calc(100% - 620px);
}

.lc_two .lc_txt .tit{
	font-family:"gb";
	color: #bfc9d7;
	font-size: 42px;
	margin-bottom: 30px;
	line-height: 1.4em;
}
.lc_two .lc_txt .swiper-slide.on .tit{
	color: #00479d;
}
.lc_two .lc_txt s{
	display: block;
	height: 2px;
	background-color: #aeccef;
	margin-bottom: 46px;
}

.lc_two .lc_txt .swiper-slide.on s{
	background-color: #bfc9d7;
}

.lc_two .lc_txt .desc{
	color: #bfc9d7;
}

.lc_two .lc_txt .swiper-slide.on .desc{
	color: #333;
}

.lc_two .lc_txt .desc span{
	display: block;
	line-height: 1.4em;
	margin-bottom: 12px;
}
.lc_two .lc_txt .desc p{
	line-height: 1.4em;
}

.p_100{
	padding-top: 100px;
}
.ab_lc .swiper-button-prev, .ab_lc .swiper-button-next{
	width: 45px;
	height: 45px;
	-webkit-background-size: cover;
	background-size: cover;
	    -webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
	    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
	    transition: all .4s cubic-bezier(.4,0,.2,1);
}


.ab_lc .swiper-button-prev{
	background-image: url(../images/lr.png);
	left: 0;
}
.ab_lc .swiper-button-next{
	background-image: url(../images/lr.png);
	    transform: rotate(
	180deg
	);
	    -webkit-transform: rotate(
	180deg
	);
	right: 0;
}
.ab_lc .swiper-button-prev:hover, .ab_lc .swiper-button-next:hover{
	background-image: url(../images/lr2.png);
}

/* .lc_txt .swiper-slide{
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	transform: translatex(-50%);
} */



.ab_lc .swiper-button-prev .swiper-button-disabled,.ab_lc .swiper-button-next .swiper-button-disabled{
	opacity: 1;
}


.ab_lc .swiper-button-prev.swiper-button-disabled,.ab_lc .swiper-button-next.swiper-button-disabled{
	opacity: 1;
	    cursor: pointer;
	    pointer-events: stroke;
}


.ab_lc{
		padding-bottom: 100px;
		position: relative;
}
.ab_lc .bg_gig{
	position: absolute;
	    top: 41vh;
	    left: 0;
	    opacity: .2;
		transform-style:preserve-3d;
		 transform: rotatey(180deg);

}



.ab_ds img,.ab_jg img{
	 width: 100%;
}
.ab_jg img {
    width: 85%;
	margin: 0 auto;
}

.ab_jg .yuan{
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background-color: #0057ae;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 3;
}

.ab_jg .big_y{
	width: 330px;
	height: 330px;
	border-radius: 50%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #b7d0e8;
	position: relative;
	z-index: 3;
}

.ab_jg .big_y::before {
    content: '';
    width: 330px;
    height: 330px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #7fabd6;
    opacity: .4;
    border-radius: 50%;
    animation: pulsate2 1.5s ease-out infinite;
    -webkit-animation: pulsate2 1.5s ease-out infinite;
	z-index: -1;
	width: ;
}


@keyframes pulsate2 {0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } }

@-webkit-keyframes  pulsate2 {0% {transform: scale(0.8);-webkit-transform: scale(0.8);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.3);-webkit-transform: scale(1.3);opacity: 0; } }

/* <!-- 企业文化 --> */
.ab_wh .tit{
	color: #666;
	line-height: 1.4em;
	margin-bottom: 60px;
}

.zs_list span{
	position: relative;
	width: 38px;
	display: inline-block;
	margin-right: 10px;
}

.zs_list span img{
	width: 100%;
	height: 100%;
}

.zs_list span img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.zs_list .ic_tit{
	color: #0057ae;
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

.zs_list p{
	color: #666666;
	line-height: 1.4em;
	margin-bottom: 14px;
}
.zs_list .desc{
	line-height: 1.4em;
	color: #0057ae;
	display: none;
}

.zs_list li{
	padding: 18px 56px;
	position: relative;
	background-color: rgba(255,255,255,.4);
}

.zs_list li.act p{
	color: #0057ae;
}

.zs_list li.act span img:last-child{
	opacity: 1;
}
.zs_list li::before{
	content: '';
	width: 6px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #0057ae;
	opacity: 0;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
	    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
	    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.zs_list li.act::before{
	opacity: 1;
}

.zs_list li.act{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.ab_wh .con{
	
	background-repeat: no-repeat;
	background-position: top right;
	-webkit-background-size: cover;
	background-size: cover;
}
.zs_list{
	margin-bottom: 92px;
}

.js_swi1 .swiper-slide{
	display: flex;
	justify-content: space-between;
}

.js_swi1 .swiper-slide .pic{
	width: 600px;
}
.js_swi1 .swiper-slide .pic img{
	width: 100%;
}
.js_swi1 .swiper-slide .txt{
	width: calc(100% - 600px);
	padding-left: 80px;
	padding-top: 48px;
}

.js_swi1 .swiper-slide .txt .tit{
	line-height: 1.4em;
	margin-bottom: 24px;
}

.js_swi1 .swiper-slide .txt .descs{
	color: #666666;
	line-height: 1.6em;
}
.js_swi1 {margin-bottom: 70px;}
.js_swi2 .swiper-slide{
	color: #999999;
	text-align: center;
	cursor: pointer;
	width: auto;
    padding-top: 5px;
}

.js_swi2 .swiper-slide span{
	display: inline-block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #c3c7cf;
	margin-right: 14px;
}

.js_swi2 .swiper-slide.act{
	color: #0057ae;
}

.js_swi2 .swiper-slide.act span{
	background-color: #0057ae;
}

.y_swi .swiper-slide{
	padding: 10px;
	background-color: #eff3f6;
	color: #333;
	text-align: center;
}

.y_swi .swiper-slide img{
	width: 100%;
}

.y_swi .swiper-slide .txt{
	padding: 20px 0 10px;
}
.y_swi {margin-bottom: 40px;}
.ab_ry .y_an {
	display: flex;
	justify-content: flex-end;
}
.ab_ry .y_an div{
	width: 45px;
	height: 45px;
	position: relative;
	cursor: pointer;
	margin-left: 15px;
}
.ab_ry .y_an img{
	display: block;
	width: 100%;
	height: 100%;
}
.ab_ry .y_an img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}


.ab_ry .y_an div:hover img:last-child{
	opacity: 1;
}

.ab_ry{
	padding-bottom: 75px;
	background-image: url(../images/yy.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding-left: 9%;
	padding-right: 9%;
}
.ab_ry .y_an .next{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.ab_navs div{
	position: relative;
}


.ab_navs div.act .con{
    color: #fff;
}


.ab_navs div .up_a{
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	display: none;
	background-color: #f9f9f9;
}

.ab_navs div .up_a a{
	display: block;
	text-align: center;
	margin: 0;
	background-color: #f9f9f9;
	color: ##6b8198;
	line-height: 42px;
	font-size: 14px;
}

.ab_navs div .up_a a:hover{
	background-color: #0057ae;
	color: #fff;
}

.ab_navs .item p{
	display: inline-block;
}
.ab_navs .item p{
	color: #6b8198;
}
.ab_navs .item:hover p{
	color: #fff;
}

.g_fh {
	display: block;
	color: #ffffff;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 30px;
	
}
.g_fh span{
	display: inline-block;
	width: 45px;
	height: 45px;
	position: relative;
	margin-right: 10px;
}

.g_fh span img{
	width: 100%;
	height: 100%;
}

.g_fh span img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.g_fh:hover img:last-child{
	opacity: 1;
}

.pro_lnav .item{
	display: inline-block;
	line-height: 50px;
	width: 132px;
	text-align: center;
	color: #67738e;
	cursor: pointer;
	border-radius: 25px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.pro_lnav .item:last-child{
	margin-right: 0;
}
.pro_lnav .item.act,.pro_lnav .item:hover{
	background-color: #00479d;
	color: #fff;
}




.pro_list li{
	color: #222;
	background-color: #f9f9f9;
	padding: 10px 12px 0;
	position: relative;
	width: 33.33333%;
	float: left;
	margin-bottom: 38px;
}
.pro_list li .txt{
	padding: 38px 0;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.pro_list li .pic{
	overflow: hidden;
}
.pro_list li .pic img{
	width: 100%;
}
.pro_list li a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


.pro_list li:hover{
	background-color: #fff;
}
.pro_list li:hover a{
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
		
}




.pro_list li:hover img{
	 -webkit-transform: scale(1.04);
	    -moz-transform: scale(1.04); 
	    -ms-transform: scale(1.04); 
	    -o-transform: scale(1.04); 
	    transform: scale(1.04);
}
.pro_ban {
	position: relative;
}
.pro_ban .p_ml{
	display: none;
}

.pro_ban img{
	width: 100%;
}

.pro_ban .text{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 0 35px 35px;
	display: flex;
	justify-content: space-between;
}

.pro_ban .text .tit{
	color: #fff;
	width: 280px;
	padding-top: 15px;
}
.pro_ban .text .desc{
	width: calc(100% - 300px);
	color: #fff;
	line-height: 1.7em;
	height: 6.8em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.pro_content{
	background-color: #f2f6fb;
	padding: 80px 35px 40px;
}
.pd_qh{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 80px;
}
.pro_tit{
	color: #666666;
	font-weight: bold;
	text-align: center;
	width: calc(100% - 190px);
}
.pro_tit .swiper-slide.act a{
	color: #0057ae;
}
.pro_tit .swiper-slide{
	padding-bottom: 30px;
	line-height: 1.4em;
}

.pd_qh .l_tit{
	width: 170px;
	color: #0057ae;
	-webkit-transform: translatey(-5px);
	-moz-transform: translatey(-5px);
	-o-transform: translatey(-5px);
	transform: translatey(-5px);
}
.pd_qh .l_tit span{
	position: relative;
	display: inline-block;
	height: 100%;
}
.pd_qh .l_tit span::before{
	content: '';
	width: 41px;
	height: 3px;
	background-color: #0057ae;
	position: absolute;
	bottom: -6px;
	left: 50%;
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	transform: translatex(-50%);
}

.pro_tit .swiper-slide span{
	cursor: pointer;
}

.pro_tit .swiper-slide::before{
	content: "";
	width: 1px;
	height: 14px;
	background-color: #cdcdcd;
	position: absolute;
	left: 50%;
	bottom: 0px;
}

.pro_ban2{
	position: relative;
	color: #fff;
	margin-bottom: 40px;
}

.pro_ban2 .p_ml{
	display: none;
}

.pro_ban2 img{
	display: block;
	width: 100%;
}
.pro_ban2 .text{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 35px;
}
.pro_desc2{
	display: flex;
	justify-content: space-between;
	
} 
.pro_desc2 .tit{
	color: #333;
	width: 280px;
}
.pro_desc2 .desc{
	color: #666;
	line-height: 1.7em;
	width: calc(100% - 300px);
}
.pro_desc2 .desc a{
	color: #333;
	display: inline-block;
	margin-top: 16px;
    -webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
    transition: all .4s cubic-bezier(.4,0,.2,1);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
    line-height: 1.2em;
	font-size: 18px;
}

.n_moerz{
	text-align: right;
}

.pro_desc2 .desc a:hover{
	color: #0057ae;
	font-weight: bold;
	border-color: #9bb2d7;
}

.pro_rcon .swiper-slide{
	width: 30%;
	padding: 30px 0;
	cursor: pointer;
}

.pro_rcon .swiper-slide p{
	font-size: 92px;
    color: #eee;
    font-family: "fd";
    /* opacity: 0; */
	top: 50%;
	left: 0%;
	position: absolute;
	z-index: -1;
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-o-transform: translatey(-50%);
	transform: translatey(-50%);
}


.pro_rcon .swiper-slide span{
	width: 11px;
	    height: 11px;
	    border-radius: 50%;
	    background-color: #c3c7cf;
	    display: inline-block;
	    margin-right: 18px;
}

.pro_rcon .swiper-slide .ya{
	color: #666666;
	z-index: 2;
	display: flex;
	align-items: center;
	padding-left: 40px;
}

.pro_rcon .swiper-slide .ya s{
	width: 75px;
	height: 2px;
	background-color: #f4f6f9;
	display: inline-block;
	margin-left: 8px;
}
.pro_rcon .swiper-slide.act p{
	color: #bfd1e7;
}
.pro_rcon .swiper-slide.act .ya{
	color: #0057ae;
}
.pro_rcon .swiper-slide.act span{
	background-color: #0057ae;
}

.pro_content{
	margin-bottom: 65px;
}
.pro_td{
	margin-bottom: 50px;
}
.pro_td li:first-child,.pro_td li a{ 
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.pro_td li a{
	padding: 33px 0;
}

.pro_td li .itvm:nth-child(1){
	width: 21%;
}
.pro_td li .itvm:nth-child(2){
	width: 18.5%;
}
.pro_td li .itvm:nth-child(3){
	width: 18.14%;
}
.pro_td li .itvm:nth-child(4){
	width: 24.6%;
}
.pro_td li .itvm:nth-child(5){
	width: 16.1%;
}

.pro_td li:first-child .itvm{
	background: #0057ae;
	font-size: 16px;
	color: #fff;
	line-height: 68px;
}

.pro_td li img{
	display: inline-block;
	vertical-align: middle;
}

.pro_td li .itvm{
	text-align: center;
	font-size: 18px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	line-height: 47px;
}

.pro_td li:not(:first-child) .itvm,.pro_td li:not(:first-child) .itvm span{
	color: #333;
	font-weight: normal;
}


.pro_td li:not(:first-child):hover .itvm:not(:last-child){
	color: #0057ae;
}
.pro_td li:not(:first-child):hover .itvm ,.pro_td li:not(:first-child):hover .itvm span{
	color: #0057ae;
	font-weight: bold;
}
.pro_td li:hover a{
	background-color: #f2f6fb;
}
.pro_td li a span{
	border-bottom: 1px solid rgba(0,0,0,0);
	
}

.pro_td li:hover a span{
	border-color: #9bb2d7;
}

.pro_sdc{
	margin-bottom: 30px;
}
.pages_sy{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pages_sy li{
	display: inline-block;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #666666;
	margin: 0 12px;
}
.pages_sy li.act a{
	font-size: 24px;
	color: #0f61b3;
}
.pages_sy .jt{
	position: relative;
	width: 45px;
	height: 45px;
	padding: 0;
	margin: 0 10px;
}

.pages_sy .jt img{
	display: block;
	width: 100%;
	height: 100%;
}

.pages_sy .jt img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.pages_sy .jt:hover img:last-child{
	opacity: 1;
}
.pages_sy .next{
	    transform: rotate(
	180deg
	);
	    -webkit-transform: rotate(
	180deg
	);
}
.pages_sy .inp{
	width: 25px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid #eeeeee;
	overflow: hidden;
	position: relative;
}
.pages_sy .inp input{
	border: none;
	outline: none;
	width: 100%;
	height: 100%;
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.pages_sy li:hover a{
	color: #0f61b3;
}

.pro_r1{
	padding-bottom: 100px;
	padding-top: 60px;
}
.pro_rcon .swiper-slide a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.cur_g{    line-height: 1.4em;
}
.cur_g span{
	color: #1d1e1f;
}
.cur_g img{
	margin: 0 20px 0 16px;
	display: inline-block;
}

.cur_g a{
	color: #67738e;
}

.cur_g a:hover{
	color: #0f61b3;
}

.xq_con .tit{
	color: #333333;
	text-align: center;
	line-height: 1.4em;
	margin-bottom: 18px;
}
.xq_con{
	padding: 60px 90px 0;
}
.xq_con .con{
	border-top: 1px dashed #d6d6d6;
	padding-top: 40px;
	margin-bottom: 50px;
}
.xq_con .con .imgs{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.xq_con .con .imgs img{
	margin: 0 15px 30px;
	max-width: 49%;
	
}

.xq_con .tit2{
	color: #333;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 32px;
}
.xq_con .con2 {
	margin-bottom: 50px;
}
.xq_con .con2 .lr{
	display: flex;
	justify-content: space-between;
}

.xq_con .con2 .lr .pic{
	width: 50%;
	padding-right: 50px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.xq_con .con2 .lr .pic img{
	width: 49%;
	display: inline-block;
	margin-bottom: 10px;
}

.xq_con .con2 .lr .txt{
	width: 50%;
	color: #4a4a4a;
	line-height: 1.7em;
	padding-top: 20px;
}

.xq_con .con3 .c_bg{
	background-image: linear-gradient(to right, #eff4f6, #bfdff1 , #96cded);
	padding: 30px 30px 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


.xq_con .con3 .c_bg img{
	width: 49%;
	border-radius: 26px;
	margin-bottom: 10px;
}
.zn1 {margin-bottom: 70px;}

.zn1 .text{
	color: #666666;
	line-height: 1.7em;
	margin-bottom: 54px;
}
.zn2 .g_tit .tit{margin-bottom: 25px;}

.zn2 .g_tit{margin-bottom: 50px;}

.zn1 img{
	width: 100%;
}
.np_btn{
	display: flex;
	justify-content: center;
}

.np_btn div{
	width: 45px;
	height: 45px;
	position: relative;
	margin: 0 7px;
	cursor: pointer;
}

.np_btn div img{
	display: block;
	width: 100%;
	height: 100%;
}
.np_btn div img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.np_btn div:hover img:last-child{
	opacity: 1;
}
.np_btn div.pic_next{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.pic_swi{margin-bottom: 75px;}

.zn1 .ab_ds .num_l p{
	color: #666666;
}

.zn1 .ab_ds .tit{
	color: #000;
}
.zn1 .ab_ds .item.act .tit{
	color: #0057ae;
}
.zn1 .ab_ds .item.act  p{
	color: #0057ae;
}

.zn1 .ab_ds .item{cursor: pointer;}


.us_swi .swiper-slide img{
	width: 100%;
}
.us_swi .swiper-slide .txt{
	text-align: center;
	color: #9cabba;
	padding: 18px 0;
}

.us_swi .swiper-slide-active .txt{
	color: #0057ae;
}

.us_swi{
	margin-bottom: 60px;
}
.us_swi .swiper-slide {
	transform:scale(0.8);
}

.us_swi .swiper-slide-active {
	transform:scale(1);
}
.us_swi .swiper-slide-next{
	-webkit-transform: translatex(-30%) scale(0.8);
	-moz-transform: translatex(-30%) scale(0.8);
	-o-transform: translatex(-30%) scale(0.8);
	transform: translatex(-30%) scale(0.8);
	z-index: -1;
}

.us_swi .swiper-slide-prev{
	-webkit-transform: translatex(30%) scale(0.8);
	-moz-transform: translatex(30%) scale(0.8);
	-o-transform: translatex(30%) scale(0.8);
	transform: translatex(30%) scale(0.8);
	z-index: -1;
}
.us_box{
	overflow: hidden;
	/* max-height: 580px; */
}


.np_btn div.us_next {
    transform: rotate(180deg);-webkit-transform: rotate(180deg);
}

.us_box2 li{
	cursor: pointer;
}
.us_box2 li:first-child{
	color: #fff;
	line-height: 70px;
}
.us_box2 li:first-child p{
	background-color: #0057ae;
	font-size: 16px;
}
.us_box2 li:first-child{
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.us_box2 li p:nth-child(1){
	width: 21%;
}

.us_box2 li p:nth-child(2){
	width: 16.7%;
}

.us_box2 li p:nth-child(3){
	width: 16.7%;
}
.us_box2 li p:nth-child(4){
	width: 24.7%;
}

.us_box2 li p:nth-child(5){
	width: 19.3%;
}



.us_box2 .ul2 li .lit{
	display: flex;
	justify-content: space-between;
	text-align: center;
	width: 100%;
	padding: 26px 0;
	font-size: 18px;
}
.us_box2 .ul2 li .lit p{
	color: #333;
}
.us_box2 .ul2 li span{
	width: 15px;
	height: 9px;
	display: inline-block;
	position: relative;
}

.us_box2 .ul2 li span img{
	width: 100%;
	height: 100%;
}
.us_box2 .ul2 li.act span img{
	opacity: 0;
}
.us_box2 .ul2 li span img:last-child{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	 /* transform: rotate(180deg);-webkit-transform: rotate(180deg); */
}


.us_box2 .ul2 li.act img:last-child{
	opacity: 1;
	 /* transform: rotate(0deg);-webkit-transform: rotate(0deg); */
}

.us_box2 .ul2 li.act .lit p{
	color: #0057ae;
	font-weight: bold;
}
.us_box2 .ul2 li.act {
	background-color: #f2f6fb;
}

.us_box2 .ltbm{
	padding: 26px 90px;
	display: none;
}
.us_box2 .ltbm .tit{
	color: #333333;
	margin-bottom: 30px;
}

.us_box2 .ltbm .desc{
	color: #4a4a4a;
	line-height: 1.7em;
}

.us_box2 .ltbm .con{
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}
.us_box2 .ltbm .con .tl,.us_box2 .ltbm .con .tr{
	width: 50%;
}
.us_box2 .ltbm .con .tl{
	padding-right: 10px;
}
.us_box2 .ltbm .con .tr{
	margin-left: 10px;
}
.us_box2 .ltbm .con .tit{
	margin-bottom: 12px;
}

.yx_btn{
	width: 128px;
	height: 35px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 35px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background-color: rgba(191,201,215);
	padding: 0 22px;
}

.yx_btn img{
	margin-right: 8px;
}

.yx_btn:hover{
	background-color: #0057ae;
}

.us_box2 .ul2{
	margin-bottom: 50px;
}
.new_list{
	margin-bottom: 50px;
}
.new_list li{
	padding: 30px;
	display: flex;
	justify-content: space-between;
	border-radius: 9px;
	background-color: #f9f9f9;
}

.new_list li .pic{
	width: 295px;
}
.new_list li .pic img{width: 100%;}

.new_list li .text{
	width: calc(100% - 345px);
	padding:13px 0 10px;
	border-bottom: 1px solid #f1f1f1;
}
.new_list li .tit{
	line-height: 1.4em;
	margin-bottom: 18px;
}
.new_list li .text .desc{
	color: #666666;
	line-height: 1.6em;
	height: 4.8em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-bottom: 20px;
}
.new_list li .info{
	display: flex;
	justify-content: space-between;
}

.new_list li .date{
	color: #c3c7cf;
}
.new_list li .date span{
	width: 10px;
	height: 10px;
	background-color: #c3c7cf;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}
.new_list li .more s{
	height: 3px;
	background-color: #0057ae;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	margin-top: -2px;
	width: 0;
}

.new_list li:hover .more s{
	width: 23px;
}

.new_list li:hover .more{
	color: #0057ae;
}

.new_list li:hover .tit{
	color: #0057ae;
}

.new_list li{
	position: relative;
	margin-bottom: 35px;
}
.new_list li a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.new_list li:hover{
	/* box-shadow: 0 0 12px rgba(0,0,0,.1); */
	box-shadow: 0 0 30px -5px #ccc;
	background-color: #fff;
}

.news_boc{
	margin-bottom: 100px;
}

.news_boc .date{
	color: #999999;
	display: flex;
	align-items: center;
	font-family:"gr";
}
.news_boc .date span{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	background-color: #999999;
	margin-top: -2px;
}


.sx_btn .ti{
	display: inline-block;
	color: #333333;
}

.sx_btn .ti:hover{
	color: #0057ae;
	font-weight: bold;
}

.sx_btn span{
	margin: 0 12px;
}
.nd_tit{
	display: flex;
	justify-content: space-between;
	margin-bottom: 36px;
}

.news_boc .title{
	color: #333;
	margin-bottom: 50px;
}

.news_boc .d_con{
	color: #666666;
	line-height: 1.9em;
}

.news_boc .d_con img{
	margin: 0 auto;
}

.d_di{
	position: relative;
	color: #333333;
	text-align: center;
}
.d_di::before{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ccd1d9;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5px;
}

.d_di span{
	padding: 0 50px;
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.news_boc .d_con{
	margin-bottom: 50px;
	padding-top: 50px;
	border-top: 1px solid #ccd1d9;
}

.lx_box{
	width: 100%;
}

.lx_box #map{
	height: 630px;
	width: 100%;
}
.lx_box{
	position: relative;
}
.map_info {
	padding: 40px 60px;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 16%;
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-o-transform: translatey(-50%);
	transform: translatey(-50%);
	border-radius: 12px;
}
.map_info .tit{
	color: #0057ae;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.map_info .desc{
	color: #666666;
	line-height: 1.4em;
}

.map_info .desc a{
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.map_info .desc span{
	position: relative;
	margin-right: 9px;
	text-align: center;
	width: 15px;
	height: 14px;
}
.map_info .desc span img{
	display: block;
	width: 100%;
	height: 100%;
}

.map_info .desc span img:last-child{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}

.map_info .desc a:hover{
	color: #0057ae;
}
.map_info .desc a:hover span img{
	opacity: 0;
}
.map_info .desc a:hover span img:last-child{
	opacity: 1;
}
.lx_box2 .g_tit s{
	margin-bottom: 20px;
}

.lx_box2 .g_tit .tit{
	margin-bottom: 18px;
}

.lx_box2 .g_tit p{
	color: #666666;
}
.lx_box2 .g_tit{
	margin-bottom: 35px;
}
.lx_box2 {
	padding: 50px 60px;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
	border-radius: 12px;
}

.inp_list input{
	height: 50px;
	border-radius: 20px;
	width: 47.5%;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 0 28px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; 
	outline: none;
}
.inp_list .item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.inp_list .item .inp1{
    height: 50px;
    width: 47.5%;
    border-radius: 20px;
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    padding: 0 28px;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif, Microsoft Yahei;
    outline: none;
    display: flex;
    align-items: center;

}

.inp_list .item .inp1 span{
    width: 48px;
    color: #666;
}
.inp_list .item .inp1 span em{
    color: #ff0000;
}
.inp_list .inp1 input {
    outline: none;
    width: calc(100% - 50px);
    background-color: transparent;
    border: none;
    padding: 0;

}


.inp_list textarea{
	width: 100%;
	height: 158px;
	resize: none;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 13px 28px;
	font-size: 16px;
	border-radius: 20px;
	font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; 
}
.inp_list{margin-bottom: 40px;}
.up_sc .tit{
	color: #666666;
	margin-bottom: 13px;
}

.up_sc p{
	font-size: 12px;
	color: rgba(102,102,102,.7);
	line-height: 1.4em;
}

.up_sc {
	width: 47.5%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.up_sc .up_an{
	width: 150px;
	height: 50px;
	position: relative;
	cursor: pointer;
}

.up_sc .up_an img{
	width: 100%;
	height: 100%;
}

.up_sc .up_an img.last{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.up_sc .up_an:hover img.last{
	opacity: 1;
}

.lx_box2 .up_an input{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	opacity: 0;
}

.up_sc .ul{
	width: calc(100% - 60px);
}


.li_btn{
	width: 140px;
	line-height: 45px;
	border-radius: 45px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	background-color: #bfc9d7;
	margin-top: 20px;
	position: relative;
	overflow: hidden;
}
.li_btn::before {
    content: '';
    background-color: #00479d;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    left: auto;
    -webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
    transition: all .4s cubic-bezier(.4,0,.2,1);
	width: 100%;
	left: 0;
	right: auto;
	
}

.li_btn span{
	position: relative;
	z-index: 2;
}

.serch_dec{
	color: #333333;
	margin-bottom: 56px;
}
.serch_dec span{
	color: #0057ae;
	margin: 0 4px;
}

.to_top{
	width: 45px;
	height: 45px;
	position: fixed;
	right: 50px;
	bottom: 22%;
	z-index: 819;
	transform: rotate(90deg);-webkit-transform: rotate(90deg);
	cursor: pointer;
	opacity: 0;
}

.to_top.act{
	opacity: 1;
}

.to_top img{
	width: 100%;
}

/* //加载 */
.scsb_tit{ color: #6f6f6f; font-size: 36px; font-weight: bold; margin-top: 57px;}
.svsb_pic ul li{ float: left; width: 31%; margin-right: 3.2%; margin-top: 30px;}
.svsb_pic ul li:nth-of-type(3n+3){  margin-right: 0px; }
.zfr{ margin-bottom: 70px; height: auto; overflow: hidden;}
.ind_video_box {
    width: 100%;
    position: fixed;
    left: 0;
    font-size: 0;
    letter-spacing: 0;
    top: 0;
    height: 100vh;
    pointer-events: none;
	z-index: 999;
}


.ind_video_box > div {
    width: 25%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    transition: all .5s ease;
    letter-spacing: .8px;
}
body > .ind_video_box .can_video {
    background-color: #1b1d1f;
}
.ind_video_box.on > div:nth-child(1) {
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.7s;
}
.ind_video_box.on > div:nth-child(2) {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.9s;
}

.ind_video_box .can_video {
    background-color: #1b1d1f;
}

.ind_video_box.on > div:nth-child(3) {
    transition-delay: 0.7s;
    -webkit-transition-delay: 1.1s;
}

.ind_video_box.on > div:nth-child(4) {
    transition-delay: 0.8s;
    -webkit-transition-delay: 1.3s;
}

body > .ind_video_box.line > span:nth-child(5) {
    transition-delay: 0s;
    -webkit-transition-delay: 0.2s;
}

body > .ind_video_box.line > span:nth-child(6) {
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.4s;
}

body > .ind_video_box.line > span:nth-child(7) {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.6s;
}

body > .ind_video_box > span {
    position: absolute;
    top: 0;
    width: 1px;
    height: 0;
    background-color: #494b4c;
    transition: height .5s ease;
}


body > .ind_video_box.on .can_video {
    height: 0;
}


body > .ind_video_box > span:nth-child(5) {
    left: 25%;
}

body > .ind_video_box > span:nth-child(6) {
    left: 50%;
}

body > .ind_video_box > span:nth-child(7) {
    left: 75%;
}


body > .ind_video_box.on span{
	animation: span 0.6s linear;
	-webkit-animation: span 0.6s linear;
}

@keyframes span {
  0% {height: 0; opacity: 1;}
  25% {height: 25%; opacity: 1;}
  50% {height: 50%; opacity: 1;}
  75% {height: 75%; opacity: 1;}
  99% {height: 99%; opacity: 1;}
  100% {height: 100%;opacity: 0;}
}

.ml_i{display: none;}

.section_7 .connet .r{background-color: #f9f9f9;}

.y_swi .pagination3{display: none;}

.bt_more{display: none;}

.fpg .section_7 .connet .r{padding-top: 0!important;}





/* 移动端导航 */
.m_head {display: none;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: rgba(255, 255, 255, 1);border-bottom: 1px solid #eee;}
    .m_head .mlt {display: block;float: left;}
    .m_head .mlt img {display: block;height: 30px;margin-top: 10px;}
    .m_head .img {width: 50px;float: right;}
    .m_head .img img {display: block;width: 100%;}
    .m_nav {font-family: Microsoft Yahei;display: block;position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);top: 0;right: -100%;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act {right: 0;}
    .m_out {width: 15%;float: left;}
    .m_out img {display: block;width: 100%;}
    .m_nav {display: block;position: fixed;z-index: 99999;width: 100%;height: 100%;background: #fff;top: 0;right: -100%;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;overflow: hidden;box-sizing: border-box;}
    .m_nav.act {right: 0;}
    .m_out {width: 50px;float: right;max-width: 50px;margin-right: 3%;}
    .m_out img {display: block;width: 100%;}
    .m_navbox {width: 100%;box-sizing: border-box;float: right;background: #fff;box-sizing: border-box;padding: 20px 0;overflow: auto;box-sizing: border-box;}
    .m_navbox div,.m_navbox a {color: #666;display: block;}
    .m_navbox a {font-size: 16px;line-height: 20px;padding: 10px 0;}
    .m_navbox div,
    .m_navbox a.ltp {font-size: 18px;line-height: 30px;padding: 10px 0;display: block;}
    .m_navbox li>div:nth-child(1),
    .m_navbox a.ltp {padding: 10px 30px 10px 50px;position: relative;}
    .m_navbox li>div:nth-child(1):after,
    .m_navbox a.ltp:after {content: '';display: block;width: 5px;height: 20px;background: #084784;position: absolute;top: 50%;margin-top: -10px;left: 30px;}
    .m_navbox li>div:nth-child(1) {background: url(../images/plus.png) 95% center no-repeat;background-size: 16px;}
    .m_navbox li.act>div:nth-child(1) {background: url(../images/reduce.jpg) 95% center no-repeat;}
    .m_navbox div.lbt {padding: 5px 50px;display: none;border-bottom: 1px solid #084784;}
    .m_navbox li.act>div:nth-child(1) {color: #084784;}
    .m_navbox li.act>div:nth-child(1):after {background: #084784;}
    .m_navbox .lange {text-align: center;}
    .m_navbox .lange a {display: inline-block;margin: 0 10px;}
    .m_navbox li.lang {padding: 10px;}
    .m_navbox li.lang>a {display: block;float: left;text-align: center;width: 50%;font-size: 20px;}
    .m_navbox li.se {padding: 10px 30px;}
    .m_navbox li.se input {display: block;width: calc(100% - 40px);float: left;display: block;height: 40px;border: none;outline: none;padding: 0 10px;border-bottom: 1px solid #ddd;}
    .m_navbox li.se a {display: block;width: 40px;float: right;padding: 0;}
    .m_navbox li.se a img {display: block;width: 20px;margin: 10px;}
.m_navbox li a.ltp{position: relative;display: inline-block;}
/* .m_navbox li.act a.ltp::before {
    content: '';
    display: block;
    height: 1px;
    width: 60px;
    background-color: #084784;
    position: absolute;
    left: 100%;
    top: 50%;
} */
.ind_box .swiper-slide::before{
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	position: absolute;
	z-index: 2;
}

.ind_box.ind .swiper-slide::before{
	background-color: rgba(0,0,0,.3);
}

.ind_box.ind .swiper-slide::before{
	opacity: 1;
}

.ind_box.ind.act .swiper-slide::before{
	background-color: rgba(0,0,0,.6);
}

.ind_box.ind .ind_swi a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
} 

.language_q{
	font-size: 14px;
	color: #fff;
	position: fixed;
	z-index: 998;
	top: 50px;
	right: 50px;
	display: flex;
}

.language_q a{
	color: #fff;
	position: relative;
	padding-bottom: 4px;
}
.language_q p{
	padding: 0 6px;
}
.m_100{
	margin-bottom: 100px;
}
.language_q a::before{
	width: 0%;
	height: 2px;
	background-color: #fff;
	content: '';
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0;
	-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);
	    -moz-transition: all .4s cubic-bezier(.4,0,.2,1);
	    transition: all .4s cubic-bezier(.4,0,.2,1);
}

.language_q a.act::before,.language_q a:hover::before{
	left: 0;
	right: auto;
	width: 100%;
}
.language_q.act a,.language_q.act{
	color: #333;
}
.language_q.act a::before{background-color: #333;}



.language_m{
	font-size: 14px;
	color: #333;
	display: flex;
	float: right;
	width: 100%;
	padding: 10px 30px 10px 30px;
}

.language_m a{
	color: #333;
	position: relative;
	padding-bottom: 4px;
}
.language_m p{
	padding: 0 6px;
}


.fpg .section.section_6{
	overflow: inherit;
}

.fpg .section.section_6 .fp-tableCell{
	overflow: inherit;
}



.img_tc{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
	z-index: 999;
	overflow-x: auto;
	display: none;
	padding-top: 40%;
	
	
}
.img_tc img{
	width: 800px;
	height: auto;
	max-width: none;
}
.ds_zc{
    display: none;
}

.bot_qm{
    justify-content: space-between;
}
.bot_qm img{
    width: auto;
}
.bot_qm .qm{
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 16px;
    color: #333333;
}
.bot_qm .qm img{
    width: auto;
}


.bot_qm .qm span{
    width:160px;
}


.pl_142 {padding-left: 80px;}

.pzbz{ font-size: 48px; font-weight: bold; margin-top: 115px;}
.pzbz_tex{ color: #737574; font-size: 16px; margin-top: 46px; text-align: justify; line-height: 30px;}
.pl_tu{ margin-top: 53px; margin-bottom: 53px;}



@media(max-width:1680px){
   .fpg .section > img,.head img{width: 100%;}
   .num_list .tit .num {font-size: 60px;}
   .t_box .cl{width: calc(100% - 580px);padding-right: 20px;}
   .t_box .cr{width: 580px;position: relative;}
   .t_box .cr .spot {top: 42%;right: 8%;}
   .ab_r1{display: block;}
   .ab_navs{justify-content: flex-start;}
   .js_swi1 .swiper-slide .txt {padding-left: 49px;}
}


@media screen and (max-width: 1568px) {
	.inner-pro-list .con .abox a:nth-child(2){ margin-top: 10px;}
}

@media screen and (max-width: 1560px) {
  .proBox .proSwiper ul li {
    padding: 0 15px;
    padding-top: 50px;
  }
}
@media(max-width:1624px){
	
	.t_box{ margin-bottom: 50px;}
	}
@media (max-width: 1400px) and (min-width: 1200px){
.inner-pro-list {
    height: 200px;
}
}

@media (max-width: 1200px) and (min-width: 992px){
.inner-pro-list {
    height: 200px;
}
}

@media (max-width: 992px) and (min-width: 768px){
.inner-pro-list {
    height: 200px;
}
	
	.inner-pro-list .con .abox a {
    font-size: 14px;
    line-height: 35px;
    padding: 0 14px;
    margin-bottom: 10px;
}
}




@media (max-width: 768px){
.inner-pro-list {
    height: 200px;
    width: 100%;
	margin-right: 0px;
}
	
	.inner-pro-list .con .abox a {
    font-size: 14px;
    line-height: 35px;
    padding: 0 14px;
    margin-bottom: 10px;
}
	
	.inner-pro-list .con .title {
    font-size: 18px;
}
	
	}

@media(max-width:1440px){
   .f_12 {font-size: 12px;}
   .f_16 {font-size: 14px;}
   .f_18 {font-size: 16px;}
   .f_20 {font-size: 18px;}
   .f_22 {font-size: 20px;}
   .f_24 {font-size: 22px;}
   .f_26 {font-size: 24px;}
   .f_28 {font-size: 26px;}
   .f_30 {font-size: 28px;}
   .f_32 {font-size: 30px;}
   .f_34 {font-size: 30px;}
   .f_36 {font-size: 30px;}
   .f_38 {font-size: 30px;}
   .f_40 {font-size: 32px;}
   .f_42 {font-size: 32px;}
   .f_54 {font-size: 38px;}
   .f_46{font-size: 34px;}
   .f_64 {font-size: 42px;}
   .new_tr .pic {width: 400px;}
   .new_tr .txt {width: calc(100% - 400px);padding-left: 30px;}
   .data_s{padding-left: 60px;}
   .data_s .item{margin-right: 80px;}
   .data_s .item .num{font-size: 80px;}
   .t_box .cl{width: calc(100% - 450px);padding-right: 20px;}
   .t_box .cr{width: 450px;position: relative;}
   .t_box .cr .spot {top: 35%;right: 5%;}
   .t_box .g_tit {margin-bottom: 30px;}
   .map_con .mr{width: 300px;}
   .map_con .mr .item{padding: 0 20px;}
   .map_con .mr .item{height: 98px;box-sizing: border-box;}
   .map_con .mr{height: 395px;}
   .map_con .mr .item .tit {margin-bottom: 5px;}

   .p_100 {padding-top: 60px;}
   .ab_lc{padding-bottom: 60px;}
   .lc_swi {font-size: 62px;margin-bottom: 50px;}
   .lc_two .ll {width: 460px;}
   .lc_two .rr {width: calc(100% - 500px);}
   .zs_list {margin-bottom: 60px;}
   .js_swi1 .swiper-slide .pic {width: 500px;}
   .js_swi1 .swiper-slide .txt {width: calc(100% - 500px);padding-left: 40px;padding-top: 36px;}
   .m_100 {margin-bottom: 80px;}
   /* .map_con .mr{width: 300px;} */
   .map_con .ml {width: calc(100% - 320px);}
   .pl_140 {padding-left: 80px;padding-right: 40px;}
	
	  
   .connet .r{padding-top: 60px;}
   .t_box{display: flex;margin-bottom: 80px;}
   .us_box .us_swi .txt{font-size: 20px;}
   .us_box .us_swi .swiper-slide-active .txt{font-size: 24px;}
}
@media(max-width:1366px){
	.ind_box .ul1 a{
		 margin-top: 40px;
	}
	.pro_r1{padding-top: 30px;}
}
@media(max-width:1280px){
 .left_nav{display: none;}  
	.connet .l {display: none;}
	.connet .r{float: none;width: 100%;}
	.pl_140 {padding: 0;}
	.pl_142 {padding: 0;}
	.fpg .section{height: auto;}
	    .f_12 {font-size: 12px;}
    .f_16 {font-size: 14px;}
    .f_18 {font-size: 16px;}
    .f_20 {font-size: 16px;}
    .f_22 {font-size: 16px;}
    .f_24 {font-size: 16px;}
    .f_26 {font-size: 16px;}
    .f_28 {font-size: 18px;}
    .f_30 {font-size: 18px;}
    .f_32 {font-size: 18px;}
    .f_34 {font-size: 20px;}
    .f_36 {font-size: 20px;}
    .f_38 {font-size: 20px;}
    .f_40 {font-size: 22px;}
    .f_42 {font-size: 22px;}
	.f_46{font-size: 24px;}
	.f_54 {font-size: 26px;}
	.f_48 {font-size: 26px;}
	.f_64 {font-size: 28px;}
	
	
	.fpg {width: 100%;height: auto;}
	
	.ind_box{height: auto;position: unset;}
	.banner .text{left: 5%;width: 90%;}
	body{min-width: 200px;}
	.banner .swiper-slide .img_ml{display: block;}
	.banner .swiper-slide .img_pc{display: none;}
	.fpg .section_1{display: none;}
	.banner .pagination1 {bottom: 20px;}
	.fpg .connet{padding: 0 5%;background-color: #fff;}
	.section_3 .r{background-size: 100% 50%;}
	.lc_txt .swiper-slide{-webkit-transform: translatex(0%);-moz-transform: translatex(0%);-o-transform: translatex(0%);transform: translatex(0%);}
	
	.main{padding-top: 0px;}
	.m_head{display: block;z-index: 9999;}
	.ind_box.ind{margin-top: 50px;}
	
		.inp_list input,.inp_list textarea{font-size: 14px;}
    .language_q{display: none;}
	
	.connet .bg1{ background: #fff;}
	.proBox .proSwiper ul li .item{ border: 1px solid #f8f6f6;}
	.cpfl ul li a{border: 1px solid #f8f6f6;}
	.plr_101{
	padding: 0 4.2vw;
}
}

@media(max-width:1026px){
	.num_list{ padding-right: 0px;}
	
.cpny_l{ width: 100%;}
	.cpny_r{ width: 100%; text-align: center; margin: 0px auto;} 	
	.cpny_r img{text-align: center;margin: 0px auto;}

}

@media(max-width:960px){
	
	.pzbz{ margin-top: 30px; font-size: 26px;}

	.language_q{display: none;}
	.m_100 {margin-bottom: 40px;}
	.t_box{display: block;}
	.t_box .cl{width: 100%;padding-right: 0;}
	.t_box .cr{width: 100%;padding-left: 0;}
	.ml_i{display: block;}
	.pc{display: none;}
	.t_box .cr .spot{display: none;}
	.t_box .cl{margin-bottom: 20px;}
	.connet .r{padding-top: 35px;}
	.t_box{margin-bottom: 35px;}
	.num_list .tit {font-size: 18px;margin-bottom: 14px;}
	.num_list .tit .num {font-size: 42px;}
	.num_list .itemt p{font-size: 14px;}
	.pro_application{padding-top: 20px;}
	.map_con .mr .item {height: 79px;}
	.map_con .mr{height: auto;}
	.num_list .tit .num {font-size: 30px;}
	.num_list .tit {font-size: 16px;margin-bottom: 12px;}
	.map_con .ml,.new_tr .pic{margin-bottom: 20px;}
	.g_tit .tit,.t_box .g_tit{margin-bottom: 10px;}
	.new_tr .li .dfix{display: block;}
	.new_tr .pic,.new_tr .txt{width: 100%;padding-left: 0;}
	.new_tr .txt .data {margin-bottom: 15px;}
	.new_tr .txt .tit {margin-bottom: 20px;}
	.new_tr {padding-top: 20px;margin-bottom: 65px;}
	.g_tit s {height: 2px;margin-bottom: 10px;display: none;}
	.data_s {padding-left: 0px; }
	.data_s .item {margin-right: 40px;}
	.data_s .item .num {font-size: 50px;}
	.data_s .item .num {-webkit-transform: translate(-30%,-50%);-moz-transform: translate(-30%,-50%);-o-transform: translate(-30%,-50%);transform: translate(-31%,-67%);}
	.g_more {width: 112px;line-height: 37px;border-radius: 37px;}
	.fd_box {padding: 30px 0 30px;}

	.fd_box .fr{padding-left: 25px;}
	/* .ab_navs{display: none;} */
	.ab_r1 {margin-bottom: 20px;}
	.ab_ds .tit span {font-size: 40px;}
	.ab_ds .desc {margin-bottom: 20px;}
	.ab_ds .num_l {margin-bottom: 20px;}
	.p_100 {padding-top: 30px;}
	.lc_swi {font-size: 48px;margin-bottom: 20px;}
	.lc_two{display: block;}
	.lc_two .ll,.lc_two .rr{width: 100%;}
	.lc_two .rr{padding-top: 14px;}
	.lc_two .lc_txt .tit {font-size: 28px;margin-bottom: 14px;}
	.lc_two .lc_txt s{margin-bottom: 20px;}
	.ab_lc {padding-bottom: 30px;}
	.ab_lc .swiper-button-prev, .ab_lc .swiper-button-next{display: none;}
	.ab_jg .big_y ,.ab_jg .big_y::before{width: 240px;height: 240px;}
	.ab_jg .yuan{width: 210px;height: 210px;}
	.zs_list li {padding:20px;}
	.zs_list {margin-bottom: 35px;}
	.js_swi1 .swiper-slide{display: block;}
	.js_swi1 .swiper-slide .pic{width: 100%;}
	.js_swi1 .swiper-slide .txt {width: 100%;padding-left: 0px;padding-top: 20px;padding-right: 0px;}
	.js_swi1 .swiper-slide .txt .tit {margin-bottom: 8px;}
	.js_swi1 {margin-bottom: 30px;}
	.ab_ry {padding-bottom: 30px;padding-left: 5%;padding-right: 5%;}
	.ab_ry .y_an{display: none;}
	.y_swi .pagination3{display: block;bottom: 0;}
	.y_swi{padding-bottom: 40px;}
	.y_swi .swiper-slide .txt {padding: 10px 0 10px;}
	.y_swi {margin-bottom: 0px;}
	.pro_lnav{overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
	.pro_lnav .item {line-height: 40px;width: 117px;cursor: pointer;border-radius: 20px;}
	.pro_r1{margin-top: 30px;padding-bottom: 50px;}
	.pro_ban .p_ml{display: block;}
	.pro_ban .p_pc{display: none;}
	.pro_ban .text{height: 100%;flex-wrap: wrap;align-items: center;align-content: center;padding: 16px;}
	.pro_ban .text .desc{width: 100%;}
	.pro_ban .text .tit{width: 100%;padding-top: 0;margin-bottom: 16px;}
	
	.pd_qh .l_tit{display: none;}
	.pro_tit{width: 100%;}
	.pro_content ,.pro_ban2{margin-bottom: 35px;}
	.pro_content {background-color: #f2f6fb;padding: 35px 15px 20px;}
	.pd_qh {margin-bottom: 20px;}
	.pro_rcon .swiper-slide p {font-size: 44px;}
	.p_pc{display: none;}
	.p_ml{display: block;}
	.pro_desc2{display: block;}
	.pro_desc2 .desc{width: 100%;}
	.pro_desc2 .tit{width: 100%;margin-bottom: 16px;}
	.pages_sy{display: none;}
	.bt_more{display: block;line-height: 40px;width: 117px;cursor: pointer;border-radius: 20px;background-color: #00479d;color: #fff;text-align: center;margin: 0 auto;}
	.pro_list li{width: 50%;margin-bottom: 20px;}
	
	.pro_td li .itvm:nth-child(5),.pro_td li .itvm:nth-child(4){display: none;}
	.pro_td li .itvm{width: 32.5%!important;font-size: 14px;}
	.pro_td li a {padding: 10px 0;}
	.pro_td {margin-bottom: 30px;}
	.xq_con .con2 .lr{display: block;}
	.xq_con .con2 .lr .pic{margin-right: 0;width: 100%;margin-bottom: 10px;}
	.xq_con{padding: 35px 0;}
	.xq_con .con2 .lr .txt{width: 100%;}
	.xq_con .con3 .c_bg{padding: 12px;}
	.xq_con .con3 .c_bg img{width: 100%;}
	.xq_con .con3 .c_bg img:last-child{margin-top: 16px;}
	.xq_con .con .imgs img{margin: 0 0px 10px;max-width: 100%;}
	.map_info{position: unset;padding: 20px 0;box-shadow: none;border-radius: 0;background-color: transparent;-webkit-transform: translatey(0%);-moz-transform: translatey(0%);-o-transform: translatey(0%);transform: translatey(0%);}
	.map_info .tit {margin-bottom: 20px;}
	.map_info .desc a {margin-bottom: 10px;}
	.lx_box2{padding: 0;box-shadow: none;}
	.inp_list input,.inp_list textarea{width: 100%;margin-bottom: 18px;}
	.inp_list .item{display: block;margin-bottom: 0;}

    .inp_list .item .inp1 input{margin-bottom: 0;}

    .inp_list .item .inp1 {width: 100%;margin-bottom: 18px;font-size: 14px;}

	.up_sc{width: 100%;}
	.li_btn::before{width: 100%;}
	.lx_box #map{height: 320px;}
	.pic_swi {margin-bottom: 30px;}
	.zn1 {margin-bottom: 35px;}
	.map_con{display: block;}
	.map_con .ml,.map_con .mr{width: 100%;}
	.map_con .ml ul li img {width: 100%;}
	.ab_navs { overflow-x: auto;overflow-y: hidden;white-space: nowrap;margin-top: 20px;}
	.ab_navs a.item, .ab_navs div.item {line-height: 43px}
	
	.section_3 .r .bg_gif,.ab_lc .bg_gig{display: none;}
	
	.ab_lc{padding-top: 0;}
	
	.pro_list li .txt{padding: 20px 0;}
	.pro_list li{margin-bottom: 10px;}
	.zn1 .text{margin-bottom: 20px;}
	.to_top {width: 34px;height: 34px;right: 10px;bottom: 7%;}
	.us_swi {margin-bottom: 20px;}
	.us_box2 li p:nth-child(5){display: none;}
	.us_box2 li p:nth-child(4){display: none;}
	.us_box2 li p{
		width: 32.9%!important;
	}
	.pro_td li:first-child .itvm,.us_box2 li:first-child {line-height: 53px;}
	.us_box2 .ltbm {padding: 22px 20px;display: none;}
	.us_box2 .ul2 li .lit{font-size: 16px;}
	.g_more:before {width: 100%;left: 0;right: auto;}
	.ab_wh .tit{margin-bottom: 20px;}

	.us_box .us_swi .swiper-slide{opacity: 0!important;}
	.us_box .us_swi .swiper-slide.swiper-slide-active{opacity: 1!important;}
	.ab_jg img {width: 100%;}
   .us_box .us_swi .swiper-slide-active .txt{font-size: 18px;}

   .ds_zc{ display: block; }
    .zc_imgs{ display: none; }
    .ds_zc p{ font-size: 14px; color: #666666; line-height: 1.7em; margin-bottom: 26px; text-indent:2em; }
	.data_s::before {
		display: none;
}
	
	.common-more{ line-height: 40px; height: 40px; font-size: 16px;}	
	.more-box::after{ width: 20px;}
	.cpfl{ margin-top: 15px;}
	.proBox .proSwiper ul li{ padding: 0px;}
	
	.cpfl ul li a {
    width: 32%;
    margin-top: 10px;
    margin-right: 1%;
}
	.cpflt ul li a{ width: 32%; margin-top: 10px; margin-right: 1%;}
	
}

@media(max-width:832px){
	.fwdh_tex{ font-size: 18px;}	
	.scsb_tit{  font-size: 26px; margin-top: 37px;}
	.pzbz_tex{ margin-top: 20px;}
	}

@media(max-width:750px){
	.common-moree{ height: 40px; line-height: 40px; font-size: 14px;}
	.more-box{ top: 20%;}
	.more-box::after{ width: 20px;}
	.common-more{ width: 30%;}
	.proBox{ padding-left: 0px;}
	.ftly{ display: none;}
	.zn{ width: 100%;}
	.fd_box .tit{ text-align: center;}
	.fd_box .tit img{ text-align: center; margin: 0px auto;}
	
	
	.sllist li{ width:100% !important; border-bottom:1px solid #FFF; padding-left:0; height:200px; overflow:hidden; float:left; overflow:hidden; position:relative;
transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;}
.sllist li .sl_title{ top:60px;font-size:18px; width:100%;}
.sllist li .sl_desc p{ font-size:12px;}
.sllist li .sl_desc span{ font-size:12px}
.sllist li .sl_desc a{width:120px; height:30px; font-size:14px; line-height:30px;}
.sllist li .pic{ width:100%;}
.sllist li .pic img{ width:100%; display:block;}
.sllist li:nth-child(1){ width:auto;}
.sllist li.li_on{height:auto;}
.sllist li.li_on .sl_title{ top:25px; }
.sllist li.li_on .sl_desc{ top:110px;}
	
.yyfw{ font-size:26px; margin-top:30px;}
.cpny_l_tit{ font-size:26px; margin-top:40px;}
.cpny_tex{ margin-top:40px;}
	}

@media(max-width:660px){
	.pro_r1{ margin-top: 0px;}
	.cpny{ margin-top: 30px;}
	.texx2{ font-size:26px;}
	.yyny_l{ width:100%; text-align:center;}
	.yyny_l img{ margin:0px auto; text-align: center;}
	.yyny_r{ width:100%; margin-top:10px;}
	.num_list{flex-wrap: wrap;justify-content: center;}
	.num_list .itemt{width: 33%;margin-bottom: 20px;}
	.data_s .item {margin-right: 0px;}
	.data_s .item{padding: 0 14px;}
	.data_s .item s {width: 10px;height:10px;margin-right: 6px;}
	.fd_box .fl,.fd_box .fr{width: 100%;}
	.fd_box{display: block;}
	.fd_box::before{display: none;}
	.fd_box .fr{padding-left: 0px;margin-top: 20px;}
	.fd_box .icons .item .qr {left: 0%;-webkit-transform: translatex(0%);-moz-transform: translatex(0%);-o-transform: translatex(0%);transform: translatex(0%);}
	.fd_box .tit {margin-bottom: 20px;}
	.ab_lc{background: no-repeat;}

	.pro_ban .text .desc{line-height: 1.7em;height: 5.1em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.new_list li{display: block;padding: 14px;}
	.new_list li .pic{width: 100%;}
	.new_list li .text{width: 100%;}
	.new_list li {margin-bottom: 20px;}
	.us_box2 .ltbm .con{display: block;}
	.us_box2 .ltbm .con .tl, .us_box2 .ltbm .con .tr{width: 100%;}
	.us_box2 .ltbm .con .tr{margin-left: 0;margin-top: 20px;}
	.us_box2 .ltbm .con{margin-bottom: 24px;}
	.ab_ds .num_l{display: block;}
	.ab_ds .num_l .item{margin-right: 0;margin-bottom: 15px;}
    .ab_jg .yuan.f_28 { font-size: 14px; }
    .ab_jg .big_y ,.ab_jg .big_y::before{width: 160px;height: 160px;}
	.ab_jg .yuan{width: 130px;height: 130px;}
}


@media (max-width: 1680px){
itemm {
    width: 180px;
    height: 180px;
    padding-top: 52px;
    margin: 0 20px;
}
}


@media (max-width: 1480px){
itemm{
    width: 160px;
    height: 160px;
    padding-top: 45px;
    margin: 0 20px;
}
}

@media (max-width: 1080px){
itemm {
    width: 170px;
    height: 170px;
    margin: 0 40px;
}
}



@media (max-width: 880px){
	.cont_case{ background: #0258ae;}
.itemm {
    margin: 0 20px;
}
.title .english{ font-size:26px;}
.title .chinese{font-size:26px; margin-top:10px;}
}
@media (max-width: 680px){
.itemm  {
    margin: 0 10px;
    width: 150px;
    height: 150px;
    padding-top: 40px;
}}

@media (max-width: 580px){
.itemm  {
    margin: 0 10px;
    width: 120px;
    height: 120px;
    padding-top: 30px;
}
.section2 .con .top{ padding-top:30px;}
.title .english{ font-size:16px;}
.title .chinese{font-size:16px; margin-top:10px;}
}

@media (max-width: 460px){
.itemm  {
    margin: 0 10px;
    width: 100px;
    height: 100px;
    padding-top: 20px;
}


}

@media (max-width: 420px){
.itemm  {
    margin: 5px;
}}

@media (max-width: 360px){
.itemm  {
    margin: 0;
    width: 90px;
    height: 90px;
    padding-top: 15px;
}}




.proBox {

  width: 100%;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .proBox {
    padding-left: 3%;
  }
}
.proBox .proSwiper {
  margin: 0 -25px;
}
@media screen and (max-width: 1560px) {
  .proBox .proSwiper {
    margin: 0 -15px;
  }
}
.proBox .proSwiper ul li {
  width: 25%;
 
  padding-top: 50px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

@media screen and (max-width: 1100px) {
  .proBox .proSwiper ul li {
    padding-top: 0;
  }
}
.proBox .proSwiper ul li .item {
  padding-top: 20px;
  background-color: #ffffff;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.proBox .proSwiper ul li .item .series {
  height: 46px;
  background: url(../images/prolixl.png) right 0 no-repeat;
  padding-right: 30px;
  margin: 0 20px;
}
.proBox .proSwiper ul li .item .series .t1 {
  font-family: Arial;
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  text-transform: uppercase;
}
.proBox .proSwiper ul li .item .series .t2 {
  height: 20px;
  line-height: 20px;
  margin-top: 8px;
  color: #1c2023;
  font-family: Arial;
  font-size: 18px;
}
.proBox .proSwiper ul li .item .pic {
  display: block;
  height: 0;
  width: 86%;
  padding-top: 86%;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin: 0 7%;
}
.proBox .proSwiper ul li .item .pic img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media screen and (min-width: 1110px) {
  .proBox .proSwiper ul li .item:hover .pic img {
    -webkit-transform: scale(0.5) rotate(0);
    -moz-transform: scale(0.5) rotate(0);
    -o-transform: scale(0.5) rotate(0);
    transform: scale(0.5) rotate(0);
  }
}
.proBox .proSwiper ul li .item .cont {
  height: 200px;
  padding: 14px 8% 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.proBox .proSwiper ul li .item .cont .bt {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  height: 36px;
  line-height: 36px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.proBox .proSwiper ul li .item .cont .bt:hover {
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
}
.proBox .proSwiper ul li .item .cont p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 30px;
  height: 60px;
  color: #9599a2;
  margin-top: 14px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.proBox .proSwiper ul li .item .cont .more {
  margin-top: 20px;
  display: inline-block;
  height: 100%;
  display: block;
  font-family: Arial;
  font-size: 12px;
  color: #9599a2;
  line-height: 20px;
  height: 20px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.proBox .proSwiper ul li .item .cont .more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 5px;
  background: url(../images/morear.png) right center no-repeat;
  margin-left: 15px;
  -webkit-filter: grayscale(100);
  filter: grayscale(100);
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.proBox .proSwiper ul li .item .cont .more i {
  min-width: 5px;
}
@media screen and (min-width: 1110px) {
  .proBox .proSwiper ul li .item .cont .more:hover {
    color: #eb6100;
  }
  .proBox .proSwiper ul li .item .cont .more:hover:after {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
    filter: alpha(opacity=100);
    animation: zyfd 1.5s linear infinite;
  }
}
@media screen and (max-width: 1560px) {
  .proBox .proSwiper ul li .item .cont {
    height: 160px;
    padding-top: 10px;
  }
  .proBox .proSwiper ul li .item .cont p {
    margin-top: 6px;
  }
  .proBox .proSwiper ul li .item .cont .more {
    margin-top: 10px;
  }
	
	.itemm{ width: 200px; height: 200px;}	
	
}
@media screen and (max-width: 1484px) {
	
	.common-moree{ width: 35%;}
	.itemm{ width: 160px; height: 160px;}	
	.num_list .itemt p{ line-height: 0.6em;}
	.num_list .tit .num{ font-size: 40px;}
	
}

@media screen and (max-width: 1325px) {
	
	.section2 .con .bottom .item .right h3{ font-size: 16px;}
	.section2 .con .bottom .item .right{ padding-left: 10px;}

}
@media screen and (max-width: 1000px) {
	.section2 .con .bottom{ display: none;}
	.section2 .con{ height: auto;}
	.fd_box::before{ display: none;}
	}
@media screen and (max-width: 966px) {
	
	.ftly{}
	}

@media screen and (max-width: 954px) {
	
	.section2 .swiper-display{  margin-top: 15px;}
	}

@media screen and (max-width: 918px) {

	.itemt{ width: 20%}
	.itemm{ width: 120px; height: 120px;}	
	.num_list .tit .num{ font-size: 30px;}
	.num_list .tit{ margin-bottom: 4px;}
	.num_list .itemt p{ font-size: 12px;}
	.pro_application .swiper2 .swiper-slide:nth-child(2n){ padding-top: 0px;}
}

@media screen and (max-width: 640px) {
  .proBox .proSwiper ul li {
   
  }
  .texx1{ font-size:14px;}
  .texx2{ font-size:16px;}
	.cpny_tex_pic{display: none;}
	.footer-top >div .more-box{ margin-top: 30px;}
}
@media screen and (max-width: 480px) {
	
.g_tit .tit{ margin-top: 9px;}	
	.common-more{ width: 40%;}
	
	.cpflt ul li a{ width: 49%;}
	.contact-map #dituContent{ height: 300px;}
}

@media screen and (min-width: 1100px) {
  .proBox .proSwiper ul li.swiper-slide-next {
    padding-top: 0;
  }
  .proBox .proSwiper ul li.swiper-slide-next .item {
    padding-top: 30px;
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .pic {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .cont {
    
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .cont .bt {
  
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .cont p {
   
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .cont .more {
   
  }
  .proBox .proSwiper ul li.swiper-slide-next .item .cont .more:after {
    
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media screen and (min-width: 1110px) {
  .proBox .proSwiper ul li:hover {
    padding-top: 0;
  }
  .proBox .proSwiper ul li:hover .item {
    padding-top: 30px;
  }
  .proBox .proSwiper ul li:hover .item .pic {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .proBox .proSwiper ul li:hover .item .cont {
    background: #0057ae;
  }
  .proBox .proSwiper ul li:hover .item .cont .bt {
    color: #fff;
  }
  .proBox .proSwiper ul li:hover .item .cont p {
    color: #fff;
  }
  .proBox .proSwiper ul li:hover .item .cont .more {
    color: #fff;
  }
  .proBox .proSwiper ul li:hover .item .cont .more:after {
  
    opacity: 1;
    filter: alpha(opacity=100);
  }
}

@media screen and (max-width: 1140px) {
	.inner-pro-list .con .abox a:nth-child(2){ margin-top: 10px;}
	
	}

@media screen and (min-width: 1100px) {
  .proBox .pro-prev {
    position: absolute;
    left: 16px;
    bottom: 0;
    width: 28px;
    height: 28px;
    background-color: #404040;
    border-radius: 100%;
    font-family: SimSun;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .proBox .pro-prev:before {
    content: "<";
  }
  .proBox .pro-prev:hover {
    background-color: #eb6100;
  }
  .proBox .pro-next {
    position: absolute;
    left: 54px;
    bottom: 0;
    width: 28px;
    height: 28px;
    background-color: #404040;
    border-radius: 100%;
    font-family: SimSun;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    outline: none;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .proBox .pro-next:before {
    content: ">";
  }
  .proBox .pro-next:hover {
    background-color: #eb6100;
  }
	
	.prpinfo_pic li{ text-align: center; width: 100%;}
}

.vgg3{ background: linear-gradient( 90deg, #373d42 0%, #2679dd 50%, #373d42 100%); width: 30%; height: 40px; border-radius: 30px; color: #fff; text-align: center; line-height: 40px; margin-bottom: 30px;}

.proinfo{ font-size: 20px; font-weight: bold; color:#0057ae;}
.prpinfo_pic{ margin-top: 20px;}
.prpinfo_pic li{ display: inline-block; list-style:none; }
.prpinfo_pic li:nth-of-type(2){ float: right;}

.prpinfo_pic li .mingz{ text-align: center;}


.prpinfo_pict li{ display: inline-block; list-style:none; }

@media screen and (max-width: 1098px) {
	.prpinfo_pic li {
    display: inline-block;
    list-style: none;
    width: 100%;
    text-align: center;
}
	
}


@media screen and (max-width: 767px){
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn {
    display: none;
}
	.vgg3{ width: 55%;}

}

@media screen and (max-width: 640px) {
	
	.num_list .itemt{ width: 50%;}
	.num_list .itemt:nth-of-type(5){ display: none;}
	.num_list .tit{ margin-top: 20px;}
	.cpfl ul li a{ font-size: 12px;}
	.scsb_tit{ }
	
}

@media screen and (max-width: 482px) {
	
	.itemm{ padding-top: 10px;}	
	
}