*{padding: 0px;margin: 0px; }

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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }

html{ font-family: }

img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}

li {list-style: none;}

a {text-decoration: none; display: block;}

body,html {height: 100%;width: 100%;}

.imgbox {overflow: hidden;position: relative;}

:root {

 --dex:#005bbb

}

.clearfix {zoom:1}

.clearfix:after {content: '\20'; display: block; clear: both;}

.fl { float: left; }

.fr { float: right; }

input,.form-change select{ -webkit-appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 





/*background-color: var(--white); */



/* pc */

.pc-1200px{display: none;}

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

.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}

.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}

.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}

.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}

.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}

}



@font-face {  font-style: normal;

    font-display: swap; font-family: "alibb"; src: url("../other/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../other/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../other/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../other/Alibaba-PuHuiTi-Regular.svg") format("svg"); } 





/* h5 */

.drawer-nav { display: none; }

.drawer-hamburger{display: none;} 

.i03_h5 {display: none;}



/* head */

.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;transition: 0.5s; }

.head { transition: 0.3s; box-sizing: border-box;height: 100px;display: flex;justify-content: space-between;align-items: center;    width: 90%; margin: auto;}

.head  .left {width: 400px;}

.head  .left .lo2 {display: none;}

.head  .left img {transition: 0s;object-fit: contain;width: 100%;}

.head .right {width: 57%;display: flex;justify-content: space-between;align-items: center;}

.head .right ul {display:flex;width: 90%;align-items: center;justify-content: flex-end;}

.head .right ul  li .a{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}

.head .right ul  li {position: relative;}



.head .right ul  li .a::after { position: absolute; content: ""; bottom: 0px; left: 50%; width: 0%; transform: translateX(-50%); transition: 0.3s; height: 3px; background-color: var(--dex); }

.head .right ul  li:hover .a::after { width: 100%; }



.n-nav02{width: 200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;}

.n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #076dd9;position: absolute;top: -10px;left: 50%;margin-left: -10px;}

.n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;}

.n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: #076dd9;}

.n-nav02 a:last-of-type{border-bottom: 0px;}

.head .right ul  li:hover .n-nav02{opacity: 1;visibility: visible;}

.n-nav02 a:hover{color: rgba(255,255,255,0.8);}









.head .right .lang {display: flex;align-items: center;font-size:18px;color: #fff;}

.head .right .lang img {transition: 0s; width: 24px;margin-right: 7px;}

.head .right  form span {display: flex;align-items: center;position: relative;}

.head .right  form span input { width: 180px; height: 40px; font-size: 14px;color: #666; border: 1px solid rgba(255,255,255,0.5); padding-left: 22px; border-radius: 30px; outline: none;  background-color: transparent; }

.head .right  form span button {     cursor: pointer; position: absolute; font-size: 18px; color: #fff; right: 15px; top: 50%; transform: translateY(-50%); border: none; outline: none; background-color: transparent;}

.head .right  form span input::-webkit-input-placeholder {  font-size: 14px;color: rgba(255,255,255,0.4);}





.div1:hover .head .right .lang,.div2  .head .right .lang {color: #333;}

.div1:hover .head .right .lang img ,.div2  .head .right .lang img {filter: invert(1);}

.div1:hover .head .right  form span input,.div2 .head .right  form span input {border-color: rgba(51, 51, 51,0.5);}

.div1:hover .head .right  form span input::-webkit-input-placeholder,.div2 .head .right  form span input::-webkit-input-placeholder {color: rgba(0,0,0,0.4);}

.div1:hover .head  .left .lo1 ,.div2 .head  .left .lo1{display: none;}

.div1:hover .head  .left .lo2 ,.div2 .head  .left .lo2{display: block;}

.div1:hover .head .right ul  li .a ,.div2 .head .right ul  li .a{color: #333;}

.div1:hover,.div2{background-color: #fff;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2);}

.div1:hover .head .right  form span button,.div2 .head .right  form span button {color: #666;}

.div1 .head .right ul li .a:hover {color: var(--dex);}

.div1  .head .right .lang:hover {color: var(--dex);}



.div2 .head { height: 85px;}

.div2  .head .right ul li .a { height: 85px;line-height: 85px;}





/* common  */

.icenter {width: 1500px;margin: auto;position: relative;}

.amore1{ border-radius: 30px; width: 178px;height: 50px;text-align: center;line-height: 46px;border-radius: 30px;border: 2px solid rgba(255, 255, 255);position: relative;}

.amore1::after { font-size: 16px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.amore1:hover { border-color: var(--dex); background-color: var(--dex); }

.amore1 > span { display: block;color: rgba(255, 255, 255);font-size: 16px; }

.amore1::after, .amore1 > span {  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.amore1:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.amore1:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.amore2:hover{ border-color: var(--dex)!important; background-color: #fff!important;}

.amore2:hover > span{color: var(--dex);}

.amore2::after {color: var(--dex);;}





/* indexbanner */

.indexbanner {position: relative;overflow:hidden;    height: 100%;}

.iSwiper {height: 100%;}

.indexbanner  .box { position: relative;height: 100%;}

.indexbanner  .box img {height: 100%;}

.indexbanner  .box .bg {height: 100%;}

.indexbanner  .box::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.indexbanner  .box .text { opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}

.indexbanner  .box .text h3{font-family: "alibb";font-size: 50px;color: #fff;line-height: 93px;margin-bottom: 32px;}

.indexbanner  .box .text h4{ font-size: 22px; color: #fff;  margin-bottom: 64px;letter-spacing: 0.8px;}

.indexbanner   .lian { z-index: 6; width: 475px; height: 112px; position: absolute;right: 0px;bottom: 0px;border-top-left-radius: 60px;padding: 40px 90px;background-color: #fff;  display: flex;justify-content: space-between;align-items: center;}

.indexbanner   .lian .con {display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #005bbb;font-weight: bold;}

.indexbanner   .lian .con img {    width: 26px; margin-right: 18px;}

.indexbanner   .lian  .jian1 {  display: flex; padding: 0px; justify-content: center; align-items: center; width: auto; height: auto; }

.indexbanner   .lian  .jian1 .cc { font-size: 38px; color: var(--dex);}

.indexbanner   .lian  .jian1 .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.indexbanner   .lian  .jian1 .cc.cc2{opacity: 0.7;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.indexbanner   .lian .jian1 .cc.cc3{opacity: 1;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.indexbanner .swiper-pagination {bottom: 9%; left: 50%; width: 90%; transform: translateX(-50%); display: flex;}

.indexbanner .swiper-pagination-bullet {opacity: 1; margin: 0 8px!important;width: 12px;height: 12px;border-radius: 50%;background-color: transparent;border: 1px solid #fff;}

.indexbanner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }



.indexbanner .swiper-slide-active img { animation: mysacle 4s ease both; }



.indexbanner  .swiper-slide-active .box .text { animation: myfade 1.4s ease both; }



@keyframes mysacle {

  0% {

      transform: scale(1.15);

  }

}



@keyframes myfade {

  100% {

      opacity: 1;

  }

}







@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



.amore2 {background-color: var(--dex);}

.amore2 span {color: #fff;}

.amore2::after {color: var(--dex);}

.amore2:hover {background: transparent;}

.amore2:hover span {color: var(--dex);}



/* i01 */

.i01 {padding: 1px 0 0;osition: relative;overflow: hidden;}

.i01 .top {z-index: 1;position: relative;}

.i01 .top dl {display: flex;justify-content: space-between;margin-bottom: 88px;}

.i01 .top dl dd {width: 305px;}

.i01 .top dl dd h4 { margin-bottom: 17px;  display: flex; align-items: flex-end;}

.i01 .top dl dd h4 span{font-size: 24px;color: #333333;margin-left: 8px;line-height: 26px;}

.i01 .top dl dd h4 strong {    font-family: 'alibb'; line-height: 66px;font-size: 80px;font-weight: bold;color: #333333;}

.i01 .top dl dd:hover h4 span,.i01 .top dl dd:hover h4 strong {color:var(--dex);}

.i01 .top dl dd h5 {font-size: 18px;color: #999999;padding-bottom: 12px;border-bottom: 1px solid #d6d6d6;}

.i01 .top dl dd .icon {width: 50px;position: relative;margin-top: 32px;}

.i01 .top dl dd .icon::before {position: absolute; left: 0px; top: -34px; content: ""; width: 55px; height: 3px; background-color: var(--dex);}

.i01 .top dl dd:hover .icon img {transform: rotateY(180deg);}





.home_part3[data-v-e55fe884] {

height: 620px;

/* margin-bottom: 150px; */

position: relative;
}

.home_part3 .bg {width: 780px; position: absolute; right: 45px; top: -298px;}

.home_part3 .con_left[data-v-e55fe884] {

  position: absolute;

  width: 60%;

  right: 40%;

  height: 640px;

}



.home_part3 .con_left .bg[data-v-e55fe884],

.home_part3 .con_left .home_part3_conbox[data-v-e55fe884] {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0

}



.home_part3 .con_left.con_left_bg[data-v-e55fe884] {

  z-index: 1

}



.home_part3 .con_left.con_left_bg .bg[data-v-e55fe884] {

  background: #005bbb;

}



.home_part3 .con_left.con_left_img[data-v-e55fe884] {

  z-index: 3

}



.home_part3 .con_left.con_left_img .home_part3_conbox[data-v-e55fe884] {

  background: url(../images/index_part3_bg.a720f4c.png) no-repeat 100% 0px;


}



.home_part3 .con_right[data-v-e55fe884] {

position: absolute;

z-index: 2;

width: 84.4%;

left: 15.6%;

top: 30px;

height: 570px;
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884] {

/* position: absolute; */

width: 100%;

height: 100%;

l;

/* width: 100%; */: 0

b;

/* height: 100%; */

l;

/* left: 0; */

e;

/* top: 0; */

b;

/* background: url(../images/sy_gybj2.jpg) no-repeat 0 0; */

/* background-size: cover; */
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884]:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 10;

  background: url(../images/part3_img2a.0fd3575.png) no-repeat 0 0;

}



.home_part3 .con_right .con_right_heng[data-v-e55fe884] {

/* display: block; */

/* width: 270px; */

/* height: 30px; */

/* position: absolute; */

/* right: -80px; */

/* bottom: -15px; */

/* z-index: 2; */

/* background: #005bbb */
}



.home_part3 .con_left[data-v-e55fe884] {

  transform: translateX(-30px);

  opacity: 0;

}



.home_part3 .con_right[data-v-e55fe884] {

  transform: translateX(30px);

  opacity: 0

}



.home_part3.on .con_left[data-v-e55fe884], .home_part3.on .con_right[data-v-e55fe884] { transform: translate(0); opacity: 1; transition: 1s }

.home_part3_text[data-v-e55fe884] {color: #fff; width: 847px; box-sizing: border-box; padding: 106px 30px 80px 0;}

.home_part3_text .i_title{margin-bottom: 28px;}

.home_part3_text .i_title h4 {color: rgba(255,255,255,0.8);}

.home_part3_text .i_title h5 {color: #fff;}

.home_part3_text p {font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 40px;width: 773px;}

.home_part3_text a {margin-bottom: 72px; border-color: rgba(255,255,255,0.5); width: 148px; height: 44px; line-height: 40px;}

.home_part3_text a span {color: rgba(255,255,255,0.5);}

.home_part3_text a::after {color: var(--dex);}

.home_part3_text a:hover {background-color: #fff;border-color: var(--dex);}

.home_part3_text ul {display: flex;width: 514px;justify-content: space-between;}

.home_part3_text ul li {width: 54px;}

.home_part3_text ul li  img {width: 48px;margin: auto;}

.home_part3_text ul li  span{font-size: 18px;color: #ffffff;margin-top: 6px;text-align: center;}



.home_part3_text ul li:hover img {transform: rotateY(180deg);}



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

  .home_part3[data-v-e55fe884] {

      height: 800px;

      margin-bottom: 120px

  }



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 480px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 740px;

      padding: 70px 70px 40px 0

  }

  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 240px;

      height: 24px;

      bottom: -12px;

      right: -50px

  }



}



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

  .home_part3[data-v-e55fe884] {

      height: 700px

  }




  .home_part3_text[data-v-e55fe884] {

      width: 700px

  }

}



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

  .home_part3[data-v-e55fe884] {

height: 450px;

in-bottom: 80px;

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 350px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 25px

  }



}



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







  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 35px 20px


  }





}





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

  .home_part3[data-v-e55fe884] {

/* height: 620px; */

/* margin-bottom: 60px; */

}



  .home_part3 .con_left[data-v-e55fe884] {

      height: 520px;

      width: 88%;

      right: 12%

  }



  .home_part3 .con_right[data-v-e55fe884] {

      height: 520px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 30px

  }

  .home_part3_iconlist .li[data-v-e55fe884] {

      width: 33.33%

  }



  .home_part3 .con_right .con_right_bg[data-v-e55fe884] {

      background-position: 100% 100% !important

  }



  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 138px;

      height: 24px;

      bottom: -12px;

      right: -20%

  }



}



/* i02 */

.i02 {padding: 125px 0;position: relative;overflow: hidden;background: url(../images/sy_cpbj1.jpg);background-size: cover;}

.i02 .top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}

.i02 .top .i_title {margin-bottom: 0px;}

.i02 .botF {    position: relative; width: fit-content; margin: auto;}

.i02 .bot {width: 1545px;position: relative;margin: auto;overflow: hidden;}

.i02 .bot .box {border-radius: 20px;}

.i02 .bot .box .imgbox {border-radius: 20px;box-shadow: 0 0 10px #ddd;}

.i02 .bot .box:hover .imgbox  img{transform: scale(1.1);}

.i02 .bot .box:hover span {color: var(--dex);}

.i02 .bot .box span { text-align: center;color: #666666;font-size: 20px;margin-top: 19px;}

.i02 .bot .amore1 {margin: auto; border-color: var(--dex);margin-top: 50px;}

.i02 .bot a:hover {background-color: transparent!important;}

.i02  .fa { outline: none; top: 29%;background: none; margin: 0px; padding: 0px; width: 45px; height: 45px; border-radius: 50%; color: rgba(255,255,255,0.8); background-color: #bdc2c7; display: flex; justify-content: center; align-items: center; font-size: 26px;}

.i02  .fa-angle-left {left: -48px;}

.i02  .fa-angle-right{right: -48px;}

.i02  .fa:hover {background-color: var(--dex);}



.i02 .link{display: flex;display: -webkit-flex;}

/* .i02 .link .tab-li{margin-right:145px;cursor:pointer;position: relative;} */

.i02 .link .tab-li{margin-right:0px;cursor:pointer;position: relative;}

.i02 .link .tab-li:nth-of-type(1) .img:after {  display: none;  position: absolute; content: ""; left: 117.5px; top: 50%; transform: translateY(-50%); width: 98px; height: 1px; background-color: #b1b5b8;}

.i02 .link .tab-li:nth-of-type(2){display: none;}

.i02 .link .tab-li .img{width:80px;height:80px;position:relative;margin: auto;}

.i02 .link .tab-li .p1{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;}





.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2,.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4

{position:absolute;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}

.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2{z-index:1}

.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4{z-index:2;width: 44%;height: auto;top: 28%;left: 28%;}

.i02 .link .tab-li .img .bg2{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.i02 .link .tab-li .img .bg4{opacity:0}

.i02 .link .tab-li.cur .bg2,.i02 .link .tab-li:hover .bg2{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.i02 .link .tab-li.cur .bg4,.i02 .link .tab-li:hover .bg4{opacity:1}

.i02 .link .tab-li.cur .bg1,.i02 .link .tab-li.cur .bg3,.i02 .link .tab-li:hover .bg1,.i02 .link .tab-li:hover .bg3

{opacity:0;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);transform:scale(.6,.6)}



.i02 .link .tab-li.cur:hover .img .bg2{ opacity: 0;

     -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.i02 .link .tab-li.cur:hover .bg4{opacity: 0;}

.i02 .link .tab-li.cur:hover .bg1, .i02 .link .tab-li.cur:hover .bg3{

    opacity: 1;

    -webkit-transform:none;

    -ms-transform: none;

    transform: none;

}









/* i03 */

.pagemap{display: block;overflow: hidden;  position: relative;padding-top: 180px;padding-bottom: 160px;}

.pagemap .maps{ display: block;overflow: hidden;position: relative;}

.pagemap .maps .i_title {position: absolute;top: 0px;left: 0px;}

.pagemap .maps .tt{position: absolute; bottom: 60px; left: 0; z-index: 1;}

.pagemap .maps .tt h4 {display: flex;align-items: center;}

.pagemap .maps .tt h4 strong{font-weight: bold; color: #005bbb; font-size: 80px; font-weight: bold; font-family: 'alibb';}

.pagemap .maps .tt h4 strong:nth-of-type(1) {margin-right: 2px;}

.pagemap .maps .tt p {    font-size: 18px; color: #666666; line-height: 30px; color: #666666; width: 212px; padding-top: 18px; border-top: 1px solid #c7c7c7; margin-top: 0px;}

.pagemap .maps .about04min{ display: block;overflow: hidden;width: 85%;margin: 0 0 0 15%;position: relative;}

.pagemap .maps .about04min .map{display: block; width:100%; }

.pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}

.pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;}

.pagemap .maps .about04min .mapicon01{top: 24%;left: 83%;}

.pagemap .maps .about04min .mapicon02{top: 25%;left: 75%;}

.pagemap .maps .about04min .mapicon03{top: 24%;left: 70%;}

.pagemap .maps .about04min .mapicon04{top: 18%;left: 66%;}

.pagemap .maps .about04min .mapicon05{top: 51%; left: 11%;}

.pagemap .maps .about04min .mapicon06{top: 39%;left: 77%;}

.pagemap .maps .about04min .mapicon07{top: 41%; left: 34%;}

.pagemap .maps .about04min .mapicon08{top: 42%;left: 79.5%;}

.pagemap .maps .about04min .mapicon09{top: 54%; left: 4%;}

.pagemap .maps .about04min .mapicon10{top: 41%; left: 35.5%;}

.pagemap .maps .about04min .mapicon11{top: 47.5%;left: 76.5%;}

.pagemap .maps .about04min .mapicon12{top: 44%; left: 34%;}

.pagemap .maps .about04min .mapicon13{top: 49%; left: 33%;}

.pagemap .maps .about04min .mapicon14{top: 78%;left: 86%;}

.pagemap .maps .about04min .mapicon15{top: 61%; left: 80%;}

.pagemap .maps .about04min .mapicon16{top: 17%; left: 85%;}

.pagemap .maps .about04min .mapicon17{top: 14%; left: 83%;}

.pagemap .maps .about04min .mapicon18{top: 46%; left: 31%;}

.pagemap .maps .about04min .mapicon19{top: 80%; left: 43%;}

.pagemap .maps .about04min .mapicon20{top: 44%;left: 36%;}

.pagemap .maps .about04min .mapicon21{top: 79%; left: 38%;}

.pagemap .maps .about04min .mapicon22{top: 40%; left: 37%;}

.pagemap .maps .about04min .mapicon23{top: 22%;left: 33%;}

.pagemap .maps .about04min .mapicon24{top: 16%;left: 32%;}

.pagemap .maps .about04min .mapicon25{top: 15%;left: 26%;}

.pagemap .maps .about04min .mapicon26{top: 31%;left: 26%;}

.pagemap .maps .about04min .mapicon27{top: 32%;left: 23%;}

.pagemap .maps .about04min .mapicon28{top: 44%;left: 23%;}

.pagemap .maps .about04min .mapicon29{top: 21%;left: 19%;}

.pagemap .maps .about04min .mapicon30{top: 37%;left: 19%;}

.pagemap .maps .about04min .mapicon31{top: 60%; left: 10%;}

.pagemap .maps .about04min .mapicon32{top: 70%; left: 10%;}

.pagemap .maps .about04min .mapicon.hide{opacity: 0;}



.pagemap .biao {position: absolute; margin: 0 auto; margin-bottom: 22px; left: 41%; top: 31%;}

.pagemap .biao .icon {    position: relative; box-sizing: border-box; width: 115px; height: 115px; box-shadow: -20px 0px 30px #ddd; border-radius: 50%;}

.pagemap .biao .icon .imgbox {overflow: hidden;border-radius: 50%;width: 100%;height: 100%;border: 7px solid #005bbb;z-index: 2;}

.pagemap .biao .icon::after {     position: absolute; content: ""; bottom: 24px; left: -14%; transform: translateX(-50%) rotate(81deg); clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 103px; height: 47px; background-color: #005bbb; }

.pagemap .biao .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.pagemap .biao  .ring span {  background-color: rgba(0, 91, 187, 0.2);display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; }

.pagemap .biao  .ring span:nth-of-type(2) { animation-delay: .7s; }

.pagemap .biao  .ring span:nth-of-type(3) { animation-delay: 1.4s; }

.pagemap .biao h4 {font-size: 18px; color: #333333; font-weight: bold; margin-top: 8px; text-align: center;}

.pagemap .biao:hover h4 {color: var(--dex);}

.pagemap .biao:hover .icon .imgbox img{transform: scale(1.1);}



@keyframes ringscale {

    0% {

      opacity: 1;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(1.6);

      -moz-transform: scale(1.6);

      -ms-transform: scale(1.6);

      transform: scale(1.6);

    }

  }

/* i04 */

.i04 {padding: 10px 0;position: relative;overflow: hidden;}

.i04 .bg {width: 886px; position: absolute; left: -14%; top: -7%; z-index: -1;}

 .i_title {margin-bottom: -35px;margin-top: 20px;}

 .i_title h4 {    font-size: 28px; font-family: arial; color: #005bbb; opacity: 0.3; margin-bottom: 9px;font-weight: bold;}

 .i_title h5 {font-size: 44px;font-weight: bold;color: #333333;}

.i04 .bot {display: flex;align-items: center;justify-content: space-between;}

.i04 .bot .le {width: 62%;position: relative;}

.i04 .bot .le:hover .imgbox  img {transform: scale(1.1);}

.i04 .bot .le .text {z-index: 1;background-color: #fff;position: absolute;bottom: 0px;left: 0px;width: 605px;pad;padding: 22px 26px;play: flex;justify-content: space-between;flex-direction: column;box-shadow: 0px 0px 2px #ddd;}

.i04 .bot .le .text::before {content: "";position: absolute;left: -164px;top: 0px;width: 164px;height: 100%;border-top-left-radius: 95px;/* background-color: #005bbb; */}

.i04 .bot .le .text::after {position: absolute; background-color: #005bbb; content: "";left: 0px;top: 0px;width: 0%;height: 100%;z-index: 0;transition: 0.3s;}

.i04 .bot .le:hover .text::after {width: 100%;} 

.i04 .bot .le:hover .date span{color: #fff;}

.i04 .bot .le:hover .date span::after {background-color: #fff;}

.i04 .bot .le:hover h4 {color: #fff;}

.i04 a .date {display: flex; align-items: center; position: relative; z-index: 1;}

.i04 a .date span:nth-of-type(1) {/* transition: 0.3s; */font-size: 16px;color: #005bbb;position: relative;/* margin-right: 26px; */line-height: 14px;}

.i04 a .date span:nth-of-type(1)::after {/* content: ""; */position: absolute;right: -14px;height: 12px;width: 1px;background-color: #b1b1b1;top: 50%;transform: translateY(-50%);}

.i04 a .date span:nth-of-type(2) {  transition: 0.3s;  font-size: 16px; font-family: arial; color: #999999; line-height: 14px;}

.i04 a h4 {transition: 0.3s;font-size: 26px;color: #333333;ma;margin-top: 16px;-index: 1;position: relative; margin-bottom: 16px;}



.i04 .bot .ri{width: 31.8%;}

.i04 .bot .ri .seg {margin-bottom: 50px;}

.i04 .bot .ri .seg a {border-bottom: 1px solid #c1c1c1;padding: 37px 0;}

.i04 .bot .ri .seg a:hover h4 {color: var(--dex);}

.i04 .bot .ri .seg a:nth-of-type(1){padding-top: 0px;}







.footer {padding: 0px 0 10px;position: relative;overflow: hidden;background-color:#004389;}

.footer .fo01 {padding: 37px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}

.footer .fo01 ul {width: 726px;justify-content: space-between;display: flex;align-items: center;}

.footer .fo01 ul li {width: fit-content;}

.footer .fo01 ul li a {color: #fff;font-size: 18px;font-weight: bold;}

.footer .fo01 ul li a:hover {color:#2e8bff;}

.footer .fo01 .to_top {width: 55px;height: 55px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #2e8bff;cursor: pointer;}

.footer .fo01 .to_top i {    display: block; margin-bottom: 5px; color: #fff; font-size: 30px; line-height: 12px;}

.footer .fo01 .to_top span {color: rgba(255,255,255,0.5);font-size: 14px;font-family: arial;}

.footer .fo02 {padding: 40px 0 50px;position: relative;overflow: hidden;display: flex;justify-content: space-between;}

.footer .fo02 .left {width: fit-content;}


.footer .fo02 .left form {margin-bottom: 28px;}


.footer .fo02 .left p {display: flex;align-items: center;}

.footer .fo02 .left p input {  font-size: 16px;  padding-left: 28px; background-color: #1a5695; outline: none;border: 0px;width: 302px;height: 46px;color: #ffff;}

.footer .fo02 .left p input::-webkit-input-placeholder {  font-size: 16px;color: rgba(255,255,255,0.5);}



.footer .fo02 .left p button {background-color: #fff; font-size: 16px;color: #005bbb;outline: none;border: none;width: 106px;height: 46px;display: flex;justify-content: center;align-items: center;cursor: pointer;}

.footer .fo02 .left .text {display: flex;align-items: center;}

.footer .fo02 .left .text .le {width: 73px;margin-right: 25px;}

.footer .fo02 .left .text .ri {opacity: 0.4;} 

.footer .fo02 .left .text .ri span {font-size: 16px;color: #fff;}

.footer .fo02 .left .text .ri i {    display: block; margin-top: 18px; font-size: 18px; color: #fff;}

.footer .fo02 .right {width: 51%;display: flex;justify-content: space-between;}

.footer .fo02 .right .g {width: 39%;}

.footer .fo02 .right .g h4 {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px;}

.footer .fo02 .right .g h5 {font-size: 16px;opacity: 0.4;color: #fff;line-height: 24px;margin-bottom: 10px;}

.footer .fo02 .right .g p {font-size: 16px;line-height: 26px;opacity: 0.4;color: #fff;}

.footer .fo03 {border-top: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: space-between;padding-top: 10px;}

.footer .fo03 .le {    display: flex; align-items: center;}

.footer .fo03 .le  a {font-size: 14px;opacity: 0.4;color: #fff;margin-right: 18px;width: fit-content;}

.footer .fo03 .ri {display: flex;align-items: center;}

.footer .fo03 .ri img  {height: 79px; width: auto; margin-left: 34px;}







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

  .head .right { width: 59%;}

}



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

  .head .right { width: 62%;}

  .head .right ul li .a { margin: 0 18px; font-size: 17px;}

  .i04 .bot .le .text::before { left: -76px; top: 0px; width: 76px; }

}

/* about */

.innerbanner  {position: relative;overflow: hidden;}

.innerbanner  .text {position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);}

.innerbanner  .text h3 {font-size: 70px;font-weight: bold;color: #fff;margin-bottom: 12px;}

.innerbanner  .text h4 {font-size: 24px;color: #fff;font-family: arial;}

.ab01 {/* padding: 132px 0 183px; *//* position: relative; *//* overflow: hidden; */}

.ab01 .icenter {/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.ab01 .icenter .left {width: 66.5%;}

.ab_title {font-size: 44px;font-weight: bold;color: #333333;top: 49px;}

.ab01 .icenter .left .ab_title {line-height: 60px;margin-bottom: 30px;}

.ab01 .icenter .left p {font-size: 18px;line-height: 32px;color: #666666;}

.ab01 .icenter .right {width: 25.3%;position: relative;overflow: hidden;}

.ab01 .icenter .right:hover img{transform: scale(1.1);}

.ab02 {padding-bottom: 166px;position: relative;position: relative;background: url(../images/ab02_bg.png);background-size: cover;}

.ab02 ul {}

.ab02 ul li {margin-bottom: 68px;display: flex;align-items: center;}

.ab02 ul li img {width: 75px;margin-right: 47px;}

.ab02 ul li:hover img {transform: rotateY(180deg);}

.ab02 ul li .text {} 

.ab02 ul li .text  h4 {display: flex;align-items: center;}

.ab02 ul li .text  h4 strong {font-family: 'alibb';font-weight: bold;color: #333333;font-size: 60px;}

.ab02 ul li:hover  h4 strong {color: var(--dex);}

.ab02 ul li .text h5{font-size: 22px;color: #666666;}

.ab02 .ri {width: 60%; position: absolute; right: 0px; top: -13px; overflow: hidden;}



.ab03{ background:#fff url(../images/hmc6bg.jpg) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:93px 0 126px;}

.m2gkc3Top{  position:relative; z-index:2; }

.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}

.ab03 .icenter{position:relative; z-index:5;}

.hmc5years{ background: url(../images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: 0vw auto 0px; position:relative; z-index:3;}

.hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; }

.hmc5yr{ color: var(--dex); height: 20px; display: inline-block; position: absolute;  left: -46px; top: 10px;font-weight: bold; transition: all 0.3s ease-in-out;    font-size: 20px; font-family: arial; }

.hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc5yrIcon:before{ content: ""; background: var(--dex); display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)}

.hmc5yrIcon:after{ content: ""; background: url(../images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0}

.hmc5yrIcon i{ background: url(../images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 }



@keyframes hmc5yrIconAni {

0% {

	transform:translateY(0)

}

50% {

    transform:translateY(-10px)

}

100% {

	transform:translateY(0)

}

}

.hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;}

.hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1}


.hmc5yrBtn.on .hmc5yr{opacity:0;}

.hmc5yrBtn1{ left: 48px; top: 578px; }

.hmc5yrBtn2{left: 159px; top: 531px;}

.hmc5yrBtn3{ left:227px; top:455px;}

.hmc5yrBtn3 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn4{ left:269px; top:351px;}

.hmc5yrBtn4 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn5{ left: 309px; top: 274px;}

.hmc5yrBtn5 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn6{left: 397px; top: 209px;}

.hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn7{ left: 508px; top: 178px;}

.hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn8{left: 619px; top: 141px;}

.hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn9{  left: 733px; top: 86px;}

.hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn10{ left: 873px; top: 78px;}

.hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn11{ left: 1008px; top: 46px;}

.hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn12{ left:1105px; top:10px;}

.hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn13{ left:908px; top:72px;}

.hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn14 {left: 986px;top: 53px;}

.hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn15{ left:1022px; top:42px;}

.hmc5yrBtn15 .hmc5yr{ left:2px; margin-top:30px;}

.hmc5years .prev{outline: none;  background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25 }

.hmc5years .next{ outline: none; background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25; }

.hmc5years .prev:hover,.hmc5years .next:hover{ background: var(--dex) url(../images/hmc6btna.png) no-repeat center center; }

@-webkit-keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



@keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



.ab03Swiper {overflow: hidden; display: inline-block; position: absolute; right: 15px; bottom: 30px; width: 756px; height: 422px; padding: 0 24px;}

.ab03Swiper .swiper-slide .box  h4,.ab03Swiper .swiper-slide .box  p{opacity: 0;}

.ab03Swiper .swiper-slide-active .box h4,.ab03Swiper .swiper-slide-active .box p{animation: xian 1s linear forwards;}

.ab03Swiper  .box h4 {text-align: center; font-size: 194px; font-weight: bold; color: var(--dex); font-family: alibb;     margin-bottom: 33px; line-height: 157px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom,rgba(6, 107, 208,1),rgba(4, 70, 148,1)); -webkit-text-fill-color: transparent; text-fill-color: transparent; }

.ab03Swiper  .box .b{border-top-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 0 0 3px #ddd; background-color: #fff; font-size: 18px; line-height: 32px; color: #666666; width: 726px; height: 224px; display: flex; justify-content: center; align-items: center; padding: 70px;}



@keyframes xian {

    to{

        opacity: 1;    

    }

}





/* news */

.page {    margin-top: 70px; display: flex;justify-content: center;align-items: center;}

.page h2{display: none;}

.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}

.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page a:last-child{margin-right: 0px;}

.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}



.news-banner  {position: relative;}

.news {padding: 100px 0 150px;position: relative;overflow: hidden;}

.news ul {}

.news ul li a .icenter{display: flex;justify-content: space-between;align-items: center;}

.news ul li{padding: 45px 0;border-bottom: 1px solid #d6d6d6;}

.news ul li:hover .imgbox  img{transform: scale(1.1);}

.news ul li .imgbox {width: 36.3%;}

.news ul li .text {width: 55.3%;}

.news ul li .text  h4 {font-size: 28px;font-weight: bold;color: #333333;line-height: 38px;margin-bottom: 16px;}

.news ul li:hover .text  h4 {color: var(--dex);}

.news ul li .text   .date {display: flex;align-items: center;}

.news ul li .text  .date img {width: 18px; margin-right: 7px;}

.news ul li .text   .date span {font-size: 16px;color: #999999;}

.news ul li .text p {font-size: 18px;color: #666666;line-height: 38px;margin: 32px 0;}

.news ul li .text .a {     transition: 0.3s; border-radius: 30px; background-color: var(--dex); font-size: 18px; color: #fff; display: flex; align-items: center; width: 44px; padding: 6px 19px;}

.news ul li .text .a span {     height: 16px; line-height: 14px;margin-right: 17px; font-size: 16px;font-family: 'alibb';color: #fff;display: none;}

.news ul li .text .a i  {  height: 18px; line-height: 18px;}

.news ul li:hover .text .a span {    display: block; }

.news ul li:hover .text .a {width: 105px;}



.icenter1 {width: 1200px;position: relative;margin: auto;}

.news-banner .text {position: absolute; left: 50%; top: 63%; transform: translate(-50%,-50%);}

.news-banner .text h3 {font-size: 32px;line-height: 40px;font-weight: bold;  color: #fff;  margin-bottom: 16px;}

.news-banner .text h4 { display: flex;align-items: center; font-size: 18px;color: #fff;}

.news-banner .text h4 span {margin-right: 30px; color: #fff;}

.news-banner .text {align-items: flex-start;}







.newsinfo {margin: auto;    padding: 30px 0 50px;}

.newsinfo p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom:2%;}

.newsinfo p strong span {display:inline-block;}

.newsinfo p b {font-weight: bold;font-size: 20px;color: var(--dex);}

.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}

.newsinfo .fen {    margin: 30px 0 50px;}

.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}

.newsinfo .fen a:hover {color: var(--dex);}

.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}

.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}

.newsinfo .bottom .share {display: flex;align-items: center;}

.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}

.newsinfo .bottom .share .s {display: flex;align-items: center;}

.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}

.newsinfo .bottom .share .s a:hover {background-color: var(--dex);}

.newsinfo .bottom .right {display: flex;align-items: center;}

.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}



.newsinfo .bottom .right a {border-color: var(--dex); color: var(--dex); width: 146px; height: 41px; line-height: 38px;}

.newsinfo .bottom .right a:hover {color: #fff;}



.ding {position: absolute;top: -100px;width: 100%;height: 1px;left: 0px;}

.ding#te2 {top: -150px;}

.ding#con1 {top: 0px;}

.ding#con3 {top: 80px;}

.ding#con4 {top: -50px;}

.pro_nav {padding: 42px 0;position: relative;overflow: hidden;background-color: #fff;}

.pro_nav .icenter {display: flex;align-items: center;}

.pro_nav .icenter a:nth-of-type(1) {margin-right: 12px;}

.pro_nav .icenter a {border: 1px solid var(--dex);line-height: 48px;    width: 200px;}

.pro_nav .icenter a span {color: var(--dex);}

.pro_nav .icenter a.active {background-color:var(--dex)}

.pro_nav .icenter a.active span {color: #fff;}

.pro {padding: 100px 0 158px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.pro ul {display: flex;flex-flow: wrap;}

.pro ul li {    width: 31.5%; margin-right: 2.7%; margin-bottom: 2.7%; background-color: #fff;    overflow: hidden;}

.pro ul li:nth-of-type(3n){margin-right: 0px;}

.pro ul li .top {padding: 0px;}

.pro ul li .top .imgbox {   transition: 0.3s; display: flex; align-items: center;}

.pro ul li .top .imgbox  img {   width: 100%; max-width: 100%; margin: auto;height: 100%;}

.pro ul li .bot { padding: 30px 40px 60px 40px;     }

.pro ul li .bot h4 {font-size: 16px;color: #666666;margin-bottom: 10px;}

.pro ul li .bot h5 {font-size: 26px;font-weight: bold;color: #333333;}

.pro ul li .bot p {    font-size: 16px; color: #666666; line-height: 28px; margin: 16px 0 47px;}

.pro ul li .bot .amore1 { width: 147px; border: 1px solid var(--dex); line-height: 42px; height: 44px;}

.pro ul li .bot .amore1 span {color: var(--dex);}

.pro ul li:hover .bot .amore1 {background-color: var(--dex);}

.pro ul li:hover .bot .amore1 span {color: #fff;}

.pro ul li:hover .bot h5 {color: var(--dex);}

.pro ul li:hover .imgbox img{transform: scale(1.1);}

.pro ul li:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.pro ul li:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }





/* proinfo */



.pro_info_banner {position: relative;overflow: hidden;}

.pro_info_banner .text {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;}

.pro_info_banner .text  h3 {font-size: 52px;color: #fff;font-weight: bold;}

.icenter2 {width: 1100px;margin: auto;position: relative;}

.proinfo {position: relative;padding: 120px 0 30px;}

.proinfo h3 {font-size: 44px; font-weight: bold; color: #333333; margin-bottom: 20px; line-height: 60px;}

.proinfo .seg {margin-bottom: 100px;}

.proinfo .seg1 {font-size: 18px;color: #666666;line-height: 30px;}

.proinfo .seg1 p {    font-size: 18px; color: #666666; line-height: 30px; margin: 0 0 42px;}

.proinfo .seg1 p img {width: auto;max-width: 100%;height: auto;margin: auto;}

.proinfo .seg2 ul {margin-top: 30px;display: flex;justify-content: space-between;}

.proinfo .seg2 ul li p{border-bottom: 1px solid #ddd;}

.proinfo .seg2 ul li p:nth-of-type(1){border-top: 1px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p {border-bottom: 3px solid #ddd;}

.proinfo .seg2 ul li p{ height:auto; padding: 10px 0; line-height: 28px; font-size: 16px; display: flex; align-items: center;}

.proinfo .seg2 ul li p sup {  position: relative; top: -3px; }

.proinfo .seg2 ul li p sub {position: relative;top: 4px;}

.proinfo .seg2 ul li:nth-of-type(1){width: 20%;}

.proinfo .seg2 ul li:nth-of-type(1) p {font-weight: bold;color: #333333;}

.proinfo .seg2 ul li:nth-of-type(2) p{padding-left: 60px; color: #666666;box-sizing: border-box;    align-items: flex-end; flex-flow: wrap;}

.proinfo .seg2 ul li:nth-of-type(2) {width: 80%;}



.proinfo .seg2 ul li:nth-of-type(2) p:last-child {height: auto;line-height: 26px;}

.proinfo .seg2 ul li:nth-of-type(1) p:last-child{height: auto;}

.proinfo .seg3  ul{display: flex;}

.proinfo .seg3 ul li {border-right: 1px solid #cacaca;}

.proinfo .seg3 ul li:nth-of-type(1){width: 28%;}

.proinfo .seg3 ul li:nth-of-type(2){width: 18%;}

.proinfo .seg3 ul li:nth-of-type(3){width: 21%;}

.proinfo .seg3 ul li:nth-of-type(4){width: 33%;}

.proinfo .seg3 ul li:nth-of-type(1) {border-left: 1px solid #cacaca;}

.proinfo .seg3 ul li p:nth-of-type(1){background-color: #dceaf8;border-top: 1px solid #cacaca;}

.proinfo .seg3 ul li p {line-height: 20px;border-bottom: 1px solid #cacaca; font-size: 16px; color: #666666; text-align: center; padding: 12px 38px; white-space: nowrap;}

.proinfo .seg4 dl {display: flex;justify-content: space-between;}

.proinfo .seg4 dl dd {width: 32%;}

.proinfo .seg4 dl dd:hover .imgbox  img {transform: scale(1.1);}

.proinfo .seg4 dl dd  .imgbox {    padding: 0px 0px; height: auto; background-color: #fff; box-shadow: 0 0 20px #e7e7e7; border-radius: 10px;}

.proinfo .seg4 dl dd  .imgbox img {height: 100%; width: 100%; max-width: 100%;}

.proinfo .seg4 dl dd h6 {margin-top: 20px; font-size: 20px;font-weight: bold;color: #666666;text-align: center;}

.proinfo .seg4 dl dd:hover h6 {color: var(--dex);}





.lx { padding: 130px 0; position: relative;overflow: hidden;background: url(../images/pro_info_bot.jpg);  background-size: cover;background-position: center}

.lx .icenter2 {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.lx  h3 {font-size: 44px;color: #333333;font-weight:bold;margin-bottom: 19px;}

.lx  h4 {font-size: 20px;color: #666666;margin-bottom: 38px;}

.lx .min {display: flex;justify-content: center;}

.lx .min a {width: 211px; height: 45px; border-width: 1px; line-height: 43px;}

.lx .min a:nth-of-type(1) {margin-right: 12px; background-color: var(--dex);color: var(--dex);}

.lx .min a:nth-of-type(1)::after {color: var(--dex);}

.lx .min a:nth-of-type(1):hover {background-color: transparent;}

.lx .min a:nth-of-type(1) span {color: #fff;}

.lx .min a:nth-of-type(2) {border: 1px solid var(--dex);}

.lx .min a:nth-of-type(2) span {color: var(--dex);}

.lx .share {display: flex; justify-content: center; margin-top: 54px; align-items: center;}

.lx .share span {font-size: 20px;color: #666666;margin-right: 12px;}

.lx .share  .s {display: flex;}

.lx .share  .s a {    width: 43px; height: 43px; background-color: #b0b0b0; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; margin-right: 10px; border-radius: 50%;}

.lx .share  .s a:last-child {margin-right: 0px;}

.lx .share  .s a:hover {background-color: var(--dex);}



/* tech */

.tech_title {font-size: 44px;font-weight: bold;color: #333333;}

.tech01 {position: relative; padding: 257px 0 206px;position: relative;overflow: hidden;}

.tech01::before {position: absolute; content: ''; top: 0px; background-color: #f0f5f8; width: 100%; height: 100%; left: calc((100% - 1500px)/2);}

.tech01 .icenter {display: flex;justify-content: flex-end;position: relative;}

.tech01 .icenter  .box {width: 36.3%;}

.tech01 .icenter  .box h4 {font-size: 26px;color: #333333;line-height: 36px;margin: 20px 0 24px;}

.tech01 .icenter  .box p {font-size: 18px;color: #666666;line-height: 30px;}

.tech01 .icenter .bg2 {    opacity: 0.6;position: absolute; right: -152px; top: -237px; width: 348px;}

.tech01 .imgbox1:hover .imgbox img  {transform: scale(1.1);}

.tech01 .imgbox1 {width: 55.6%; position: absolute; left: 0px; top: 120px; z-index: 1;}

.tech01 .imgbox1 .bg1 {    opacity: 0.3; position: absolute;right: 0px;bottom: 0px;width: 122px;}

.tech01 .imgbox1 .imgbox ,.tech01 .imgbox1 .imgbox img{width: 100%;height: 100%;  z-index: 1;}

.tech01 .imgbox1 .bg1 { position: absolute; right: -67px; bottom: -94px; width: 122px; transform: rotate(70deg); }



.tech02 {position: relative;overflow: hidden;padding: 115px 0;}

.tech02 h3 {position: relative; display: flex; align-items: center; justify-content: space-between;}

.tech02 h3 span {white-space: nowrap;    font-weight: bold; color: #333333;}

.tech02 h3::before {content: ""; display: block; width: 36%; height: 1px; background-color: #d9d9d9;}

.tech02 h3::after {content: "";display: block;width: 36%;height: 1px;background-color: #d9d9d9;}

.tech02  ul {display: flex; justify-content: space-between; width: 69%; margin: auto; margin-top: 54px;}

.tech02  ul  li {width: 220px; height: 220px; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}


.tech02  ul  li::before { content: ""; position: absolute; width: 115%; height: 115%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li:hover::before { animation: img01anime 10s 0s linear infinite; }

.tech02  ul  li:hover::after { animation: img03anime 10s 0s linear infinite; }

@keyframes img01anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(360deg);}

}

@keyframes img03anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(-360deg);}

}

.tech02  ul  li  h4 {display: flex;}

.tech02  ul  li  h4 strong {font-size: 80px; font-family: 'alibb'; color: var(--dex); line-height: 68px; font-weight: normal;}

.tech02  ul  li  h4 strong:nth-of-type(1) {margin-right: 5px;}

.tech02  ul  li h5 {font-size: 16px; color: #666666; margin-top: 13px; text-align: center;}

.jian {position: absolute; top: 50%; transform: translateY(-50%); left: 260px; display: flex; padding: 20px; justify-content: center; align-items: center; width: 100px; height: 100px; margin: auto;}

.jian .cc {height: 7px;width: 7px;border-radius: 50%;background-color: var(--dex);margin-right: 5px;}

.jian .cc:last-child {margin-right: 0px;}

.jian .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.jian .cc.cc2{opacity: 0.6;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.jian .cc.cc3{opacity: 0.8;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.jian .cc.cc4{opacity: 1;animation:mymove1 1.2s 0.6s infinite; -webkit-animation:mymove1 1.2s 0.6s infinite} 

@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}


}





.tech03 {position: relative;overflow: hidden;}

.tech03 .title {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.tech03 .title h4 {font-size: 18px;color: #666666;margin: 12px 0 40px;}

.tech03 .list_top { margin-bottom: 12px;   display: flex; border-radius: 8px; overflow: hidden;}

.tech03 .list_top .list_top01 ,.tech03 .list_content .list_content01{width: 10%;}

.tech03 .list_top .list_top02 ,.tech03 .list_content .list_content02{width: 80.5%;}

.tech03 .list_top .list_top03 ,.tech03 .list_content .list_content03{width: 49.5%;}

.tech03 .list_top .list_top04 ,.tech03 .list_content .list_content04{width: 11%;}

.tech03 .list_top .list_top05 ,.tech03 .list_content .list_content05{width: 11%;}

.tech03 .list_top .list_top_c ,.tech03 .list_content_l{    background-color: #004389; font-size: 16px; color: #fff; height: 100px; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(255,255,255,0.4);}

.tech03 .list_top .list_top_c:last-child ,.tech03 .list_content_l:last-child{border-right: 0px;}

.tech03 .list_top .list_top03 .list_top03_c, .tech03 .list_content .list_content03_c{ border-right: 1px solid rgba(255,255,255,0.4);   width: 20%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; height: 100%;}

.tech03 .list_top .list_top03 .list_top03_c:last-child ,.tech03 .list_content .list_content03_c:last-child{border-right: 0px;}



.tech03 .list_content .list_content_f{margin-bottom: 1px; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}

.tech03 .list_content_l {height: 85px;background-color: transparent;color: #333333;}

.tech03 .list_content .list_content03_c {    justify-content: flex-start; color: #fff;    border-color: #eceff0;}

.tech03 .list_content .list_content_f:nth-of-type(n) {background-color: #f7fafb;}

.tech03 .list_content .list_content_f:nth-of-type(2n) {background-color: #fff;}

.tech03 .list_content_l:nth-of-type(1) {background-color: #eaeef0;font-size: 16px;color: #333333;}

.tech03 .list_content .list_content03_c ,.tech03 .list_content_l{border-color: #eceff0;}

.tech03 .list_content .list_content03_c span {position: relative; width: 0; height: 37px; display: inline-block; font-size: 16px; color: #fff; line-height: 37px;     background-image: linear-gradient(to right,#96b7f1,#5890da);}





.tech03 .list_content  .list_content_f .list_content03_c span::after { opacity: 1; content: ''; width: 20px; height: 37px; border-radius: 0 90% 90% 0/0 50% 50% 0; background-color: #5890da; position: absolute; right: -20px; z-index: 9; }

/* 进度条 */

/* 1 */

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(4) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span::after{ opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span{width: 0%;}



/* 2 */

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span{width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(5) span{width: 0%;}

/* 3 */

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 4 */

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(2) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 5 */

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(2) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(5) span {width: 0%;}























.tech04 {padding: 130px 0 ;position: relative;overflow: hidden;}

.tech04 h4 {font-size: 18px; color: #666666; margin: 10px 0 36px; text-align: center;}

.tech04 h3 {text-align: center;}

.tech04 dl {display: flex;justify-content: space-between;margin-bottom: 60px;}

.tech04 dl dd { transition: 0.3s; border-radius: 10px; background-color: #f5f5f5; padding: 80px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 24%;}

.tech04 dl dd .icon {position: relative; width: 110px;height: 110px;border-radius: 50%;background-color: var(--dex);display: flex;justify-content: center;align-items: center;}

.tech04 dl dd .icon::before { border-radius: 50%; content: ""; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border: 1px dashed var(--dex);}

.tech04 dl dd .icon img {transition: 0s; filter: grayscale(10) brightness(10);width: 50px;}

.tech04 dl dd span {font-size: 18px;color: #666666;margin-top: 30px;text-align: center;}

.tech04 .bot {position: relative; font-size: 24px;color: #333333;font-weight: bold;width: fit-content;margin: auto;}

.tech04 .bot::before {    content: ""; position: absolute; left: -138px; width: 117px; height: 2px; background:linear-gradient(to right ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%); top: 50%; transform: translateY(-50%);}

.tech04 .bot::after {content: ""; position: absolute;right: -138px;width: 117px;height: 2px;background-color: var(--dex);top: 50%; transform: translateY(-50%);background:linear-gradient(to left ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%);}

.tech04 dl dd:hover {background-color: var(--dex);}

.tech04 dl dd:hover .icon {background-color: #fff;}

.tech04 dl dd:hover .icon img {filter: none;}

.tech04 dl dd:hover  .icon::before {border-color: #fff; animation: img02anime 10s 0s linear infinite;}

.tech04 dl dd:hover span {color: #fff;}

@keyframes img02anime{

	0%{transform: translate(-50%,-50%) rotate(0deg);}

	100%{transform: translate(-50%,-50%) rotate(-360deg);}

}





.tech05 {padding: 172px 0 200px;position: relative;overflow: hidden;background: url(../images/tech05_bg.jpg);background-size: cover;}

.tech05 p {font-size: 18px; color: #666666; line-height: 30px; width: 670px; margin: 16px 0 62px;}

.tech05 a { border-color: var(--dex);}

.tech05 a:hover {background-color: transparent!important;}

.tech05 a .img {position: absolute;width: 0;}

/* imgshowmask */

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}

.imgshow{width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}

.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}



.tech06 {padding: 138px 0;position: relative; overflow: hidden;}

.tech06  .icenter {justify-content: space-between;align-items: center;display: flex;}

.tech06  .icenter a {position: relative;width: 48%;height: 172px;background-color: #f0f5f8;}

.tech06  .icenter a:hover .imgbox img {transform: scale(1.1);}

.tech06  .icenter a .imgbox {opacity: 0; transition: 0.3s;height: 100%;}

.tech06  .icenter a .imgbox img {height: 100%;}

.tech06  .icenter a .imgbox::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.tech06  .icenter a:hover .imgbox {opacity: 1;}

.tech06  .icenter a .text {position: absolute;left: 50%;top: 50%;width: 75%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: space-between;}

.tech06  .icenter a .text .le {display: flex;align-items: center;}

.tech06  .icenter a .text .le .icon {width: 54px; margin-right: 32px;}

.tech06  .icenter a .text .le span {font-size: 24px;color: var(--dex);font-weight: bold;transition: 0.3s;}

.tech06  .icenter a:hover .text .le .icon img{filter: grayscale(10) brightness(10);}

.tech06  .icenter a:hover .text .le span {color: #fff;}

.tech06  .icenter a .text .ri img {transition: 0.3s;left: 0px;position: relative;}

.tech06  .icenter a:hover .text .ri img {filter: grayscale(10) brightness(10);left: 15px;}





/* contact */

.con01 {padding: 126px 0;position: relative;overflow: hidden;}

.con01 .icenter ul {display: flex;justify-content: space-between;align-items: center;}

.con01 .icenter li  {background-color: #f2f2f2;width: 99%;}

.con01 .icenter li  .bot {padding: 50px;}

.con01 .icenter li  .bot h4 {margin-bottom: 20px; font-size: 30px;font-weight: bold;color: #333333;position: relative;}

.con01 .icenter li  .bot h4::before {    height: 36px; width: 5px; background-color: var(--dex); content: ""; position: absolute; content: ""; left: -50px; top: 57%; transform: translateY(-50%);}

.con01 .icenter li dl dd{margin-bottom: 14px; display: flex;align-items: center;}

.con01 .icenter li dl dd img {    width: 18px; margin-right: 12px;}

.con01 .icenter li dl dd span {font-size: 18px;color: #666666;}

.con01 .icenter li:hover .bot h4 {color: var(--dex);}





.con02 {display: flex;justify-content: space-between;align-items: center;height: 775px;position: relative;}

.con02 .left {width: 50%;position: relative;overflow: hidden;height: 100%;}

.con02 .left img ,.con02 .right img{height: 100%;}

.con02 .left:hover img {transform: scale(1.1);}

.con02 .right {width: 50%;position: relative;height: 100%;}

.con02 .right .box {width: 614px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.con02 .right .box h3 {font-size: 44px;font-weight: bold;color: #ffffff;margin-bottom: 30px;}

.con02 .right .box .label {width: 100%;margin-bottom: 24px;position: relative;}

.con02 .right .box .label>span {position: relative;}

.con02 .right .box .label span>span{font-size: 14px; color: red; top: 50%; transform: translateY(-50%); right: 0px; width: fit-content; position: absolute;}

.con02 .textarea>span {position: relative;}

.con02 .textarea span>span{    font-size: 14px; color: red; right: 0px; width: fit-content; position: absolute; bottom: 14px;}

.con02 .right .box .label input {    height: 38px; font-size: 16px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%; background-color: transparent; outline: none;}

.con02 .right .box textarea {     resize: none;   width: 100%; height: 114px; outline: none; border: none; border-bottom:1px solid rgba(255,255,255,0.5); font-size: 16px; color: #ffffff; background-color: transparent;}

.con02 .right .box .amore1  {cursor: pointer;}

.con02 .right .box .amore1 span {color: #fff;}

.con02 .right .box .amore1 { background-color: transparent; margin-top: 55px; height: 44px; line-height: 40px; width: 150px;}

.con02 .right .box .amore1:hover {background-color: #fff}

.con02 .right .box .amore1:hover::after {color: var(--dex);}

.con02 .textarea {    border: 0px; padding: 0px;}

.con02 .right .box .label input::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .right .box textarea::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .screen-reader-response {display: none;}

.con02 form {position: relative;}

.con02 form .wpcf7-validation-errors {font-size: 14px; color: red; left: 0px; width: fit-content; position: absolute; bottom: -29px;}

.con02 form  .wpcf7-mail-sent-ng {font-size: 14px; color: #fff; right: 0px; width: fit-content; position: absolute; bottom: 14px}

.con03 {padding: 230px 0 88px;position: relative;overflow: hidden;}

.con03 .con_title  {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}

.con03 .con_title h4 {font-size: 40px;font-weight: bold;color: #333333;}

.con03 .con_title h5 {font-size: 18px;color: #666666;line-height: 30px;position: relative;    width: 56%;}

.con03 .con_title h5::before {content: ""; position: absolute;left: -24px;top: 50%;transform: translateY(-50%);width: 2px;height: 87%;background-color: var(--dex);}

.con03 .pagemap {padding-top: 0px;}



.con04 {padding: 100px 0 130px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.con04 .con04_h3 {font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 32px;text-align: center;}

.con04 li:nth-of-type(1) .up {border-top: 1px solid #ddd;}

.con04 .up {padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}

.con04 .up .left h3 {    font-size: 30px; font-weight: bold; color: #333333; margin-bottom: 10px; line-height: 43px;    text-transform: capitalize;}

.con04 .up .left h4 {display: flex;align-items: center;}

.con04 .up .left h4 span{font-size: 16px;color: #666666;position: relative;padding: 0 20px;}

.con04 .up .left h4 span:nth-of-type(1){padding-left: 0px;}

.con04 .up .left h4 span::after{ content: ""; position: absolute; height: 14px; width: 1px; background-color: #ddd; left: 0px; top: 50%; transform: translateY(-50%);}

.con04 .up .left h4 span:nth-of-type(1):after{display: none;}

.con04 .up .amore1 {cursor: pointer;border: 1px solid var(--dex);}

.con04 .up .amore1 span {color: var(--dex);}

.con04 .up:hover .amore1 {background-color: var(--dex);}

.con04 .up:hover .amore1::after{color: #fff;}

.con04 .up:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.con04 .up:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.con04 .up:hover h3{color: var(--dex);}

.con04 .low {display: none;padding: 80px 60px;    border-bottom: 1px solid #ddd;}

.con04 .low b {    font-weight: bold; color: #333333; margin-bottom: 18px; font-size: 20px; display: block;}

.con04 .low p {font-size: 16px;line-height: 36px;color: #666666;}

.con04 .low .content {margin-bottom: 39px;}

.con04 .low .foot {font-size: 18px;color: #333;}

.con04 .low .foot  span { display: inline-block; font-size: 18px;color: var(--dex);font-weight: bold;}





/* fix_sub */

.fixed-sub {  display: none; position: fixed;  right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 55; right: 0px;}

.fixed-sub ul  li {width: 90px;height: 90px;background-color: #076dd9;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}

.fixed-sub ul  li  a {font-size: 16px;color: #ffffff;}

.fixed-sub ul li p {        color: #fff; font-size: 14px; margin-top: 4px; }


.fixed-sub ul li a  span img {width: 25px;margin: auto;transition: .3s;} 

.fixed-sub ul  li:nth-of-type(3){margin-bottom: 0px;}

.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 50%; border-top-left-radius: 50%;}

.fixed-sub ul  li:nth-of-type(3)  {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}



.fixed-sub ul  li:nth-of-type(2) .tel,.fixed-sub ul  li:nth-of-type(3) .tel {  border-radius: 8px; opacity: 0; display: none; padding: 22px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -195px; text-align: center; top: 6px;}

.fixed-sub ul  li:nth-of-type(2) .tel i,.fixed-sub ul  li:nth-of-type(3) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}

.fixed-sub ul  li:nth-of-type(2) .tel h2::after,.fixed-sub ul  li:nth-of-type(3) .tel h2::after {top: 7px; right: -26px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #076dd9;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}

.fixed-sub ul  li:nth-of-type(2) .tel h2,.fixed-sub ul  li:nth-of-type(3) .tel h2 { font-weight: normal; position: relative;font-size: 20px;color: #fff}

.fixed-sub ul  li:nth-of-type(2):hover .tel,.fixed-sub ul  li:nth-of-type(3):hover .tel{display: block;animation: tel 0.5s forwards;}



@keyframes tel {

  to{

    opacity: 1;

  } 

}



.fixed-sub ul  li:hover {background-color: rgb(0 119 245);}

.fixed-sub ul  li:hover span img {transform: scale(1.1);}

.fixed-sub ul  li:hover p { color: rgba(255,255,255,1);;}

.fixed-sub ul li:nth-of-type(3) .tel {left: -325px;}

.fixed-sub ul li:nth-of-type(1) .tel { border-radius: 8px; align-items: center; opacity: 0; display: none; padding: 19px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -357px; top: -16px;}

.fixed-sub ul li:nth-of-type(1) .tel .box {margin-right: 28px;}

.fixed-sub ul li:nth-of-type(1) .tel .box:last-child {margin-right: 0px;}

.fixed-sub ul li:nth-of-type(1) .tel .box img {width: 80px;}

.fixed-sub ul li:nth-of-type(1) .tel .box span {    font-size: 14px; color: #fff; margin-top: 8px; text-align: center;}

.fixed-sub ul  li:nth-of-type(1) .tel::after{    top: 50%; right: -4px; position: absolute; width: 8px; height: 8px; background-color: #076dd9; content: ""; box-shadow: 1px -1px 1px rgb(0 0 0 / 22%); transform: translateY(-50%) rotate(45deg);}

.fixed-sub ul  li:nth-of-type(1):hover .tel {display: flex;animation: tel 0.5s forwards;}















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

  .icenter {width: 1100px;}

  .head .left { width: 350px; }

  .head .left img { transition: 0s; }

  .head { height: 80px;}

  .head .right ul li .a { height: 80px; line-height: 80px;}

  .head .right ul li .a { margin: 0 14px; font-size: 14px; }

  .head .right { width: 65%; }

  .head .right .lang img { width: 19px; margin-right: 7px; }

  .head .right .lang { font-size: 14px; }

  .head .right form span input { width: 150px; height: 30px; font-size: 12px; padding-left: 18px;}

  .head .right form span button { font-size: 14px; right: 13px;}

  .head .right form span input::-webkit-input-placeholder {  font-size: 12px;}

  .div2 .head { height: 65px; }

  .div2 .head .right ul li .a { height: 65px; line-height: 65px; }

  .indexbanner .box .text h3 { font-size: 58px; line-height: 66px; margin-bottom: 21px; }

  .indexbanner .box .text h4 { font-size: 20px; margin-bottom: 52px; }

  .amore1 { width: 144px; height: 40px; line-height: 36px; border-radius: 30px; }

  .indexbanner .swiper-pagination-bullet { margin: 0 6px!important; width: 9px; height: 9px;}

  .indexbanner .lian { width: 362px; height: 94px; padding: 28px 62px; }

  .indexbanner .lian .con img { width: 22px; margin-right: 16px; }

  .indexbanner .lian .con { font-size: 16px;}

  .indexbanner .lian .jian .cc { font-size: 30px; }


  .i01 { padding: 100px 0 0; }

  .i01 .top dl dd h4 strong { line-height: 47px; font-size: 55px;}

  .i01 .top dl dd h4 span { font-size: 20px; margin-left: 6px; line-height: 24px; }

  .i01 .top dl dd h4 { margin-bottom: 12px; }

  .i01 .top dl dd h5 { font-size: 15px;}

  .i01 .top dl dd .icon { width: 40px; margin-top: 24px; }

  .i01 .top dl dd .icon::before { top: -25px; width: 46px; height: 2px; }

  .i01 .top dl dd { width: 230px; }

  .i_title h4 { font-size: 22px; margin-bottom: 8px; }

  .i_title h5 { font-size: 34px; }

  .home_part3_text p { font-size: 15px; line-height: 24px; margin-bottom: 36px; width: 552px; }

  .home_part3_text .i_title { margin-bottom: 19px; }

  .amore1 > span { font-size: 14px; }

  .home_part3_text a { margin-bottom: 58px; width: 132px; height: 40px; line-height: 36px; }

  .home_part3_text ul li img { width: 38px; }

  .home_part3_text ul li span { font-size: 14px; margin-top: 5px; }

  .home_part3_text[data-v-e55fe884] {padding: 80px 30px 40px 0; }

  .home_part3 .bg { width: 602px; right: 0px; top: -255px; }

  .i02 .bot { width: 1145px; }

  .i02 { padding: 105px 0;}

  .i02 .link .tab-li .img { width: 65px; height: 65px; }

  .i02 .link .tab-li .p1 { font-size: 13px; margin-top: 5px; }

  .i02 .top { margin-bottom: 25px; }

  .i02 .bot .box span { font-size: 16px; margin-top: 15px; }

  .i02 .bot .amore1 { margin-top: 36px; }

  .amore1::after { font-size: 14px;}

  .i02 .fa { top: 27%; padding: 0px; width: 38px; height: 38px; font-size: 24px; }

  /* .i02 .link .tab-li { margin-right: 115px; } */

  .i02 .link .tab-li { margin-right: 0px; }

  .i02 .link .tab-li:nth-of-type(1) .img:after { left: 102.5px; width: 74px; }

  .pagemap { padding-top: 110px;     padding-bottom: 120px;}

  .pagemap .maps .tt h4 strong { font-size: 65px;}

  .pagemap .maps .tt p { font-size: 16px; line-height: 26px; width: 210px; padding-top: 15px; margin-top: 0px; }

  .pagemap .biao .icon { width: 104px; height: 104px; box-shadow: -20px 0px 30px #ddd; }

  .pagemap .biao h4 { font-size: 15px; margin-top: 7px; }

  .i04 { padding: 110px 0; }

  .i04 a h4 { font-size: 17px; margin-top: 15px; }

  .i04 a .date span:nth-of-type(1) { font-size: 12px; margin-right: 22px; line-height: 12px; }

  .i04 a .date span:nth-of-type(2) { font-size: 12px; line-height: 12px; }

  .i04 a .date span:nth-of-type(1)::after { right: -12px; height: 10px; width: 1px; }

  .i04 .bot .ri .seg a { padding: 27px 0; }

  .i04 .bot .ri .seg { margin-bottom: 38px; }

  .i04 .bot .le .text::before { left: -80px; top: 0px; width: 80px; height: 100%; }

  .i04 .bot .le .text { bottom: 0px; left: 0px; width: 462px; padding: 43px 72px;}

  .i04 .bg { width: 61%; left: -14%; top: -10%;}

  .footer { padding: 90px 0 10px; }

  .footer .fo03 .ri img { height: 60px; width: auto; margin-left: 28px; }

  .footer .fo01 ul li a { font-size: 15px; }

  .footer .fo01 { padding: 26px 0;}

  .footer .fo01 .to_top { width: 45px; height: 45px;}

  .footer .fo01 .to_top i { margin-bottom: 5px; font-size: 24px; line-height: 10px; }

  .footer .fo01 .to_top span { font-size: 12px; }

  .footer .fo02 { padding: 38px 0; }

  .footer .fo02 .right .g h4 { font-size: 16px; margin-bottom: 12px; }

  .footer .fo02 .right .g h5 { font-size: 14px; line-height: 20px; margin-bottom: 6px; }

  .footer .fo02 .right .g p { font-size: 14px; line-height: 24px; }

  .footer .fo02 .right { width: 625px; }

  .footer .fo02 .left .text .ri span { font-size: 14px; }

  .footer .fo02 .left .text .ri i { margin-top: 14px; font-size: 14px; }

  .footer .fo02 .left .text .le { width: 65px; margin-right: 18px; }

  .footer .fo03 .le a { font-size: 12px; opacity: 0.4; margin-right: 15px; }

  .footer .fo03 .ri a { margin-left: 6px; height: 30px; width: 30px; font-size: 12px;}

  .footer .fo02 .left p input { font-size: 14px; padding-left: 24px; border: 0px; width: 270px; height: 40px; }

  .footer .fo02 .left p button { font-size: 14px; width: 84px; height: 40px;}

  .footer .fo02 .left p input::-webkit-input-placeholder {font-size: 14px;}

  .footer .fo02 .right .g { width: 43%; }

  



  /* about */

  .innerbanner .text h3 { font-size: 52px; margin-bottom: 9px; }

  .innerbanner .text h4 { font-size: 18px; }

  .ab01 { padding: 100px 0 123px; }

  .ab01 .icenter .left .ab_title { line-height: 46px; margin-bottom: 20px; }

  .ab01 .icenter .left p { font-size: 15px; line-height: 28px; }

  .ab_title { font-size: 34px;}

  .ab01 .icenter .left .ab_title { line-height: 42px; margin-bottom: 14px; }

  .ab02 ul li img { width: 51px; margin-right: 40px; }

  .ab02 ul li .text h4 strong { font-size: 46px;    line-height: 54px; }

  .ab02 ul li .text h5 { font-size: 16px; }

  .ab02 ul li { margin-bottom: 40px; }

  .ab02 { padding-bottom: 110px;}

  .ab03 { padding: 0px 0 0px; }

  .ab03 .ab_title {top: 150px; position: relative;}

  .hmc5yr {font-size: 18px;}

  .hmc5years .prev { left: 0px;  }

  .hmc5years .next {right: 0px;}

  .ab03Swiper .box h4 { font-size: 145px; margin-bottom: 30px; line-height: 133px;}

  .ab03Swiper .box .b {     border-top-left-radius: 60px; border-bottom-right-radius: 60px; font-size: 15px; line-height: 26px; width: 497px; height: 171px; padding: 52px; }

  .ab03Swiper { right: 16px; bottom: 30px; width: 556px; height: 310px; padding: 0 24px }

  .ab03Swiper .box h4 { font-size: 116px; margin-bottom: 21px; line-height: 104px;}

  .hmc5years { transform: scale(0.7); }

  .ab03 .icenter { top: -38px; }



  /* news */

  .news { padding: 80px 0 120px; }

  .news ul li { padding: 35px 0; }

  .news ul li .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 14px; }

  .news ul li .text .date img { width: 16px; margin-right: 7px; }

  .news ul li .text .date span { font-size: 14px; }

  .news ul li .text p { font-size: 16px; line-height: 26px; margin: 25px 0 32px; }

  .news ul li .text .a span { height: 14px; line-height: 14px; margin-right: 13px; font-size: 14px; }

  .news ul li:hover .text .a { width: 94px; }

  .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }

  .page span { width: 40px; height: 40px; border: 1px solid #cbcbcb; font-size: 16px; margin-right: 16px; }



  /* newsinfo */

  .news-banner .text h3 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }

  .news-banner .text h4 { font-size: 15px; }

  .news-banner .text h4 span { margin-right: 24px; }

  .newsinfo { padding: 80px 0 120px; }

  .newsinfo p { font-size: 15px; line-height: 28px; margin-bottom: 2%; }

  .newsinfo .fen a { padding: 15px 0; font-size: 15px; }

  .newsinfo .bottom .right a { width: 132px; height: 38px; line-height: 34px; }

  .newsinfo .bottom .share span { font-size: 14px; margin-right: 10px; }

  .newsinfo .bottom .share .s a { margin-right: 8px; width: 28px; height: 28px; font-size: 14px; }

  .newsinfo .fen { margin: 20px 0 40px; }



  /* pro */

  .pro_nav .icenter a { line-height: 36px; width: 180px; }

  .pro_nav { padding: 36px 0;}

  .pro { padding: 80px 0 120px; }

  .pro ul li .top { padding: 0px; }

  .pro ul li .top .imgbox { height: auto; }

  .pro ul li .bot { padding: 24px 33px 44px 30px; }

  .pro ul li .bot h4 { font-size: 14px; margin-bottom: 8px; }

  .pro ul li .bot h5 { font-size: 20px; }

  .pro ul li .bot p { font-size: 14px; line-height: 24px; margin: 10px 0 28px; }

  .pro ul li .bot .amore1 { width: 126px; line-height: 38px; height: 40px; }

  .page { margin-top: 50px; }



  /* proinfo */

  .pro_info_banner .text h3 { font-size: 40px;}

  .proinfo { padding: 90px 0 70px; }

  .proinfo h3 { font-size: 34px; margin-bottom: 14px; line-height: 50px; }

  .proinfo .seg1 p { font-size: 15px; line-height: 26px; margin: 0px 0 34px; }

  .proinfo .seg { margin-bottom: 70px; }

  .proinfo .seg2 ul li p { height: auto; padding: 8px 0; line-height: 24px; font-size: 14px; }

  .proinfo .seg2 ul li:nth-of-type(2) p:last-child { height: auto; line-height: 24px; }

  .proinfo .seg2 ul li:nth-of-type(1) p:last-child { height: auto; }

  .proinfo .seg2 ul { margin-top: 20px; }

  .proinfo .seg3 ul li p { font-size: 14px; padding: 10px 36px; }

  .proinfo .seg4 dl dd h6 { margin-top: 18px; font-size: 17px; }

  .proinfo .seg:last-child {margin-bottom: 40px;}

  .lx { padding: 80px 0;}

  .lx h3 { font-size: 30px; margin-bottom: 10px; }

  .lx h4 { font-size: 15px; margin-bottom: 25px; }

  .lx .min a {width: 160px; height: 38px; border-width: 1px; line-height: 36px;}

  .lx .share { margin-top: 33px; }

  .lx .share span { font-size: 14px; margin-right: 8px; }

  .lx .share .s a { width: 32px; height: 32px; font-size: 14px; margin-right: 8px; }





  /* technology */

  .tech_title { font-size: 34px; }

  .tech01 .icenter .box h4 { font-size: 20px; line-height: 30px; margin: 10px 0 19px; }

  .tech01 .icenter .box p { font-size: 14px; line-height: 26px; }

  .tech01::before { left: calc((100% - 1100px)/2); }

  .tech01 .icenter .bg2 { right: -72px; top: -144px; width: 219px; }

  .tech01 { padding: 158px 0 145px; }

  .tech01 .imgbox1 .bg1 { right: -60px; bottom: -62px; width: 102px; }

  .tech02 ul li h4 strong { font-size: 60px; line-height: 51px; }

  .tech02 ul li h5 { font-size: 14px; margin-top: 10px; }

  .tech02 ul li { width: 160px; height: 160px;}

  .jian { left: 189px; padding: 10px; width: 80px; height: 80px; }

  .jian .cc { height: 5px; width: 5px; margin-right: 4px; }

  .tech02 { padding: 100px 0; }

  .tech03 .title h4 { font-size: 16px; margin: 10px 0 32px; }

  .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 13px; height: 80px;}

  .tech03 .list_content_l { height: 70px; }

  .tech04 { padding: 100px 0; }

  .tech04 dl dd { padding: 62px 8px;}

  .tech04 dl dd .icon { width: 95px; height: 95px;}

  .tech04 dl dd span { font-size: 16px; margin-top: 26px; }

  .tech04 dl dd .icon img { width: 46px; }

  .tech04 .bot { font-size: 20px;}

  .tech04 dl { margin-bottom: 44px; }

  .tech05 { padding: 115px 0 150px;}

  .tech05 p { font-size: 15px; line-height: 26px; width: 569px; margin: 12px 0 52px; }

  .imgshow p img { max-height: 500px; }

  .tech06 { padding: 100px 0; }

  .tech06 .icenter a { height: 138px; }

  .tech06 .icenter a .text .le span { font-size: 20px; }

  .tech06 .icenter a .text .le .icon { width: 46px; margin-right: 28px; }

  .tech06 .icenter a .text .ri img { width: 14px; }

  .con01 { padding: 100px 0; }

  .con01 .icenter li .bot { padding: 30px 40px; }

  .con01 .icenter li .bot h4 { margin-bottom: 18px; font-size: 25px;}

  .con01 .icenter li dl dd span { font-size: 13px;     white-space: nowrap;}

  .con01 .icenter li { width: 47%; }

  .con01 .icenter li .bot h4::before { height: 32px; width: 3px; left: -40px; top: 57%; transform: translateY(-50%); }

  .con02 { height: 570px; }

  .con02 .right .box h3 { font-size: 34px; margin-bottom: 18px; }

  .con02 .right .box .label input::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box textarea::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box .label input { height: 34px; font-size: 14px;}

  .con02 .right .box textarea { height: 90px; font-size: 14px; }

  .con02 .right .box .label { margin-bottom: 18px; }

  .con02 .right .box .amore1 { margin-top: 47px; height: 38px; line-height: 34px; width: 136px; }

  .con02 .right .box { width: 80%;}

  .con03 { padding: 120px 0 70px; }

  .con03 .con_title h4 { font-size: 30px; }

  .con03 .con_title h5 { font-size: 14px; line-height: 24px; width: 52%; }

  .con03 .con_title h5::before { left: -16px; }

  .con04 { padding: 80px 0 100px; }

  .con04 .up .left h3 { font-size: 26px; margin-bottom: 8px; line-height: 36px; }

  .con04 .con04_h3 { font-size: 34px; margin-bottom: 24px; }

  .con04 .up .left h4 span { font-size: 14px; padding: 0 16px; }

  .con04 .up { padding: 24px 0;}

  .con04 .low {padding: 52px 44px;}

  .con04 .low p { font-size: 14px; line-height: 32px; }

  .con04 .low b { margin-bottom: 12px; font-size: 18px; }

  .con04 .low .content { margin-bottom: 28px; }

  .con04 .low .foot { font-size: 15px; }

  .con04 .low .foot span { font-size: 15px; }

  .ding {position: absolute;top: -80px;width: 100%;height: 1px;left: 0px;}



  .ding#te1 {top: 0px;}

  .ding#te2 {top: -80px;}

  .ding#con1 {top: 0px;}

  .ding#con3 {top: 30px;}

  .ding#con4 {top: -70px;}

  .n-nav02 { width: 180px;}

  .n-nav02 a { font-size: 13px; }







  .fixed-sub ul li a span img { width: 20px; }

  .fixed-sub ul li p { font-size: 12px; margin-top: 4px; }

  .fixed-sub ul li { width: 70px; height: 70px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box span { font-size: 12px; margin-top: 5px; }

  .fixed-sub ul li:nth-of-type(1) .tel { padding: 15px;}

  .fixed-sub ul li:nth-of-type(1) .tel { left: -297px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box img { width: 70px; }

  .fixed-sub ul li:nth-of-type(1) .tel .box { margin-right: 20px; }

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { padding: 18px;}

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { left: -175px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2::after, .fixed-sub ul li:nth-of-type(3) .tel h2::after { right: -22px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2, .fixed-sub ul li:nth-of-type(3) .tel h2 { font-size: 18px; }

  .fixed-sub ul li:nth-of-type(3) .tel { left: -292px; }

  







}




.bb{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}






*{padding: 0px;margin: 0px; }

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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }

html{ font-family: '微软雅黑',Arial;color: #666;background-color:#fff; font-size: 62.5%;}

h3,h4,h5,h6,a,span,p{color: #666;/* font-family:'微软雅黑',Arial; *//* font-weight: normal; *//* display: block; */}

img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}

li {list-style: none;}

a {text-decoration: none; display: block;}

body,html {height: 100%;width: 100%;}

.imgbox {overflow: hidden;position: relative;}

:root {

 --dex:#005bbb

}

.clearfix {zoom:1}

.clearfix:after {content: '\20'; display: block; clear: both;}

.fl { float: left; }

.fr { float: right; }

input,.form-change select{ -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 





/*background-color: var(--white); */



/* pc */

.pc-1200px{display: none;}

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

.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}

.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}

.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}

.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}

.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}

}



@font-face {  font-style: normal;

    font-display: swap; font-family: "alibb"; src: url("../other/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../other/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../other/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../other/Alibaba-PuHuiTi-Regular.svg") format("svg"); } 





/* h5 */

.drawer-nav { display: none; }

.drawer-hamburger{display: none;} 

.i03_h5 {display: none;}



/* head */

.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;transition: 0.5s; }

.head { transition: 0.3s; box-sizing: border-box;height: 100px;display: flex;justify-content: space-between;align-items: center;    width: 90%; margin: auto;}

.head  .left {width: 400px;}

.head  .left .lo2 {display: none;}

.head  .left img {transition: 0s;object-fit: contain;width: 100%;}

.head .right {width: 57%;display: flex;justify-content: space-between;align-items: center;}

.head .right ul {display:flex;width: 90%;align-items: center;justify-content: flex-end;}

.head .right ul  li .a{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}

.head .right ul  li {position: relative;}



.head .right ul  li .a::after { position: absolute; content: ""; bottom: 0px; left: 50%; width: 0%; transform: translateX(-50%); transition: 0.3s; height: 3px; background-color: var(--dex); }

.head .right ul  li:hover .a::after { width: 100%; }



.n-nav02{width: 200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;}

.n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #076dd9;position: absolute;top: -10px;left: 50%;margin-left: -10px;}

.n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;}

.n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: #076dd9;}

.n-nav02 a:last-of-type{border-bottom: 0px;}

.head .right ul  li:hover .n-nav02{opacity: 1;visibility: visible;}

.n-nav02 a:hover{color: rgba(255,255,255,0.8);}









.head .right .lang {display: flex;align-items: center;font-size:18px;color: #fff;}

.head .right .lang img {transition: 0s; width: 24px;margin-right: 7px;}

.head .right  form span {display: flex;align-items: center;position: relative;}

.head .right  form span input { width: 180px; height: 40px; font-size: 14px;color: #666; border: 1px solid rgba(255,255,255,0.5); padding-left: 22px; border-radius: 30px; outline: none;  background-color: transparent; }

.head .right  form span button {     cursor: pointer; position: absolute; font-size: 18px; color: #fff; right: 15px; top: 50%; transform: translateY(-50%); border: none; outline: none; background-color: transparent;}

.head .right  form span input::-webkit-input-placeholder {  font-size: 14px;color: rgba(255,255,255,0.4);}





.div1:hover .head .right .lang,.div2  .head .right .lang {color: #333;}

.div1:hover .head .right .lang img ,.div2  .head .right .lang img {filter: invert(1);}

.div1:hover .head .right  form span input,.div2 .head .right  form span input {border-color: rgba(51, 51, 51,0.5);}

.div1:hover .head .right  form span input::-webkit-input-placeholder,.div2 .head .right  form span input::-webkit-input-placeholder {color: rgba(0,0,0,0.4);}

.div1:hover .head  .left .lo1 ,.div2 .head  .left .lo1{display: none;}

.div1:hover .head  .left .lo2 ,.div2 .head  .left .lo2{display: block;}

.div1:hover .head .right ul  li .a ,.div2 .head .right ul  li .a{color: #333;}

.div1:hover,.div2{background-color: #fff;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2);}

.div1:hover .head .right  form span button,.div2 .head .right  form span button {color: #666;}

.div1 .head .right ul li .a:hover {color: var(--dex);}

.div1  .head .right .lang:hover {color: var(--dex);}



.div2 .head { height: 85px;}

.div2  .head .right ul li .a { height: 85px;line-height: 85px;}





/* common  */

.icenter {width: 1500px;margin: auto;position: relative;}

.amore1{ border-radius: 30px; width: 178px;height: 50px;text-align: center;line-height: 46px;border-radius: 30px;border: 2px solid rgba(255, 255, 255);position: relative;}

.amore1::after { font-size: 16px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.amore1:hover { border-color: var(--dex); background-color: var(--dex); }

.amore1 > span { display: block;color: rgba(255, 255, 255);font-size: 16px; }

.amore1::after, .amore1 > span {  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.amore1:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.amore1:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.amore2:hover{ border-color: var(--dex)!important; background-color: #fff!important;}

.amore2:hover > span{color: var(--dex);}

.amore2::after {color: var(--dex);;}





/* indexbanner */

.indexbanner {position: relative;overflow:hidden;    height: 100%;}

.iSwiper {height: 100%;}

.indexbanner  .box { position: relative;height: 100%;}

.indexbanner  .box img {height: 100%;}

.indexbanner  .box .bg {height: 100%;}

.indexbanner  .box::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.indexbanner  .box .text { opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}

.indexbanner  .box .text h3{font-family: "alibb";font-size: 50px;color: #fff;line-height: 93px;margin-bottom: 32px;}

.indexbanner  .box .text h4{ font-size: 22px; color: #fff;  margin-bottom: 64px;letter-spacing: 0.8px;}

.indexbanner   .lian { z-index: 6; width: 475px; height: 112px; position: absolute;right: 0px;bottom: 0px;border-top-left-radius: 60px;padding: 40px 90px;background-color: #fff;  display: flex;justify-content: space-between;align-items: center;}

.indexbanner   .lian .con {display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #005bbb;font-weight: bold;}

.indexbanner   .lian .con img {    width: 26px; margin-right: 18px;}

.indexbanner   .lian  .jian1 {  display: flex; padding: 0px; justify-content: center; align-items: center; width: auto; height: auto; }

.indexbanner   .lian  .jian1 .cc { font-size: 38px; color: var(--dex);}

.indexbanner   .lian  .jian1 .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.indexbanner   .lian  .jian1 .cc.cc2{opacity: 0.7;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.indexbanner   .lian .jian1 .cc.cc3{opacity: 1;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.indexbanner .swiper-pagination {bottom: 9%; left: 50%; width: 90%; transform: translateX(-50%); display: flex;}

.indexbanner .swiper-pagination-bullet {opacity: 1; margin: 0 8px!important;width: 12px;height: 12px;border-radius: 50%;background-color: transparent;border: 1px solid #fff;}

.indexbanner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }



.indexbanner .swiper-slide-active img { animation: mysacle 4s ease both; }



.indexbanner  .swiper-slide-active .box .text { animation: myfade 1.4s ease both; }



@keyframes mysacle {

  0% {

      transform: scale(1.15);

  }

}



@keyframes myfade {

  100% {

      opacity: 1;

  }

}







@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



.amore2 {background-color: var(--dex);}

.amore2 span {color: #fff;}

.amore2::after {color: var(--dex);}

.amore2:hover {background: transparent;}

.amore2:hover span {color: var(--dex);}



/* i01 */

.i01 {padding: 1px 0 0;osition: relative;overflow: hidden;}

.i01 .top {z-index: 1;position: relative;}

.i01 .top dl {display: flex;justify-content: space-between;margin-bottom: 88px;}

.i01 .top dl dd {width: 305px;}

.i01 .top dl dd h4 { margin-bottom: 17px;  display: flex; align-items: flex-end;}

.i01 .top dl dd h4 span{font-size: 24px;color: #333333;margin-left: 8px;line-height: 26px;}

.i01 .top dl dd h4 strong {    font-family: 'alibb'; line-height: 66px;font-size: 80px;font-weight: bold;color: #333333;}

.i01 .top dl dd:hover h4 span,.i01 .top dl dd:hover h4 strong {color:var(--dex);}

.i01 .top dl dd h5 {font-size: 18px;color: #999999;padding-bottom: 12px;border-bottom: 1px solid #d6d6d6;}

.i01 .top dl dd .icon {width: 50px;position: relative;margin-top: 32px;}

.i01 .top dl dd .icon::before {position: absolute; left: 0px; top: -34px; content: ""; width: 55px; height: 3px; background-color: var(--dex);}

.i01 .top dl dd:hover .icon img {transform: rotateY(180deg);}





.home_part3[data-v-e55fe884] {

height: 620px;

/* margin-bottom: 150px; */

position: relative;
}

.home_part3 .bg {width: 780px; position: absolute; right: 45px; top: -298px;}

.home_part3 .con_left[data-v-e55fe884] {

  position: absolute;

  width: 60%;

  right: 40%;

  height: 640px;

}



.home_part3 .con_left .bg[data-v-e55fe884],

.home_part3 .con_left .home_part3_conbox[data-v-e55fe884] {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0

}



.home_part3 .con_left.con_left_bg[data-v-e55fe884] {

  z-index: 1

}



.home_part3 .con_left.con_left_bg .bg[data-v-e55fe884] {

  background: #005bbb;

}



.home_part3 .con_left.con_left_img[data-v-e55fe884] {

  z-index: 3

}



.home_part3 .con_left.con_left_img .home_part3_conbox[data-v-e55fe884] {

  background: url(../images/index_part3_bg.a720f4c.png) no-repeat 100% 0px;


}



.home_part3 .con_right[data-v-e55fe884] {

position: absolute;

z-index: 2;

width: 84.4%;

left: 15.6%;

top: 30px;

height: 570px;
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884] {

/* position: absolute; */

width: 100%;

height: 100%;

l;

/* width: 100%; */: 0

b;

/* height: 100%; */

l;

/* left: 0; */

e;

/* top: 0; */

b;

/* background: url(../images/sy_gybj2.jpg) no-repeat 0 0; */

/* background-size: cover; */
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884]:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 10;

  background: url(../images/part3_img2a.0fd3575.png) no-repeat 0 0;

}



.home_part3 .con_right .con_right_heng[data-v-e55fe884] {

/* display: block; */

/* width: 270px; */

/* height: 30px; */

/* position: absolute; */

/* right: -80px; */

/* bottom: -15px; */

/* z-index: 2; */

/* background: #005bbb */
}



.home_part3 .con_left[data-v-e55fe884] {

  transform: translateX(-30px);

  opacity: 0;

}



.home_part3 .con_right[data-v-e55fe884] {

  transform: translateX(30px);

  opacity: 0

}



.home_part3.on .con_left[data-v-e55fe884], .home_part3.on .con_right[data-v-e55fe884] { transform: translate(0); opacity: 1; transition: 1s }

.home_part3_text[data-v-e55fe884] {color: #fff; width: 847px; box-sizing: border-box; padding: 106px 30px 80px 0;}

.home_part3_text .i_title{margin-bottom: 28px;}

.home_part3_text .i_title h4 {color: rgba(255,255,255,0.8);}

.home_part3_text .i_title h5 {color: #fff;}

.home_part3_text p {font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 40px;width: 773px;}

.home_part3_text a {margin-bottom: 72px; border-color: rgba(255,255,255,0.5); width: 148px; height: 44px; line-height: 40px;}

.home_part3_text a span {color: rgba(255,255,255,0.5);}

.home_part3_text a::after {color: var(--dex);}

.home_part3_text a:hover {background-color: #fff;border-color: var(--dex);}

.home_part3_text ul {display: flex;width: 514px;justify-content: space-between;}

.home_part3_text ul li {width: 54px;}

.home_part3_text ul li  img {width: 48px;margin: auto;}

.home_part3_text ul li  span{font-size: 18px;color: #ffffff;margin-top: 6px;text-align: center;}



.home_part3_text ul li:hover img {transform: rotateY(180deg);}



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

  .home_part3[data-v-e55fe884] {

/* height: 800px; */

/* margin-bottom: 120px */

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 480px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 740px;

      padding: 70px 70px 40px 0

  }

  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 240px;

      height: 24px;

      bottom: -12px;

      right: -50px

  }



}



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

  .home_part3[data-v-e55fe884] {

      height: 700px

  }




  .home_part3_text[data-v-e55fe884] {

      width: 700px

  }

}



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

  .home_part3[data-v-e55fe884] {

height: 450px;

in-bottom: 80px;

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 350px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 25px

  }



}



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







  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 35px 20px


  }





}





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

  .home_part3[data-v-e55fe884] {

/* height: 620px; */

/* margin-bottom: 60px; */

}



  .home_part3 .con_left[data-v-e55fe884] {

      height: 520px;

      width: 88%;

      right: 12%

  }



  .home_part3 .con_right[data-v-e55fe884] {

      height: 520px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 30px

  }

  .home_part3_iconlist .li[data-v-e55fe884] {

      width: 33.33%

  }



  .home_part3 .con_right .con_right_bg[data-v-e55fe884] {

      background-position: 100% 100% !important

  }



  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 138px;

      height: 24px;

      bottom: -12px;

      right: -20%

  }



}



/* i02 */

.i02 {padding: 125px 0;position: relative;overflow: hidden;background: url(../images/sy_cpbj1.jpg);background-size: cover;}

.i02 .top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}

.i02 .top .i_title {margin-bottom: 0px;}

.i02 .botF {    position: relative; width: fit-content; margin: auto;}

.i02 .bot {width: 1545px;position: relative;margin: auto;overflow: hidden;}

.i02 .bot .box {border-radius: 20px;}

.i02 .bot .box .imgbox {border-radius: 20px;box-shadow: 0 0 10px #ddd;}

.i02 .bot .box:hover .imgbox  img{transform: scale(1.1);}

.i02 .bot .box:hover span {color: var(--dex);}

.i02 .bot .box span { text-align: center;color: #666666;font-size: 20px;margin-top: 19px;}

.i02 .bot .amore1 {margin: auto; border-color: var(--dex);margin-top: 50px;}

.i02 .bot a:hover {background-color: transparent!important;}

.i02  .fa { outline: none; top: 29%;background: none; margin: 0px; padding: 0px; width: 45px; height: 45px; border-radius: 50%; color: rgba(255,255,255,0.8); background-color: #bdc2c7; display: flex; justify-content: center; align-items: center; font-size: 26px;}

.i02  .fa-angle-left {left: -48px;}

.i02  .fa-angle-right{right: -48px;}

.i02  .fa:hover {background-color: var(--dex);}



.i02 .link{display: flex;display: -webkit-flex;}

/* .i02 .link .tab-li{margin-right:145px;cursor:pointer;position: relative;} */

.i02 .link .tab-li{margin-right:0px;cursor:pointer;position: relative;}

.i02 .link .tab-li:nth-of-type(1) .img:after {  display: none;  position: absolute; content: ""; left: 117.5px; top: 50%; transform: translateY(-50%); width: 98px; height: 1px; background-color: #b1b5b8;}

.i02 .link .tab-li:nth-of-type(2){display: none;}

.i02 .link .tab-li .img{width:80px;height:80px;position:relative;margin: auto;}

.i02 .link .tab-li .p1{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;}





.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2,.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4

{position:absolute;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}

.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2{z-index:1}

.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4{z-index:2;width: 44%;height: auto;top: 28%;left: 28%;}

.i02 .link .tab-li .img .bg2{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.i02 .link .tab-li .img .bg4{opacity:0}

.i02 .link .tab-li.cur .bg2,.i02 .link .tab-li:hover .bg2{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.i02 .link .tab-li.cur .bg4,.i02 .link .tab-li:hover .bg4{opacity:1}

.i02 .link .tab-li.cur .bg1,.i02 .link .tab-li.cur .bg3,.i02 .link .tab-li:hover .bg1,.i02 .link .tab-li:hover .bg3

{opacity:0;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);transform:scale(.6,.6)}



.i02 .link .tab-li.cur:hover .img .bg2{ opacity: 0;

     -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.i02 .link .tab-li.cur:hover .bg4{opacity: 0;}

.i02 .link .tab-li.cur:hover .bg1, .i02 .link .tab-li.cur:hover .bg3{

    opacity: 1;

    -webkit-transform:none;

    -ms-transform: none;

    transform: none;

}









/* i03 */

.pagemap{display: block;overflow: hidden;  position: relative;padding-top: 180px;padding-bottom: 160px;}

.pagemap .maps{ display: block;overflow: hidden;position: relative;}

.pagemap .maps .i_title {position: absolute;top: 0px;left: 0px;}

.pagemap .maps .tt{position: absolute; bottom: 60px; left: 0; z-index: 1;}

.pagemap .maps .tt h4 {display: flex;align-items: center;}

.pagemap .maps .tt h4 strong{font-weight: bold; color: #005bbb; font-size: 80px; font-weight: bold; font-family: 'alibb';}

.pagemap .maps .tt h4 strong:nth-of-type(1) {margin-right: 2px;}

.pagemap .maps .tt p {    font-size: 18px; color: #666666; line-height: 30px; color: #666666; width: 212px; padding-top: 18px; border-top: 1px solid #c7c7c7; margin-top: 0px;}

.pagemap .maps .about04min{ display: block;overflow: hidden;width: 85%;margin: 0 0 0 15%;position: relative;}

.pagemap .maps .about04min .map{display: block; width:100%; }

.pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}

.pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;}

.pagemap .maps .about04min .mapicon01{top: 24%;left: 83%;}

.pagemap .maps .about04min .mapicon02{top: 25%;left: 75%;}

.pagemap .maps .about04min .mapicon03{top: 24%;left: 70%;}

.pagemap .maps .about04min .mapicon04{top: 18%;left: 66%;}

.pagemap .maps .about04min .mapicon05{top: 51%; left: 11%;}

.pagemap .maps .about04min .mapicon06{top: 39%;left: 77%;}

.pagemap .maps .about04min .mapicon07{top: 41%; left: 34%;}

.pagemap .maps .about04min .mapicon08{top: 42%;left: 79.5%;}

.pagemap .maps .about04min .mapicon09{top: 54%; left: 4%;}

.pagemap .maps .about04min .mapicon10{top: 41%; left: 35.5%;}

.pagemap .maps .about04min .mapicon11{top: 47.5%;left: 76.5%;}

.pagemap .maps .about04min .mapicon12{top: 44%; left: 34%;}

.pagemap .maps .about04min .mapicon13{top: 49%; left: 33%;}

.pagemap .maps .about04min .mapicon14{top: 78%;left: 86%;}

.pagemap .maps .about04min .mapicon15{top: 61%; left: 80%;}

.pagemap .maps .about04min .mapicon16{top: 17%; left: 85%;}

.pagemap .maps .about04min .mapicon17{top: 14%; left: 83%;}

.pagemap .maps .about04min .mapicon18{top: 46%; left: 31%;}

.pagemap .maps .about04min .mapicon19{top: 80%; left: 43%;}

.pagemap .maps .about04min .mapicon20{top: 44%;left: 36%;}

.pagemap .maps .about04min .mapicon21{top: 79%; left: 38%;}

.pagemap .maps .about04min .mapicon22{top: 40%; left: 37%;}

.pagemap .maps .about04min .mapicon23{top: 22%;left: 33%;}

.pagemap .maps .about04min .mapicon24{top: 16%;left: 32%;}

.pagemap .maps .about04min .mapicon25{top: 15%;left: 26%;}

.pagemap .maps .about04min .mapicon26{top: 31%;left: 26%;}

.pagemap .maps .about04min .mapicon27{top: 32%;left: 23%;}

.pagemap .maps .about04min .mapicon28{top: 44%;left: 23%;}

.pagemap .maps .about04min .mapicon29{top: 21%;left: 19%;}

.pagemap .maps .about04min .mapicon30{top: 37%;left: 19%;}

.pagemap .maps .about04min .mapicon31{top: 60%; left: 10%;}

.pagemap .maps .about04min .mapicon32{top: 70%; left: 10%;}

.pagemap .maps .about04min .mapicon.hide{opacity: 0;}



.pagemap .biao {position: absolute; margin: 0 auto; margin-bottom: 22px; left: 41%; top: 31%;}

.pagemap .biao .icon {    position: relative; box-sizing: border-box; width: 115px; height: 115px; box-shadow: -20px 0px 30px #ddd; border-radius: 50%;}

.pagemap .biao .icon .imgbox {overflow: hidden;border-radius: 50%;width: 100%;height: 100%;border: 7px solid #005bbb;z-index: 2;}

.pagemap .biao .icon::after {     position: absolute; content: ""; bottom: 24px; left: -14%; transform: translateX(-50%) rotate(81deg); clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 103px; height: 47px; background-color: #005bbb; }

.pagemap .biao .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.pagemap .biao  .ring span {  background-color: rgba(0, 91, 187, 0.2);display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; }

.pagemap .biao  .ring span:nth-of-type(2) { animation-delay: .7s; }

.pagemap .biao  .ring span:nth-of-type(3) { animation-delay: 1.4s; }

.pagemap .biao h4 {font-size: 18px; color: #333333; font-weight: bold; margin-top: 8px; text-align: center;}

.pagemap .biao:hover h4 {color: var(--dex);}

.pagemap .biao:hover .icon .imgbox img{transform: scale(1.1);}



@keyframes ringscale {

    0% {

      opacity: 1;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(1.6);

      -moz-transform: scale(1.6);

      -ms-transform: scale(1.6);

      transform: scale(1.6);

    }

  }

/* i04 */

.i04 {padding: 10px 0;position: relative;overflow: hidden;}

.i04 .bg {width: 886px; position: absolute; left: -14%; top: -7%; z-index: -1;}

 .i_title {margin-bottom: -35px;margin-top: 20px;}

 .i_title h4 {    font-size: 28px; font-family: arial; color: #005bbb; opacity: 0.3; margin-bottom: 9px;font-weight: bold;}

 .i_title h5 {font-size: 44px;font-weight: bold;color: #333333;}

.i04 .bot {display: flex;align-items: center;justify-content: space-between;}

.i04 .bot .le {width: 62%;position: relative;}

.i04 .bot .le:hover .imgbox  img {transform: scale(1.1);}

.i04 .bot .le .text {z-index: 1;background-color: #fff;position: absolute;bottom: 0px;left: 0px;width: 605px;pad;padding: 22px 26px;play: flex;justify-content: space-between;flex-direction: column;box-shadow: 0px 0px 2px #ddd;}

.i04 .bot .le .text::before {content: "";position: absolute;left: -164px;top: 0px;width: 164px;height: 100%;border-top-left-radius: 95px;/* background-color: #005bbb; */}

.i04 .bot .le .text::after {position: absolute; background-color: #005bbb; content: "";left: 0px;top: 0px;width: 0%;height: 100%;z-index: 0;transition: 0.3s;}

.i04 .bot .le:hover .text::after {width: 100%;} 

.i04 .bot .le:hover .date span{color: #fff;}

.i04 .bot .le:hover .date span::after {background-color: #fff;}

.i04 .bot .le:hover h4 {color: #fff;}

.i04 a .date {display: flex; align-items: center; position: relative; z-index: 1;}

.i04 a .date span:nth-of-type(1) {/* transition: 0.3s; */font-size: 16px;color: #005bbb;position: relative;/* margin-right: 26px; */line-height: 14px;}

.i04 a .date span:nth-of-type(1)::after {/* content: ""; */position: absolute;right: -14px;height: 12px;width: 1px;background-color: #b1b1b1;top: 50%;transform: translateY(-50%);}

.i04 a .date span:nth-of-type(2) {  transition: 0.3s;  font-size: 16px; font-family: arial; color: #999999; line-height: 14px;}

.i04 a h4 {transition: 0.3s;font-size: 26px;color: #333333;ma;margin-top: 16px;-index: 1;position: relative; margin-bottom: 16px;}



.i04 .bot .ri{width: 31.8%;}

.i04 .bot .ri .seg {margin-bottom: 50px;}

.i04 .bot .ri .seg a {border-bottom: 1px solid #c1c1c1;padding: 37px 0;}

.i04 .bot .ri .seg a:hover h4 {color: var(--dex);}

.i04 .bot .ri .seg a:nth-of-type(1){padding-top: 0px;}







.footer {padding: 0px 0 10px;position: relative;overflow: hidden;background-color:#004389;}

.footer .fo01 {padding: 37px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}

.footer .fo01 ul {width: 726px;justify-content: space-between;display: flex;align-items: center;}

.footer .fo01 ul li {width: fit-content;}

.footer .fo01 ul li a {color: #fff;font-size: 18px;font-weight: bold;}

.footer .fo01 ul li a:hover {color:#2e8bff;}

.footer .fo01 .to_top {width: 55px;height: 55px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #2e8bff;cursor: pointer;}

.footer .fo01 .to_top i {    display: block; margin-bottom: 5px; color: #fff; font-size: 30px; line-height: 12px;}

.footer .fo01 .to_top span {color: rgba(255,255,255,0.5);font-size: 14px;font-family: arial;}

.footer .fo02 {padding: 40px 0 50px;position: relative;overflow: hidden;display: flex;justify-content: space-between;}

.footer .fo02 .left {width: fit-content;}


.footer .fo02 .left form {margin-bottom: 28px;}


.footer .fo02 .left p {display: flex;align-items: center;}

.footer .fo02 .left p input {  font-size: 16px;  padding-left: 28px; background-color: #1a5695; outline: none;border: 0px;width: 302px;height: 46px;color: #ffff;}

.footer .fo02 .left p input::-webkit-input-placeholder {  font-size: 16px;color: rgba(255,255,255,0.5);}



.footer .fo02 .left p button {background-color: #fff; font-size: 16px;color: #005bbb;outline: none;border: none;width: 106px;height: 46px;display: flex;justify-content: center;align-items: center;cursor: pointer;}

.footer .fo02 .left .text {display: flex;align-items: center;}

.footer .fo02 .left .text .le {width: 73px;margin-right: 25px;}

.footer .fo02 .left .text .ri {opacity: 0.4;} 

.footer .fo02 .left .text .ri span {font-size: 16px;color: #fff;}

.footer .fo02 .left .text .ri i {    display: block; margin-top: 18px; font-size: 18px; color: #fff;}

.footer .fo02 .right {width: 51%;display: flex;justify-content: space-between;}

.footer .fo02 .right .g {width: 39%;}

.footer .fo02 .right .g h4 {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px;}

.footer .fo02 .right .g h5 {font-size: 16px;opacity: 0.4;color: #fff;line-height: 24px;margin-bottom: 10px;}

.footer .fo02 .right .g p {font-size: 16px;line-height: 26px;opacity: 0.4;color: #fff;}

.footer .fo03 {border-top: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: space-between;padding-top: 10px;}

.footer .fo03 .le {    display: flex; align-items: center;}

.footer .fo03 .le  a {font-size: 14px;opacity: 0.4;color: #fff;margin-right: 18px;width: fit-content;}

.footer .fo03 .ri {display: flex;align-items: center;}

.footer .fo03 .ri img  {height: 79px; width: auto; margin-left: 34px;}







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

  .head .right { width: 59%;}

}



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

  .head .right { width: 62%;}

  .head .right ul li .a { margin: 0 18px; font-size: 17px;}

  .i04 .bot .le .text::before { left: -76px; top: 0px; width: 76px; }

}

/* about */

.innerbanner  {position: relative;overflow: hidden;}

.innerbanner  .text {position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);}

.innerbanner  .text h3 {/* font-size: 70px; *//* font-weight: bold; *//* color: #fff; *//* margin-bottom: 12px; */}

.innerbanner  .text h4 {font-size: 24px;color: #fff;font-family: arial;}

.ab01 {/* padding: 132px 0 183px; *//* position: relative; *//* overflow: hidden; */}

.ab01 .icenter {/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.ab01 .icenter .left {width: 66.5%;}

.ab_title {font-size: 44px;font-weight: bold;color: #333333;top: 49px;}

.ab01 .icenter .left .ab_title {line-height: 60px;margin-bottom: 30px;}

.ab01 .icenter .left p {font-size: 18px;line-height: 32px;color: #666666;}

.ab01 .icenter .right {width: 25.3%;position: relative;overflow: hidden;}

.ab01 .icenter .right:hover img{transform: scale(1.1);}

.ab02 {padding-bottom: 166px;position: relative;position: relative;background: url(../images/ab02_bg.png);background-size: cover;}

.ab02 ul {}

.ab02 ul li {margin-bottom: 68px;display: flex;align-items: center;}

.ab02 ul li img {width: 75px;margin-right: 47px;}

.ab02 ul li:hover img {transform: rotateY(180deg);}

.ab02 ul li .text {} 

.ab02 ul li .text  h4 {display: flex;align-items: center;}

.ab02 ul li .text  h4 strong {font-family: 'alibb';font-weight: bold;color: #333333;font-size: 60px;}

.ab02 ul li:hover  h4 strong {color: var(--dex);}

.ab02 ul li .text h5{font-size: 22px;color: #666666;}

.ab02 .ri {width: 60%; position: absolute; right: 0px; top: -13px; overflow: hidden;}



.ab03{ background:#fff url(../images/hmc6bg.jpg) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:93px 0 126px;}

.m2gkc3Top{  position:relative; z-index:2; }

.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}

.ab03 .icenter{position:relative; z-index:5;}

.hmc5years{ background: url(../images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: 0vw auto 0px; position:relative; z-index:3;}

.hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; }

.hmc5yr{ color: var(--dex); height: 20px; display: inline-block; position: absolute;  left: -46px; top: 10px;font-weight: bold; transition: all 0.3s ease-in-out;    font-size: 20px; font-family: arial; }

.hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc5yrIcon:before{ content: ""; background: var(--dex); display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)}

.hmc5yrIcon:after{ content: ""; background: url(../images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0}

.hmc5yrIcon i{ background: url(../images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 }



@keyframes hmc5yrIconAni {

0% {

	transform:translateY(0)

}

50% {

    transform:translateY(-10px)

}

100% {

	transform:translateY(0)

}

}

.hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;}

.hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1}


.hmc5yrBtn.on .hmc5yr{opacity:0;}

.hmc5yrBtn1{ left: 48px; top: 578px; }

.hmc5yrBtn2{left: 159px; top: 531px;}

.hmc5yrBtn3{ left:227px; top:455px;}

.hmc5yrBtn3 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn4{ left:269px; top:351px;}

.hmc5yrBtn4 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn5{ left: 309px; top: 274px;}

.hmc5yrBtn5 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn6{left: 397px; top: 209px;}

.hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn7{ left: 508px; top: 178px;}

.hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn8{left: 619px; top: 141px;}

.hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn9{  left: 733px; top: 86px;}

.hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn10{ left: 873px; top: 78px;}

.hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn11{ left: 1008px; top: 46px;}

.hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn12{ left:1105px; top:10px;}

.hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn13{ left:908px; top:72px;}

.hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn14 {left: 986px;top: 53px;}

.hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn15{ left:1022px; top:42px;}

.hmc5yrBtn15 .hmc5yr{ left:2px; margin-top:30px;}

.hmc5years .prev{outline: none;  background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25 }

.hmc5years .next{ outline: none; background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25; }

.hmc5years .prev:hover,.hmc5years .next:hover{ background: var(--dex) url(../images/hmc6btna.png) no-repeat center center; }

@-webkit-keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



@keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



.ab03Swiper {overflow: hidden; display: inline-block; position: absolute; right: 15px; bottom: 30px; width: 756px; height: 422px; padding: 0 24px;}

.ab03Swiper .swiper-slide .box  h4,.ab03Swiper .swiper-slide .box  p{opacity: 0;}

.ab03Swiper .swiper-slide-active .box h4,.ab03Swiper .swiper-slide-active .box p{animation: xian 1s linear forwards;}

.ab03Swiper  .box h4 {text-align: center; font-size: 194px; font-weight: bold; color: var(--dex); font-family: alibb;     margin-bottom: 33px; line-height: 157px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom,rgba(6, 107, 208,1),rgba(4, 70, 148,1)); -webkit-text-fill-color: transparent; text-fill-color: transparent; }

.ab03Swiper  .box .b{border-top-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 0 0 3px #ddd; background-color: #fff; font-size: 18px; line-height: 32px; color: #666666; width: 726px; height: 224px; display: flex; justify-content: center; align-items: center; padding: 70px;}



@keyframes xian {

    to{

        opacity: 1;    

    }

}





/* news */

.page {    margin-top: 70px; display: flex;justify-content: center;align-items: center;}

.page h2{display: none;}

.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}

.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page a:last-child{margin-right: 0px;}

.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}



.news-banner  {position: relative;}

.news {padding: 100px 0 150px;position: relative;overflow: hidden;}

.news ul {}

.news ul li a .icenter{display: flex;justify-content: space-between;align-items: center;}

.news ul li{padding: 45px 0;border-bottom: 1px solid #d6d6d6;}

.news ul li:hover .imgbox  img{transform: scale(1.1);}

.news ul li .imgbox {width: 36.3%;}

.news ul li .text {width: 55.3%;}

.news ul li .text  h4 {font-size: 28px;font-weight: bold;color: #333333;line-height: 38px;margin-bottom: 16px;}

.news ul li:hover .text  h4 {color: var(--dex);}

.news ul li .text   .date {display: flex;align-items: center;}

.news ul li .text  .date img {width: 18px; margin-right: 7px;}

.news ul li .text   .date span {font-size: 16px;color: #999999;}

.news ul li .text p {font-size: 18px;color: #666666;line-height: 38px;margin: 32px 0;}

.news ul li .text .a {     transition: 0.3s; border-radius: 30px; background-color: var(--dex); font-size: 18px; color: #fff; display: flex; align-items: center; width: 44px; padding: 6px 19px;}

.news ul li .text .a span {     height: 16px; line-height: 14px;margin-right: 17px; font-size: 16px;font-family: 'alibb';color: #fff;display: none;}

.news ul li .text .a i  {  height: 18px; line-height: 18px;}

.news ul li:hover .text .a span {    display: block; }

.news ul li:hover .text .a {width: 105px;}



.icenter1 {width: 1200px;position: relative;margin: auto;}

.news-banner .text {position: absolute; left: 50%; top: 63%; transform: translate(-50%,-50%);}

.news-banner .text h3 {font-size: 32px;line-height: 40px;font-weight: bold;  color: #fff;  margin-bottom: 16px;}

.news-banner .text h4 { display: flex;align-items: center; font-size: 18px;color: #fff;}

.news-banner .text h4 span {margin-right: 30px; color: #fff;}

.news-banner .text {align-items: flex-start;}







.newsinfo {margin: auto;    padding: 100px 0 150px;}

.newsinfo p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom:2%;}

.newsinfo p strong span {display:inline-block;}

.newsinfo p b {font-weight: bold;font-size: 20px;color: var(--dex);}




.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}

.newsinfo .fen {    margin: 30px 0 50px;}

.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}

.newsinfo .fen a:hover {color: var(--dex);}

.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}

.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}

.newsinfo .bottom .share {display: flex;align-items: center;}

.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}

.newsinfo .bottom .share .s {display: flex;align-items: center;}

.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}

.newsinfo .bottom .share .s a:hover {background-color: var(--dex);}

.newsinfo .bottom .right {display: flex;align-items: center;}

.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}



.newsinfo .bottom .right a {border-color: var(--dex); color: var(--dex); width: 146px; height: 41px; line-height: 38px;}

.newsinfo .bottom .right a:hover {color: #fff;}



.ding {position: absolute;top: -100px;width: 100%;height: 1px;left: 0px;}

.ding#te2 {top: -150px;}

.ding#con1 {top: 0px;}

.ding#con3 {top: 80px;}

.ding#con4 {top: -50px;}

.pro_nav {padding: 42px 0;position: relative;overflow: hidden;background-color: #fff;}

.pro_nav .icenter {display: flex;align-items: center;}

.pro_nav .icenter a:nth-of-type(1) {margin-right: 12px;}

.pro_nav .icenter a {border: 1px solid var(--dex);line-height: 48px;    width: 200px;}

.pro_nav .icenter a span {color: var(--dex);}

.pro_nav .icenter a.active {background-color:var(--dex)}

.pro_nav .icenter a.active span {color: #fff;}

.pro {padding: 100px 0 158px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.pro ul {display: flex;flex-flow: wrap;}

.pro ul li {    width: 31.5%; margin-right: 2.7%; margin-bottom: 2.7%; background-color: #fff;    overflow: hidden;}

.pro ul li:nth-of-type(3n){margin-right: 0px;}

.pro ul li .top {padding: 0px;}

.pro ul li .top .imgbox {   transition: 0.3s; display: flex; align-items: center;}

.pro ul li .top .imgbox  img {   width: 100%; max-width: 100%; margin: auto;height: 100%;}

.pro ul li .bot { padding: 30px 40px 60px 40px;     }

.pro ul li .bot h4 {font-size: 16px;color: #666666;margin-bottom: 10px;}

.pro ul li .bot h5 {font-size: 26px;font-weight: bold;color: #333333;}

.pro ul li .bot p {    font-size: 16px; color: #666666; line-height: 28px; margin: 16px 0 47px;}

.pro ul li .bot .amore1 { width: 147px; border: 1px solid var(--dex); line-height: 42px; height: 44px;}

.pro ul li .bot .amore1 span {color: var(--dex);}

.pro ul li:hover .bot .amore1 {background-color: var(--dex);}

.pro ul li:hover .bot .amore1 span {color: #fff;}

.pro ul li:hover .bot h5 {color: var(--dex);}

.pro ul li:hover .imgbox img{transform: scale(1.1);}

.pro ul li:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.pro ul li:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }





/* proinfo */



.pro_info_banner {position: relative;overflow: hidden;}

.pro_info_banner .text {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;}

.pro_info_banner .text  h3 {font-size: 52px;color: #fff;font-weight: bold;}

.icenter2 {width: 1100px;margin: auto;position: relative;}

.proinfo {position: relative;padding: 120px 0 30px;}

.proinfo h3 {font-size: 44px; font-weight: bold; color: #333333; margin-bottom: 20px; line-height: 60px;}

.proinfo .seg {margin-bottom: 100px;}

.proinfo .seg1 {font-size: 18px;color: #666666;line-height: 30px;}

.proinfo .seg1 p {    font-size: 18px; color: #666666; line-height: 30px; margin: 0 0 42px;}

.proinfo .seg1 p img {width: auto;max-width: 100%;height: auto;margin: auto;}

.proinfo .seg2 ul {margin-top: 30px;display: flex;justify-content: space-between;}

.proinfo .seg2 ul li p{border-bottom: 1px solid #ddd;}

.proinfo .seg2 ul li p:nth-of-type(1){border-top: 1px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p {border-bottom: 3px solid #ddd;}

.proinfo .seg2 ul li p{ height:auto; padding: 10px 0; line-height: 28px; font-size: 16px; display: flex; align-items: center;}

.proinfo .seg2 ul li p sup {  position: relative; top: -3px; }

.proinfo .seg2 ul li p sub {position: relative;top: 4px;}

.proinfo .seg2 ul li:nth-of-type(1){width: 20%;}

.proinfo .seg2 ul li:nth-of-type(1) p {font-weight: bold;color: #333333;}

.proinfo .seg2 ul li:nth-of-type(2) p{padding-left: 60px; color: #666666;box-sizing: border-box;    align-items: flex-end; flex-flow: wrap;}

.proinfo .seg2 ul li:nth-of-type(2) {width: 80%;}



.proinfo .seg2 ul li:nth-of-type(2) p:last-child {height: auto;line-height: 26px;}

.proinfo .seg2 ul li:nth-of-type(1) p:last-child{height: auto;}

.proinfo .seg3  ul{display: flex;}

.proinfo .seg3 ul li {border-right: 1px solid #cacaca;}

.proinfo .seg3 ul li:nth-of-type(1){width: 28%;}

.proinfo .seg3 ul li:nth-of-type(2){width: 18%;}

.proinfo .seg3 ul li:nth-of-type(3){width: 21%;}

.proinfo .seg3 ul li:nth-of-type(4){width: 33%;}

.proinfo .seg3 ul li:nth-of-type(1) {border-left: 1px solid #cacaca;}

.proinfo .seg3 ul li p:nth-of-type(1){background-color: #dceaf8;border-top: 1px solid #cacaca;}

.proinfo .seg3 ul li p {line-height: 20px;border-bottom: 1px solid #cacaca; font-size: 16px; color: #666666; text-align: center; padding: 12px 38px; white-space: nowrap;}

.proinfo .seg4 dl {display: flex;justify-content: space-between;}

.proinfo .seg4 dl dd {width: 32%;}

.proinfo .seg4 dl dd:hover .imgbox  img {transform: scale(1.1);}

.proinfo .seg4 dl dd  .imgbox {    padding: 0px 0px; height: auto; background-color: #fff; box-shadow: 0 0 20px #e7e7e7; border-radius: 10px;}

.proinfo .seg4 dl dd  .imgbox img {height: 100%; width: 100%; max-width: 100%;}

.proinfo .seg4 dl dd h6 {margin-top: 20px; font-size: 20px;font-weight: bold;color: #666666;text-align: center;}

.proinfo .seg4 dl dd:hover h6 {color: var(--dex);}





.lx { padding: 130px 0; position: relative;overflow: hidden;background: url(../images/pro_info_bot.jpg);  background-size: cover;background-position: center}

.lx .icenter2 {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.lx  h3 {font-size: 44px;color: #333333;font-weight:bold;margin-bottom: 19px;}

.lx  h4 {font-size: 20px;color: #666666;margin-bottom: 38px;}

.lx .min {display: flex;justify-content: center;}

.lx .min a {width: 211px; height: 45px; border-width: 1px; line-height: 43px;}

.lx .min a:nth-of-type(1) {margin-right: 12px; background-color: var(--dex);color: var(--dex);}

.lx .min a:nth-of-type(1)::after {color: var(--dex);}

.lx .min a:nth-of-type(1):hover {background-color: transparent;}

.lx .min a:nth-of-type(1) span {color: #fff;}

.lx .min a:nth-of-type(2) {border: 1px solid var(--dex);}

.lx .min a:nth-of-type(2) span {color: var(--dex);}

.lx .share {display: flex; justify-content: center; margin-top: 54px; align-items: center;}

.lx .share span {font-size: 20px;color: #666666;margin-right: 12px;}

.lx .share  .s {display: flex;}

.lx .share  .s a {    width: 43px; height: 43px; background-color: #b0b0b0; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; margin-right: 10px; border-radius: 50%;}

.lx .share  .s a:last-child {margin-right: 0px;}

.lx .share  .s a:hover {background-color: var(--dex);}



/* tech */

.tech_title {font-size: 44px;font-weight: bold;color: #333333;}

.tech01 {position: relative; padding: 257px 0 206px;position: relative;overflow: hidden;}

.tech01::before {position: absolute; content: ''; top: 0px; background-color: #f0f5f8; width: 100%; height: 100%; left: calc((100% - 1500px)/2);}

.tech01 .icenter {display: flex;justify-content: flex-end;position: relative;}

.tech01 .icenter  .box {width: 36.3%;}

.tech01 .icenter  .box h4 {font-size: 26px;color: #333333;line-height: 36px;margin: 20px 0 24px;}

.tech01 .icenter  .box p {font-size: 18px;color: #666666;line-height: 30px;}

.tech01 .icenter .bg2 {    opacity: 0.6;position: absolute; right: -152px; top: -237px; width: 348px;}

.tech01 .imgbox1:hover .imgbox img  {transform: scale(1.1);}

.tech01 .imgbox1 {width: 55.6%; position: absolute; left: 0px; top: 120px; z-index: 1;}

.tech01 .imgbox1 .bg1 {    opacity: 0.3; position: absolute;right: 0px;bottom: 0px;width: 122px;}

.tech01 .imgbox1 .imgbox ,.tech01 .imgbox1 .imgbox img{width: 100%;height: 100%;  z-index: 1;}

.tech01 .imgbox1 .bg1 { position: absolute; right: -67px; bottom: -94px; width: 122px; transform: rotate(70deg); }



.tech02 {position: relative;overflow: hidden;padding: 115px 0;}

.tech02 h3 {position: relative; display: flex; align-items: center; justify-content: space-between;}

.tech02 h3 span {white-space: nowrap;    font-weight: bold; color: #333333;}

.tech02 h3::before {content: ""; display: block; width: 36%; height: 1px; background-color: #d9d9d9;}

.tech02 h3::after {content: "";display: block;width: 36%;height: 1px;background-color: #d9d9d9;}

.tech02  ul {display: flex; justify-content: space-between; width: 69%; margin: auto; margin-top: 54px;}

.tech02  ul  li {width: 220px; height: 220px; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}


.tech02  ul  li::before { content: ""; position: absolute; width: 115%; height: 115%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li:hover::before { animation: img01anime 10s 0s linear infinite; }

.tech02  ul  li:hover::after { animation: img03anime 10s 0s linear infinite; }

@keyframes img01anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(360deg);}

}

@keyframes img03anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(-360deg);}

}

.tech02  ul  li  h4 {display: flex;}

.tech02  ul  li  h4 strong {font-size: 80px; font-family: 'alibb'; color: var(--dex); line-height: 68px; font-weight: normal;}

.tech02  ul  li  h4 strong:nth-of-type(1) {margin-right: 5px;}

.tech02  ul  li h5 {font-size: 16px; color: #666666; margin-top: 13px; text-align: center;}

.jian {position: absolute; top: 50%; transform: translateY(-50%); left: 260px; display: flex; padding: 20px; justify-content: center; align-items: center; width: 100px; height: 100px; margin: auto;}

.jian .cc {height: 7px;width: 7px;border-radius: 50%;background-color: var(--dex);margin-right: 5px;}

.jian .cc:last-child {margin-right: 0px;}

.jian .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.jian .cc.cc2{opacity: 0.6;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.jian .cc.cc3{opacity: 0.8;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.jian .cc.cc4{opacity: 1;animation:mymove1 1.2s 0.6s infinite; -webkit-animation:mymove1 1.2s 0.6s infinite} 

@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}


}





.tech03 {position: relative;overflow: hidden;}

.tech03 .title {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.tech03 .title h4 {font-size: 18px;color: #666666;margin: 12px 0 40px;}

.tech03 .list_top {margin-bottom: 12px;display: flex;border-radius: 8px;overflow: hidden;}

.tech03 .list_top .list_top01 ,.tech03 .list_content .list_content01{width: 10%;}

.tech03 .list_top .list_top02 ,.tech03 .list_content .list_content02{width: 80.5%;}

.tech03 .list_top .list_top03 ,.tech03 .list_content .list_content03{width: 49.5%;}

.tech03 .list_top .list_top04 ,.tech03 .list_content .list_content04{width: 11%;}

.tech03 .list_top .list_top05 ,.tech03 .list_content .list_content05{width: 11%;}

.tech03 .list_top .list_top_c ,.tech03 .list_content_l{background-color: #004389;font-size: 16px;color: #fff;height: 50px;display: flex;justify-content: center;align-items: center;border-right: 1px solid rgba(255,255,255,0.4);}

.tech03 .list_top .list_top_c:last-child ,.tech03 .list_content_l:last-child{border-right: 0px;}

.tech03 .list_top .list_top03 .list_top03_c, .tech03 .list_content .list_content03_c{ border-right: 1px solid rgba(255,255,255,0.4);   width: 20%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; height: 100%;}

.tech03 .list_top .list_top03 .list_top03_c:last-child ,.tech03 .list_content .list_content03_c:last-child{border-right: 0px;}



.tech03 .list_content .list_content_f{margin-bottom: 1px; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}

.tech03 .list_content_l {height: 85px;background-color: transparent;color: #333333;}

.tech03 .list_content .list_content03_c {    justify-content: flex-start; color: #fff;    border-color: #eceff0;}

.tech03 .list_content .list_content_f:nth-of-type(n) {background-color: #f7fafb;}

.tech03 .list_content .list_content_f:nth-of-type(2n) {background-color: #fff;}

.tech03 .list_content_l:nth-of-type(1) {background-color: #eaeef0;font-size: 16px;color: #333333;}

.tech03 .list_content .list_content03_c ,.tech03 .list_content_l{border-color: #eceff0;}

.tech03 .list_content .list_content03_c span {position: relative; width: 0; height: 37px; display: inline-block; font-size: 16px; color: #fff; line-height: 37px;     background-image: linear-gradient(to right,#96b7f1,#5890da);}





.tech03 .list_content  .list_content_f .list_content03_c span::after { opacity: 1; content: ''; width: 20px; height: 37px; border-radius: 0 90% 90% 0/0 50% 50% 0; background-color: #5890da; position: absolute; right: -20px; z-index: 9; }

/* 进度条 */

/* 1 */

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(4) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span::after{ opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span{width: 0%;}



/* 2 */

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span{width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(5) span{width: 0%;}

/* 3 */

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 4 */

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(2) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 5 */

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(2) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(5) span {width: 0%;}























.tech04 {padding: 130px 0 ;position: relative;overflow: hidden;}

.tech04 h4 {font-size: 18px; color: #666666; margin: 10px 0 36px; text-align: center;}

.tech04 h3 {text-align: center;}

.tech04 dl {display: flex;justify-content: space-between;margin-bottom: 60px;}

.tech04 dl dd { transition: 0.3s; border-radius: 10px; background-color: #f5f5f5; padding: 80px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 24%;}

.tech04 dl dd .icon {position: relative; width: 110px;height: 110px;border-radius: 50%;background-color: var(--dex);display: flex;justify-content: center;align-items: center;}

.tech04 dl dd .icon::before { border-radius: 50%; content: ""; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border: 1px dashed var(--dex);}

.tech04 dl dd .icon img {transition: 0s; filter: grayscale(10) brightness(10);width: 50px;}

.tech04 dl dd span {font-size: 18px;color: #666666;margin-top: 30px;text-align: center;}

.tech04 .bot {position: relative; font-size: 24px;color: #333333;font-weight: bold;width: fit-content;margin: auto;}

.tech04 .bot::before {    content: ""; position: absolute; left: -138px; width: 117px; height: 2px; background:linear-gradient(to right ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%); top: 50%; transform: translateY(-50%);}

.tech04 .bot::after {content: ""; position: absolute;right: -138px;width: 117px;height: 2px;background-color: var(--dex);top: 50%; transform: translateY(-50%);background:linear-gradient(to left ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%);}

.tech04 dl dd:hover {background-color: var(--dex);}

.tech04 dl dd:hover .icon {background-color: #fff;}

.tech04 dl dd:hover .icon img {filter: none;}

.tech04 dl dd:hover  .icon::before {border-color: #fff; animation: img02anime 10s 0s linear infinite;}

.tech04 dl dd:hover span {color: #fff;}

@keyframes img02anime{

	0%{transform: translate(-50%,-50%) rotate(0deg);}

	100%{transform: translate(-50%,-50%) rotate(-360deg);}

}





.tech05 {padding: 172px 0 200px;position: relative;overflow: hidden;background: url(../images/tech05_bg.jpg);background-size: cover;}

.tech05 p {font-size: 18px; color: #666666; line-height: 30px; width: 670px; margin: 16px 0 62px;}

.tech05 a { border-color: var(--dex);}

.tech05 a:hover {background-color: transparent!important;}

.tech05 a .img {position: absolute;width: 0;}

/* imgshowmask */

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}

.imgshow{width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}

.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}



.tech06 {padding: 138px 0;position: relative; overflow: hidden;}

.tech06  .icenter {justify-content: space-between;align-items: center;display: flex;}

.tech06  .icenter a {position: relative;width: 48%;height: 172px;background-color: #f0f5f8;}

.tech06  .icenter a:hover .imgbox img {transform: scale(1.1);}

.tech06  .icenter a .imgbox {opacity: 0; transition: 0.3s;height: 100%;}

.tech06  .icenter a .imgbox img {height: 100%;}

.tech06  .icenter a .imgbox::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.tech06  .icenter a:hover .imgbox {opacity: 1;}

.tech06  .icenter a .text {position: absolute;left: 50%;top: 50%;width: 75%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: space-between;}

.tech06  .icenter a .text .le {display: flex;align-items: center;}

.tech06  .icenter a .text .le .icon {width: 54px; margin-right: 32px;}

.tech06  .icenter a .text .le span {font-size: 24px;color: var(--dex);font-weight: bold;transition: 0.3s;}

.tech06  .icenter a:hover .text .le .icon img{filter: grayscale(10) brightness(10);}

.tech06  .icenter a:hover .text .le span {color: #fff;}

.tech06  .icenter a .text .ri img {transition: 0.3s;left: 0px;position: relative;}

.tech06  .icenter a:hover .text .ri img {filter: grayscale(10) brightness(10);left: 15px;}





/* contact */

.con01 {padding: 126px 0;position: relative;overflow: hidden;}

.con01 .icenter ul {display: flex;justify-content: space-between;align-items: center;}

.con01 .icenter li  {background-color: #f2f2f2;width: 99%;}

.con01 .icenter li  .bot {padding: 50px;}

.con01 .icenter li  .bot h4 {margin-bottom: 20px; font-size: 30px;font-weight: bold;color: #333333;position: relative;}

.con01 .icenter li  .bot h4::before {    height: 36px; width: 5px; background-color: var(--dex); content: ""; position: absolute; content: ""; left: -50px; top: 57%; transform: translateY(-50%);}

.con01 .icenter li dl dd{margin-bottom: 14px; display: flex;align-items: center;}

.con01 .icenter li dl dd img {    width: 18px; margin-right: 12px;}

.con01 .icenter li dl dd span {font-size: 18px;color: #666666;}

.con01 .icenter li:hover .bot h4 {color: var(--dex);}





.con02 {display: flex;justify-content: space-between;align-items: center;height: 775px;position: relative;}

.con02 .left {width: 50%;position: relative;overflow: hidden;height: 100%;}

.con02 .left img ,.con02 .right img{height: 100%;}

.con02 .left:hover img {transform: scale(1.1);}

.con02 .right {width: 50%;position: relative;height: 100%;}

.con02 .right .box {width: 614px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.con02 .right .box h3 {font-size: 44px;font-weight: bold;color: #ffffff;margin-bottom: 30px;}

.con02 .right .box .label {width: 100%;margin-bottom: 24px;position: relative;}

.con02 .right .box .label>span {position: relative;}

.con02 .right .box .label span>span{font-size: 14px; color: red; top: 50%; transform: translateY(-50%); right: 0px; width: fit-content; position: absolute;}

.con02 .textarea>span {position: relative;}

.con02 .textarea span>span{    font-size: 14px; color: red; right: 0px; width: fit-content; position: absolute; bottom: 14px;}

.con02 .right .box .label input {    height: 38px; font-size: 16px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%; background-color: transparent; outline: none;}

.con02 .right .box textarea {     resize: none;   width: 100%; height: 114px; outline: none; border: none; border-bottom:1px solid rgba(255,255,255,0.5); font-size: 16px; color: #ffffff; background-color: transparent;}

.con02 .right .box .amore1  {cursor: pointer;}

.con02 .right .box .amore1 span {color: #fff;}

.con02 .right .box .amore1 { background-color: transparent; margin-top: 55px; height: 44px; line-height: 40px; width: 150px;}

.con02 .right .box .amore1:hover {background-color: #fff}

.con02 .right .box .amore1:hover::after {color: var(--dex);}

.con02 .textarea {    border: 0px; padding: 0px;}

.con02 .right .box .label input::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .right .box textarea::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .screen-reader-response {display: none;}

.con02 form {position: relative;}

.con02 form .wpcf7-validation-errors {font-size: 14px; color: red; left: 0px; width: fit-content; position: absolute; bottom: -29px;}

.con02 form  .wpcf7-mail-sent-ng {font-size: 14px; color: #fff; right: 0px; width: fit-content; position: absolute; bottom: 14px}

.con03 {padding: 230px 0 88px;position: relative;overflow: hidden;}

.con03 .con_title  {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}

.con03 .con_title h4 {font-size: 40px;font-weight: bold;color: #333333;}

.con03 .con_title h5 {font-size: 18px;color: #666666;line-height: 30px;position: relative;    width: 56%;}

.con03 .con_title h5::before {content: ""; position: absolute;left: -24px;top: 50%;transform: translateY(-50%);width: 2px;height: 87%;background-color: var(--dex);}

.con03 .pagemap {padding-top: 0px;}



.con04 {padding: 100px 0 130px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.con04 .con04_h3 {font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 32px;text-align: center;}

.con04 li:nth-of-type(1) .up {border-top: 1px solid #ddd;}

.con04 .up {padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}

.con04 .up .left h3 {    font-size: 30px; font-weight: bold; color: #333333; margin-bottom: 10px; line-height: 43px;    text-transform: capitalize;}

.con04 .up .left h4 {display: flex;align-items: center;}

.con04 .up .left h4 span{font-size: 16px;color: #666666;position: relative;padding: 0 20px;}

.con04 .up .left h4 span:nth-of-type(1){padding-left: 0px;}

.con04 .up .left h4 span::after{ content: ""; position: absolute; height: 14px; width: 1px; background-color: #ddd; left: 0px; top: 50%; transform: translateY(-50%);}

.con04 .up .left h4 span:nth-of-type(1):after{display: none;}

.con04 .up .amore1 {cursor: pointer;border: 1px solid var(--dex);}

.con04 .up .amore1 span {color: var(--dex);}

.con04 .up:hover .amore1 {background-color: var(--dex);}

.con04 .up:hover .amore1::after{color: #fff;}

.con04 .up:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.con04 .up:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.con04 .up:hover h3{color: var(--dex);}

.con04 .low {display: none;padding: 80px 60px;    border-bottom: 1px solid #ddd;}

.con04 .low b {    font-weight: bold; color: #333333; margin-bottom: 18px; font-size: 20px; display: block;}

.con04 .low p {font-size: 16px;line-height: 36px;color: #666666;}

.con04 .low .content {margin-bottom: 39px;}

.con04 .low .foot {font-size: 18px;color: #333;}

.con04 .low .foot  span { display: inline-block; font-size: 18px;color: var(--dex);font-weight: bold;}





/* fix_sub */

.fixed-sub {  display: none; position: fixed;  right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 55; right: 0px;}

.fixed-sub ul  li {width: 90px;height: 90px;background-color: #076dd9;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}

.fixed-sub ul  li  a {font-size: 16px;color: #ffffff;}

.fixed-sub ul li p {        color: #fff; font-size: 14px; margin-top: 4px; }


.fixed-sub ul li a  span img {width: 25px;margin: auto;transition: .3s;} 

.fixed-sub ul  li:nth-of-type(3){margin-bottom: 0px;}

.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 50%; border-top-left-radius: 50%;}

.fixed-sub ul  li:nth-of-type(3)  {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}



.fixed-sub ul  li:nth-of-type(2) .tel,.fixed-sub ul  li:nth-of-type(3) .tel {  border-radius: 8px; opacity: 0; display: none; padding: 22px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -195px; text-align: center; top: 6px;}

.fixed-sub ul  li:nth-of-type(2) .tel i,.fixed-sub ul  li:nth-of-type(3) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}

.fixed-sub ul  li:nth-of-type(2) .tel h2::after,.fixed-sub ul  li:nth-of-type(3) .tel h2::after {top: 7px; right: -26px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #076dd9;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}

.fixed-sub ul  li:nth-of-type(2) .tel h2,.fixed-sub ul  li:nth-of-type(3) .tel h2 { font-weight: normal; position: relative;font-size: 20px;color: #fff}

.fixed-sub ul  li:nth-of-type(2):hover .tel,.fixed-sub ul  li:nth-of-type(3):hover .tel{display: block;animation: tel 0.5s forwards;}



@keyframes tel {

  to{

    opacity: 1;

  } 

}



.fixed-sub ul  li:hover {background-color: rgb(0 119 245);}

.fixed-sub ul  li:hover span img {transform: scale(1.1);}

.fixed-sub ul  li:hover p { color: rgba(255,255,255,1);;}

.fixed-sub ul li:nth-of-type(3) .tel {left: -325px;}

.fixed-sub ul li:nth-of-type(1) .tel { border-radius: 8px; align-items: center; opacity: 0; display: none; padding: 19px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -357px; top: -16px;}

.fixed-sub ul li:nth-of-type(1) .tel .box {margin-right: 28px;}

.fixed-sub ul li:nth-of-type(1) .tel .box:last-child {margin-right: 0px;}

.fixed-sub ul li:nth-of-type(1) .tel .box img {width: 80px;}

.fixed-sub ul li:nth-of-type(1) .tel .box span {    font-size: 14px; color: #fff; margin-top: 8px; text-align: center;}

.fixed-sub ul  li:nth-of-type(1) .tel::after{    top: 50%; right: -4px; position: absolute; width: 8px; height: 8px; background-color: #076dd9; content: ""; box-shadow: 1px -1px 1px rgb(0 0 0 / 22%); transform: translateY(-50%) rotate(45deg);}

.fixed-sub ul  li:nth-of-type(1):hover .tel {display: flex;animation: tel 0.5s forwards;}















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

  .icenter {width: 1100px;}

  .head .left { width: 350px; }

  .head .left img { transition: 0s; }

  .head { height: 80px;}

  .head .right ul li .a { height: 80px; line-height: 80px;}

  .head .right ul li .a { margin: 0 14px; font-size: 14px; }

  .head .right { width: 65%; }

  .head .right .lang img { width: 19px; margin-right: 7px; }

  .head .right .lang { font-size: 14px; }

  .head .right form span input { width: 150px; height: 30px; font-size: 12px; padding-left: 18px;}

  .head .right form span button { font-size: 14px; right: 13px;}

  .head .right form span input::-webkit-input-placeholder {  font-size: 12px;}

  .div2 .head { height: 65px; }

  .div2 .head .right ul li .a { height: 65px; line-height: 65px; }

  .indexbanner .box .text h3 { font-size: 58px; line-height: 66px; margin-bottom: 21px; }

  .indexbanner .box .text h4 { font-size: 20px; margin-bottom: 52px; }

  .amore1 { width: 144px; height: 40px; line-height: 36px; border-radius: 30px; }

  .indexbanner .swiper-pagination-bullet { margin: 0 6px!important; width: 9px; height: 9px;}

  .indexbanner .lian { width: 362px; height: 94px; padding: 28px 62px; }

  .indexbanner .lian .con img { width: 22px; margin-right: 16px; }

  .indexbanner .lian .con { font-size: 16px;}

  .indexbanner .lian .jian .cc { font-size: 30px; }


  .i01 { padding: 100px 0 0; }

  .i01 .top dl dd h4 strong { line-height: 47px; font-size: 55px;}

  .i01 .top dl dd h4 span { font-size: 20px; margin-left: 6px; line-height: 24px; }

  .i01 .top dl dd h4 { margin-bottom: 12px; }

  .i01 .top dl dd h5 { font-size: 15px;}

  .i01 .top dl dd .icon { width: 40px; margin-top: 24px; }

  .i01 .top dl dd .icon::before { top: -25px; width: 46px; height: 2px; }

  .i01 .top dl dd { width: 230px; }

  .i_title h4 { font-size: 22px; margin-bottom: 8px; }

  .i_title h5 { font-size: 34px; }

  .home_part3_text p { font-size: 15px; line-height: 24px; margin-bottom: 36px; width: 552px; }

  .home_part3_text .i_title { margin-bottom: 19px; }

  .amore1 > span { font-size: 14px; }

  .home_part3_text a { margin-bottom: 58px; width: 132px; height: 40px; line-height: 36px; }

  .home_part3_text ul li img { width: 38px; }

  .home_part3_text ul li span { font-size: 14px; margin-top: 5px; }

  .home_part3_text[data-v-e55fe884] {padding: 80px 30px 40px 0; }

  .home_part3 .bg { width: 602px; right: 0px; top: -255px; }

  .i02 .bot { width: 1145px; }

  .i02 { padding: 105px 0;}

  .i02 .link .tab-li .img { width: 65px; height: 65px; }

  .i02 .link .tab-li .p1 { font-size: 13px; margin-top: 5px; }

  .i02 .top { margin-bottom: 25px; }

  .i02 .bot .box span { font-size: 16px; margin-top: 15px; }

  .i02 .bot .amore1 { margin-top: 36px; }

  .amore1::after { font-size: 14px;}

  .i02 .fa { top: 27%; padding: 0px; width: 38px; height: 38px; font-size: 24px; }

  /* .i02 .link .tab-li { margin-right: 115px; } */

  .i02 .link .tab-li { margin-right: 0px; }

  .i02 .link .tab-li:nth-of-type(1) .img:after { left: 102.5px; width: 74px; }

  .pagemap { padding-top: 110px;     padding-bottom: 120px;}

  .pagemap .maps .tt h4 strong { font-size: 65px;}

  .pagemap .maps .tt p { font-size: 16px; line-height: 26px; width: 210px; padding-top: 15px; margin-top: 0px; }

  .pagemap .biao .icon { width: 104px; height: 104px; box-shadow: -20px 0px 30px #ddd; }

  .pagemap .biao h4 { font-size: 15px; margin-top: 7px; }

  .i04 { padding: 110px 0; }

  .i04 a h4 { font-size: 17px; margin-top: 15px; }

  .i04 a .date span:nth-of-type(1) { font-size: 12px; margin-right: 22px; line-height: 12px; }

  .i04 a .date span:nth-of-type(2) { font-size: 12px; line-height: 12px; }

  .i04 a .date span:nth-of-type(1)::after { right: -12px; height: 10px; width: 1px; }

  .i04 .bot .ri .seg a { padding: 27px 0; }

  .i04 .bot .ri .seg { margin-bottom: 38px; }

  .i04 .bot .le .text::before { left: -80px; top: 0px; width: 80px; height: 100%; }

  .i04 .bot .le .text { bottom: 0px; left: 0px; width: 462px; padding: 43px 72px;}

  .i04 .bg { width: 61%; left: -14%; top: -10%;}

  .footer { padding: 90px 0 10px; }

  .footer .fo03 .ri img { height: 60px; width: auto; margin-left: 28px; }

  .footer .fo01 ul li a { font-size: 15px; }

  .footer .fo01 { padding: 26px 0;}

  .footer .fo01 .to_top { width: 45px; height: 45px;}

  .footer .fo01 .to_top i { margin-bottom: 5px; font-size: 24px; line-height: 10px; }

  .footer .fo01 .to_top span { font-size: 12px; }

  .footer .fo02 { padding: 38px 0; }

  .footer .fo02 .right .g h4 { font-size: 16px; margin-bottom: 12px; }

  .footer .fo02 .right .g h5 { font-size: 14px; line-height: 20px; margin-bottom: 6px; }

  .footer .fo02 .right .g p { font-size: 14px; line-height: 24px; }

  .footer .fo02 .right { width: 625px; }

  .footer .fo02 .left .text .ri span { font-size: 14px; }

  .footer .fo02 .left .text .ri i { margin-top: 14px; font-size: 14px; }

  .footer .fo02 .left .text .le { width: 65px; margin-right: 18px; }

  .footer .fo03 .le a { font-size: 12px; opacity: 0.4; margin-right: 15px; }

  .footer .fo03 .ri a { margin-left: 6px; height: 30px; width: 30px; font-size: 12px;}

  .footer .fo02 .left p input { font-size: 14px; padding-left: 24px; border: 0px; width: 270px; height: 40px; }

  .footer .fo02 .left p button { font-size: 14px; width: 84px; height: 40px;}

  .footer .fo02 .left p input::-webkit-input-placeholder {font-size: 14px;}

  .footer .fo02 .right .g { width: 43%; }

  



  /* about */

  .innerbanner .text h3 { font-size: 52px; margin-bottom: 9px; }

  .innerbanner .text h4 { font-size: 18px; }

  .ab01 { padding: 100px 0 123px; }

  .ab01 .icenter .left .ab_title { line-height: 46px; margin-bottom: 20px; }

  .ab01 .icenter .left p { font-size: 15px; line-height: 28px; }

  .ab_title { font-size: 34px;}

  .ab01 .icenter .left .ab_title { line-height: 42px; margin-bottom: 14px; }

  .ab02 ul li img { width: 51px; margin-right: 40px; }

  .ab02 ul li .text h4 strong { font-size: 46px;    line-height: 54px; }

  .ab02 ul li .text h5 { font-size: 16px; }

  .ab02 ul li { margin-bottom: 40px; }

  .ab02 { padding-bottom: 110px;}

  .ab03 { padding: 0px 0 0px; }

  .ab03 .ab_title {top: 150px; position: relative;}

  .hmc5yr {font-size: 18px;}

  .hmc5years .prev { left: 0px;  }

  .hmc5years .next {right: 0px;}

  .ab03Swiper .box h4 { font-size: 145px; margin-bottom: 30px; line-height: 133px;}

  .ab03Swiper .box .b {     border-top-left-radius: 60px; border-bottom-right-radius: 60px; font-size: 15px; line-height: 26px; width: 497px; height: 171px; padding: 52px; }

  .ab03Swiper { right: 16px; bottom: 30px; width: 556px; height: 310px; padding: 0 24px }

  .ab03Swiper .box h4 { font-size: 116px; margin-bottom: 21px; line-height: 104px;}

  .hmc5years { transform: scale(0.7); }

  .ab03 .icenter { top: -38px; }



  /* news */

  .news { padding: 80px 0 120px; }

  .news ul li { padding: 35px 0; }

  .news ul li .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 14px; }

  .news ul li .text .date img { width: 16px; margin-right: 7px; }

  .news ul li .text .date span { font-size: 14px; }

  .news ul li .text p { font-size: 16px; line-height: 26px; margin: 25px 0 32px; }

  .news ul li .text .a span { height: 14px; line-height: 14px; margin-right: 13px; font-size: 14px; }

  .news ul li:hover .text .a { width: 94px; }

  .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }

  .page span { width: 40px; height: 40px; border: 1px solid #cbcbcb; font-size: 16px; margin-right: 16px; }



  /* newsinfo */

  .news-banner .text h3 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }

  .news-banner .text h4 { font-size: 15px; }

  .news-banner .text h4 span { margin-right: 24px; }

  .newsinfo { padding: 80px 0 120px; }

  .newsinfo p { font-size: 15px; line-height: 28px; margin-bottom: 2%; }

  .newsinfo .fen a { padding: 15px 0; font-size: 15px; }

  .newsinfo .bottom .right a { width: 132px; height: 38px; line-height: 34px; }

  .newsinfo .bottom .share span { font-size: 14px; margin-right: 10px; }

  .newsinfo .bottom .share .s a { margin-right: 8px; width: 28px; height: 28px; font-size: 14px; }

  .newsinfo .fen { margin: 20px 0 40px; }



  /* pro */

  .pro_nav .icenter a { line-height: 36px; width: 180px; }

  .pro_nav { padding: 36px 0;}

  .pro { padding: 80px 0 120px; }

  .pro ul li .top { padding: 0px; }

  .pro ul li .top .imgbox { height: auto; }

  .pro ul li .bot { padding: 24px 33px 44px 30px; }

  .pro ul li .bot h4 { font-size: 14px; margin-bottom: 8px; }

  .pro ul li .bot h5 { font-size: 20px; }

  .pro ul li .bot p { font-size: 14px; line-height: 24px; margin: 10px 0 28px; }

  .pro ul li .bot .amore1 { width: 126px; line-height: 38px; height: 40px; }

  .page { margin-top: 50px; }



  /* proinfo */

  .pro_info_banner .text h3 { font-size: 40px;}

  .proinfo { padding: 90px 0 70px; }

  .proinfo h3 { font-size: 34px; margin-bottom: 14px; line-height: 50px; }

  .proinfo .seg1 p { font-size: 15px; line-height: 26px; margin: 0px 0 34px; }

  .proinfo .seg { margin-bottom: 70px; }

  .proinfo .seg2 ul li p { height: auto; padding: 8px 0; line-height: 24px; font-size: 14px; }

  .proinfo .seg2 ul li:nth-of-type(2) p:last-child { height: auto; line-height: 24px; }

  .proinfo .seg2 ul li:nth-of-type(1) p:last-child { height: auto; }

  .proinfo .seg2 ul { margin-top: 20px; }

  .proinfo .seg3 ul li p { font-size: 14px; padding: 10px 36px; }

  .proinfo .seg4 dl dd h6 { margin-top: 18px; font-size: 17px; }

  .proinfo .seg:last-child {margin-bottom: 40px;}

  .lx { padding: 80px 0;}

  .lx h3 { font-size: 30px; margin-bottom: 10px; }

  .lx h4 { font-size: 15px; margin-bottom: 25px; }

  .lx .min a {width: 160px; height: 38px; border-width: 1px; line-height: 36px;}

  .lx .share { margin-top: 33px; }

  .lx .share span { font-size: 14px; margin-right: 8px; }

  .lx .share .s a { width: 32px; height: 32px; font-size: 14px; margin-right: 8px; }





  /* technology */

  .tech_title { font-size: 34px; }

  .tech01 .icenter .box h4 { font-size: 20px; line-height: 30px; margin: 10px 0 19px; }

  .tech01 .icenter .box p { font-size: 14px; line-height: 26px; }

  .tech01::before { left: calc((100% - 1100px)/2); }

  .tech01 .icenter .bg2 { right: -72px; top: -144px; width: 219px; }

  .tech01 { padding: 158px 0 145px; }

  .tech01 .imgbox1 .bg1 { right: -60px; bottom: -62px; width: 102px; }

  .tech02 ul li h4 strong { font-size: 60px; line-height: 51px; }

  .tech02 ul li h5 { font-size: 14px; margin-top: 10px; }

  .tech02 ul li { width: 160px; height: 160px;}

  .jian { left: 189px; padding: 10px; width: 80px; height: 80px; }

  .jian .cc { height: 5px; width: 5px; margin-right: 4px; }

  .tech02 { padding: 100px 0; }

  .tech03 .title h4 { font-size: 16px; margin: 10px 0 32px; }

  .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 13px; height: 80px;}

  .tech03 .list_content_l { height: 70px; }

  .tech04 { padding: 100px 0; }

  .tech04 dl dd { padding: 62px 8px;}

  .tech04 dl dd .icon { width: 95px; height: 95px;}

  .tech04 dl dd span { font-size: 16px; margin-top: 26px; }

  .tech04 dl dd .icon img { width: 46px; }

  .tech04 .bot { font-size: 20px;}

  .tech04 dl { margin-bottom: 44px; }

  .tech05 { padding: 115px 0 150px;}

  .tech05 p { font-size: 15px; line-height: 26px; width: 569px; margin: 12px 0 52px; }

  .imgshow p img { max-height: 500px; }

  .tech06 { padding: 100px 0; }

  .tech06 .icenter a { height: 138px; }

  .tech06 .icenter a .text .le span { font-size: 20px; }

  .tech06 .icenter a .text .le .icon { width: 46px; margin-right: 28px; }

  .tech06 .icenter a .text .ri img { width: 14px; }

  .con01 { padding: 100px 0; }

  .con01 .icenter li .bot { padding: 30px 40px; }

  .con01 .icenter li .bot h4 { margin-bottom: 18px; font-size: 25px;}

  .con01 .icenter li dl dd span { font-size: 13px;     white-space: nowrap;}

  .con01 .icenter li { width: 47%; }

  .con01 .icenter li .bot h4::before { height: 32px; width: 3px; left: -40px; top: 57%; transform: translateY(-50%); }

  .con02 { height: 570px; }

  .con02 .right .box h3 { font-size: 34px; margin-bottom: 18px; }

  .con02 .right .box .label input::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box textarea::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box .label input { height: 34px; font-size: 14px;}

  .con02 .right .box textarea { height: 90px; font-size: 14px; }

  .con02 .right .box .label { margin-bottom: 18px; }

  .con02 .right .box .amore1 { margin-top: 47px; height: 38px; line-height: 34px; width: 136px; }

  .con02 .right .box { width: 80%;}

  .con03 { padding: 120px 0 70px; }

  .con03 .con_title h4 { font-size: 30px; }

  .con03 .con_title h5 { font-size: 14px; line-height: 24px; width: 52%; }

  .con03 .con_title h5::before { left: -16px; }

  .con04 { padding: 80px 0 100px; }

  .con04 .up .left h3 { font-size: 26px; margin-bottom: 8px; line-height: 36px; }

  .con04 .con04_h3 { font-size: 34px; margin-bottom: 24px; }

  .con04 .up .left h4 span { font-size: 14px; padding: 0 16px; }

  .con04 .up { padding: 24px 0;}

  .con04 .low {padding: 52px 44px;}

  .con04 .low p { font-size: 14px; line-height: 32px; }

  .con04 .low b { margin-bottom: 12px; font-size: 18px; }

  .con04 .low .content { margin-bottom: 28px; }

  .con04 .low .foot { font-size: 15px; }

  .con04 .low .foot span { font-size: 15px; }

  .ding {position: absolute;top: -80px;width: 100%;height: 1px;left: 0px;}



  .ding#te1 {top: 0px;}

  .ding#te2 {top: -80px;}

  .ding#con1 {top: 0px;}

  .ding#con3 {top: 30px;}

  .ding#con4 {top: -70px;}

  .n-nav02 { width: 180px;}

  .n-nav02 a { font-size: 13px; }







  .fixed-sub ul li a span img { width: 20px; }

  .fixed-sub ul li p { font-size: 12px; margin-top: 4px; }

  .fixed-sub ul li { width: 70px; height: 70px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box span { font-size: 12px; margin-top: 5px; }

  .fixed-sub ul li:nth-of-type(1) .tel { padding: 15px;}

  .fixed-sub ul li:nth-of-type(1) .tel { left: -297px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box img { width: 70px; }

  .fixed-sub ul li:nth-of-type(1) .tel .box { margin-right: 20px; }

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { padding: 18px;}

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { left: -175px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2::after, .fixed-sub ul li:nth-of-type(3) .tel h2::after { right: -22px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2, .fixed-sub ul li:nth-of-type(3) .tel h2 { font-size: 18px; }

  .fixed-sub ul li:nth-of-type(3) .tel { left: -292px; }

  







}




.bb{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}






*{padding: 0px;margin: 0px; }

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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }

html{ font-family: '微软雅黑',Arial;color: #666;background-color:#fff; font-size: 62.5%;}

h3,h4,h5,h6,a,span,p{color: #666;/* font-family:'微软雅黑',Arial; *//* font-weight: normal; *//* display: block; */}

img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}

li {list-style: none;}

a {text-decoration: none; display: block;}

body,html {height: 100%;width: 100%;}

.imgbox {overflow: hidden;position: relative;}

:root {

 --dex:#005bbb

}

.clearfix {zoom:1}

.clearfix:after {content: '\20'; display: block; clear: both;}

.fl { float: left; }

.fr { float: right; }

input,.form-change select{ -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 





/*background-color: var(--white); */



/* pc */

.pc-1200px{display: none;}

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

.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}

.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}

.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}

.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}

.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}

}



@font-face {  font-style: normal;

    font-display: swap; font-family: "alibb"; src: url("../other/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../other/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../other/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../other/Alibaba-PuHuiTi-Regular.svg") format("svg"); } 





/* h5 */

.drawer-nav { display: none; }

.drawer-hamburger{display: none;} 

.i03_h5 {display: none;}



/* head */

.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;transition: 0.5s; }

.head { transition: 0.3s; box-sizing: border-box;height: 100px;display: flex;justify-content: space-between;align-items: center;    width: 90%; margin: auto;}

.head  .left {width: 400px;}

.head  .left .lo2 {display: none;}

.head  .left img {transition: 0s;object-fit: contain;width: 100%;}

.head .right {width: 57%;display: flex;justify-content: space-between;align-items: center;}

.head .right ul {display:flex;width: 90%;align-items: center;justify-content: flex-end;}

.head .right ul  li .a{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}

.head .right ul  li {position: relative;}



.head .right ul  li .a::after { position: absolute; content: ""; bottom: 0px; left: 50%; width: 0%; transform: translateX(-50%); transition: 0.3s; height: 3px; background-color: var(--dex); }

.head .right ul  li:hover .a::after { width: 100%; }



.n-nav02{width: 200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;}

.n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #076dd9;position: absolute;top: -10px;left: 50%;margin-left: -10px;}

.n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;}

.n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: #076dd9;}

.n-nav02 a:last-of-type{border-bottom: 0px;}

.head .right ul  li:hover .n-nav02{opacity: 1;visibility: visible;}

.n-nav02 a:hover{color: rgba(255,255,255,0.8);}









.head .right .lang {display: flex;align-items: center;font-size:18px;color: #fff;}

.head .right .lang img {transition: 0s; width: 24px;margin-right: 7px;}

.head .right  form span {display: flex;align-items: center;position: relative;}

.head .right  form span input { width: 180px; height: 40px; font-size: 14px;color: #666; border: 1px solid rgba(255,255,255,0.5); padding-left: 22px; border-radius: 30px; outline: none;  background-color: transparent; }

.head .right  form span button {     cursor: pointer; position: absolute; font-size: 18px; color: #fff; right: 15px; top: 50%; transform: translateY(-50%); border: none; outline: none; background-color: transparent;}

.head .right  form span input::-webkit-input-placeholder {  font-size: 14px;color: rgba(255,255,255,0.4);}





.div1:hover .head .right .lang,.div2  .head .right .lang {color: #333;}

.div1:hover .head .right .lang img ,.div2  .head .right .lang img {filter: invert(1);}

.div1:hover .head .right  form span input,.div2 .head .right  form span input {border-color: rgba(51, 51, 51,0.5);}

.div1:hover .head .right  form span input::-webkit-input-placeholder,.div2 .head .right  form span input::-webkit-input-placeholder {color: rgba(0,0,0,0.4);}

.div1:hover .head  .left .lo1 ,.div2 .head  .left .lo1{display: none;}

.div1:hover .head  .left .lo2 ,.div2 .head  .left .lo2{display: block;}

.div1:hover .head .right ul  li .a ,.div2 .head .right ul  li .a{color: #333;}

.div1:hover,.div2{background-color: #fff;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2);}

.div1:hover .head .right  form span button,.div2 .head .right  form span button {color: #666;}

.div1 .head .right ul li .a:hover {color: var(--dex);}

.div1  .head .right .lang:hover {color: var(--dex);}



.div2 .head { height: 85px;}

.div2  .head .right ul li .a { height: 85px;line-height: 85px;}





/* common  */

.icenter {width: 1500px;margin: auto;position: relative;}

.amore1{ border-radius: 30px; width: 178px;height: 50px;text-align: center;line-height: 46px;border-radius: 30px;border: 2px solid rgba(255, 255, 255);position: relative;}

.amore1::after { font-size: 16px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.amore1:hover { border-color: var(--dex); background-color: var(--dex); }

.amore1 > span { display: block;color: rgba(255, 255, 255);font-size: 16px; }

.amore1::after, .amore1 > span {  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.amore1:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.amore1:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.amore2:hover{ border-color: var(--dex)!important; background-color: #fff!important;}

.amore2:hover > span{color: var(--dex);}

.amore2::after {color: var(--dex);;}





/* indexbanner */

.indexbanner {position: relative;overflow:hidden;    height: 100%;}

.iSwiper {height: 100%;}

.indexbanner  .box { position: relative;height: 100%;}

.indexbanner  .box img {height: 100%;}

.indexbanner  .box .bg {height: 100%;}

.indexbanner  .box::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.indexbanner  .box .text { opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}

.indexbanner  .box .text h3{font-family: "alibb";font-size: 50px;color: #fff;line-height: 93px;margin-bottom: 32px;}

.indexbanner  .box .text h4{ font-size: 22px; color: #fff;  margin-bottom: 64px;letter-spacing: 0.8px;}

.indexbanner   .lian { z-index: 6; width: 475px; height: 112px; position: absolute;right: 0px;bottom: 0px;border-top-left-radius: 60px;padding: 40px 90px;background-color: #fff;  display: flex;justify-content: space-between;align-items: center;}

.indexbanner   .lian .con {display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #005bbb;font-weight: bold;}

.indexbanner   .lian .con img {    width: 26px; margin-right: 18px;}

.indexbanner   .lian  .jian1 {  display: flex; padding: 0px; justify-content: center; align-items: center; width: auto; height: auto; }

.indexbanner   .lian  .jian1 .cc { font-size: 38px; color: var(--dex);}

.indexbanner   .lian  .jian1 .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.indexbanner   .lian  .jian1 .cc.cc2{opacity: 0.7;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.indexbanner   .lian .jian1 .cc.cc3{opacity: 1;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.indexbanner .swiper-pagination {bottom: 9%; left: 50%; width: 90%; transform: translateX(-50%); display: flex;}

.indexbanner .swiper-pagination-bullet {opacity: 1; margin: 0 8px!important;width: 12px;height: 12px;border-radius: 50%;background-color: transparent;border: 1px solid #fff;}

.indexbanner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }



.indexbanner .swiper-slide-active img { animation: mysacle 4s ease both; }



.indexbanner  .swiper-slide-active .box .text { animation: myfade 1.4s ease both; }



@keyframes mysacle {

  0% {

      transform: scale(1.15);

  }

}



@keyframes myfade {

  100% {

      opacity: 1;

  }

}







@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



.amore2 {background-color: var(--dex);}

.amore2 span {color: #fff;}

.amore2::after {color: var(--dex);}

.amore2:hover {background: transparent;}

.amore2:hover span {color: var(--dex);}



/* i01 */

.i01 {padding: 1px 0 0;osition: relative;overflow: hidden;}

.i01 .top {z-index: 1;position: relative;}

.i01 .top dl {display: flex;justify-content: space-between;margin-bottom: 88px;}

.i01 .top dl dd {width: 305px;}

.i01 .top dl dd h4 { margin-bottom: 17px;  display: flex; align-items: flex-end;}

.i01 .top dl dd h4 span{font-size: 24px;color: #333333;margin-left: 8px;line-height: 26px;}

.i01 .top dl dd h4 strong {    font-family: 'alibb'; line-height: 66px;font-size: 80px;font-weight: bold;color: #333333;}

.i01 .top dl dd:hover h4 span,.i01 .top dl dd:hover h4 strong {color:var(--dex);}

.i01 .top dl dd h5 {font-size: 18px;color: #999999;padding-bottom: 12px;border-bottom: 1px solid #d6d6d6;}

.i01 .top dl dd .icon {width: 50px;position: relative;margin-top: 32px;}

.i01 .top dl dd .icon::before {position: absolute; left: 0px; top: -34px; content: ""; width: 55px; height: 3px; background-color: var(--dex);}

.i01 .top dl dd:hover .icon img {transform: rotateY(180deg);}





.home_part3[data-v-e55fe884] {

/* height: 620px; */

/* margin-bottom: 150px; */

/* position: relative; */
}

.home_part3 .bg {width: 780px; position: absolute; right: 45px; top: -298px;}

.home_part3 .con_left[data-v-e55fe884] {

  position: absolute;

  width: 60%;

  right: 40%;

  height: 640px;

}



.home_part3 .con_left .bg[data-v-e55fe884],

.home_part3 .con_left .home_part3_conbox[data-v-e55fe884] {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0

}



.home_part3 .con_left.con_left_bg[data-v-e55fe884] {

  z-index: 1

}



.home_part3 .con_left.con_left_bg .bg[data-v-e55fe884] {

  background: #005bbb;

}



.home_part3 .con_left.con_left_img[data-v-e55fe884] {

  z-index: 3

}



.home_part3 .con_left.con_left_img .home_part3_conbox[data-v-e55fe884] {

  background: url(../images/index_part3_bg.a720f4c.png) no-repeat 100% 0px;


}



.home_part3 .con_right[data-v-e55fe884] {

position: absolute;

z-index: 2;

width: 84.4%;

left: 15.6%;

top: 30px;

height: 570px;
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884] {

/* position: absolute; */

width: 100%;

height: 100%;

l;

/* width: 100%; */: 0

b;

/* height: 100%; */

l;

/* left: 0; */

e;

/* top: 0; */

b;

/* background: url(../images/sy_gybj2.jpg) no-repeat 0 0; */

/* background-size: cover; */
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884]:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 10;

  background: url(../images/part3_img2a.0fd3575.png) no-repeat 0 0;

}



.home_part3 .con_right .con_right_heng[data-v-e55fe884] {

/* display: block; */

/* width: 270px; */

/* height: 30px; */

/* position: absolute; */

/* right: -80px; */

/* bottom: -15px; */

/* z-index: 2; */

/* background: #005bbb */
}



.home_part3 .con_left[data-v-e55fe884] {

  transform: translateX(-30px);

  opacity: 0;

}



.home_part3 .con_right[data-v-e55fe884] {

  transform: translateX(30px);

  opacity: 0

}



.home_part3.on .con_left[data-v-e55fe884], .home_part3.on .con_right[data-v-e55fe884] { transform: translate(0); opacity: 1; transition: 1s }

.home_part3_text[data-v-e55fe884] {color: #fff; width: 847px; box-sizing: border-box; padding: 106px 30px 80px 0;}

.home_part3_text .i_title{margin-bottom: 28px;}

.home_part3_text .i_title h4 {color: rgba(255,255,255,0.8);}

.home_part3_text .i_title h5 {color: #fff;}

.home_part3_text p {font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 40px;width: 773px;}

.home_part3_text a {margin-bottom: 72px; border-color: rgba(255,255,255,0.5); width: 148px; height: 44px; line-height: 40px;}

.home_part3_text a span {color: rgba(255,255,255,0.5);}

.home_part3_text a::after {color: var(--dex);}

.home_part3_text a:hover {background-color: #fff;border-color: var(--dex);}

.home_part3_text ul {display: flex;width: 514px;justify-content: space-between;}

.home_part3_text ul li {width: 54px;}

.home_part3_text ul li  img {width: 48px;margin: auto;}

.home_part3_text ul li  span{font-size: 18px;color: #ffffff;margin-top: 6px;text-align: center;}



.home_part3_text ul li:hover img {transform: rotateY(180deg);}



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

  .home_part3[data-v-e55fe884] {

/* height: 800px; */

/* margin-bottom: 120px */

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 480px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 740px;

      padding: 70px 70px 40px 0

  }

  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 240px;

      height: 24px;

      bottom: -12px;

      right: -50px

  }



}



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

  .home_part3[data-v-e55fe884] {

      height: 700px

  }




  .home_part3_text[data-v-e55fe884] {

      width: 700px

  }

}



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

  .home_part3[data-v-e55fe884] {

height: 450px;

in-bottom: 80px;

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 350px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 25px

  }



}



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







  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 35px 20px


  }





}





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

  .home_part3[data-v-e55fe884] {

/* height: 620px; */

/* margin-bottom: 60px; */

}



  .home_part3 .con_left[data-v-e55fe884] {

      height: 520px;

      width: 88%;

      right: 12%

  }



  .home_part3 .con_right[data-v-e55fe884] {

      height: 520px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 30px

  }

  .home_part3_iconlist .li[data-v-e55fe884] {

      width: 33.33%

  }



  .home_part3 .con_right .con_right_bg[data-v-e55fe884] {

      background-position: 100% 100% !important

  }



  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 138px;

      height: 24px;

      bottom: -12px;

      right: -20%

  }



}



/* i02 */

.i02 {padding: 125px 0;position: relative;overflow: hidden;background: url(../images/sy_cpbj1.jpg);background-size: cover;}

.i02 .top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}

.i02 .top .i_title {margin-bottom: 0px;}

.i02 .botF {    position: relative; width: fit-content; margin: auto;}

.i02 .bot {width: 1545px;position: relative;margin: auto;overflow: hidden;}

.i02 .bot .box {border-radius: 20px;}

.i02 .bot .box .imgbox {border-radius: 20px;box-shadow: 0 0 10px #ddd;}

.i02 .bot .box:hover .imgbox  img{transform: scale(1.1);}

.i02 .bot .box:hover span {color: var(--dex);}

.i02 .bot .box span { text-align: center;color: #666666;font-size: 20px;margin-top: 19px;}

.i02 .bot .amore1 {margin: auto; border-color: var(--dex);margin-top: 50px;}

.i02 .bot a:hover {background-color: transparent!important;}

.i02  .fa { outline: none; top: 29%;background: none; margin: 0px; padding: 0px; width: 45px; height: 45px; border-radius: 50%; color: rgba(255,255,255,0.8); background-color: #bdc2c7; display: flex; justify-content: center; align-items: center; font-size: 26px;}

.i02  .fa-angle-left {left: -48px;}

.i02  .fa-angle-right{right: -48px;}

.i02  .fa:hover {background-color: var(--dex);}



.i02 .link{display: flex;display: -webkit-flex;}

/* .i02 .link .tab-li{margin-right:145px;cursor:pointer;position: relative;} */

.i02 .link .tab-li{margin-right:0px;cursor:pointer;position: relative;}

.i02 .link .tab-li:nth-of-type(1) .img:after {  display: none;  position: absolute; content: ""; left: 117.5px; top: 50%; transform: translateY(-50%); width: 98px; height: 1px; background-color: #b1b5b8;}

.i02 .link .tab-li:nth-of-type(2){display: none;}

.i02 .link .tab-li .img{width:80px;height:80px;position:relative;margin: auto;}

.i02 .link .tab-li .p1{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;}





.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2,.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4

{position:absolute;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}

.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2{z-index:1}

.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4{z-index:2;width: 44%;height: auto;top: 28%;left: 28%;}

.i02 .link .tab-li .img .bg2{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.i02 .link .tab-li .img .bg4{opacity:0}

.i02 .link .tab-li.cur .bg2,.i02 .link .tab-li:hover .bg2{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.i02 .link .tab-li.cur .bg4,.i02 .link .tab-li:hover .bg4{opacity:1}

.i02 .link .tab-li.cur .bg1,.i02 .link .tab-li.cur .bg3,.i02 .link .tab-li:hover .bg1,.i02 .link .tab-li:hover .bg3

{opacity:0;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);transform:scale(.6,.6)}



.i02 .link .tab-li.cur:hover .img .bg2{ opacity: 0;

     -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.i02 .link .tab-li.cur:hover .bg4{opacity: 0;}

.i02 .link .tab-li.cur:hover .bg1, .i02 .link .tab-li.cur:hover .bg3{

    opacity: 1;

    -webkit-transform:none;

    -ms-transform: none;

    transform: none;

}









/* i03 */

.pagemap{display: block;overflow: hidden;  position: relative;padding-top: 180px;padding-bottom: 160px;}

.pagemap .maps{ display: block;overflow: hidden;position: relative;}

.pagemap .maps .i_title {position: absolute;top: 0px;left: 0px;}

.pagemap .maps .tt{position: absolute; bottom: 60px; left: 0; z-index: 1;}

.pagemap .maps .tt h4 {display: flex;align-items: center;}

.pagemap .maps .tt h4 strong{font-weight: bold; color: #005bbb; font-size: 80px; font-weight: bold; font-family: 'alibb';}

.pagemap .maps .tt h4 strong:nth-of-type(1) {margin-right: 2px;}

.pagemap .maps .tt p {    font-size: 18px; color: #666666; line-height: 30px; color: #666666; width: 212px; padding-top: 18px; border-top: 1px solid #c7c7c7; margin-top: 0px;}

.pagemap .maps .about04min{ display: block;overflow: hidden;width: 85%;margin: 0 0 0 15%;position: relative;}

.pagemap .maps .about04min .map{display: block; width:100%; }

.pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}

.pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;}

.pagemap .maps .about04min .mapicon01{top: 24%;left: 83%;}

.pagemap .maps .about04min .mapicon02{top: 25%;left: 75%;}

.pagemap .maps .about04min .mapicon03{top: 24%;left: 70%;}

.pagemap .maps .about04min .mapicon04{top: 18%;left: 66%;}

.pagemap .maps .about04min .mapicon05{top: 51%; left: 11%;}

.pagemap .maps .about04min .mapicon06{top: 39%;left: 77%;}

.pagemap .maps .about04min .mapicon07{top: 41%; left: 34%;}

.pagemap .maps .about04min .mapicon08{top: 42%;left: 79.5%;}

.pagemap .maps .about04min .mapicon09{top: 54%; left: 4%;}

.pagemap .maps .about04min .mapicon10{top: 41%; left: 35.5%;}

.pagemap .maps .about04min .mapicon11{top: 47.5%;left: 76.5%;}

.pagemap .maps .about04min .mapicon12{top: 44%; left: 34%;}

.pagemap .maps .about04min .mapicon13{top: 49%; left: 33%;}

.pagemap .maps .about04min .mapicon14{top: 78%;left: 86%;}

.pagemap .maps .about04min .mapicon15{top: 61%; left: 80%;}

.pagemap .maps .about04min .mapicon16{top: 17%; left: 85%;}

.pagemap .maps .about04min .mapicon17{top: 14%; left: 83%;}

.pagemap .maps .about04min .mapicon18{top: 46%; left: 31%;}

.pagemap .maps .about04min .mapicon19{top: 80%; left: 43%;}

.pagemap .maps .about04min .mapicon20{top: 44%;left: 36%;}

.pagemap .maps .about04min .mapicon21{top: 79%; left: 38%;}

.pagemap .maps .about04min .mapicon22{top: 40%; left: 37%;}

.pagemap .maps .about04min .mapicon23{top: 22%;left: 33%;}

.pagemap .maps .about04min .mapicon24{top: 16%;left: 32%;}

.pagemap .maps .about04min .mapicon25{top: 15%;left: 26%;}

.pagemap .maps .about04min .mapicon26{top: 31%;left: 26%;}

.pagemap .maps .about04min .mapicon27{top: 32%;left: 23%;}

.pagemap .maps .about04min .mapicon28{top: 44%;left: 23%;}

.pagemap .maps .about04min .mapicon29{top: 21%;left: 19%;}

.pagemap .maps .about04min .mapicon30{top: 37%;left: 19%;}

.pagemap .maps .about04min .mapicon31{top: 60%; left: 10%;}

.pagemap .maps .about04min .mapicon32{top: 70%; left: 10%;}

.pagemap .maps .about04min .mapicon.hide{opacity: 0;}



.pagemap .biao {position: absolute; margin: 0 auto; margin-bottom: 22px; left: 41%; top: 31%;}

.pagemap .biao .icon {    position: relative; box-sizing: border-box; width: 115px; height: 115px; box-shadow: -20px 0px 30px #ddd; border-radius: 50%;}

.pagemap .biao .icon .imgbox {overflow: hidden;border-radius: 50%;width: 100%;height: 100%;border: 7px solid #005bbb;z-index: 2;}

.pagemap .biao .icon::after {     position: absolute; content: ""; bottom: 24px; left: -14%; transform: translateX(-50%) rotate(81deg); clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 103px; height: 47px; background-color: #005bbb; }

.pagemap .biao .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.pagemap .biao  .ring span {  background-color: rgba(0, 91, 187, 0.2);display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; }

.pagemap .biao  .ring span:nth-of-type(2) { animation-delay: .7s; }

.pagemap .biao  .ring span:nth-of-type(3) { animation-delay: 1.4s; }

.pagemap .biao h4 {font-size: 18px; color: #333333; font-weight: bold; margin-top: 8px; text-align: center;}

.pagemap .biao:hover h4 {color: var(--dex);}

.pagemap .biao:hover .icon .imgbox img{transform: scale(1.1);}



@keyframes ringscale {

    0% {

      opacity: 1;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(1.6);

      -moz-transform: scale(1.6);

      -ms-transform: scale(1.6);

      transform: scale(1.6);

    }

  }

/* i04 */

.i04 {padding: 10px 0;position: relative;overflow: hidden;}

.i04 .bg {width: 886px; position: absolute; left: -14%; top: -7%; z-index: -1;}

 .i_title {margin-bottom: -35px;margin-top: 20px;}

 .i_title h4 {    font-size: 28px; font-family: arial; color: #005bbb; opacity: 0.3; margin-bottom: 9px;font-weight: bold;}

 .i_title h5 {font-size: 44px;font-weight: bold;color: #333333;}

.i04 .bot {display: flex;align-items: center;justify-content: space-between;}

.i04 .bot .le {width: 62%;position: relative;}

.i04 .bot .le:hover .imgbox  img {transform: scale(1.1);}

.i04 .bot .le .text {z-index: 1;background-color: #fff;position: absolute;bottom: 0px;left: 0px;width: 605px;pad;padding: 22px 26px;play: flex;justify-content: space-between;flex-direction: column;box-shadow: 0px 0px 2px #ddd;}

.i04 .bot .le .text::before {content: "";position: absolute;left: -164px;top: 0px;width: 164px;height: 100%;border-top-left-radius: 95px;/* background-color: #005bbb; */}

.i04 .bot .le .text::after {position: absolute; background-color: #005bbb; content: "";left: 0px;top: 0px;width: 0%;height: 100%;z-index: 0;transition: 0.3s;}

.i04 .bot .le:hover .text::after {width: 100%;} 

.i04 .bot .le:hover .date span{color: #fff;}

.i04 .bot .le:hover .date span::after {background-color: #fff;}

.i04 .bot .le:hover h4 {color: #fff;}

.i04 a .date {display: flex; align-items: center; position: relative; z-index: 1;}

.i04 a .date span:nth-of-type(1) {/* transition: 0.3s; */font-size: 16px;color: #005bbb;position: relative;/* margin-right: 26px; */line-height: 14px;}

.i04 a .date span:nth-of-type(1)::after {/* content: ""; */position: absolute;right: -14px;height: 12px;width: 1px;background-color: #b1b1b1;top: 50%;transform: translateY(-50%);}

.i04 a .date span:nth-of-type(2) {  transition: 0.3s;  font-size: 16px; font-family: arial; color: #999999; line-height: 14px;}

.i04 a h4 {transition: 0.3s;font-size: 26px;color: #333333;ma;margin-top: 16px;-index: 1;position: relative; margin-bottom: 16px;}



.i04 .bot .ri{width: 31.8%;}

.i04 .bot .ri .seg {margin-bottom: 50px;}

.i04 .bot .ri .seg a {border-bottom: 1px solid #c1c1c1;padding: 37px 0;}

.i04 .bot .ri .seg a:hover h4 {color: var(--dex);}

.i04 .bot .ri .seg a:nth-of-type(1){padding-top: 0px;}







.footer {padding: 0px 0 10px;position: relative;overflow: hidden;background-color:#004389;}

.footer .fo01 {padding: 37px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}

.footer .fo01 ul {width: 726px;justify-content: space-between;display: flex;align-items: center;}

.footer .fo01 ul li {width: fit-content;}

.footer .fo01 ul li a {color: #fff;font-size: 18px;font-weight: bold;}

.footer .fo01 ul li a:hover {color:#2e8bff;}

.footer .fo01 .to_top {width: 55px;height: 55px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #2e8bff;cursor: pointer;}

.footer .fo01 .to_top i {    display: block; margin-bottom: 5px; color: #fff; font-size: 30px; line-height: 12px;}

.footer .fo01 .to_top span {color: rgba(255,255,255,0.5);font-size: 14px;font-family: arial;}

.footer .fo02 {padding: 40px 0 50px;position: relative;overflow: hidden;display: flex;justify-content: space-between;}

.footer .fo02 .left {width: fit-content;}


.footer .fo02 .left form {margin-bottom: 28px;}


.footer .fo02 .left p {display: flex;align-items: center;}

.footer .fo02 .left p input {  font-size: 16px;  padding-left: 28px; background-color: #1a5695; outline: none;border: 0px;width: 302px;height: 46px;color: #ffff;}

.footer .fo02 .left p input::-webkit-input-placeholder {  font-size: 16px;color: rgba(255,255,255,0.5);}



.footer .fo02 .left p button {background-color: #fff; font-size: 16px;color: #005bbb;outline: none;border: none;width: 106px;height: 46px;display: flex;justify-content: center;align-items: center;cursor: pointer;}

.footer .fo02 .left .text {display: flex;align-items: center;}

.footer .fo02 .left .text .le {width: 73px;margin-right: 25px;}

.footer .fo02 .left .text .ri {opacity: 0.4;} 

.footer .fo02 .left .text .ri span {font-size: 16px;color: #fff;}


.footer .fo02 .left .text .ri i {    display: block; margin-top: 18px; font-size: 18px; color: #fff;}

.footer .fo02 .right {width: 51%;display: flex;justify-content: space-between;}

.footer .fo02 .right .g {width: 39%;}

.footer .fo02 .right .g h4 {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px;}

.footer .fo02 .right .g h5 {font-size: 16px;opacity: 0.4;color: #fff;line-height: 24px;margin-bottom: 10px;}

.footer .fo02 .right .g p {font-size: 16px;line-height: 26px;opacity: 0.4;color: #fff;}

.footer .fo03 {border-top: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: space-between;padding-top: 10px;}

.footer .fo03 .le {    display: flex; align-items: center;}

.footer .fo03 .le  a {font-size: 14px;opacity: 0.4;color: #fff;margin-right: 18px;width: fit-content;}

.footer .fo03 .ri {display: flex;align-items: center;}

.footer .fo03 .ri img  {height: 79px; width: auto; margin-left: 34px;}







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

  .head .right { width: 59%;}

}



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

  .head .right { width: 62%;}

  .head .right ul li .a { margin: 0 18px; font-size: 17px;}

  .i04 .bot .le .text::before { left: -76px; top: 0px; width: 76px; }

}

/* about */

.innerbanner  {position: relative;overflow: hidden;}

.innerbanner  .text {position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);}

.innerbanner  .text h3 {/* font-size: 70px; *//* font-weight: bold; *//* color: #fff; */margin-bottom: 12px;}

.innerbanner  .text h4 {font-size: 24px;color: #fff;font-family: arial;}

.ab01 {/* padding: 132px 0 183px; *//* position: relative; *//* overflow: hidden; */}

.ab01 .icenter {/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.ab01 .icenter .left {width: 66.5%;}

.ab_title {font-size: 44px;font-weight: bold;color: #333333;top: 49px;}

.ab01 .icenter .left .ab_title {line-height: 60px;margin-bottom: 30px;}

.ab01 .icenter .left p {font-size: 18px;line-height: 32px;color: #666666;}

.ab01 .icenter .right {width: 25.3%;position: relative;overflow: hidden;}

.ab01 .icenter .right:hover img{transform: scale(1.1);}

.ab02 {padding-bottom: 166px;position: relative;position: relative;background: url(../images/ab02_bg.png);background-size: cover;}

.ab02 ul {}

.ab02 ul li {margin-bottom: 68px;display: flex;align-items: center;}

.ab02 ul li img {width: 75px;margin-right: 47px;}

.ab02 ul li:hover img {transform: rotateY(180deg);}

.ab02 ul li .text {} 

.ab02 ul li .text  h4 {display: flex;align-items: center;}

.ab02 ul li .text  h4 strong {font-family: 'alibb';font-weight: bold;color: #333333;font-size: 60px;}

.ab02 ul li:hover  h4 strong {color: var(--dex);}

.ab02 ul li .text h5{font-size: 22px;color: #666666;}

.ab02 .ri {width: 60%; position: absolute; right: 0px; top: -13px; overflow: hidden;}



.ab03{ background:#fff url(../images/hmc6bg.jpg) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:93px 0 126px;}

.m2gkc3Top{  position:relative; z-index:2; }

.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}

.ab03 .icenter{position:relative; z-index:5;}

.hmc5years{ background: url(../images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: 0vw auto 0px; position:relative; z-index:3;}

.hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; }

.hmc5yr{ color: var(--dex); height: 20px; display: inline-block; position: absolute;  left: -46px; top: 10px;font-weight: bold; transition: all 0.3s ease-in-out;    font-size: 20px; font-family: arial; }

.hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc5yrIcon:before{ content: ""; background: var(--dex); display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)}

.hmc5yrIcon:after{ content: ""; background: url(../images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0}

.hmc5yrIcon i{ background: url(../images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 }



@keyframes hmc5yrIconAni {

0% {

	transform:translateY(0)

}

50% {

    transform:translateY(-10px)

}

100% {

	transform:translateY(0)

}

}

.hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;}

.hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1}


.hmc5yrBtn.on .hmc5yr{opacity:0;}

.hmc5yrBtn1{ left: 48px; top: 578px; }

.hmc5yrBtn2{left: 159px; top: 531px;}

.hmc5yrBtn3{ left:227px; top:455px;}

.hmc5yrBtn3 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn4{ left:269px; top:351px;}

.hmc5yrBtn4 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn5{ left: 309px; top: 274px;}

.hmc5yrBtn5 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn6{left: 397px; top: 209px;}

.hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn7{ left: 508px; top: 178px;}

.hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn8{left: 619px; top: 141px;}

.hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn9{  left: 733px; top: 86px;}

.hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn10{ left: 873px; top: 78px;}

.hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn11{ left: 1008px; top: 46px;}

.hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn12{ left:1105px; top:10px;}

.hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn13{ left:908px; top:72px;}

.hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn14 {left: 986px;top: 53px;}

.hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn15{ left:1022px; top:42px;}

.hmc5yrBtn15 .hmc5yr{ left:2px; margin-top:30px;}

.hmc5years .prev{outline: none;  background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25 }

.hmc5years .next{ outline: none; background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25; }

.hmc5years .prev:hover,.hmc5years .next:hover{ background: var(--dex) url(../images/hmc6btna.png) no-repeat center center; }

@-webkit-keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



@keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



.ab03Swiper {overflow: hidden; display: inline-block; position: absolute; right: 15px; bottom: 30px; width: 756px; height: 422px; padding: 0 24px;}

.ab03Swiper .swiper-slide .box  h4,.ab03Swiper .swiper-slide .box  p{opacity: 0;}

.ab03Swiper .swiper-slide-active .box h4,.ab03Swiper .swiper-slide-active .box p{animation: xian 1s linear forwards;}

.ab03Swiper  .box h4 {text-align: center; font-size: 194px; font-weight: bold; color: var(--dex); font-family: alibb;     margin-bottom: 33px; line-height: 157px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom,rgba(6, 107, 208,1),rgba(4, 70, 148,1)); -webkit-text-fill-color: transparent; text-fill-color: transparent; }

.ab03Swiper  .box .b{border-top-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 0 0 3px #ddd; background-color: #fff; font-size: 18px; line-height: 32px; color: #666666; width: 726px; height: 224px; display: flex; justify-content: center; align-items: center; padding: 70px;}



@keyframes xian {

    to{

        opacity: 1;    

    }

}





/* news */

.page {    margin-top: 70px; display: flex;justify-content: center;align-items: center;}

.page h2{display: none;}

.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}

.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page a:last-child{margin-right: 0px;}

.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}



.news-banner  {position: relative;}

.news {padding: 100px 0 150px;position: relative;overflow: hidden;}

.news ul {}

.news ul li a .icenter{display: flex;justify-content: space-between;align-items: center;}

.news ul li{padding: 45px 0;border-bottom: 1px solid #d6d6d6;}

.news ul li:hover .imgbox  img{transform: scale(1.1);}

.news ul li .imgbox {width: 36.3%;}

.news ul li .text {width: 55.3%;}

.news ul li .text  h4 {font-size: 28px;font-weight: bold;color: #333333;line-height: 38px;margin-bottom: 16px;}

.news ul li:hover .text  h4 {color: var(--dex);}

.news ul li .text   .date {display: flex;align-items: center;}

.news ul li .text  .date img {width: 18px; margin-right: 7px;}

.news ul li .text   .date span {font-size: 16px;color: #999999;}

.news ul li .text p {font-size: 18px;color: #666666;line-height: 38px;margin: 32px 0;}

.news ul li .text .a {     transition: 0.3s; border-radius: 30px; background-color: var(--dex); font-size: 18px; color: #fff; display: flex; align-items: center; width: 44px; padding: 6px 19px;}

.news ul li .text .a span {     height: 16px; line-height: 14px;margin-right: 17px; font-size: 16px;font-family: 'alibb';color: #fff;display: none;}

.news ul li .text .a i  {  height: 18px; line-height: 18px;}

.news ul li:hover .text .a span {    display: block; }

.news ul li:hover .text .a {width: 105px;}



.icenter1 {width: 1200px;position: relative;margin: auto;}

.news-banner .text {position: absolute; left: 50%; top: 63%; transform: translate(-50%,-50%);}

.news-banner .text h3 {font-size: 32px;line-height: 40px;font-weight: bold;  color: #fff;  margin-bottom: 16px;}

.news-banner .text h4 { display: flex;align-items: center; font-size: 18px;color: #fff;}

.news-banner .text h4 span {margin-right: 30px; color: #fff;}

.news-banner .text {align-items: flex-start;}







.newsinfo {margin: auto;    padding: 100px 0 150px;}

.newsinfo p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom:2%;}

.newsinfo p strong span {display:inline-block;}

.newsinfo p b {font-weight: bold;font-size: 20px;color: var(--dex);}

.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}

.newsinfo .fen {    margin: 30px 0 50px;}

.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}

.newsinfo .fen a:hover {color: var(--dex);}

.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}

.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}

.newsinfo .bottom .share {display: flex;align-items: center;}

.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}

.newsinfo .bottom .share .s {display: flex;align-items: center;}

.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}

.newsinfo .bottom .share .s a:hover {background-color: var(--dex);}

.newsinfo .bottom .right {display: flex;align-items: center;}

.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}



.newsinfo .bottom .right a {border-color: var(--dex); color: var(--dex); width: 146px; height: 41px; line-height: 38px;}

.newsinfo .bottom .right a:hover {color: #fff;}



.ding {position: absolute;top: -100px;width: 100%;height: 1px;left: 0px;}

.ding#te2 {top: -150px;}

.ding#con1 {top: 0px;}

.ding#con3 {top: 80px;}

.ding#con4 {top: -50px;}

.pro_nav {padding: 42px 0;position: relative;overflow: hidden;background-color: #fff;}

.pro_nav .icenter {display: flex;align-items: center;}

.pro_nav .icenter a:nth-of-type(1) {margin-right: 12px;}

.pro_nav .icenter a {border: 1px solid var(--dex);line-height: 48px;    width: 200px;}

.pro_nav .icenter a span {color: var(--dex);}

.pro_nav .icenter a.active {background-color:var(--dex)}

.pro_nav .icenter a.active span {color: #fff;}

.pro {padding: 100px 0 158px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.pro ul {display: flex;flex-flow: wrap;}

.pro ul li {    width: 31.5%; margin-right: 2.7%; margin-bottom: 2.7%; background-color: #fff;    overflow: hidden;}

.pro ul li:nth-of-type(3n){margin-right: 0px;}

.pro ul li .top {padding: 0px;}

.pro ul li .top .imgbox {   transition: 0.3s; display: flex; align-items: center;}

.pro ul li .top .imgbox  img {   width: 100%; max-width: 100%; margin: auto;height: 100%;}

.pro ul li .bot { padding: 30px 40px 60px 40px;     }

.pro ul li .bot h4 {font-size: 16px;color: #666666;margin-bottom: 10px;}

.pro ul li .bot h5 {font-size: 26px;font-weight: bold;color: #333333;}

.pro ul li .bot p {    font-size: 16px; color: #666666; line-height: 28px; margin: 16px 0 47px;}

.pro ul li .bot .amore1 { width: 147px; border: 1px solid var(--dex); line-height: 42px; height: 44px;}

.pro ul li .bot .amore1 span {color: var(--dex);}

.pro ul li:hover .bot .amore1 {background-color: var(--dex);}

.pro ul li:hover .bot .amore1 span {color: #fff;}

.pro ul li:hover .bot h5 {color: var(--dex);}

.pro ul li:hover .imgbox img{transform: scale(1.1);}

.pro ul li:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.pro ul li:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }





/* proinfo */



.pro_info_banner {position: relative;overflow: hidden;}

.pro_info_banner .text {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;}

.pro_info_banner .text  h3 {font-size: 52px;color: #fff;font-weight: bold;}

.icenter2 {width: 1100px;margin: auto;position: relative;}

.proinfo {position: relative;padding: 120px 0 30px;}

.proinfo h3 {font-size: 44px; font-weight: bold; color: #333333; margin-bottom: 20px; line-height: 60px;}

.proinfo .seg {margin-bottom: 100px;}

.proinfo .seg1 {font-size: 18px;color: #666666;line-height: 30px;}

.proinfo .seg1 p {    font-size: 18px; color: #666666; line-height: 30px; margin: 0 0 42px;}

.proinfo .seg1 p img {width: auto;max-width: 100%;height: auto;margin: auto;}

.proinfo .seg2 ul {margin-top: 30px;display: flex;justify-content: space-between;}

.proinfo .seg2 ul li p{border-bottom: 1px solid #ddd;}

.proinfo .seg2 ul li p:nth-of-type(1){border-top: 1px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p {border-bottom: 3px solid #ddd;}

.proinfo .seg2 ul li p{ height:auto; padding: 10px 0; line-height: 28px; font-size: 16px; display: flex; align-items: center;}

.proinfo .seg2 ul li p sup {  position: relative; top: -3px; }

.proinfo .seg2 ul li p sub {position: relative;top: 4px;}

.proinfo .seg2 ul li:nth-of-type(1){width: 20%;}

.proinfo .seg2 ul li:nth-of-type(1) p {font-weight: bold;color: #333333;}

.proinfo .seg2 ul li:nth-of-type(2) p{padding-left: 60px; color: #666666;box-sizing: border-box;    align-items: flex-end; flex-flow: wrap;}

.proinfo .seg2 ul li:nth-of-type(2) {width: 80%;}



.proinfo .seg2 ul li:nth-of-type(2) p:last-child {height: auto;line-height: 26px;}

.proinfo .seg2 ul li:nth-of-type(1) p:last-child{height: auto;}

.proinfo .seg3  ul{display: flex;}

.proinfo .seg3 ul li {border-right: 1px solid #cacaca;}

.proinfo .seg3 ul li:nth-of-type(1){width: 28%;}

.proinfo .seg3 ul li:nth-of-type(2){width: 18%;}

.proinfo .seg3 ul li:nth-of-type(3){width: 21%;}

.proinfo .seg3 ul li:nth-of-type(4){width: 33%;}

.proinfo .seg3 ul li:nth-of-type(1) {border-left: 1px solid #cacaca;}

.proinfo .seg3 ul li p:nth-of-type(1){background-color: #dceaf8;border-top: 1px solid #cacaca;}

.proinfo .seg3 ul li p {line-height: 20px;border-bottom: 1px solid #cacaca; font-size: 16px; color: #666666; text-align: center; padding: 12px 38px; white-space: nowrap;}

.proinfo .seg4 dl {display: flex;justify-content: space-between;}

.proinfo .seg4 dl dd {width: 32%;}

.proinfo .seg4 dl dd:hover .imgbox  img {transform: scale(1.1);}

.proinfo .seg4 dl dd  .imgbox {    padding: 0px 0px; height: auto; background-color: #fff; box-shadow: 0 0 20px #e7e7e7; border-radius: 10px;}

.proinfo .seg4 dl dd  .imgbox img {height: 100%; width: 100%; max-width: 100%;}

.proinfo .seg4 dl dd h6 {margin-top: 20px; font-size: 20px;font-weight: bold;color: #666666;text-align: center;}

.proinfo .seg4 dl dd:hover h6 {color: var(--dex);}





.lx { padding: 130px 0; position: relative;overflow: hidden;background: url(../images/pro_info_bot.jpg);  background-size: cover;background-position: center}

.lx .icenter2 {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.lx  h3 {font-size: 44px;color: #333333;font-weight:bold;margin-bottom: 19px;}

.lx  h4 {font-size: 20px;color: #666666;margin-bottom: 38px;}

.lx .min {display: flex;justify-content: center;}

.lx .min a {width: 211px; height: 45px; border-width: 1px; line-height: 43px;}

.lx .min a:nth-of-type(1) {margin-right: 12px; background-color: var(--dex);color: var(--dex);}

.lx .min a:nth-of-type(1)::after {color: var(--dex);}

.lx .min a:nth-of-type(1):hover {background-color: transparent;}

.lx .min a:nth-of-type(1) span {color: #fff;}

.lx .min a:nth-of-type(2) {border: 1px solid var(--dex);}

.lx .min a:nth-of-type(2) span {color: var(--dex);}

.lx .share {display: flex; justify-content: center; margin-top: 54px; align-items: center;}

.lx .share span {font-size: 20px;color: #666666;margin-right: 12px;}

.lx .share  .s {display: flex;}

.lx .share  .s a {    width: 43px; height: 43px; background-color: #b0b0b0; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; margin-right: 10px; border-radius: 50%;}

.lx .share  .s a:last-child {margin-right: 0px;}

.lx .share  .s a:hover {background-color: var(--dex);}



/* tech */

.tech_title {font-size: 44px;font-weight: bold;color: #333333;}

.tech01 {position: relative; padding: 257px 0 206px;position: relative;overflow: hidden;}

.tech01::before {position: absolute; content: ''; top: 0px; background-color: #f0f5f8; width: 100%; height: 100%; left: calc((100% - 1500px)/2);}

.tech01 .icenter {display: flex;justify-content: flex-end;position: relative;}

.tech01 .icenter  .box {width: 36.3%;}

.tech01 .icenter  .box h4 {font-size: 26px;color: #333333;line-height: 36px;margin: 20px 0 24px;}

.tech01 .icenter  .box p {font-size: 18px;color: #666666;line-height: 30px;}

.tech01 .icenter .bg2 {    opacity: 0.6;position: absolute; right: -152px; top: -237px; width: 348px;}

.tech01 .imgbox1:hover .imgbox img  {transform: scale(1.1);}

.tech01 .imgbox1 {width: 55.6%; position: absolute; left: 0px; top: 120px; z-index: 1;}

.tech01 .imgbox1 .bg1 {    opacity: 0.3; position: absolute;right: 0px;bottom: 0px;width: 122px;}

.tech01 .imgbox1 .imgbox ,.tech01 .imgbox1 .imgbox img{width: 100%;height: 100%;  z-index: 1;}

.tech01 .imgbox1 .bg1 { position: absolute; right: -67px; bottom: -94px; width: 122px; transform: rotate(70deg); }



.tech02 {position: relative;overflow: hidden;padding: 115px 0;}

.tech02 h3 {position: relative; display: flex; align-items: center; justify-content: space-between;}

.tech02 h3 span {white-space: nowrap;    font-weight: bold; color: #333333;}

.tech02 h3::before {content: ""; display: block; width: 36%; height: 1px; background-color: #d9d9d9;}

.tech02 h3::after {content: "";display: block;width: 36%;height: 1px;background-color: #d9d9d9;}

.tech02  ul {display: flex; justify-content: space-between; width: 69%; margin: auto; margin-top: 54px;}

.tech02  ul  li {width: 220px; height: 220px; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}


.tech02  ul  li::before { content: ""; position: absolute; width: 115%; height: 115%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li:hover::before { animation: img01anime 10s 0s linear infinite; }

.tech02  ul  li:hover::after { animation: img03anime 10s 0s linear infinite; }

@keyframes img01anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(360deg);}

}

@keyframes img03anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(-360deg);}

}

.tech02  ul  li  h4 {display: flex;}

.tech02  ul  li  h4 strong {font-size: 80px; font-family: 'alibb'; color: var(--dex); line-height: 68px; font-weight: normal;}

.tech02  ul  li  h4 strong:nth-of-type(1) {margin-right: 5px;}

.tech02  ul  li h5 {font-size: 16px; color: #666666; margin-top: 13px; text-align: center;}

.jian {position: absolute; top: 50%; transform: translateY(-50%); left: 260px; display: flex; padding: 20px; justify-content: center; align-items: center; width: 100px; height: 100px; margin: auto;}

.jian .cc {height: 7px;width: 7px;border-radius: 50%;background-color: var(--dex);margin-right: 5px;}

.jian .cc:last-child {margin-right: 0px;}

.jian .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.jian .cc.cc2{opacity: 0.6;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.jian .cc.cc3{opacity: 0.8;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.jian .cc.cc4{opacity: 1;animation:mymove1 1.2s 0.6s infinite; -webkit-animation:mymove1 1.2s 0.6s infinite} 

@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}


}





.tech03 {position: relative;overflow: hidden;}

.tech03 .title {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.tech03 .title h4 {font-size: 18px;color: #666666;margin: 12px 0 40px;}

.tech03 .list_top { margin-bottom: 12px;   display: flex; border-radius: 8px; overflow: hidden;}

.tech03 .list_top .list_top01 ,.tech03 .list_content .list_content01{width: 10%;}

.tech03 .list_top .list_top02 ,.tech03 .list_content .list_content02{width: 80.5%;}

.tech03 .list_top .list_top03 ,.tech03 .list_content .list_content03{width: 49.5%;}

.tech03 .list_top .list_top04 ,.tech03 .list_content .list_content04{width: 11%;}

.tech03 .list_top .list_top05 ,.tech03 .list_content .list_content05{width: 11%;}

.tech03 .list_top .list_top_c ,.tech03 .list_content_l{    background-color: #004389; font-size: 16px; color: #fff; height: 100px; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(255,255,255,0.4);}

.tech03 .list_top .list_top_c:last-child ,.tech03 .list_content_l:last-child{border-right: 0px;}

.tech03 .list_top .list_top03 .list_top03_c, .tech03 .list_content .list_content03_c{ border-right: 1px solid rgba(255,255,255,0.4);   width: 20%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; height: 100%;}

.tech03 .list_top .list_top03 .list_top03_c:last-child ,.tech03 .list_content .list_content03_c:last-child{border-right: 0px;}



.tech03 .list_content .list_content_f{margin-bottom: 1px; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}

.tech03 .list_content_l {height: 85px;background-color: transparent;color: #333333;}

.tech03 .list_content .list_content03_c {    justify-content: flex-start; color: #fff;    border-color: #eceff0;}

.tech03 .list_content .list_content_f:nth-of-type(n) {background-color: #f7fafb;}

.tech03 .list_content .list_content_f:nth-of-type(2n) {background-color: #fff;}

.tech03 .list_content_l:nth-of-type(1) {background-color: #eaeef0;font-size: 16px;color: #333333;}

.tech03 .list_content .list_content03_c ,.tech03 .list_content_l{border-color: #eceff0;}

.tech03 .list_content .list_content03_c span {position: relative; width: 0; height: 37px; display: inline-block; font-size: 16px; color: #fff; line-height: 37px;     background-image: linear-gradient(to right,#96b7f1,#5890da);}





.tech03 .list_content  .list_content_f .list_content03_c span::after { opacity: 1; content: ''; width: 20px; height: 37px; border-radius: 0 90% 90% 0/0 50% 50% 0; background-color: #5890da; position: absolute; right: -20px; z-index: 9; }

/* 进度条 */

/* 1 */

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(4) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span::after{ opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span{width: 0%;}



/* 2 */

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span{width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(5) span{width: 0%;}

/* 3 */

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 4 */

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(2) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 5 */

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(2) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(5) span {width: 0%;}























.tech04 {padding: 130px 0 ;position: relative;overflow: hidden;}

.tech04 h4 {font-size: 18px; color: #666666; margin: 10px 0 36px; text-align: center;}

.tech04 h3 {text-align: center;}

.tech04 dl {display: flex;justify-content: space-between;margin-bottom: 60px;}

.tech04 dl dd { transition: 0.3s; border-radius: 10px; background-color: #f5f5f5; padding: 80px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 24%;}

.tech04 dl dd .icon {position: relative; width: 110px;height: 110px;border-radius: 50%;background-color: var(--dex);display: flex;justify-content: center;align-items: center;}

.tech04 dl dd .icon::before { border-radius: 50%; content: ""; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border: 1px dashed var(--dex);}

.tech04 dl dd .icon img {transition: 0s; filter: grayscale(10) brightness(10);width: 50px;}

.tech04 dl dd span {font-size: 18px;color: #666666;margin-top: 30px;text-align: center;}

.tech04 .bot {position: relative; font-size: 24px;color: #333333;font-weight: bold;width: fit-content;margin: auto;}

.tech04 .bot::before {    content: ""; position: absolute; left: -138px; width: 117px; height: 2px; background:linear-gradient(to right ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%); top: 50%; transform: translateY(-50%);}

.tech04 .bot::after {content: ""; position: absolute;right: -138px;width: 117px;height: 2px;background-color: var(--dex);top: 50%; transform: translateY(-50%);background:linear-gradient(to left ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%);}

.tech04 dl dd:hover {background-color: var(--dex);}

.tech04 dl dd:hover .icon {background-color: #fff;}

.tech04 dl dd:hover .icon img {filter: none;}

.tech04 dl dd:hover  .icon::before {border-color: #fff; animation: img02anime 10s 0s linear infinite;}

.tech04 dl dd:hover span {color: #fff;}

@keyframes img02anime{

	0%{transform: translate(-50%,-50%) rotate(0deg);}

	100%{transform: translate(-50%,-50%) rotate(-360deg);}

}





.tech05 {padding: 172px 0 200px;position: relative;overflow: hidden;background: url(../images/tech05_bg.jpg);background-size: cover;}

.tech05 p {font-size: 18px; color: #666666; line-height: 30px; width: 670px; margin: 16px 0 62px;}

.tech05 a { border-color: var(--dex);}

.tech05 a:hover {background-color: transparent!important;}

.tech05 a .img {position: absolute;width: 0;}

/* imgshowmask */

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}

.imgshow{width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}

.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}



.tech06 {padding: 138px 0;position: relative; overflow: hidden;}

.tech06  .icenter {justify-content: space-between;align-items: center;display: flex;}

.tech06  .icenter a {position: relative;width: 48%;height: 172px;background-color: #f0f5f8;}

.tech06  .icenter a:hover .imgbox img {transform: scale(1.1);}

.tech06  .icenter a .imgbox {opacity: 0; transition: 0.3s;height: 100%;}

.tech06  .icenter a .imgbox img {height: 100%;}

.tech06  .icenter a .imgbox::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.tech06  .icenter a:hover .imgbox {opacity: 1;}

.tech06  .icenter a .text {position: absolute;left: 50%;top: 50%;width: 75%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: space-between;}

.tech06  .icenter a .text .le {display: flex;align-items: center;}

.tech06  .icenter a .text .le .icon {width: 54px; margin-right: 32px;}

.tech06  .icenter a .text .le span {font-size: 24px;color: var(--dex);font-weight: bold;transition: 0.3s;}

.tech06  .icenter a:hover .text .le .icon img{filter: grayscale(10) brightness(10);}

.tech06  .icenter a:hover .text .le span {color: #fff;}

.tech06  .icenter a .text .ri img {transition: 0.3s;left: 0px;position: relative;}

.tech06  .icenter a:hover .text .ri img {filter: grayscale(10) brightness(10);left: 15px;}





/* contact */

.con01 {padding: 126px 0;position: relative;overflow: hidden;}

.con01 .icenter ul {display: flex;justify-content: space-between;align-items: center;}

.con01 .icenter li  {background-color: #f2f2f2;width: 99%;}

.con01 .icenter li  .bot {padding: 50px;}

.con01 .icenter li  .bot h4 {margin-bottom: 20px; font-size: 30px;font-weight: bold;color: #333333;position: relative;}

.con01 .icenter li  .bot h4::before {    height: 36px; width: 5px; background-color: var(--dex); content: ""; position: absolute; content: ""; left: -50px; top: 57%; transform: translateY(-50%);}

.con01 .icenter li dl dd{margin-bottom: 14px; display: flex;align-items: center;}

.con01 .icenter li dl dd img {    width: 18px; margin-right: 12px;}

.con01 .icenter li dl dd span {font-size: 18px;color: #666666;}

.con01 .icenter li:hover .bot h4 {color: var(--dex);}





.con02 {display: flex;justify-content: space-between;align-items: center;height: 775px;position: relative;}

.con02 .left {width: 50%;position: relative;overflow: hidden;height: 100%;}

.con02 .left img ,.con02 .right img{height: 100%;}

.con02 .left:hover img {transform: scale(1.1);}

.con02 .right {width: 50%;position: relative;height: 100%;}

.con02 .right .box {width: 614px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.con02 .right .box h3 {font-size: 44px;font-weight: bold;color: #ffffff;margin-bottom: 30px;}

.con02 .right .box .label {width: 100%;margin-bottom: 24px;position: relative;}

.con02 .right .box .label>span {position: relative;}

.con02 .right .box .label span>span{font-size: 14px; color: red; top: 50%; transform: translateY(-50%); right: 0px; width: fit-content; position: absolute;}

.con02 .textarea>span {position: relative;}

.con02 .textarea span>span{    font-size: 14px; color: red; right: 0px; width: fit-content; position: absolute; bottom: 14px;}

.con02 .right .box .label input {    height: 38px; font-size: 16px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%; background-color: transparent; outline: none;}

.con02 .right .box textarea {     resize: none;   width: 100%; height: 114px; outline: none; border: none; border-bottom:1px solid rgba(255,255,255,0.5); font-size: 16px; color: #ffffff; background-color: transparent;}

.con02 .right .box .amore1  {cursor: pointer;}

.con02 .right .box .amore1 span {color: #fff;}

.con02 .right .box .amore1 { background-color: transparent; margin-top: 55px; height: 44px; line-height: 40px; width: 150px;}

.con02 .right .box .amore1:hover {background-color: #fff}

.con02 .right .box .amore1:hover::after {color: var(--dex);}

.con02 .textarea {    border: 0px; padding: 0px;}

.con02 .right .box .label input::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .right .box textarea::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .screen-reader-response {display: none;}

.con02 form {position: relative;}

.con02 form .wpcf7-validation-errors {font-size: 14px; color: red; left: 0px; width: fit-content; position: absolute; bottom: -29px;}

.con02 form  .wpcf7-mail-sent-ng {font-size: 14px; color: #fff; right: 0px; width: fit-content; position: absolute; bottom: 14px}

.con03 {padding: 230px 0 88px;position: relative;overflow: hidden;}

.con03 .con_title  {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}

.con03 .con_title h4 {font-size: 40px;font-weight: bold;color: #333333;}

.con03 .con_title h5 {font-size: 18px;color: #666666;line-height: 30px;position: relative;    width: 56%;}

.con03 .con_title h5::before {content: ""; position: absolute;left: -24px;top: 50%;transform: translateY(-50%);width: 2px;height: 87%;background-color: var(--dex);}

.con03 .pagemap {padding-top: 0px;}



.con04 {padding: 100px 0 130px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.con04 .con04_h3 {font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 32px;text-align: center;}

.con04 li:nth-of-type(1) .up {border-top: 1px solid #ddd;}

.con04 .up {padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}

.con04 .up .left h3 {    font-size: 30px; font-weight: bold; color: #333333; margin-bottom: 10px; line-height: 43px;    text-transform: capitalize;}

.con04 .up .left h4 {display: flex;align-items: center;}

.con04 .up .left h4 span{font-size: 16px;color: #666666;position: relative;padding: 0 20px;}

.con04 .up .left h4 span:nth-of-type(1){padding-left: 0px;}

.con04 .up .left h4 span::after{ content: ""; position: absolute; height: 14px; width: 1px; background-color: #ddd; left: 0px; top: 50%; transform: translateY(-50%);}

.con04 .up .left h4 span:nth-of-type(1):after{display: none;}

.con04 .up .amore1 {cursor: pointer;border: 1px solid var(--dex);}

.con04 .up .amore1 span {color: var(--dex);}

.con04 .up:hover .amore1 {background-color: var(--dex);}

.con04 .up:hover .amore1::after{color: #fff;}

.con04 .up:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.con04 .up:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.con04 .up:hover h3{color: var(--dex);}

.con04 .low {display: none;padding: 80px 60px;    border-bottom: 1px solid #ddd;}

.con04 .low b {    font-weight: bold; color: #333333; margin-bottom: 18px; font-size: 20px; display: block;}

.con04 .low p {font-size: 16px;line-height: 36px;color: #666666;}

.con04 .low .content {margin-bottom: 39px;}

.con04 .low .foot {font-size: 18px;color: #333;}

.con04 .low .foot  span { display: inline-block; font-size: 18px;color: var(--dex);font-weight: bold;}





/* fix_sub */

.fixed-sub {  display: none; position: fixed;  right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 55; right: 0px;}

.fixed-sub ul  li {width: 90px;height: 90px;background-color: #076dd9;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}

.fixed-sub ul  li  a {font-size: 16px;color: #ffffff;}

.fixed-sub ul li p {        color: #fff; font-size: 14px; margin-top: 4px; }


.fixed-sub ul li a  span img {width: 25px;margin: auto;transition: .3s;} 

.fixed-sub ul  li:nth-of-type(3){margin-bottom: 0px;}

.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 50%; border-top-left-radius: 50%;}

.fixed-sub ul  li:nth-of-type(3)  {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}



.fixed-sub ul  li:nth-of-type(2) .tel,.fixed-sub ul  li:nth-of-type(3) .tel {  border-radius: 8px; opacity: 0; display: none; padding: 22px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -195px; text-align: center; top: 6px;}

.fixed-sub ul  li:nth-of-type(2) .tel i,.fixed-sub ul  li:nth-of-type(3) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}

.fixed-sub ul  li:nth-of-type(2) .tel h2::after,.fixed-sub ul  li:nth-of-type(3) .tel h2::after {top: 7px; right: -26px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #076dd9;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}

.fixed-sub ul  li:nth-of-type(2) .tel h2,.fixed-sub ul  li:nth-of-type(3) .tel h2 { font-weight: normal; position: relative;font-size: 20px;color: #fff}

.fixed-sub ul  li:nth-of-type(2):hover .tel,.fixed-sub ul  li:nth-of-type(3):hover .tel{display: block;animation: tel 0.5s forwards;}



@keyframes tel {

  to{

    opacity: 1;

  } 

}



.fixed-sub ul  li:hover {background-color: rgb(0 119 245);}

.fixed-sub ul  li:hover span img {transform: scale(1.1);}

.fixed-sub ul  li:hover p { color: rgba(255,255,255,1);;}

.fixed-sub ul li:nth-of-type(3) .tel {left: -325px;}

.fixed-sub ul li:nth-of-type(1) .tel { border-radius: 8px; align-items: center; opacity: 0; display: none; padding: 19px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -357px; top: -16px;}

.fixed-sub ul li:nth-of-type(1) .tel .box {margin-right: 28px;}

.fixed-sub ul li:nth-of-type(1) .tel .box:last-child {margin-right: 0px;}

.fixed-sub ul li:nth-of-type(1) .tel .box img {width: 80px;}

.fixed-sub ul li:nth-of-type(1) .tel .box span {    font-size: 14px; color: #fff; margin-top: 8px; text-align: center;}

.fixed-sub ul  li:nth-of-type(1) .tel::after{    top: 50%; right: -4px; position: absolute; width: 8px; height: 8px; background-color: #076dd9; content: ""; box-shadow: 1px -1px 1px rgb(0 0 0 / 22%); transform: translateY(-50%) rotate(45deg);}

.fixed-sub ul  li:nth-of-type(1):hover .tel {display: flex;animation: tel 0.5s forwards;}















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

  .icenter {width: 1100px;}

  .head .left { width: 350px; }

  .head .left img { transition: 0s; }

  .head { height: 80px;}

  .head .right ul li .a { height: 80px; line-height: 80px;}

  .head .right ul li .a { margin: 0 14px; font-size: 14px; }

  .head .right { width: 65%; }

  .head .right .lang img { width: 19px; margin-right: 7px; }

  .head .right .lang { font-size: 14px; }

  .head .right form span input { width: 150px; height: 30px; font-size: 12px; padding-left: 18px;}

  .head .right form span button { font-size: 14px; right: 13px;}

  .head .right form span input::-webkit-input-placeholder {  font-size: 12px;}

  .div2 .head { height: 65px; }

  .div2 .head .right ul li .a { height: 65px; line-height: 65px; }

  .indexbanner .box .text h3 { font-size: 58px; line-height: 66px; margin-bottom: 21px; }

  .indexbanner .box .text h4 { font-size: 20px; margin-bottom: 52px; }

  .amore1 { width: 144px; height: 40px; line-height: 36px; border-radius: 30px; }

  .indexbanner .swiper-pagination-bullet { margin: 0 6px!important; width: 9px; height: 9px;}

  .indexbanner .lian { width: 362px; height: 94px; padding: 28px 62px; }

  .indexbanner .lian .con img { width: 22px; margin-right: 16px; }

  .indexbanner .lian .con { font-size: 16px;}

  .indexbanner .lian .jian .cc { font-size: 30px; }


  .i01 { padding: 100px 0 0; }

  .i01 .top dl dd h4 strong { line-height: 47px; font-size: 55px;}

  .i01 .top dl dd h4 span { font-size: 20px; margin-left: 6px; line-height: 24px; }

  .i01 .top dl dd h4 { margin-bottom: 12px; }

  .i01 .top dl dd h5 { font-size: 15px;}

  .i01 .top dl dd .icon { width: 40px; margin-top: 24px; }

  .i01 .top dl dd .icon::before { top: -25px; width: 46px; height: 2px; }

  .i01 .top dl dd { width: 230px; }

  .i_title h4 { font-size: 22px; margin-bottom: 8px; }

  .i_title h5 { font-size: 34px; }

  .home_part3_text p { font-size: 15px; line-height: 24px; margin-bottom: 36px; width: 552px; }

  .home_part3_text .i_title { margin-bottom: 19px; }

  .amore1 > span { font-size: 14px; }

  .home_part3_text a { margin-bottom: 58px; width: 132px; height: 40px; line-height: 36px; }

  .home_part3_text ul li img { width: 38px; }

  .home_part3_text ul li span { font-size: 14px; margin-top: 5px; }

  .home_part3_text[data-v-e55fe884] {padding: 80px 30px 40px 0; }

  .home_part3 .bg { width: 602px; right: 0px; top: -255px; }

  .i02 .bot { width: 1145px; }

  .i02 { padding: 105px 0;}

  .i02 .link .tab-li .img { width: 65px; height: 65px; }

  .i02 .link .tab-li .p1 { font-size: 13px; margin-top: 5px; }

  .i02 .top { margin-bottom: 25px; }

  .i02 .bot .box span { font-size: 16px; margin-top: 15px; }

  .i02 .bot .amore1 { margin-top: 36px; }

  .amore1::after { font-size: 14px;}

  .i02 .fa { top: 27%; padding: 0px; width: 38px; height: 38px; font-size: 24px; }

  /* .i02 .link .tab-li { margin-right: 115px; } */

  .i02 .link .tab-li { margin-right: 0px; }

  .i02 .link .tab-li:nth-of-type(1) .img:after { left: 102.5px; width: 74px; }

  .pagemap { padding-top: 110px;     padding-bottom: 120px;}

  .pagemap .maps .tt h4 strong { font-size: 65px;}

  .pagemap .maps .tt p { font-size: 16px; line-height: 26px; width: 210px; padding-top: 15px; margin-top: 0px; }

  .pagemap .biao .icon { width: 104px; height: 104px; box-shadow: -20px 0px 30px #ddd; }

  .pagemap .biao h4 { font-size: 15px; margin-top: 7px; }

  .i04 { padding: 110px 0; }

  .i04 a h4 { font-size: 17px; margin-top: 15px; }

  .i04 a .date span:nth-of-type(1) { font-size: 12px; margin-right: 22px; line-height: 12px; }

  .i04 a .date span:nth-of-type(2) { font-size: 12px; line-height: 12px; }

  .i04 a .date span:nth-of-type(1)::after { right: -12px; height: 10px; width: 1px; }

  .i04 .bot .ri .seg a { padding: 27px 0; }

  .i04 .bot .ri .seg { margin-bottom: 38px; }

  .i04 .bot .le .text::before { left: -80px; top: 0px; width: 80px; height: 100%; }

  .i04 .bot .le .text { bottom: 0px; left: 0px; width: 462px; padding: 43px 72px;}

  .i04 .bg { width: 61%; left: -14%; top: -10%;}

  .footer { padding: 90px 0 10px; }

  .footer .fo03 .ri img { height: 60px; width: auto; margin-left: 28px; }

  .footer .fo01 ul li a { font-size: 15px; }

  .footer .fo01 { padding: 26px 0;}

  .footer .fo01 .to_top { width: 45px; height: 45px;}

  .footer .fo01 .to_top i { margin-bottom: 5px; font-size: 24px; line-height: 10px; }

  .footer .fo01 .to_top span { font-size: 12px; }

  .footer .fo02 { padding: 38px 0; }

  .footer .fo02 .right .g h4 { font-size: 16px; margin-bottom: 12px; }

  .footer .fo02 .right .g h5 { font-size: 14px; line-height: 20px; margin-bottom: 6px; }

  .footer .fo02 .right .g p { font-size: 14px; line-height: 24px; }

  .footer .fo02 .right { width: 625px; }

  .footer .fo02 .left .text .ri span { font-size: 14px; }

  .footer .fo02 .left .text .ri i { margin-top: 14px; font-size: 14px; }

  .footer .fo02 .left .text .le { width: 65px; margin-right: 18px; }

  .footer .fo03 .le a { font-size: 12px; opacity: 0.4; margin-right: 15px; }

  .footer .fo03 .ri a { margin-left: 6px; height: 30px; width: 30px; font-size: 12px;}

  .footer .fo02 .left p input { font-size: 14px; padding-left: 24px; border: 0px; width: 270px; height: 40px; }

  .footer .fo02 .left p button { font-size: 14px; width: 84px; height: 40px;}

  .footer .fo02 .left p input::-webkit-input-placeholder {font-size: 14px;}

  .footer .fo02 .right .g { width: 43%; }

  



  /* about */

  .innerbanner .text h3 { font-size: 52px; margin-bottom: 9px; }

  .innerbanner .text h4 { font-size: 18px; }

  .ab01 { padding: 100px 0 123px; }

  .ab01 .icenter .left .ab_title { line-height: 46px; margin-bottom: 20px; }

  .ab01 .icenter .left p { font-size: 15px; line-height: 28px; }

  .ab_title { font-size: 34px;}

  .ab01 .icenter .left .ab_title { line-height: 42px; margin-bottom: 14px; }

  .ab02 ul li img { width: 51px; margin-right: 40px; }

  .ab02 ul li .text h4 strong { font-size: 46px;    line-height: 54px; }

  .ab02 ul li .text h5 { font-size: 16px; }

  .ab02 ul li { margin-bottom: 40px; }

  .ab02 { padding-bottom: 110px;}

  .ab03 { padding: 0px 0 0px; }

  .ab03 .ab_title {top: 150px; position: relative;}

  .hmc5yr {font-size: 18px;}

  .hmc5years .prev { left: 0px;  }

  .hmc5years .next {right: 0px;}

  .ab03Swiper .box h4 { font-size: 145px; margin-bottom: 30px; line-height: 133px;}

  .ab03Swiper .box .b {     border-top-left-radius: 60px; border-bottom-right-radius: 60px; font-size: 15px; line-height: 26px; width: 497px; height: 171px; padding: 52px; }

  .ab03Swiper { right: 16px; bottom: 30px; width: 556px; height: 310px; padding: 0 24px }

  .ab03Swiper .box h4 { font-size: 116px; margin-bottom: 21px; line-height: 104px;}

  .hmc5years { transform: scale(0.7); }

  .ab03 .icenter { top: -38px; }



  /* news */

  .news { padding: 80px 0 120px; }

  .news ul li { padding: 35px 0; }

  .news ul li .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 14px; }

  .news ul li .text .date img { width: 16px; margin-right: 7px; }

  .news ul li .text .date span { font-size: 14px; }

  .news ul li .text p { font-size: 16px; line-height: 26px; margin: 25px 0 32px; }

  .news ul li .text .a span { height: 14px; line-height: 14px; margin-right: 13px; font-size: 14px; }

  .news ul li:hover .text .a { width: 94px; }

  .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }

  .page span { width: 40px; height: 40px; border: 1px solid #cbcbcb; font-size: 16px; margin-right: 16px; }



  /* newsinfo */

  .news-banner .text h3 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }

  .news-banner .text h4 { font-size: 15px; }

  .news-banner .text h4 span { margin-right: 24px; }

  .newsinfo { padding: 80px 0 120px; }

  .newsinfo p { font-size: 15px; line-height: 28px; margin-bottom: 2%; }

  .newsinfo .fen a { padding: 15px 0; font-size: 15px; }

  .newsinfo .bottom .right a { width: 132px; height: 38px; line-height: 34px; }

  .newsinfo .bottom .share span { font-size: 14px; margin-right: 10px; }

  .newsinfo .bottom .share .s a { margin-right: 8px; width: 28px; height: 28px; font-size: 14px; }

  .newsinfo .fen { margin: 20px 0 40px; }



  /* pro */

  .pro_nav .icenter a { line-height: 36px; width: 180px; }

  .pro_nav { padding: 36px 0;}

  .pro { padding: 80px 0 120px; }

  .pro ul li .top { padding: 0px; }

  .pro ul li .top .imgbox { height: auto; }

  .pro ul li .bot { padding: 24px 33px 44px 30px; }

  .pro ul li .bot h4 { font-size: 14px; margin-bottom: 8px; }

  .pro ul li .bot h5 { font-size: 20px; }

  .pro ul li .bot p { font-size: 14px; line-height: 24px; margin: 10px 0 28px; }

  .pro ul li .bot .amore1 { width: 126px; line-height: 38px; height: 40px; }

  .page { margin-top: 50px; }



  /* proinfo */

  .pro_info_banner .text h3 { font-size: 40px;}

  .proinfo { padding: 90px 0 70px; }

  .proinfo h3 { font-size: 34px; margin-bottom: 14px; line-height: 50px; }

  .proinfo .seg1 p { font-size: 15px; line-height: 26px; margin: 0px 0 34px; }

  .proinfo .seg { margin-bottom: 70px; }

  .proinfo .seg2 ul li p { height: auto; padding: 8px 0; line-height: 24px; font-size: 14px; }

  .proinfo .seg2 ul li:nth-of-type(2) p:last-child { height: auto; line-height: 24px; }

  .proinfo .seg2 ul li:nth-of-type(1) p:last-child { height: auto; }

  .proinfo .seg2 ul { margin-top: 20px; }

  .proinfo .seg3 ul li p { font-size: 14px; padding: 10px 36px; }

  .proinfo .seg4 dl dd h6 { margin-top: 18px; font-size: 17px; }

  .proinfo .seg:last-child {margin-bottom: 40px;}

  .lx { padding: 80px 0;}

  .lx h3 { font-size: 30px; margin-bottom: 10px; }

  .lx h4 { font-size: 15px; margin-bottom: 25px; }

  .lx .min a {width: 160px; height: 38px; border-width: 1px; line-height: 36px;}

  .lx .share { margin-top: 33px; }

  .lx .share span { font-size: 14px; margin-right: 8px; }

  .lx .share .s a { width: 32px; height: 32px; font-size: 14px; margin-right: 8px; }





  /* technology */

  .tech_title { font-size: 34px; }

  .tech01 .icenter .box h4 { font-size: 20px; line-height: 30px; margin: 10px 0 19px; }

  .tech01 .icenter .box p { font-size: 14px; line-height: 26px; }

  .tech01::before { left: calc((100% - 1100px)/2); }

  .tech01 .icenter .bg2 { right: -72px; top: -144px; width: 219px; }

  .tech01 { padding: 158px 0 145px; }

  .tech01 .imgbox1 .bg1 { right: -60px; bottom: -62px; width: 102px; }

  .tech02 ul li h4 strong { font-size: 60px; line-height: 51px; }

  .tech02 ul li h5 { font-size: 14px; margin-top: 10px; }

  .tech02 ul li { width: 160px; height: 160px;}

  .jian { left: 189px; padding: 10px; width: 80px; height: 80px; }

  .jian .cc { height: 5px; width: 5px; margin-right: 4px; }

  .tech02 { padding: 100px 0; }

  .tech03 .title h4 { font-size: 16px; margin: 10px 0 32px; }

  .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 13px; height: 80px;}

  .tech03 .list_content_l { height: 70px; }

  .tech04 { padding: 100px 0; }

  .tech04 dl dd { padding: 62px 8px;}

  .tech04 dl dd .icon { width: 95px; height: 95px;}

  .tech04 dl dd span { font-size: 16px; margin-top: 26px; }

  .tech04 dl dd .icon img { width: 46px; }

  .tech04 .bot { font-size: 20px;}

  .tech04 dl { margin-bottom: 44px; }

  .tech05 { padding: 115px 0 150px;}

  .tech05 p { font-size: 15px; line-height: 26px; width: 569px; margin: 12px 0 52px; }

  .imgshow p img { max-height: 500px; }

  .tech06 { padding: 100px 0; }

  .tech06 .icenter a { height: 138px; }

  .tech06 .icenter a .text .le span { font-size: 20px; }

  .tech06 .icenter a .text .le .icon { width: 46px; margin-right: 28px; }

  .tech06 .icenter a .text .ri img { width: 14px; }

  .con01 { padding: 100px 0; }

  .con01 .icenter li .bot { padding: 30px 40px; }

  .con01 .icenter li .bot h4 { margin-bottom: 18px; font-size: 25px;}

  .con01 .icenter li dl dd span { font-size: 13px;     white-space: nowrap;}

  .con01 .icenter li { width: 47%; }

  .con01 .icenter li .bot h4::before { height: 32px; width: 3px; left: -40px; top: 57%; transform: translateY(-50%); }

  .con02 { height: 570px; }

  .con02 .right .box h3 { font-size: 34px; margin-bottom: 18px; }

  .con02 .right .box .label input::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box textarea::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box .label input { height: 34px; font-size: 14px;}

  .con02 .right .box textarea { height: 90px; font-size: 14px; }

  .con02 .right .box .label { margin-bottom: 18px; }

  .con02 .right .box .amore1 { margin-top: 47px; height: 38px; line-height: 34px; width: 136px; }

  .con02 .right .box { width: 80%;}

  .con03 { padding: 120px 0 70px; }

  .con03 .con_title h4 { font-size: 30px; }

  .con03 .con_title h5 { font-size: 14px; line-height: 24px; width: 52%; }

  .con03 .con_title h5::before { left: -16px; }

  .con04 { padding: 80px 0 100px; }

  .con04 .up .left h3 { font-size: 26px; margin-bottom: 8px; line-height: 36px; }

  .con04 .con04_h3 { font-size: 34px; margin-bottom: 24px; }

  .con04 .up .left h4 span { font-size: 14px; padding: 0 16px; }

  .con04 .up { padding: 24px 0;}

  .con04 .low {padding: 52px 44px;}

  .con04 .low p { font-size: 14px; line-height: 32px; }

  .con04 .low b { margin-bottom: 12px; font-size: 18px; }

  .con04 .low .content { margin-bottom: 28px; }

  .con04 .low .foot { font-size: 15px; }

  .con04 .low .foot span { font-size: 15px; }

  .ding {position: absolute;top: -80px;width: 100%;height: 1px;left: 0px;}



  .ding#te1 {top: 0px;}

  .ding#te2 {top: -80px;}

  .ding#con1 {top: 0px;}

  .ding#con3 {top: 30px;}

  .ding#con4 {top: -70px;}

  .n-nav02 { width: 180px;}

  .n-nav02 a { font-size: 13px; }







  .fixed-sub ul li a span img { width: 20px; }

  .fixed-sub ul li p { font-size: 12px; margin-top: 4px; }

  .fixed-sub ul li { width: 70px; height: 70px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box span { font-size: 12px; margin-top: 5px; }

  .fixed-sub ul li:nth-of-type(1) .tel { padding: 15px;}

  .fixed-sub ul li:nth-of-type(1) .tel { left: -297px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box img { width: 70px; }

  .fixed-sub ul li:nth-of-type(1) .tel .box { margin-right: 20px; }

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { padding: 18px;}

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { left: -175px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2::after, .fixed-sub ul li:nth-of-type(3) .tel h2::after { right: -22px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2, .fixed-sub ul li:nth-of-type(3) .tel h2 { font-size: 18px; }

  .fixed-sub ul li:nth-of-type(3) .tel { left: -292px; }

  







}




.bb{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}






*{padding: 0px;margin: 0px; }

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

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; list-style: none; }

html{ font-family: '微软雅黑',Arial;color: #666;background-color:#fff; font-size: 62.5%;}

h3,h4,h5,h6,a,span,p{color: #666;/* font-family:'微软雅黑',Arial; *//* font-weight: normal; *//* display: block; */}

img {width: 100%;object-fit: cover;transition: 0.3s;display: block;}

li {list-style: none;}

a {text-decoration: none; display: block;}

body,html {height: 100%;width: 100%;}

.imgbox {overflow: hidden;position: relative;}

:root {

 --dex:#005bbb

}

.clearfix {zoom:1}

.clearfix:after {content: '\20'; display: block; clear: both;}

.fl { float: left; }

.fr { float: right; }

input,.form-change select{ -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } 





/*background-color: var(--white); */



/* pc */

.pc-1200px{display: none;}

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

.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}

.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}

.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}

.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}

.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}

}



@font-face {  font-style: normal;

    font-display: swap; font-family: "alibb"; src: url("../other/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../other/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../other/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../other/Alibaba-PuHuiTi-Regular.svg") format("svg"); } 





/* h5 */

.drawer-nav { display: none; }

.drawer-hamburger{display: none;} 

.i03_h5 {display: none;}



/* head */

.div1 {position: fixed; top: 0px; width: 100%; z-index: 99;transition: 0.5s; }

.head { transition: 0.3s; box-sizing: border-box;height: 100px;display: flex;justify-content: space-between;align-items: center;    width: 90%; margin: auto;}

.head  .left {width: 400px;}

.head  .left .lo2 {display: none;}

.head  .left img {transition: 0s;object-fit: contain;width: 100%;}

.head .right {width: 57%;display: flex;justify-content: space-between;align-items: center;}

.head .right ul {display:flex;width: 90%;align-items: center;justify-content: flex-end;}

.head .right ul  li .a{position: relative;height: 100px;line-height: 100px;margin: 0 40px;color: #fff;font-size: 18px;}

.head .right ul  li {position: relative;}



.head .right ul  li .a::after { position: absolute; content: ""; bottom: 0px; left: 50%; width: 0%; transform: translateX(-50%); transition: 0.3s; height: 3px; background-color: var(--dex); }

.head .right ul  li:hover .a::after { width: 100%; }



.n-nav02{width: 200px;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);padding-top: 10px;opacity: 0;visibility: hidden;transition: all .3s;}

.n-nav02:before{content: '';display: block;width: 0;height: 0;border: 10px solid transparent;border-bottom-color: #076dd9;position: absolute;top: -10px;left: 50%;margin-left: -10px;}

.n-nav02 .min{width: 100%;overflow: hidden;border-radius: 10px;}

.n-nav02 a{display: block;width: 100%;line-height: 50px;text-align: center;border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;background-color: #076dd9;}

.n-nav02 a:last-of-type{border-bottom: 0px;}

.head .right ul  li:hover .n-nav02{opacity: 1;visibility: visible;}

.n-nav02 a:hover{color: rgba(255,255,255,0.8);}









.head .right .lang {display: flex;align-items: center;font-size:18px;color: #fff;}

.head .right .lang img {transition: 0s; width: 24px;margin-right: 7px;}

.head .right  form span {display: flex;align-items: center;position: relative;}

.head .right  form span input { width: 180px; height: 40px; font-size: 14px;color: #666; border: 1px solid rgba(255,255,255,0.5); padding-left: 22px; border-radius: 30px; outline: none;  background-color: transparent; }

.head .right  form span button {     cursor: pointer; position: absolute; font-size: 18px; color: #fff; right: 15px; top: 50%; transform: translateY(-50%); border: none; outline: none; background-color: transparent;}

.head .right  form span input::-webkit-input-placeholder {  font-size: 14px;color: rgba(255,255,255,0.4);}





.div1:hover .head .right .lang,.div2  .head .right .lang {color: #333;}

.div1:hover .head .right .lang img ,.div2  .head .right .lang img {filter: invert(1);}

.div1:hover .head .right  form span input,.div2 .head .right  form span input {border-color: rgba(51, 51, 51,0.5);}

.div1:hover .head .right  form span input::-webkit-input-placeholder,.div2 .head .right  form span input::-webkit-input-placeholder {color: rgba(0,0,0,0.4);}

.div1:hover .head  .left .lo1 ,.div2 .head  .left .lo1{display: none;}

.div1:hover .head  .left .lo2 ,.div2 .head  .left .lo2{display: block;}

.div1:hover .head .right ul  li .a ,.div2 .head .right ul  li .a{color: #333;}

.div1:hover,.div2{background-color: #fff;     -webkit-box-shadow: 0 6px 15px 0 rgba(0,0,0,.2); box-shadow: 0 6px 15px 0 rgba(0,0,0,.2);}

.div1:hover .head .right  form span button,.div2 .head .right  form span button {color: #666;}

.div1 .head .right ul li .a:hover {color: var(--dex);}

.div1  .head .right .lang:hover {color: var(--dex);}



.div2 .head { height: 85px;}

.div2  .head .right ul li .a { height: 85px;line-height: 85px;}





/* common  */

.icenter {width: 1500px;margin: auto;position: relative;}

.amore1{ border-radius: 30px; width: 178px;height: 50px;text-align: center;line-height: 46px;border-radius: 30px;border: 2px solid rgba(255, 255, 255);position: relative;}

.amore1::after { font-size: 16px; content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }

.amore1:hover { border-color: var(--dex); background-color: var(--dex); }

.amore1 > span { display: block;color: rgba(255, 255, 255);font-size: 16px; }

.amore1::after, .amore1 > span {  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }

.amore1:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.amore1:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.amore2:hover{ border-color: var(--dex)!important; background-color: #fff!important;}

.amore2:hover > span{color: var(--dex);}

.amore2::after {color: var(--dex);;}





/* indexbanner */

.indexbanner {position: relative;overflow:hidden;    height: 100%;}

.iSwiper {height: 100%;}

.indexbanner  .box { position: relative;height: 100%;}

.indexbanner  .box img {height: 100%;}

.indexbanner  .box .bg {height: 100%;}

.indexbanner  .box::after {content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.indexbanner  .box .text { opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}

.indexbanner  .box .text h3{font-family: "alibb";font-size: 50px;color: #fff;line-height: 93px;margin-bottom: 32px;}

.indexbanner  .box .text h4{ font-size: 22px; color: #fff;  margin-bottom: 64px;letter-spacing: 0.8px;}

.indexbanner   .lian { z-index: 6; width: 475px; height: 112px; position: absolute;right: 0px;bottom: 0px;border-top-left-radius: 60px;padding: 40px 90px;background-color: #fff;  display: flex;justify-content: space-between;align-items: center;}

.indexbanner   .lian .con {display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #005bbb;font-weight: bold;}

.indexbanner   .lian .con img {    width: 26px; margin-right: 18px;}

.indexbanner   .lian  .jian1 {  display: flex; padding: 0px; justify-content: center; align-items: center; width: auto; height: auto; }

.indexbanner   .lian  .jian1 .cc { font-size: 38px; color: var(--dex);}

.indexbanner   .lian  .jian1 .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.indexbanner   .lian  .jian1 .cc.cc2{opacity: 0.7;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.indexbanner   .lian .jian1 .cc.cc3{opacity: 1;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.indexbanner .swiper-pagination {bottom: 9%; left: 50%; width: 90%; transform: translateX(-50%); display: flex;}

.indexbanner .swiper-pagination-bullet {opacity: 1; margin: 0 8px!important;width: 12px;height: 12px;border-radius: 50%;background-color: transparent;border: 1px solid #fff;}

.indexbanner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }



.indexbanner .swiper-slide-active img { animation: mysacle 4s ease both; }



.indexbanner  .swiper-slide-active .box .text { animation: myfade 1.4s ease both; }



@keyframes mysacle {

  0% {

      transform: scale(1.15);

  }

}



@keyframes myfade {

  100% {

      opacity: 1;

  }

}







@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



.amore2 {background-color: var(--dex);}

.amore2 span {color: #fff;}

.amore2::after {color: var(--dex);}

.amore2:hover {background: transparent;}

.amore2:hover span {color: var(--dex);}



/* i01 */

.i01 {padding: 1px 0 0;osition: relative;overflow: hidden;}

.i01 .top {z-index: 1;position: relative;}

.i01 .top dl {display: flex;justify-content: space-between;margin-bottom: 88px;}

.i01 .top dl dd {width: 305px;}

.i01 .top dl dd h4 { margin-bottom: 17px;  display: flex; align-items: flex-end;}

.i01 .top dl dd h4 span{font-size: 24px;color: #333333;margin-left: 8px;line-height: 26px;}

.i01 .top dl dd h4 strong {    font-family: 'alibb'; line-height: 66px;font-size: 80px;font-weight: bold;color: #333333;}

.i01 .top dl dd:hover h4 span,.i01 .top dl dd:hover h4 strong {color:var(--dex);}

.i01 .top dl dd h5 {font-size: 18px;color: #999999;padding-bottom: 12px;border-bottom: 1px solid #d6d6d6;}

.i01 .top dl dd .icon {width: 50px;position: relative;margin-top: 32px;}

.i01 .top dl dd .icon::before {position: absolute; left: 0px; top: -34px; content: ""; width: 55px; height: 3px; background-color: var(--dex);}

.i01 .top dl dd:hover .icon img {transform: rotateY(180deg);}





.home_part3[data-v-e55fe884] {

height: 620px;

/* margin-bottom: 150px; */

position: relative;
}

.home_part3 .bg {width: 780px; position: absolute; right: 45px; top: -298px;}

.home_part3 .con_left[data-v-e55fe884] {

  position: absolute;

  width: 60%;

  right: 40%;

  height: 640px;

}



.home_part3 .con_left .bg[data-v-e55fe884],

.home_part3 .con_left .home_part3_conbox[data-v-e55fe884] {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0

}



.home_part3 .con_left.con_left_bg[data-v-e55fe884] {

  z-index: 1

}



.home_part3 .con_left.con_left_bg .bg[data-v-e55fe884] {

  background: #005bbb;

}



.home_part3 .con_left.con_left_img[data-v-e55fe884] {

  z-index: 3

}



.home_part3 .con_left.con_left_img .home_part3_conbox[data-v-e55fe884] {

  background: url(../images/index_part3_bg.a720f4c.png) no-repeat 100% 0px;


}



.home_part3 .con_right[data-v-e55fe884] {

position: absolute;

z-index: 2;

width: 84.4%;

left: 15.6%;

top: 30px;

height: 570px;
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884] {

/* position: absolute; */

width: 100%;

height: 100%;

l;

/* width: 100%; */: 0

b;

/* height: 100%; */

l;

/* left: 0; */

e;

/* top: 0; */

b;

/* background: url(../images/sy_gybj2.jpg) no-repeat 0 0; */

/* background-size: cover; */
}



.home_part3 .con_right .con_right_bg[data-v-e55fe884]:before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  z-index: 10;

  background: url(../images/part3_img2a.0fd3575.png) no-repeat 0 0;

}



.home_part3 .con_right .con_right_heng[data-v-e55fe884] {

/* display: block; */

/* width: 270px; */

/* height: 30px; */

/* position: absolute; */

/* right: -80px; */

/* bottom: -15px; */

/* z-index: 2; */

/* background: #005bbb */
}



.home_part3 .con_left[data-v-e55fe884] {

  transform: translateX(-30px);

  opacity: 0;

}



.home_part3 .con_right[data-v-e55fe884] {

  transform: translateX(30px);

  opacity: 0

}



.home_part3.on .con_left[data-v-e55fe884], .home_part3.on .con_right[data-v-e55fe884] { transform: translate(0); opacity: 1; transition: 1s }

.home_part3_text[data-v-e55fe884] {color: #fff; width: 847px; box-sizing: border-box; padding: 106px 30px 80px 0;}

.home_part3_text .i_title{margin-bottom: 28px;}

.home_part3_text .i_title h4 {color: rgba(255,255,255,0.8);}

.home_part3_text .i_title h5 {color: #fff;}

.home_part3_text p {font-size: 18px;color: #fff;line-height: 26px;margin-bottom: 40px;width: 773px;}

.home_part3_text a {margin-bottom: 72px; border-color: rgba(255,255,255,0.5); width: 148px; height: 44px; line-height: 40px;}

.home_part3_text a span {color: rgba(255,255,255,0.5);}

.home_part3_text a::after {color: var(--dex);}

.home_part3_text a:hover {background-color: #fff;border-color: var(--dex);}

.home_part3_text ul {display: flex;width: 514px;justify-content: space-between;}

.home_part3_text ul li {width: 54px;}

.home_part3_text ul li  img {width: 48px;margin: auto;}

.home_part3_text ul li  span{font-size: 18px;color: #ffffff;margin-top: 6px;text-align: center;}



.home_part3_text ul li:hover img {transform: rotateY(180deg);}



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

  .home_part3[data-v-e55fe884] {

height: 450px;

/* margin-bottom: 120px */

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 480px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 740px;

      padding: 70px 70px 40px 0

  }

  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 240px;

      height: 24px;

      bottom: -12px;

      right: -50px

  }



}



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

  .home_part3[data-v-e55fe884] {

height: 500px;

}




  .home_part3_text[data-v-e55fe884] {

      width: 700px

  }

}



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

  .home_part3[data-v-e55fe884] {

height: 450px;

in-bottom: 80px;

}



  .home_part3 .con_left[data-v-e55fe884],

  .home_part3 .con_right[data-v-e55fe884] {

      height: 350px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 25px

  }



}



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







  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 35px 20px


  }





}





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

  .home_part3[data-v-e55fe884] {

/* height: 620px; */

/* margin-bottom: 60px; */

}



  .home_part3 .con_left[data-v-e55fe884] {

      height: 520px;

      width: 88%;

      right: 12%

  }



  .home_part3 .con_right[data-v-e55fe884] {

      height: 520px

  }



  .home_part3_text[data-v-e55fe884] {

      width: 100%;

      padding: 40px 30px

  }

  .home_part3_iconlist .li[data-v-e55fe884] {

      width: 33.33%

  }



  .home_part3 .con_right .con_right_bg[data-v-e55fe884] {

      background-position: 100% 100% !important

  }



  .home_part3 .con_right .con_right_heng[data-v-e55fe884] {

      width: 138px;

      height: 24px;

      bottom: -12px;

      right: -20%

  }



}



/* i02 */

.i02 {padding: 125px 0;position: relative;overflow: hidden;background: url(../images/sy_cpbj1.jpg);background-size: cover;}

.i02 .top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 35px;}

.i02 .top .i_title {margin-bottom: 0px;}

.i02 .botF {    position: relative; width: fit-content; margin: auto;}

.i02 .bot {width: 1545px;position: relative;margin: auto;overflow: hidden;}

.i02 .bot .box {border-radius: 20px;}

.i02 .bot .box .imgbox {border-radius: 20px;box-shadow: 0 0 10px #ddd;}

.i02 .bot .box:hover .imgbox  img{transform: scale(1.1);}

.i02 .bot .box:hover span {color: var(--dex);}

.i02 .bot .box span { text-align: center;color: #666666;font-size: 20px;margin-top: 19px;}

.i02 .bot .amore1 {margin: auto; border-color: var(--dex);margin-top: 50px;}

.i02 .bot a:hover {background-color: transparent!important;}

.i02  .fa { outline: none; top: 29%;background: none; margin: 0px; padding: 0px; width: 45px; height: 45px; border-radius: 50%; color: rgba(255,255,255,0.8); background-color: #bdc2c7; display: flex; justify-content: center; align-items: center; font-size: 26px;}

.i02  .fa-angle-left {left: -48px;}

.i02  .fa-angle-right{right: -48px;}

.i02  .fa:hover {background-color: var(--dex);}



.i02 .link{display: flex;display: -webkit-flex;}

/* .i02 .link .tab-li{margin-right:145px;cursor:pointer;position: relative;} */

.i02 .link .tab-li{margin-right:0px;cursor:pointer;position: relative;}

.i02 .link .tab-li:nth-of-type(1) .img:after {  display: none;  position: absolute; content: ""; left: 117.5px; top: 50%; transform: translateY(-50%); width: 98px; height: 1px; background-color: #b1b5b8;}

.i02 .link .tab-li:nth-of-type(2){display: none;}

.i02 .link .tab-li .img{width:80px;height:80px;position:relative;margin: auto;}

.i02 .link .tab-li .p1{font-size: 16px;color: #333333;margin-top: 8px;text-align: center;}





.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2,.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4

{position:absolute;width:100%;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease}

.i02 .link .tab-li .img .bg1,.i02 .link .tab-li .img .bg2{z-index:1}

.i02 .link .tab-li .img .bg3,.i02 .link .tab-li .img .bg4{z-index:2;width: 44%;height: auto;top: 28%;left: 28%;}

.i02 .link .tab-li .img .bg2{opacity:0;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.i02 .link .tab-li .img .bg4{opacity:0}

.i02 .link .tab-li.cur .bg2,.i02 .link .tab-li:hover .bg2{opacity:1;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}

.i02 .link .tab-li.cur .bg4,.i02 .link .tab-li:hover .bg4{opacity:1}

.i02 .link .tab-li.cur .bg1,.i02 .link .tab-li.cur .bg3,.i02 .link .tab-li:hover .bg1,.i02 .link .tab-li:hover .bg3

{opacity:0;-webkit-transform:scale(.6,.6);-ms-transform:scale(.6,.6);transform:scale(.6,.6)}



.i02 .link .tab-li.cur:hover .img .bg2{ opacity: 0;

     -webkit-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

}

.i02 .link .tab-li.cur:hover .bg4{opacity: 0;}

.i02 .link .tab-li.cur:hover .bg1, .i02 .link .tab-li.cur:hover .bg3{

    opacity: 1;

    -webkit-transform:none;

    -ms-transform: none;

    transform: none;

}









/* i03 */

.pagemap{display: block;overflow: hidden;  position: relative;padding-top: 180px;padding-bottom: 160px;}

.pagemap .maps{ display: block;overflow: hidden;position: relative;}

.pagemap .maps .i_title {position: absolute;top: 0px;left: 0px;}

.pagemap .maps .tt{position: absolute; bottom: 60px; left: 0; z-index: 1;}

.pagemap .maps .tt h4 {display: flex;align-items: center;}

.pagemap .maps .tt h4 strong{font-weight: bold; color: #005bbb; font-size: 80px; font-weight: bold; font-family: 'alibb';}

.pagemap .maps .tt h4 strong:nth-of-type(1) {margin-right: 2px;}

.pagemap .maps .tt p {    font-size: 18px; color: #666666; line-height: 30px; color: #666666; width: 212px; padding-top: 18px; border-top: 1px solid #c7c7c7; margin-top: 0px;}

.pagemap .maps .about04min{ display: block;overflow: hidden;width: 85%;margin: 0 0 0 15%;position: relative;}

.pagemap .maps .about04min .map{display: block; width:100%; }

.pagemap .maps .about04min .mapicon{ position: absolute;top: 0;left: 0; opacity: 1;transition: all .3s;}

.pagemap .maps .about04min .mapicon img{ display: block;width: auto;height: auto;}

.pagemap .maps .about04min .mapicon01{top: 24%;left: 83%;}

.pagemap .maps .about04min .mapicon02{top: 25%;left: 75%;}

.pagemap .maps .about04min .mapicon03{top: 24%;left: 70%;}

.pagemap .maps .about04min .mapicon04{top: 18%;left: 66%;}

.pagemap .maps .about04min .mapicon05{top: 51%; left: 11%;}

.pagemap .maps .about04min .mapicon06{top: 39%;left: 77%;}

.pagemap .maps .about04min .mapicon07{top: 41%; left: 34%;}

.pagemap .maps .about04min .mapicon08{top: 42%;left: 79.5%;}

.pagemap .maps .about04min .mapicon09{top: 54%; left: 4%;}

.pagemap .maps .about04min .mapicon10{top: 41%; left: 35.5%;}

.pagemap .maps .about04min .mapicon11{top: 47.5%;left: 76.5%;}

.pagemap .maps .about04min .mapicon12{top: 44%; left: 34%;}

.pagemap .maps .about04min .mapicon13{top: 49%; left: 33%;}

.pagemap .maps .about04min .mapicon14{top: 78%;left: 86%;}

.pagemap .maps .about04min .mapicon15{top: 61%; left: 80%;}

.pagemap .maps .about04min .mapicon16{top: 17%; left: 85%;}

.pagemap .maps .about04min .mapicon17{top: 14%; left: 83%;}

.pagemap .maps .about04min .mapicon18{top: 46%; left: 31%;}

.pagemap .maps .about04min .mapicon19{top: 80%; left: 43%;}

.pagemap .maps .about04min .mapicon20{top: 44%;left: 36%;}

.pagemap .maps .about04min .mapicon21{top: 79%; left: 38%;}

.pagemap .maps .about04min .mapicon22{top: 40%; left: 37%;}

.pagemap .maps .about04min .mapicon23{top: 22%;left: 33%;}

.pagemap .maps .about04min .mapicon24{top: 16%;left: 32%;}

.pagemap .maps .about04min .mapicon25{top: 15%;left: 26%;}

.pagemap .maps .about04min .mapicon26{top: 31%;left: 26%;}

.pagemap .maps .about04min .mapicon27{top: 32%;left: 23%;}

.pagemap .maps .about04min .mapicon28{top: 44%;left: 23%;}

.pagemap .maps .about04min .mapicon29{top: 21%;left: 19%;}

.pagemap .maps .about04min .mapicon30{top: 37%;left: 19%;}

.pagemap .maps .about04min .mapicon31{top: 60%; left: 10%;}

.pagemap .maps .about04min .mapicon32{top: 70%; left: 10%;}

.pagemap .maps .about04min .mapicon.hide{opacity: 0;}



.pagemap .biao {position: absolute; margin: 0 auto; margin-bottom: 22px; left: 41%; top: 31%;}

.pagemap .biao .icon {    position: relative; box-sizing: border-box; width: 115px; height: 115px; box-shadow: -20px 0px 30px #ddd; border-radius: 50%;}

.pagemap .biao .icon .imgbox {overflow: hidden;border-radius: 50%;width: 100%;height: 100%;border: 7px solid #005bbb;z-index: 2;}

.pagemap .biao .icon::after {     position: absolute; content: ""; bottom: 24px; left: -14%; transform: translateX(-50%) rotate(81deg); clip-path: polygon(40% 0px, 62% 0%, 55% 100%); width: 103px; height: 47px; background-color: #005bbb; }

.pagemap .biao .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

.pagemap .biao  .ring span {  background-color: rgba(0, 91, 187, 0.2);display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; }

.pagemap .biao  .ring span:nth-of-type(2) { animation-delay: .7s; }

.pagemap .biao  .ring span:nth-of-type(3) { animation-delay: 1.4s; }

.pagemap .biao h4 {font-size: 18px; color: #333333; font-weight: bold; margin-top: 8px; text-align: center;}

.pagemap .biao:hover h4 {color: var(--dex);}

.pagemap .biao:hover .icon .imgbox img{transform: scale(1.1);}



@keyframes ringscale {

    0% {

      opacity: 1;

      -webkit-transform: scale(1);

      -moz-transform: scale(1);

      -ms-transform: scale(1);

      transform: scale(1);

    }

    100% {

      opacity: 0;

      -webkit-transform: scale(1.6);

      -moz-transform: scale(1.6);

      -ms-transform: scale(1.6);

      transform: scale(1.6);

    }

  }

/* i04 */

.i04 {padding: 10px 0;position: relative;overflow: hidden;}

.i04 .bg {width: 886px; position: absolute; left: -14%; top: -7%; z-index: -1;}

 .i_title {margin-bottom: -35px;margin-top: 20px;}

 .i_title h4 {    font-size: 28px; font-family: arial; color: #005bbb; opacity: 0.3; margin-bottom: 9px;font-weight: bold;}

 .i_title h5 {font-size: 44px;font-weight: bold;color: #333333;}

.i04 .bot {display: flex;align-items: center;justify-content: space-between;}

.i04 .bot .le {width: 62%;position: relative;}

.i04 .bot .le:hover .imgbox  img {transform: scale(1.1);}

.i04 .bot .le .text {z-index: 1;background-color: #fff;position: absolute;bottom: 0px;left: 0px;width: 605px;pad;padding: 22px 26px;play: flex;justify-content: space-between;flex-direction: column;box-shadow: 0px 0px 2px #ddd;}

.i04 .bot .le .text::before {content: "";position: absolute;left: -164px;top: 0px;width: 164px;height: 100%;border-top-left-radius: 95px;/* background-color: #005bbb; */}

.i04 .bot .le .text::after {position: absolute; background-color: #005bbb; content: "";left: 0px;top: 0px;width: 0%;height: 100%;z-index: 0;transition: 0.3s;}

.i04 .bot .le:hover .text::after {width: 100%;} 

.i04 .bot .le:hover .date span{color: #fff;}

.i04 .bot .le:hover .date span::after {background-color: #fff;}

.i04 .bot .le:hover h4 {color: #fff;}

.i04 a .date {display: flex; align-items: center; position: relative; z-index: 1;}

.i04 a .date span:nth-of-type(1) {/* transition: 0.3s; */font-size: 16px;color: #005bbb;position: relative;/* margin-right: 26px; */line-height: 14px;}

.i04 a .date span:nth-of-type(1)::after {/* content: ""; */position: absolute;right: -14px;height: 12px;width: 1px;background-color: #b1b1b1;top: 50%;transform: translateY(-50%);}

.i04 a .date span:nth-of-type(2) {  transition: 0.3s;  font-size: 16px; font-family: arial; color: #999999; line-height: 14px;}

.i04 a h4 {transition: 0.3s;font-size: 26px;color: #333333;ma;margin-top: 16px;-index: 1;position: relative; margin-bottom: 16px;}



.i04 .bot .ri{width: 31.8%;}

.i04 .bot .ri .seg {margin-bottom: 50px;}

.i04 .bot .ri .seg a {border-bottom: 1px solid #c1c1c1;padding: 37px 0;}

.i04 .bot .ri .seg a:hover h4 {color: var(--dex);}

.i04 .bot .ri .seg a:nth-of-type(1){padding-top: 0px;}







.footer {padding: 0px 0 10px;position: relative;overflow: hidden;background-color:#004389;}

.footer .fo01 {padding: 37px 0;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}

.footer .fo01 ul {width: 726px;justify-content: space-between;display: flex;align-items: center;}

.footer .fo01 ul li {width: fit-content;}

.footer .fo01 ul li a {color: #fff;font-size: 18px;font-weight: bold;}

.footer .fo01 ul li a:hover {color:#2e8bff;}

.footer .fo01 .to_top {width: 55px;height: 55px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;background-color: #2e8bff;cursor: pointer;}

.footer .fo01 .to_top i {    display: block; margin-bottom: 5px; color: #fff; font-size: 30px; line-height: 12px;}

.footer .fo01 .to_top span {color: rgba(255,255,255,0.5);font-size: 14px;font-family: arial;}

.footer .fo02 {padding: 40px 0 50px;position: relative;overflow: hidden;display: flex;justify-content: space-between;}

.footer .fo02 .left {width: fit-content;}


.footer .fo02 .left form {margin-bottom: 28px;}


.footer .fo02 .left p {display: flex;align-items: center;}

.footer .fo02 .left p input {  font-size: 16px;  padding-left: 28px; background-color: #1a5695; outline: none;border: 0px;width: 302px;height: 46px;color: #ffff;}

.footer .fo02 .left p input::-webkit-input-placeholder {  font-size: 16px;color: rgba(255,255,255,0.5);}



.footer .fo02 .left p button {background-color: #fff; font-size: 16px;color: #005bbb;outline: none;border: none;width: 106px;height: 46px;display: flex;justify-content: center;align-items: center;cursor: pointer;}

.footer .fo02 .left .text {display: flex;align-items: center;}

.footer .fo02 .left .text .le {width: 73px;margin-right: 25px;}

.footer .fo02 .left .text .ri {opacity: 0.4;} 

.footer .fo02 .left .text .ri span {font-size: 16px;color: #fff;}

.footer .fo02 .left .text .ri i {    display: block; margin-top: 18px; font-size: 18px; color: #fff;}

.footer .fo02 .right {width: 51%;display: flex;justify-content: space-between;}

.footer .fo02 .right .g {width: 39%;}

.footer .fo02 .right .g h4 {font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px;}

.footer .fo02 .right .g h5 {font-size: 16px;opacity: 0.4;color: #fff;line-height: 24px;margin-bottom: 10px;}

.footer .fo02 .right .g p {font-size: 16px;line-height: 26px;opacity: 0.4;color: #fff;}

.footer .fo03 {border-top: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: space-between;padding-top: 10px;}

.footer .fo03 .le {    display: flex; align-items: center;}

.footer .fo03 .le  a {font-size: 14px;opacity: 0.4;color: #fff;margin-right: 18px;width: fit-content;}

.footer .fo03 .ri {display: flex;align-items: center;}

.footer .fo03 .ri img  {height: 79px; width: auto; margin-left: 34px;}







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

  .head .right { width: 59%;}

}



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

  .head .right { width: 62%;}

  .head .right ul li .a { margin: 0 18px; font-size: 17px;}

  .i04 .bot .le .text::before { left: -76px; top: 0px; width: 76px; }

}

/* about */

.innerbanner  {position: relative;overflow: hidden;}

.innerbanner  .text {position: absolute;left: 50%;top: 54%;transform: translate(-50%,-50%);}

.innerbanner  .text h3 {font-size: 30px;/* font-weight: bold; */color: #fff;margin-bottom: 12px;}

.innerbanner  .text h4 {font-size: 24px;color: #fff;font-family: arial;}

.ab01 {padding: 32px 0 83px;position: relative;overflow: hidden;}

.ab01 .icenter {/* display: flex; *//* justify-content: space-between; *//* align-items: center; */}

.ab01 .icenter .left {width: 66.5%;}

.ab_title {font-size: 44px;font-weight: bold;color: #333333;top: 49px;}

.ab01 .icenter .left .ab_title {line-height: 60px;margin-bottom: 30px;}

.ab01 .icenter .left p {font-size: 18px;line-height: 32px;color: #666666;}

.ab01 .icenter .right {width: 25.3%;position: relative;overflow: hidden;}

.ab01 .icenter .right:hover img{transform: scale(1.1);}

.ab02 {padding-bottom: 166px;position: relative;position: relative;background: url(../images/ab02_bg.png);background-size: cover;}

.ab02 ul {}

.ab02 ul li {margin-bottom: 68px;display: flex;align-items: center;}

.ab02 ul li img {width: 75px;margin-right: 47px;}

.ab02 ul li:hover img {transform: rotateY(180deg);}

.ab02 ul li .text {} 

.ab02 ul li .text  h4 {display: flex;align-items: center;}

.ab02 ul li .text  h4 strong {font-family: 'alibb';font-weight: bold;color: #333333;font-size: 60px;}

.ab02 ul li:hover  h4 strong {color: var(--dex);}

.ab02 ul li .text h5{font-size: 22px;color: #666666;}

.ab02 .ri {width: 60%; position: absolute; right: 0px; top: -13px; overflow: hidden;}



.ab03{ background:#fff url(../images/hmc6bg.jpg) no-repeat center; background-size:cover; position:relative; overflow:hidden; padding:93px 0 126px;}

.m2gkc3Top{  position:relative; z-index:2; }

.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}

.ab03 .icenter{position:relative; z-index:5;}

.hmc5years{ background: url(../images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: 0vw auto 0px; position:relative; z-index:3;}

.hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; }

.hmc5yr{ color: var(--dex); height: 20px; display: inline-block; position: absolute;  left: -46px; top: 10px;font-weight: bold; transition: all 0.3s ease-in-out;    font-size: 20px; font-family: arial; }

.hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc5yrIcon:before{ content: ""; background: var(--dex); display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)}

.hmc5yrIcon:after{ content: ""; background: url(../images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0}

.hmc5yrIcon i{ background: url(../images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 }



@keyframes hmc5yrIconAni {

0% {

	transform:translateY(0)

}

50% {

    transform:translateY(-10px)

}

100% {

	transform:translateY(0)

}

}

.hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;}

.hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1}


.hmc5yrBtn.on .hmc5yr{opacity:0;}

.hmc5yrBtn1{ left: 48px; top: 578px; }

.hmc5yrBtn2{left: 159px; top: 531px;}

.hmc5yrBtn3{ left:227px; top:455px;}

.hmc5yrBtn3 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn4{ left:269px; top:351px;}

.hmc5yrBtn4 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn5{ left: 309px; top: 274px;}

.hmc5yrBtn5 .hmc5yr{left:auto; right:-43px;}

.hmc5yrBtn6{left: 397px; top: 209px;}

.hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn7{ left: 508px; top: 178px;}

.hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn8{left: 619px; top: 141px;}

.hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn9{  left: 733px; top: 86px;}

.hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn10{ left: 873px; top: 78px;}

.hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn11{ left: 1008px; top: 46px;}

.hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn12{ left:1105px; top:10px;}

.hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn13{ left:908px; top:72px;}

.hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn14 {left: 986px;top: 53px;}

.hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn15{ left:1022px; top:42px;}

.hmc5yrBtn15 .hmc5yr{ left:2px; margin-top:30px;}

.hmc5years .prev{outline: none;  background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25 }

.hmc5years .next{ outline: none; background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; z-index:25; }

.hmc5years .prev:hover,.hmc5years .next:hover{ background: var(--dex) url(../images/hmc6btna.png) no-repeat center center; }

@-webkit-keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



@keyframes animate-cloud {

	from {

		background-position: 1920px 100%;

	}

	to {

		background-position: 0 100%;

	}

}



.ab03Swiper {overflow: hidden; display: inline-block; position: absolute; right: 15px; bottom: 30px; width: 756px; height: 422px; padding: 0 24px;}

.ab03Swiper .swiper-slide .box  h4,.ab03Swiper .swiper-slide .box  p{opacity: 0;}

.ab03Swiper .swiper-slide-active .box h4,.ab03Swiper .swiper-slide-active .box p{animation: xian 1s linear forwards;}

.ab03Swiper  .box h4 {text-align: center; font-size: 194px; font-weight: bold; color: var(--dex); font-family: alibb;     margin-bottom: 33px; line-height: 157px; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(to bottom,rgba(6, 107, 208,1),rgba(4, 70, 148,1)); -webkit-text-fill-color: transparent; text-fill-color: transparent; }

.ab03Swiper  .box .b{border-top-left-radius: 100px; border-bottom-right-radius: 100px; box-shadow: 0 0 3px #ddd; background-color: #fff; font-size: 18px; line-height: 32px; color: #666666; width: 726px; height: 224px; display: flex; justify-content: center; align-items: center; padding: 70px;}



@keyframes xian {

    to{

        opacity: 1;    

    }

}





/* news */

.page {    margin-top: 70px; display: flex;justify-content: center;align-items: center;}

.page h2{display: none;}

.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}

.page a {width: 106px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page a:last-child{margin-right: 0px;}

.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}

.page span:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page span {color: #fff;background-color: var(--dex);border-color: var(--dex);}

.page a:hover {color: #fff;background-color: var(--dex);border-color: var(--dex);}



.news-banner  {position: relative;}

.news {padding: 100px 0 150px;position: relative;overflow: hidden;}

.news ul {}

.news ul li a .icenter{display: flex;justify-content: space-between;align-items: center;}

.news ul li{padding: 45px 0;border-bottom: 1px solid #d6d6d6;}

.news ul li:hover .imgbox  img{transform: scale(1.1);}

.news ul li .imgbox {width: 36.3%;}

.news ul li .text {width: 55.3%;}

.news ul li .text  h4 {font-size: 28px;font-weight: bold;color: #333333;line-height: 38px;margin-bottom: 16px;}

.news ul li:hover .text  h4 {color: var(--dex);}

.news ul li .text   .date {display: flex;align-items: center;}

.news ul li .text  .date img {width: 18px; margin-right: 7px;}

.news ul li .text   .date span {font-size: 16px;color: #999999;}

.news ul li .text p {font-size: 18px;color: #666666;line-height: 38px;margin: 32px 0;}

.news ul li .text .a {     transition: 0.3s; border-radius: 30px; background-color: var(--dex); font-size: 18px; color: #fff; display: flex; align-items: center; width: 44px; padding: 6px 19px;}

.news ul li .text .a span {     height: 16px; line-height: 14px;margin-right: 17px; font-size: 16px;font-family: 'alibb';color: #fff;display: none;}

.news ul li .text .a i  {  height: 18px; line-height: 18px;}

.news ul li:hover .text .a span {    display: block; }

.news ul li:hover .text .a {width: 105px;}



.icenter1 {width: 1200px;position: relative;margin: auto;}

.news-banner .text {position: absolute; left: 50%; top: 63%; transform: translate(-50%,-50%);}

.news-banner .text h3 {font-size: 32px;line-height: 40px;font-weight: bold;  color: #fff;  margin-bottom: 16px;}

.news-banner .text h4 { display: flex;align-items: center; font-size: 18px;color: #fff;}

.news-banner .text h4 span {margin-right: 30px; color: #fff;}

.news-banner .text {align-items: flex-start;}







.newsinfo {margin: auto;padding: 30px 0 50px;}

.newsinfo p {font-size: 18px;color: #666666;line-height: 32px;margin-bottom:2%;}

.newsinfo p strong span {display:inline-block;}

.newsinfo p b {font-weight: bold;font-size: 20px;color: var(--dex);}


.newsinfo p img {max-width: 100%;width: auto;height: auto; margin: auto;}

.newsinfo .fen {    margin: 30px 0 50px;}

.newsinfo .fen a{padding: 20px 0;border-bottom: 1px solid #ddd;font-size: 18px;color: #666666;}

.newsinfo .fen a:hover {color: var(--dex);}

.newsinfo .fen a:nth-of-type(1){border-top: 1px solid #ddd;}

.newsinfo .bottom {display: flex;align-items: center;justify-content: space-between;}

.newsinfo .bottom .share {display: flex;align-items: center;}

.newsinfo .bottom .share span {font-size: 16px;color: #666666;margin-right: 12px;}

.newsinfo .bottom .share .s {display: flex;align-items: center;}

.newsinfo .bottom .share .s a {margin-right: 10px; width: 32px;height: 32px;border-radius: 50%;background-color: #b0b0b0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 16px;}

.newsinfo .bottom .share .s a:hover {background-color: var(--dex);}

.newsinfo .bottom .right {display: flex;align-items: center;}

.newsinfo .bottom .right a {margin-left: 12px;width: 116px;height: 37px;}



.newsinfo .bottom .right a {border-color: var(--dex); color: var(--dex); width: 146px; height: 41px; line-height: 38px;}

.newsinfo .bottom .right a:hover {color: #fff;}



.ding {position: absolute;top: -100px;width: 100%;height: 1px;left: 0px;}

.ding#te2 {top: -150px;}

.ding#con1 {top: 0px;}

.ding#con3 {top: 80px;}

.ding#con4 {top: -50px;}

.pro_nav {padding: 42px 0;position: relative;overflow: hidden;background-color: #fff;}

.pro_nav .icenter {display: flex;align-items: center;}

.pro_nav .icenter a:nth-of-type(1) {margin-right: 12px;}

.pro_nav .icenter a {border: 1px solid var(--dex);line-height: 48px;    width: 200px;}

.pro_nav .icenter a span {color: var(--dex);}

.pro_nav .icenter a.active {background-color:var(--dex)}

.pro_nav .icenter a.active span {color: #fff;}

.pro {padding: 100px 0 158px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.pro ul {display: flex;flex-flow: wrap;}

.pro ul li {    width: 31.5%; margin-right: 2.7%; margin-bottom: 2.7%; background-color: #fff;    overflow: hidden;}

.pro ul li:nth-of-type(3n){margin-right: 0px;}

.pro ul li .top {padding: 0px;}

.pro ul li .top .imgbox {   transition: 0.3s; display: flex; align-items: center;}

.pro ul li .top .imgbox  img {   width: 100%; max-width: 100%; margin: auto;height: 100%;}

.pro ul li .bot { padding: 30px 40px 60px 40px;     }

.pro ul li .bot h4 {font-size: 16px;color: #666666;margin-bottom: 10px;}

.pro ul li .bot h5 {font-size: 26px;font-weight: bold;color: #333333;}

.pro ul li .bot p {    font-size: 16px; color: #666666; line-height: 28px; margin: 16px 0 47px;}

.pro ul li .bot .amore1 { width: 147px; border: 1px solid var(--dex); line-height: 42px; height: 44px;}

.pro ul li .bot .amore1 span {color: var(--dex);}

.pro ul li:hover .bot .amore1 {background-color: var(--dex);}

.pro ul li:hover .bot .amore1 span {color: #fff;}

.pro ul li:hover .bot h5 {color: var(--dex);}

.pro ul li:hover .imgbox img{transform: scale(1.1);}

.pro ul li:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.pro ul li:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }





/* proinfo */



.pro_info_banner {position: relative;overflow: hidden;}

.pro_info_banner .text {position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;}

.pro_info_banner .text  h3 {font-size: 52px;color: #fff;font-weight: bold;}

.icenter2 {width: 1100px;margin: auto;position: relative;}

.proinfo {position: relative;padding: 120px 0 30px;}

.proinfo h3 {font-size: 44px; font-weight: bold; color: #333333; margin-bottom: 20px; line-height: 60px;}

.proinfo .seg {margin-bottom: 100px;}

.proinfo .seg1 {font-size: 18px;color: #666666;line-height: 30px;}

.proinfo .seg1 p {    font-size: 18px; color: #666666; line-height: 30px; margin: 0 0 42px;}

.proinfo .seg1 p img {width: auto;max-width: 100%;height: auto;margin: auto;}

.proinfo .seg2 ul {margin-top: 30px;display: flex;justify-content: space-between;}

.proinfo .seg2 ul li p{border-bottom: 1px solid #ddd;}

.proinfo .seg2 ul li p:nth-of-type(1){border-top: 1px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p:nth-of-type(1){border-top: 3px solid #ddd;}

.proinfo .seg2 ul li:nth-of-type(1) p {border-bottom: 3px solid #ddd;}

.proinfo .seg2 ul li p{ height:auto; padding: 10px 0; line-height: 28px; font-size: 16px; display: flex; align-items: center;}

.proinfo .seg2 ul li p sup {  position: relative; top: -3px; }

.proinfo .seg2 ul li p sub {position: relative;top: 4px;}

.proinfo .seg2 ul li:nth-of-type(1){width: 20%;}

.proinfo .seg2 ul li:nth-of-type(1) p {font-weight: bold;color: #333333;}

.proinfo .seg2 ul li:nth-of-type(2) p{padding-left: 60px; color: #666666;box-sizing: border-box;    align-items: flex-end; flex-flow: wrap;}

.proinfo .seg2 ul li:nth-of-type(2) {width: 80%;}



.proinfo .seg2 ul li:nth-of-type(2) p:last-child {height: auto;line-height: 26px;}

.proinfo .seg2 ul li:nth-of-type(1) p:last-child{height: auto;}

.proinfo .seg3  ul{display: flex;}

.proinfo .seg3 ul li {border-right: 1px solid #cacaca;}

.proinfo .seg3 ul li:nth-of-type(1){width: 28%;}

.proinfo .seg3 ul li:nth-of-type(2){width: 18%;}

.proinfo .seg3 ul li:nth-of-type(3){width: 21%;}

.proinfo .seg3 ul li:nth-of-type(4){width: 33%;}

.proinfo .seg3 ul li:nth-of-type(1) {border-left: 1px solid #cacaca;}

.proinfo .seg3 ul li p:nth-of-type(1){background-color: #dceaf8;border-top: 1px solid #cacaca;}

.proinfo .seg3 ul li p {line-height: 20px;border-bottom: 1px solid #cacaca; font-size: 16px; color: #666666; text-align: center; padding: 12px 38px; white-space: nowrap;}

.proinfo .seg4 dl {display: flex;justify-content: space-between;}

.proinfo .seg4 dl dd {width: 32%;}

.proinfo .seg4 dl dd:hover .imgbox  img {transform: scale(1.1);}

.proinfo .seg4 dl dd  .imgbox {    padding: 0px 0px; height: auto; background-color: #fff; box-shadow: 0 0 20px #e7e7e7; border-radius: 10px;}

.proinfo .seg4 dl dd  .imgbox img {height: 100%; width: 100%; max-width: 100%;}

.proinfo .seg4 dl dd h6 {margin-top: 20px; font-size: 20px;font-weight: bold;color: #666666;text-align: center;}

.proinfo .seg4 dl dd:hover h6 {color: var(--dex);}





.lx { padding: 130px 0; position: relative;overflow: hidden;background: url(../images/pro_info_bot.jpg);  background-size: cover;background-position: center}

.lx .icenter2 {display: flex;flex-direction: column;justify-content: center;align-items: center;}

.lx  h3 {font-size: 44px;color: #333333;font-weight:bold;margin-bottom: 19px;}

.lx  h4 {font-size: 20px;color: #666666;margin-bottom: 38px;}

.lx .min {display: flex;justify-content: center;}

.lx .min a {width: 211px; height: 45px; border-width: 1px; line-height: 43px;}

.lx .min a:nth-of-type(1) {margin-right: 12px; background-color: var(--dex);color: var(--dex);}

.lx .min a:nth-of-type(1)::after {color: var(--dex);}

.lx .min a:nth-of-type(1):hover {background-color: transparent;}

.lx .min a:nth-of-type(1) span {color: #fff;}

.lx .min a:nth-of-type(2) {border: 1px solid var(--dex);}

.lx .min a:nth-of-type(2) span {color: var(--dex);}

.lx .share {display: flex; justify-content: center; margin-top: 54px; align-items: center;}

.lx .share span {font-size: 20px;color: #666666;margin-right: 12px;}

.lx .share  .s {display: flex;}

.lx .share  .s a {    width: 43px; height: 43px; background-color: #b0b0b0; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; margin-right: 10px; border-radius: 50%;}

.lx .share  .s a:last-child {margin-right: 0px;}

.lx .share  .s a:hover {background-color: var(--dex);}



/* tech */

.tech_title {font-size: 44px;font-weight: bold;color: #333333;}

.tech01 {position: relative; padding: 257px 0 206px;position: relative;overflow: hidden;}

.tech01::before {position: absolute; content: ''; top: 0px; background-color: #f0f5f8; width: 100%; height: 100%; left: calc((100% - 1500px)/2);}

.tech01 .icenter {display: flex;justify-content: flex-end;position: relative;}

.tech01 .icenter  .box {width: 36.3%;}

.tech01 .icenter  .box h4 {font-size: 26px;color: #333333;line-height: 36px;margin: 20px 0 24px;}

.tech01 .icenter  .box p {font-size: 18px;color: #666666;line-height: 30px;}

.tech01 .icenter .bg2 {    opacity: 0.6;position: absolute; right: -152px; top: -237px; width: 348px;}

.tech01 .imgbox1:hover .imgbox img  {transform: scale(1.1);}

.tech01 .imgbox1 {width: 55.6%; position: absolute; left: 0px; top: 120px; z-index: 1;}

.tech01 .imgbox1 .bg1 {    opacity: 0.3; position: absolute;right: 0px;bottom: 0px;width: 122px;}

.tech01 .imgbox1 .imgbox ,.tech01 .imgbox1 .imgbox img{width: 100%;height: 100%;  z-index: 1;}

.tech01 .imgbox1 .bg1 { position: absolute; right: -67px; bottom: -94px; width: 122px; transform: rotate(70deg); }



.tech02 {position: relative;overflow: hidden;padding: 115px 0;}

.tech02 h3 {position: relative; display: flex; align-items: center; justify-content: space-between;}

.tech02 h3 span {white-space: nowrap;    font-weight: bold; color: #333333;}

.tech02 h3::before {content: ""; display: block; width: 36%; height: 1px; background-color: #d9d9d9;}

.tech02 h3::after {content: "";display: block;width: 36%;height: 1px;background-color: #d9d9d9;}

.tech02  ul {display: flex; justify-content: space-between; width: 69%; margin: auto; margin-top: 54px;}

.tech02  ul  li {width: 220px; height: 220px; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}


.tech02  ul  li::before { content: ""; position: absolute; width: 115%; height: 115%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li::after { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 1.6px dashed var(--dex); }

.tech02  ul  li:hover::before { animation: img01anime 10s 0s linear infinite; }

.tech02  ul  li:hover::after { animation: img03anime 10s 0s linear infinite; }

@keyframes img01anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(360deg);}

}

@keyframes img03anime{

	0%{transform: rotate(0deg);}

	100%{transform: rotate(-360deg);}

}

.tech02  ul  li  h4 {display: flex;}

.tech02  ul  li  h4 strong {font-size: 80px; font-family: 'alibb'; color: var(--dex); line-height: 68px; font-weight: normal;}

.tech02  ul  li  h4 strong:nth-of-type(1) {margin-right: 5px;}

.tech02  ul  li h5 {font-size: 16px; color: #666666; margin-top: 13px; text-align: center;}

.jian {position: absolute; top: 50%; transform: translateY(-50%); left: 260px; display: flex; padding: 20px; justify-content: center; align-items: center; width: 100px; height: 100px; margin: auto;}

.jian .cc {height: 7px;width: 7px;border-radius: 50%;background-color: var(--dex);margin-right: 5px;}

.jian .cc:last-child {margin-right: 0px;}

.jian .cc.cc1{opacity: 0.4;animation:mymove1 1.2s  infinite; -webkit-animation:mymove1 1.2s  infinite}

.jian .cc.cc2{opacity: 0.6;animation:mymove1 1.2s 0.2s infinite; -webkit-animation:mymove1 1.2s 0.2s infinite}

.jian .cc.cc3{opacity: 0.8;animation:mymove1 1.2s 0.4s infinite; -webkit-animation:mymove1 1.2s 0.4s infinite} 

.jian .cc.cc4{opacity: 1;animation:mymove1 1.2s 0.6s infinite; -webkit-animation:mymove1 1.2s 0.6s infinite} 

@keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}

}



@-webkit-keyframes mymove1

{

    0% {opacity: 1;}

    100% {opacity: 0.2;}


}





.tech03 {position: relative;overflow: hidden;}

.tech03 .title {display: flex;justify-content: center;align-items: center;flex-direction: column;}

.tech03 .title h4 {font-size: 18px;color: #666666;margin: 12px 0 40px;}

.tech03 .list_top {margin-bottom: 12px;display: flex;border-radius: 8px;overflow: hidden;}

.tech03 .list_top .list_top01 ,.tech03 .list_content .list_content01{width: 15%;}

.tech03 .list_top .list_top02 ,.tech03 .list_content .list_content02{width: 55.5%;}

.tech03 .list_top .list_top03 ,.tech03 .list_content .list_content03{width: 49.5%;}

.tech03 .list_top .list_top04 ,.tech03 .list_content .list_content04{width: 11%;}

.tech03 .list_top .list_top05 ,.tech03 .list_content .list_content05{width: 35%;}

.tech03 .list_top .list_top_c ,.tech03 .list_content_l{background-color: #004389;font-size: 16px;color: #fff;height: 50px;display: flex;justify-content: center;align-items: center;border-right: 1px solid rgba(255,255,255,0.4);}

.tech03 .list_top .list_top_c:last-child ,.tech03 .list_content_l:last-child{border-right: 0px;}

.tech03 .list_top .list_top03 .list_top03_c, .tech03 .list_content .list_content03_c{ border-right: 1px solid rgba(255,255,255,0.4);   width: 20%; display: flex; justify-content: center; align-items: center; font-size: 16px; color: #fff; height: 100%;}

.tech03 .list_top .list_top03 .list_top03_c:last-child ,.tech03 .list_content .list_content03_c:last-child{border-right: 0px;}



.tech03 .list_content .list_content_f{margin-bottom: 1px; border-radius: 10px; overflow: hidden; display: flex; justify-content: space-between; align-items: center;}

.tech03 .list_content_l {height: 85px;background-color: transparent;color: #333333;}

.tech03 .list_content .list_content03_c {    justify-content: flex-start; color: #fff;    border-color: #eceff0;}

.tech03 .list_content .list_content_f:nth-of-type(n) {background-color: #f7fafb;}

.tech03 .list_content .list_content_f:nth-of-type(2n) {background-color: #fff;}

.tech03 .list_content_l:nth-of-type(1) {background-color: #eaeef0;font-size: 16px;color: #333333;}

.tech03 .list_content .list_content03_c ,.tech03 .list_content_l{border-color: #eceff0;}

.tech03 .list_content .list_content03_c span {position: relative; width: 0; height: 37px; display: inline-block; font-size: 16px; color: #fff; line-height: 37px;     background-image: linear-gradient(to right,#96b7f1,#5890da);}





.tech03 .list_content  .list_content_f .list_content03_c span::after { opacity: 1; content: ''; width: 20px; height: 37px; border-radius: 0 90% 90% 0/0 50% 50% 0; background-color: #5890da; position: absolute; right: -20px; z-index: 9; }

/* 进度条 */

/* 1 */

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(4) span{}

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span::after{ opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(1) .list_content03_c:nth-of-type(5) span{width: 0%;}



/* 2 */

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(1) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(2) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(3) span{}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span{width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(4) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(2) .list_content03_c:nth-of-type(5) span{width: 0%;}

/* 3 */

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(2) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(3) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 4 */

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(1) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(2) span {}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span::after{opacity: 1;  }

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(3) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(4) .list_content03_c:nth-of-type(5) span {width: 0%;}

/* 5 */

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span {width: 0;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(1) span::after{opacity: 1; }

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(2) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(3) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(4) span {width: 0%;}

.tech03 .list_content  .list_content_f:nth-of-type(5) .list_content03_c:nth-of-type(5) span {width: 0%;}























.tech04 {padding: 130px 0 ;position: relative;overflow: hidden;}

.tech04 h4 {font-size: 18px; color: #666666; margin: 10px 0 36px; text-align: center;}

.tech04 h3 {text-align: center;}

.tech04 dl {display: flex;justify-content: space-between;margin-bottom: 60px;}

.tech04 dl dd { transition: 0.3s; border-radius: 10px; background-color: #f5f5f5; padding: 80px 12px;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 24%;}

.tech04 dl dd .icon {position: relative; width: 110px;height: 110px;border-radius: 50%;background-color: var(--dex);display: flex;justify-content: center;align-items: center;}

.tech04 dl dd .icon::before { border-radius: 50%; content: ""; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 120%;height: 120%;border: 1px dashed var(--dex);}

.tech04 dl dd .icon img {transition: 0s; filter: grayscale(10) brightness(10);width: 50px;}

.tech04 dl dd span {font-size: 18px;color: #666666;margin-top: 30px;text-align: center;}

.tech04 .bot {position: relative; font-size: 24px;color: #333333;font-weight: bold;width: fit-content;margin: auto;}

.tech04 .bot::before {    content: ""; position: absolute; left: -138px; width: 117px; height: 2px; background:linear-gradient(to right ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%); top: 50%; transform: translateY(-50%);}

.tech04 .bot::after {content: ""; position: absolute;right: -138px;width: 117px;height: 2px;background-color: var(--dex);top: 50%; transform: translateY(-50%);background:linear-gradient(to left ,rgba(0, 91, 187,0) 0%,rgba(4, 94, 188,1) 45% ,rgba(4, 94, 188,1) 100%);}

.tech04 dl dd:hover {background-color: var(--dex);}

.tech04 dl dd:hover .icon {background-color: #fff;}

.tech04 dl dd:hover .icon img {filter: none;}

.tech04 dl dd:hover  .icon::before {border-color: #fff; animation: img02anime 10s 0s linear infinite;}

.tech04 dl dd:hover span {color: #fff;}

@keyframes img02anime{

	0%{transform: translate(-50%,-50%) rotate(0deg);}

	100%{transform: translate(-50%,-50%) rotate(-360deg);}

}





.tech05 {padding: 172px 0 200px;position: relative;overflow: hidden;background: url(../images/tech05_bg.jpg);background-size: cover;}

.tech05 p {font-size: 18px; color: #666666; line-height: 30px; width: 670px; margin: 16px 0 62px;}

.tech05 a { border-color: var(--dex);}

.tech05 a:hover {background-color: transparent!important;}

.tech05 a .img {position: absolute;width: 0;}

/* imgshowmask */

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}

.imgshow{width: 60%;height: 85%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}

.imgshow p img{ display: block; width: auto; max-width: 100%; min-width: 300px; margin: 0 auto;object-fit: contain;}



.tech06 {padding: 138px 0;position: relative; overflow: hidden;}

.tech06  .icenter {justify-content: space-between;align-items: center;display: flex;}

.tech06  .icenter a {position: relative;width: 48%;height: 172px;background-color: #f0f5f8;}

.tech06  .icenter a:hover .imgbox img {transform: scale(1.1);}

.tech06  .icenter a .imgbox {opacity: 0; transition: 0.3s;height: 100%;}

.tech06  .icenter a .imgbox img {height: 100%;}

.tech06  .icenter a .imgbox::after { content: ""; display: inline-block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 0; }

.tech06  .icenter a:hover .imgbox {opacity: 1;}

.tech06  .icenter a .text {position: absolute;left: 50%;top: 50%;width: 75%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: space-between;}

.tech06  .icenter a .text .le {display: flex;align-items: center;}

.tech06  .icenter a .text .le .icon {width: 54px; margin-right: 32px;}

.tech06  .icenter a .text .le span {font-size: 24px;color: var(--dex);font-weight: bold;transition: 0.3s;}

.tech06  .icenter a:hover .text .le .icon img{filter: grayscale(10) brightness(10);}

.tech06  .icenter a:hover .text .le span {color: #fff;}

.tech06  .icenter a .text .ri img {transition: 0.3s;left: 0px;position: relative;}

.tech06  .icenter a:hover .text .ri img {filter: grayscale(10) brightness(10);left: 15px;}





/* contact */

.con01 {padding: 126px 0;position: relative;overflow: hidden;}

.con01 .icenter ul {display: flex;justify-content: space-between;align-items: center;}

.con01 .icenter li  {background-color: #f2f2f2;width: 99%;}

.con01 .icenter li  .bot {padding: 50px;}

.con01 .icenter li  .bot h4 {margin-bottom: 20px; font-size: 30px;font-weight: bold;color: #333333;position: relative;}

.con01 .icenter li  .bot h4::before {    height: 36px; width: 5px; background-color: var(--dex); content: ""; position: absolute; content: ""; left: -50px; top: 57%; transform: translateY(-50%);}

.con01 .icenter li dl dd{margin-bottom: 14px; display: flex;align-items: center;}

.con01 .icenter li dl dd img {    width: 18px; margin-right: 12px;}

.con01 .icenter li dl dd span {font-size: 18px;color: #666666;}

.con01 .icenter li:hover .bot h4 {color: var(--dex);}





.con02 {display: flex;justify-content: space-between;align-items: center;height: 775px;position: relative;}

.con02 .left {width: 50%;position: relative;overflow: hidden;height: 100%;}

.con02 .left img ,.con02 .right img{height: 100%;}

.con02 .left:hover img {transform: scale(1.1);}

.con02 .right {width: 50%;position: relative;height: 100%;}

.con02 .right .box {width: 614px; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.con02 .right .box h3 {font-size: 44px;font-weight: bold;color: #ffffff;margin-bottom: 30px;}

.con02 .right .box .label {width: 100%;margin-bottom: 24px;position: relative;}

.con02 .right .box .label>span {position: relative;}

.con02 .right .box .label span>span{font-size: 14px; color: red; top: 50%; transform: translateY(-50%); right: 0px; width: fit-content; position: absolute;}

.con02 .textarea>span {position: relative;}

.con02 .textarea span>span{    font-size: 14px; color: red; right: 0px; width: fit-content; position: absolute; bottom: 14px;}

.con02 .right .box .label input {    height: 38px; font-size: 16px; color: #ffffff; border: none; border-bottom: 1px solid rgba(255,255,255,0.5); width: 100%; background-color: transparent; outline: none;}

.con02 .right .box textarea {     resize: none;   width: 100%; height: 114px; outline: none; border: none; border-bottom:1px solid rgba(255,255,255,0.5); font-size: 16px; color: #ffffff; background-color: transparent;}

.con02 .right .box .amore1  {cursor: pointer;}

.con02 .right .box .amore1 span {color: #fff;}

.con02 .right .box .amore1 { background-color: transparent; margin-top: 55px; height: 44px; line-height: 40px; width: 150px;}

.con02 .right .box .amore1:hover {background-color: #fff}

.con02 .right .box .amore1:hover::after {color: var(--dex);}

.con02 .textarea {    border: 0px; padding: 0px;}

.con02 .right .box .label input::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .right .box textarea::-webkit-input-placeholder {  font-size: 16px;color: #fff;font-family: "微软雅黑";}

.con02 .screen-reader-response {display: none;}

.con02 form {position: relative;}

.con02 form .wpcf7-validation-errors {font-size: 14px; color: red; left: 0px; width: fit-content; position: absolute; bottom: -29px;}

.con02 form  .wpcf7-mail-sent-ng {font-size: 14px; color: #fff; right: 0px; width: fit-content; position: absolute; bottom: 14px}

.con03 {padding: 230px 0 88px;position: relative;overflow: hidden;}

.con03 .con_title  {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}

.con03 .con_title h4 {font-size: 40px;font-weight: bold;color: #333333;}

.con03 .con_title h5 {font-size: 18px;color: #666666;line-height: 30px;position: relative;    width: 56%;}

.con03 .con_title h5::before {content: ""; position: absolute;left: -24px;top: 50%;transform: translateY(-50%);width: 2px;height: 87%;background-color: var(--dex);}

.con03 .pagemap {padding-top: 0px;}



.con04 {padding: 100px 0 130px;position: relative;overflow: hidden;background-color: #f5f5f5;}

.con04 .con04_h3 {font-size: 44px;font-weight: bold;color: #333333;margin-bottom: 32px;text-align: center;}

.con04 li:nth-of-type(1) .up {border-top: 1px solid #ddd;}

.con04 .up {padding: 30px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;}

.con04 .up .left h3 {    font-size: 30px; font-weight: bold; color: #333333; margin-bottom: 10px; line-height: 43px;    text-transform: capitalize;}

.con04 .up .left h4 {display: flex;align-items: center;}

.con04 .up .left h4 span{font-size: 16px;color: #666666;position: relative;padding: 0 20px;}

.con04 .up .left h4 span:nth-of-type(1){padding-left: 0px;}

.con04 .up .left h4 span::after{ content: ""; position: absolute; height: 14px; width: 1px; background-color: #ddd; left: 0px; top: 50%; transform: translateY(-50%);}

.con04 .up .left h4 span:nth-of-type(1):after{display: none;}

.con04 .up .amore1 {cursor: pointer;border: 1px solid var(--dex);}

.con04 .up .amore1 span {color: var(--dex);}

.con04 .up:hover .amore1 {background-color: var(--dex);}

.con04 .up:hover .amore1::after{color: #fff;}

.con04 .up:hover .amore1 > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }

.con04 .up:hover .amore1::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.con04 .up:hover h3{color: var(--dex);}

.con04 .low {display: none;padding: 80px 60px;    border-bottom: 1px solid #ddd;}

.con04 .low b {    font-weight: bold; color: #333333; margin-bottom: 18px; font-size: 20px; display: block;}

.con04 .low p {font-size: 16px;line-height: 36px;color: #666666;}

.con04 .low .content {margin-bottom: 39px;}

.con04 .low .foot {font-size: 18px;color: #333;}

.con04 .low .foot  span { display: inline-block; font-size: 18px;color: var(--dex);font-weight: bold;}





/* fix_sub */

.fixed-sub {  display: none; position: fixed;  right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 55; right: 0px;}

.fixed-sub ul  li {width: 90px;height: 90px;background-color: #076dd9;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 1px;}

.fixed-sub ul  li  a {font-size: 16px;color: #ffffff;}

.fixed-sub ul li p {        color: #fff; font-size: 14px; margin-top: 4px; }


.fixed-sub ul li a  span img {width: 25px;margin: auto;transition: .3s;} 

.fixed-sub ul  li:nth-of-type(3){margin-bottom: 0px;}

.fixed-sub ul  li:nth-of-type(1)  {border-top-right-radius: 50%; border-top-left-radius: 50%;}

.fixed-sub ul  li:nth-of-type(3)  {border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;}



.fixed-sub ul  li:nth-of-type(2) .tel,.fixed-sub ul  li:nth-of-type(3) .tel {  border-radius: 8px; opacity: 0; display: none; padding: 22px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -195px; text-align: center; top: 6px;}

.fixed-sub ul  li:nth-of-type(2) .tel i,.fixed-sub ul  li:nth-of-type(3) .tel i {    margin-right: -7px; font-size: 20px; color: #fff;}

.fixed-sub ul  li:nth-of-type(2) .tel h2::after,.fixed-sub ul  li:nth-of-type(3) .tel h2::after {top: 7px; right: -26px; position: absolute;width: 8px;height: 8px;transform: rotate(45deg);background-color: #076dd9;content: "";box-shadow: 1px -1px 1px rgb(0 0 0 / 22%);}

.fixed-sub ul  li:nth-of-type(2) .tel h2,.fixed-sub ul  li:nth-of-type(3) .tel h2 { font-weight: normal; position: relative;font-size: 20px;color: #fff}

.fixed-sub ul  li:nth-of-type(2):hover .tel,.fixed-sub ul  li:nth-of-type(3):hover .tel{display: block;animation: tel 0.5s forwards;}



@keyframes tel {

  to{

    opacity: 1;

  } 

}



.fixed-sub ul  li:hover {background-color: rgb(0 119 245);}

.fixed-sub ul  li:hover span img {transform: scale(1.1);}

.fixed-sub ul  li:hover p { color: rgba(255,255,255,1);;}

.fixed-sub ul li:nth-of-type(3) .tel {left: -325px;}

.fixed-sub ul li:nth-of-type(1) .tel { border-radius: 8px; align-items: center; opacity: 0; display: none; padding: 19px; color: #fff; font-size: 16px; position: absolute; background-color: #076dd9; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); left: -357px; top: -16px;}

.fixed-sub ul li:nth-of-type(1) .tel .box {margin-right: 28px;}

.fixed-sub ul li:nth-of-type(1) .tel .box:last-child {margin-right: 0px;}

.fixed-sub ul li:nth-of-type(1) .tel .box img {width: 80px;}

.fixed-sub ul li:nth-of-type(1) .tel .box span {    font-size: 14px; color: #fff; margin-top: 8px; text-align: center;}

.fixed-sub ul  li:nth-of-type(1) .tel::after{    top: 50%; right: -4px; position: absolute; width: 8px; height: 8px; background-color: #076dd9; content: ""; box-shadow: 1px -1px 1px rgb(0 0 0 / 22%); transform: translateY(-50%) rotate(45deg);}

.fixed-sub ul  li:nth-of-type(1):hover .tel {display: flex;animation: tel 0.5s forwards;}















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

  .icenter {width: 1100px;}

  .head .left { width: 350px; }

  .head .left img { transition: 0s; }

  .head { height: 80px;}

  .head .right ul li .a { height: 80px; line-height: 80px;}

  .head .right ul li .a { margin: 0 14px; font-size: 14px; }

  .head .right { width: 65%; }

  .head .right .lang img { width: 19px; margin-right: 7px; }

  .head .right .lang { font-size: 14px; }

  .head .right form span input { width: 150px; height: 30px; font-size: 12px; padding-left: 18px;}

  .head .right form span button { font-size: 14px; right: 13px;}

  .head .right form span input::-webkit-input-placeholder {  font-size: 12px;}

  .div2 .head { height: 65px; }

  .div2 .head .right ul li .a { height: 65px; line-height: 65px; }

  .indexbanner .box .text h3 { font-size: 58px; line-height: 66px; margin-bottom: 21px; }

  .indexbanner .box .text h4 { font-size: 20px; margin-bottom: 52px; }

  .amore1 { width: 144px; height: 40px; line-height: 36px; border-radius: 30px; }

  .indexbanner .swiper-pagination-bullet { margin: 0 6px!important; width: 9px; height: 9px;}

  .indexbanner .lian { width: 362px; height: 94px; padding: 28px 62px; }

  .indexbanner .lian .con img { width: 22px; margin-right: 16px; }

  .indexbanner .lian .con { font-size: 16px;}

  .indexbanner .lian .jian .cc { font-size: 30px; }


  .i01 {padding: 10px 0 0;}

  .i01 .top dl dd h4 strong { line-height: 47px; font-size: 55px;}

  .i01 .top dl dd h4 span { font-size: 20px; margin-left: 6px; line-height: 24px; }

  .i01 .top dl dd h4 { margin-bottom: 12px; }

  .i01 .top dl dd h5 { font-size: 15px;}

  .i01 .top dl dd .icon { width: 40px; margin-top: 24px; }

  .i01 .top dl dd .icon::before { top: -25px; width: 46px; height: 2px; }

  .i01 .top dl dd { width: 230px; }

  .i_title h4 { font-size: 22px; margin-bottom: 8px; }

  .i_title h5 { font-size: 34px; }

  .home_part3_text p { font-size: 15px; line-height: 24px; margin-bottom: 36px; width: 552px; }

  .home_part3_text .i_title { margin-bottom: 19px; }

  .amore1 > span { font-size: 14px; }

  .home_part3_text a {margin-bottom: -2px;width: 132px;height: 40px;line-height: 36px;}

  .home_part3_text ul li img { width: 38px; }

  .home_part3_text ul li span { font-size: 14px; margin-top: 5px; }

  .home_part3_text[data-v-e55fe884] {padding: 80px 30px 40px 0; }

  .home_part3 .bg { width: 602px; right: 0px; top: -255px; }

  .i02 .bot { width: 1145px; }

  .i02 { padding: 105px 0;}

  .i02 .link .tab-li .img { width: 65px; height: 65px; }

  .i02 .link .tab-li .p1 { font-size: 13px; margin-top: 5px; }

  .i02 .top { margin-bottom: 25px; }

  .i02 .bot .box span { font-size: 16px; margin-top: 15px; }

  .i02 .bot .amore1 { margin-top: 36px; }

  .amore1::after { font-size: 14px;}

  .i02 .fa { top: 27%; padding: 0px; width: 38px; height: 38px; font-size: 24px; }

  /* .i02 .link .tab-li { margin-right: 115px; } */

  .i02 .link .tab-li { margin-right: 0px; }

  .i02 .link .tab-li:nth-of-type(1) .img:after { left: 102.5px; width: 74px; }

  .pagemap { padding-top: 110px;     padding-bottom: 120px;}

  .pagemap .maps .tt h4 strong { font-size: 65px;}

  .pagemap .maps .tt p { font-size: 16px; line-height: 26px; width: 210px; padding-top: 15px; margin-top: 0px; }

  .pagemap .biao .icon { width: 104px; height: 104px; box-shadow: -20px 0px 30px #ddd; }

  .pagemap .biao h4 { font-size: 15px; margin-top: 7px; }

  .i04 {padding: 10px 0;}

  .i04 a h4 { font-size: 17px; margin-top: 15px; }

  .i04 a .date span:nth-of-type(1) { font-size: 12px; margin-right: 22px; line-height: 12px; }

  .i04 a .date span:nth-of-type(2) { font-size: 12px; line-height: 12px; }

  .i04 a .date span:nth-of-type(1)::after { right: -12px; height: 10px; width: 1px; }

  .i04 .bot .ri .seg a { padding: 27px 0; }

  .i04 .bot .ri .seg { margin-bottom: 38px; }

  .i04 .bot .le .text::before { left: -80px; top: 0px; width: 80px; height: 100%; }

  .i04 .bot .le .text { bottom: 0px; left: 0px; width: 462px; padding: 43px 72px;}

  .i04 .bg { width: 61%; left: -14%; top: -10%;}

  .footer { padding: 90px 0 10px; }

  .footer .fo03 .ri img { height: 60px; width: auto; margin-left: 28px; }

  .footer .fo01 ul li a { font-size: 15px; }

  .footer .fo01 { padding: 26px 0;}

  .footer .fo01 .to_top { width: 45px; height: 45px;}

  .footer .fo01 .to_top i { margin-bottom: 5px; font-size: 24px; line-height: 10px; }

  .footer .fo01 .to_top span { font-size: 12px; }

  .footer .fo02 { padding: 38px 0; }

  .footer .fo02 .right .g h4 { font-size: 16px; margin-bottom: 12px; }

  .footer .fo02 .right .g h5 { font-size: 14px; line-height: 20px; margin-bottom: 6px; }

  .footer .fo02 .right .g p { font-size: 14px; line-height: 24px; }

  .footer .fo02 .right { width: 625px; }

  .footer .fo02 .left .text .ri span { font-size: 14px; }

  .footer .fo02 .left .text .ri i { margin-top: 14px; font-size: 14px; }

  .footer .fo02 .left .text .le { width: 65px; margin-right: 18px; }

  .footer .fo03 .le a { font-size: 12px; opacity: 0.4; margin-right: 15px; }

  .footer .fo03 .ri a { margin-left: 6px; height: 30px; width: 30px; font-size: 12px;}

  .footer .fo02 .left p input { font-size: 14px; padding-left: 24px; border: 0px; width: 270px; height: 40px; }

  .footer .fo02 .left p button { font-size: 14px; width: 84px; height: 40px;}

  .footer .fo02 .left p input::-webkit-input-placeholder {font-size: 14px;}

  .footer .fo02 .right .g { width: 43%; }

  



  /* about */

  .innerbanner .text h3 { font-size: 52px; margin-bottom: 9px; }

  .innerbanner .text h4 { font-size: 18px; }

  .ab01 { padding: 100px 0 123px; }

  .ab01 .icenter .left .ab_title { line-height: 46px; margin-bottom: 20px; }

  .ab01 .icenter .left p { font-size: 15px; line-height: 28px; }

  .ab_title { font-size: 34px;}

  .ab01 .icenter .left .ab_title { line-height: 42px; margin-bottom: 14px; }

  .ab02 ul li img { width: 51px; margin-right: 40px; }

  .ab02 ul li .text h4 strong { font-size: 46px;    line-height: 54px; }

  .ab02 ul li .text h5 { font-size: 16px; }

  .ab02 ul li { margin-bottom: 40px; }

  .ab02 { padding-bottom: 110px;}

  .ab03 { padding: 0px 0 0px; }

  .ab03 .ab_title {top: 150px; position: relative;}

  .hmc5yr {font-size: 18px;}

  .hmc5years .prev { left: 0px;  }

  .hmc5years .next {right: 0px;}

  .ab03Swiper .box h4 { font-size: 145px; margin-bottom: 30px; line-height: 133px;}

  .ab03Swiper .box .b {     border-top-left-radius: 60px; border-bottom-right-radius: 60px; font-size: 15px; line-height: 26px; width: 497px; height: 171px; padding: 52px; }

  .ab03Swiper { right: 16px; bottom: 30px; width: 556px; height: 310px; padding: 0 24px }

  .ab03Swiper .box h4 { font-size: 116px; margin-bottom: 21px; line-height: 104px;}

  .hmc5years { transform: scale(0.7); }

  .ab03 .icenter { top: -38px; }



  /* news */

  .news { padding: 80px 0 120px; }

  .news ul li { padding: 35px 0; }

  .news ul li .text h4 { font-size: 22px; line-height: 33px; margin-bottom: 14px; }

  .news ul li .text .date img { width: 16px; margin-right: 7px; }

  .news ul li .text .date span { font-size: 14px; }

  .news ul li .text p { font-size: 16px; line-height: 26px; margin: 25px 0 32px; }

  .news ul li .text .a span { height: 14px; line-height: 14px; margin-right: 13px; font-size: 14px; }

  .news ul li:hover .text .a { width: 94px; }

  .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }

  .page span { width: 40px; height: 40px; border: 1px solid #cbcbcb; font-size: 16px; margin-right: 16px; }



  /* newsinfo */

  .news-banner .text h3 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }

  .news-banner .text h4 { font-size: 15px; }

  .news-banner .text h4 span { margin-right: 24px; }

  .newsinfo { padding: 80px 0 120px; }

  .newsinfo p { font-size: 15px; line-height: 28px; margin-bottom: 2%; }

  .newsinfo .fen a { padding: 15px 0; font-size: 15px; }

  .newsinfo .bottom .right a { width: 132px; height: 38px; line-height: 34px; }

  .newsinfo .bottom .share span { font-size: 14px; margin-right: 10px; }

  .newsinfo .bottom .share .s a { margin-right: 8px; width: 28px; height: 28px; font-size: 14px; }

  .newsinfo .fen { margin: 20px 0 40px; }



  /* pro */

  .pro_nav .icenter a { line-height: 36px; width: 180px; }

  .pro_nav { padding: 36px 0;}

  .pro { padding: 80px 0 120px; }

  .pro ul li .top { padding: 0px; }

  .pro ul li .top .imgbox { height: auto; }

  .pro ul li .bot { padding: 24px 33px 44px 30px; }

  .pro ul li .bot h4 { font-size: 14px; margin-bottom: 8px; }

  .pro ul li .bot h5 { font-size: 20px; }

  .pro ul li .bot p { font-size: 14px; line-height: 24px; margin: 10px 0 28px; }

  .pro ul li .bot .amore1 { width: 126px; line-height: 38px; height: 40px; }

  .page { margin-top: 50px; }



  /* proinfo */

  .pro_info_banner .text h3 { font-size: 40px;}

  .proinfo { padding: 90px 0 70px; }

  .proinfo h3 { font-size: 34px; margin-bottom: 14px; line-height: 50px; }

  .proinfo .seg1 p { font-size: 15px; line-height: 26px; margin: 0px 0 34px; }

  .proinfo .seg { margin-bottom: 70px; }

  .proinfo .seg2 ul li p { height: auto; padding: 8px 0; line-height: 24px; font-size: 14px; }

  .proinfo .seg2 ul li:nth-of-type(2) p:last-child { height: auto; line-height: 24px; }

  .proinfo .seg2 ul li:nth-of-type(1) p:last-child { height: auto; }

  .proinfo .seg2 ul { margin-top: 20px; }

  .proinfo .seg3 ul li p { font-size: 14px; padding: 10px 36px; }

  .proinfo .seg4 dl dd h6 { margin-top: 18px; font-size: 17px; }

  .proinfo .seg:last-child {margin-bottom: 40px;}

  .lx { padding: 80px 0;}

  .lx h3 { font-size: 30px; margin-bottom: 10px; }

  .lx h4 { font-size: 15px; margin-bottom: 25px; }

  .lx .min a {width: 160px; height: 38px; border-width: 1px; line-height: 36px;}

  .lx .share { margin-top: 33px; }

  .lx .share span { font-size: 14px; margin-right: 8px; }

  .lx .share .s a { width: 32px; height: 32px; font-size: 14px; margin-right: 8px; }





  /* technology */

  .tech_title { font-size: 34px; }

  .tech01 .icenter .box h4 { font-size: 20px; line-height: 30px; margin: 10px 0 19px; }

  .tech01 .icenter .box p { font-size: 14px; line-height: 26px; }

  .tech01::before { left: calc((100% - 1100px)/2); }

  .tech01 .icenter .bg2 { right: -72px; top: -144px; width: 219px; }

  .tech01 { padding: 158px 0 145px; }

  .tech01 .imgbox1 .bg1 { right: -60px; bottom: -62px; width: 102px; }

  .tech02 ul li h4 strong { font-size: 60px; line-height: 51px; }

  .tech02 ul li h5 { font-size: 14px; margin-top: 10px; }

  .tech02 ul li { width: 160px; height: 160px;}

  .jian { left: 189px; padding: 10px; width: 80px; height: 80px; }

  .jian .cc { height: 5px; width: 5px; margin-right: 4px; }

  .tech02 { padding: 100px 0; }

  .tech03 .title h4 { font-size: 16px; margin: 10px 0 32px; }

  .tech03 .list_top .list_top_c, .tech03 .list_content_l { font-size: 13px; height: 80px;}

  .tech03 .list_content_l { height: 70px; }

  .tech04 { padding: 100px 0; }

  .tech04 dl dd { padding: 62px 8px;}

  .tech04 dl dd .icon { width: 95px; height: 95px;}

  .tech04 dl dd span { font-size: 16px; margin-top: 26px; }

  .tech04 dl dd .icon img { width: 46px; }

  .tech04 .bot { font-size: 20px;}

  .tech04 dl { margin-bottom: 44px; }

  .tech05 { padding: 115px 0 150px;}

  .tech05 p { font-size: 15px; line-height: 26px; width: 569px; margin: 12px 0 52px; }

  .imgshow p img { max-height: 500px; }

  .tech06 { padding: 100px 0; }

  .tech06 .icenter a { height: 138px; }

  .tech06 .icenter a .text .le span { font-size: 20px; }

  .tech06 .icenter a .text .le .icon { width: 46px; margin-right: 28px; }

  .tech06 .icenter a .text .ri img { width: 14px; }

  .con01 { padding: 100px 0; }

  .con01 .icenter li .bot { padding: 30px 40px; }

  .con01 .icenter li .bot h4 { margin-bottom: 18px; font-size: 25px;}

  .con01 .icenter li dl dd span { font-size: 13px;     white-space: nowrap;}

  .con01 .icenter li { width: 47%; }

  .con01 .icenter li .bot h4::before { height: 32px; width: 3px; left: -40px; top: 57%; transform: translateY(-50%); }

  .con02 { height: 570px; }

  .con02 .right .box h3 { font-size: 34px; margin-bottom: 18px; }

  .con02 .right .box .label input::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box textarea::-webkit-input-placeholder {  font-size: 14px;}

  .con02 .right .box .label input { height: 34px; font-size: 14px;}

  .con02 .right .box textarea { height: 90px; font-size: 14px; }

  .con02 .right .box .label { margin-bottom: 18px; }

  .con02 .right .box .amore1 { margin-top: 47px; height: 38px; line-height: 34px; width: 136px; }

  .con02 .right .box { width: 80%;}

  .con03 { padding: 120px 0 70px; }

  .con03 .con_title h4 { font-size: 30px; }

  .con03 .con_title h5 { font-size: 14px; line-height: 24px; width: 52%; }

  .con03 .con_title h5::before { left: -16px; }

  .con04 { padding: 80px 0 100px; }

  .con04 .up .left h3 { font-size: 26px; margin-bottom: 8px; line-height: 36px; }

  .con04 .con04_h3 { font-size: 34px; margin-bottom: 24px; }

  .con04 .up .left h4 span { font-size: 14px; padding: 0 16px; }

  .con04 .up { padding: 24px 0;}

  .con04 .low {padding: 52px 44px;}

  .con04 .low p { font-size: 14px; line-height: 32px; }

  .con04 .low b { margin-bottom: 12px; font-size: 18px; }

  .con04 .low .content { margin-bottom: 28px; }

  .con04 .low .foot { font-size: 15px; }

  .con04 .low .foot span { font-size: 15px; }

  .ding {position: absolute;top: -80px;width: 100%;height: 1px;left: 0px;}



  .ding#te1 {top: 0px;}

  .ding#te2 {top: -80px;}

  .ding#con1 {top: 0px;}

  .ding#con3 {top: 30px;}

  .ding#con4 {top: -70px;}

  .n-nav02 { width: 180px;}

  .n-nav02 a { font-size: 13px; }







  .fixed-sub ul li a span img { width: 20px; }

  .fixed-sub ul li p { font-size: 12px; margin-top: 4px; }

  .fixed-sub ul li { width: 70px; height: 70px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box span { font-size: 12px; margin-top: 5px; }

  .fixed-sub ul li:nth-of-type(1) .tel { padding: 15px;}

  .fixed-sub ul li:nth-of-type(1) .tel { left: -297px;}

  .fixed-sub ul li:nth-of-type(1) .tel .box img { width: 70px; }

  .fixed-sub ul li:nth-of-type(1) .tel .box { margin-right: 20px; }

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { padding: 18px;}

  .fixed-sub ul li:nth-of-type(2) .tel, .fixed-sub ul li:nth-of-type(3) .tel { left: -175px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2::after, .fixed-sub ul li:nth-of-type(3) .tel h2::after { right: -22px;}

  .fixed-sub ul li:nth-of-type(2) .tel h2, .fixed-sub ul li:nth-of-type(3) .tel h2 { font-size: 18px; }

  .fixed-sub ul li:nth-of-type(3) .tel { left: -292px; }

  







}







.head .right ul  li .bbb{ border-bottom: #005bbb 4px solid; height:85px; }