*{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("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"), url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"), url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"), url("../font/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: 98%;}
.head .right { width: 57%; display: flex;justify-content: space-between;align-items: center;}
.head .right ul {display:flex;width: 66%;align-items: center;      justify-content: flex-end;}
.head .right ul  li .a{position: relative; height: 100px;line-height: 100px;margin: 0 20px;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: 80px; 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: 120px 0 0;position: 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: 900px;
  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(../img/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%;
  left: 0;
  top: 0;
  background: url(../img/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(../img/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: 550px;
      margin-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(../img/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: 160px 0;position: relative;overflow: hidden;}
.i04 .bg {width: 886px; position: absolute; left: -14%; top: -7%; z-index: -1;}
 .i_title {margin-bottom: 35px;}
 .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;padding: 52px 76px;display: 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;margin-top: 26px;    z-index: 1; position: relative;}

.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: 109px 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(/style/img/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(/style/img/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(/style/img/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(/style/img/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(/style/img/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(/style/img/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(/style/img/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(/style/img/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(/style/img/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: 900px;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(/style/img/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: 18.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: #546681; 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(/style/img/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: 49%;}
.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: -265px; 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: -246px; 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: -212px;}
  .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: -236px;}
  .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; }
  



}