@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff; width: 100%; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container-s{width:1649px; margin:0 auto; max-width: 80%;}
.container{width:1400px; margin:0 auto; max-width: 94%;}

@media screen and (min-width:200px)  and  (max-width:1400px)  {
	.container-s,.container{max-width: 94%; width: 1300px;}
	body{min-width: 1300px; overflow-x: hidden; }
}


.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{text-align: left;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.line4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

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


/*字体引入*/
@font-face {
  font-family: "PFRegular";
  src: url("../font/PingFang Regular.woff2") format("woff2");
}

@font-face {
  font-family: "din";
  src: url("../font/DIN-Bold.otf") format("otf");
}

@font-face {
  font-family: "LDMedium";
  src: url("../font/LexendDeca-Medium.ttf");
}

@font-face {
  font-family: "LDRegular";
  src: url("../font/LexendDeca-Regular.ttf");
}

/* CSS Document */
/* 公共头部 */
.header{position: fixed; top: 25px; z-index: 999; left: 0; right: 0; margin: auto;}
.header .container{}
.head-box{ display: flex; align-items: center; justify-content: space-between;}
.head-left{ width: 76.5%;display: flex; align-items: center; justify-content: space-between; }
.pc-logo{}

.pc-logo a img{display: block;}
.pc-logo a img.logo1{display: block;}
.pc-logo a img.logo2{display: none;}
.pc-nav{width: 58.5%;}
.pc-nav ul{display: flex; justify-content: space-between;}
.pc-nav ul li { position: relative; }
.pc-nav ul li h3{display: block; position: relative; font-size: 16px; color: #fff; line-height: 101px;}
.pc-nav ul li h3::after{content: ""; width: 0; height: 2px;  background: #c5020a; bottom: 0;  position: absolute;  transition: all 0.4s ease; left: 50%; transform: translateX(-50%);}
.pc-nav ul li:hover h3::after,.pc-nav ul li.on h3::after {  width: 43px; }

.pc-nav ul li .subnav-box{box-shadow: 1px 1px 3px rgba(0,0,0,0.1);transform: translateY(50px);opacity: 0;pointer-events: none;padding-top: 20px; width: 350px;left: 0%;position: absolute;top: 100%;transition: all 0.4s ease;}
.pc-nav ul li:nth-child(2)  .subnav-box,.pc-nav ul li:nth-child(3)  .subnav-box{width: 560px}

.pc-nav ul li .subnav {display: flex;align-items: flex-start;padding: 22px 15px ;box-sizing: border-box;border-radius: 5px;z-index: 3;background: #fff;justify-content: space-between;}
.pc-nav ul li .subnav .pic{  width: 65%;
    margin-right: 6%;}
.pc-nav ul li .subnav .pic img{display: block; width: 100%; border-radius: 10px;}

.pc-nav ul li:nth-child(2)  .subnav .pic,.pc-nav ul li:nth-child(3)  .subnav .pic {
    width: 30%;margin-right: 3%;
}


.pc-nav ul li .subnav .list{width: 70%;display: flex;flex-wrap: wrap;/* padding-top: 15px; */}
.pc-nav ul li .subnav .list a{font-size: 15px;color: #666;font-family:"Microsoft YaHei";position: relative;padding-left: 19px;box-sizing: border-box;margin-bottom: 8px;width: 100%;}

.pc-nav ul li:nth-child(2) .subnav .list a,.pc-nav ul li:nth-child(3) .subnav .list a{width: 50%}


.pc-nav ul li .subnav .list a:before{content: "";width: 0.625rem;height: 0.625rem;border-radius: 50%;border: 0.0625rem solid #dbdbdb;position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all 0.4s ease;}
.pc-nav ul li .subnav .list a:after{content: "";width: 0.375rem;height: 0.375rem;border-radius: 50%;background: #dbdbdb;position: absolute;left: 0.1875rem;top: 50%;transform: translateY(-50%);transition: all 0.4s ease;}

.pc-nav ul li .subnav .list a:hover{color: #c5020a;}
.pc-nav ul li .subnav .list a:hover::before{border-color: #c5020a;}
.pc-nav ul li .subnav .list a:hover::after{background: #c5020a;}
.pc-nav ul li:hover .subnav-box {  transform: translateY(0);  opacity: 1;  pointer-events: auto;}

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

.ver {margin-top: 20px;}
.ver  a { font-size: 16px; color: #fff;   position: relative; z-index: 2; line-height: 24px; }
.ver  a>img{display: inline-block; vertical-align: middle;}
.ver .ver-box {padding-top: 20px;  transform: translateY(20%);  transition: .5s;   opacity: 0; visibility: hidden;  }
.ver .ver-list { padding: 10px 0; z-index: -1;background: #fff;position: absolute;width: 100%;  border-radius: 0.3125rem; box-sizing: border-box; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35);}
.ver .ver-list a {font-size: 1rem; color: #333; margin: 0.3125rem 0; display: block;transition: .5s; text-align: center;}
.ver .ver-list a:hover {background: #fff; color: #c5020a;}
.ver .ver-list::after {content: ""; display: block; width: 0px; height: 0px; border: 0.75rem solid transparent; border-bottom-color: #fff; position: absolute; top: -1.375rem; left: 50%; margin-left: -0.6875rem;}
.ver:hover .ver-box {opacity: 1; visibility: visible; transform: translateY(0); }

/* 搜索 */
/* .heSearch{width: 3.75rem; border-left: 0.125rem solid rgba(255, 255, 255, 0.68); display: flex; justify-content: flex-end; margin-left: 1.4375rem;} */
.heSearch .seBox img {display: block;}
.pub_search_box_case {position: fixed;z-index: 1; left: 0;top: 0;z-index: 8; transition: all .5s ease; transform: translateY(-120%); width: 100%;}
.pub_search_box_case.on {transform: translateY(0%); }
.pub_search_box_case.on .pub_sea_sha {display: block;}
.pub_search_box_case .pub_sea_sha {position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; z-index: 2; display: none;}
.pub_search_case {padding: 2% 8%;box-sizing: border-box;background-color: #fff;box-shadow: 0 1px 3px rgb(0 0 0 / 12%);position: relative;z-index:999;display: block;}
.pub_search_case .zhan_c {display:flex; justify-content: space-between;    align-items: flex-start;}
.pub_search_case .zhan_c .close {cursor: pointer;}
.pub_search_box {width: 50%; margin: auto; padding:4rem 0 2rem 0}
.pub_search_box .sea_t {color: #000;font-size: 1rem;margin-bottom: 1rem;}
.pub_search_box button {border: none; background: none;}
.search_form {display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #000;padding-bottom: 0.3rem;}
.search_form input {width: 90%; height: 2.5rem; border: none;outline: none; background: none; color: #333; font-size: 1rem;}
.search_form button {width: 4%; cursor: pointer;}
.search_form button img {max-width: 100%; display: block;}
.logoa{display: inline-block;}
.headfixed {position: fixed; top: 0; background: #fff; transition:0.6s; box-shadow: 1px 1px 3px rgba(0,0,0,0.1);}
.headfixed .pc-logo a img.logo2{display: block;}
.headfixed .pc-logo a img.logo1{display: none;}
.headfixed .pc-nav ul li h3{color: #000; line-height: 101px;}
.headfixed  .heSearch .seBox img { display: block; -webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.headfixed  .ver a{color: #333;}
.headfixed .ver a>img{ -webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.search_form button img{-webkit-filter: brightness(0) invert(0); filter: brightness(0) invert(0);}
.pub_search_case .zhan_c .close img{brightness(0) invert(0); filter: brightness(0) invert(0);}


/* banner */
.banner{overflow: hidden;}
.bannerSwiper {position: relative; overflow: hidden;}
.banner .imgBox .video{     position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; pointer-events: none;}
.banner .imgBox {height:90vh; color: #fff;     display: flex;   align-items: center; background-size: cover!important;} 
.banner .imgBox h2,.banner .imgBox h3{font-size: 3.525rem; line-height: 3.525rem;}
.banner .imgBox h3{margin: 19px 0 24px;}
.banner .imgBox h4{display: block; font-size: 1.625rem;}
/* .banner .imgBox .container{ position: absolute;bottom:10rem;left:0;right:0;margin:0 auto;} */
.banner .swjt {transition:0.6s; width: 64px; height: 64px; border-radius: 50%; background: rgba(249,249,249,0.2); right: 0; left: auto; bottom: 183px; top: auto;}
.banner .swiper-slide {overflow: hidden;}
#banner-next img {transform: rotate(180deg);}
.banner .swjt:hover{background: rgba(199,0,10,0.79);}
#banner-prev{right: 12%;}
#banner-next{ right: 7%;}
#bannerjt{display: none;}
.video-info{position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center;}
.banner .container{    transform: translateY(40px);}

/* 关于华仁 */
.about{margin: 112px 0 189px;}
.about-box{display: flex; justify-content: space-between; }
.about-box .info{width: 45%;}
.index-title span{display: block; font-size: 46px; line-height: 35px; color: #333; font-family: "PFRegular"; margin-bottom: 9px; text-transform: uppercase;}
.index-title em{display: block; font-size: 54px; line-height: 54px; color: #333;}
.about-box .info h3{display: block; font-size: 16px; color: #777777;line-height: 32px; margin-bottom: 83px;}
.about-box .index-title{margin-bottom: 56px;}
.about-num{margin-bottom: 62px;}
.about-num ul{display: flex; justify-content: space-between;}
.about-num ul li b,.about-num ul li span,.about-num ul li sup{display: inline-block; color: #134da0;   font-family: "LDRegular"; font-weight: normal;}
.about-num ul li b{ font-size: 65px; line-height: 48px; margin-bottom: 12px; }
.about-num ul li span{ font-size: 24px; vertical-align: top; line-height: 18px; }

.index-more a{ display: block; width: 170px;border-radius: 34px; text-align: center; font-size: 18px; line-height: 63px; text-align: center; color: #333;}
.index-more span{display: inline-block; margin-right: 27px; transition:0.6s}
.index-more img{display: inline-block; transition:all 0.6s;}
.index-more a:hover span{margin-right: 35px;}
.about-box .index-more a{background: #C7000A;  color: #fff;}
.about-box .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.about-box .pic{width: 46%;}
.about-box .pic img{display: block; border-radius: 30px; width: 100%;}






/* 产品应用 */
.proapp{margin-bottom: 150px;}
.proapp-title{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 72px;}
.proapp-list{overflow: hidden; padding-bottom:97px; position: relative;}
.proapp-list ul li{position: relative;}
.proapp-list ul li .pic{overflow: hidden; border-radius: 15px; position: relative;}
.proapp-list ul li .pic:after{position:absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; transition: all 0.5s;}
.proapp-list ul li:hover .pic:after{background: rgba(0, 0, 0, 0.1);}
.proapp-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.proapp-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.proapp-list ul li .info{position: absolute;  color: #fff; bottom: 78px; left: 35px; z-index: 1;}
.proapp-list ul li .info h3{display:block; font-size: 24px; line-height: 24px; margin-bottom: 2px;}
.proapp-list ul li .info em{display: block; font-size: 14px; font-family: Arial; margin-bottom: 44px;}
.proapp-list ul li .info span{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 46px;height: 46px;border: 1px solid rgba(255,255,255,0.3); border-radius: 50%;}
.proapp-list ul li:hover .info span{background: #c7000a; border-color: #c7000a;}
#proapp-num {width: 100%; background: url(../images/proapp-line.jpg) repeat-x center; bottom: 2px; height: 36px!important; left: 0; }
#proapp-num .swiper-scrollbar-drag{ height: 3px; background: #134da0; position: relative; top: 46%;  }
#proapp-num .swiper-scrollbar-drag:before,#proapp-num  .swiper-scrollbar-drag:after{  position: absolute; content: ''; width: 14px; height: 14px; background: #134da0; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num .swiper-scrollbar-drag:before{z-index: 3;}
#proapp-num .swiper-scrollbar-drag:after{z-index: 1;    width: 28px; height: 28px; background: transparent; border:4px solid #134da0; right: -11px; }
.proapp .index-more a{border: 2px solid #262626;}
.proapp .index-more a:hover{background: #134DA0; border-color: #134DA0; color: #fff;}
.proapp .index-more a:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 产品中心 */
.product{background: url(../images/product-bg.jpg) no-repeat center; background-size: cover; padding: 98px 0 0; height: 882px; overflow: hidden;}
.product-title{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 148px;}
.product-title .index-title span,.product-title .index-title em{color: #fff;}
.product-title .index-more a{border-color: #fff; color: #fff; border: 2px solid #fff;}
.product-title .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


.product-title a:hover{background: #fff;  color: #134DA0;}
.product-title a:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}



.product-list{ position: relative;  padding-bottom: 190px;}
.product-list ul li{width: 16%;position: relative;}
.product-list ul li .pic{transform: scale(0.8); transition:0.6s; margin-bottom: 39px; position: relative; background: #dee6f3; border-radius: 50%;
   }
.product-list ul li .pic:before,.product-list ul li .pic::after{border-radius: 50%; position: absolute; content: ''; opacity: 0;}
.product-list ul li .pic:before{width: 115%; height: 115%; background: rgba(255,255,255,0.11); top: -7.5%; left: -7.5%;}
.product-list ul li .pic::after{width: 130%; height: 130%; background: rgba(255,255,255,0.04); top: -15%; left: -15%;}

.product-list ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.product-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}



.product-list ul li .icon{transform: scale(0);  transition:0.6s;position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center;}
.product-list ul li strong{display: block; font-size: 26px; color: #fff; text-align: center;}
.product-list ul li.swiper-slide-active .pic{transform: scale(0.9);}
.product-list ul li.swiper-slide-active .icon{transform: scale(1);}
.product-list ul li.swiper-slide-active strong{font-weight: bold;}
.product-list ul li.swiper-slide-active .pic:before,.product-list ul li.swiper-slide-active .pic::after{opacity: 1;}

.pro-line1{position: absolute; top:0; right:0;width:100%; height:100%;  overflow: visible;}
.product-list ul li .pro-line1{opacity: 0;}
.product-list ul li .pro-line1 circle:nth-child(2){opacity: 0;}
.product-list ul li .pro-line2 circle:nth-child(2){opacity: 0;}
.product-list ul li .pro-line2{opacity: 0;}
.product-list ul li.swiper-slide-active .pro-line1 circle:nth-child(2){opacity: 1;}
.product-list ul li.swiper-slide-active .pro-line2 circle:nth-child(2){opacity: 1;}
.product-list ul li.swiper-slide-active .pro-line1{opacity: 1;}
.product-list ul li.swiper-slide-active .pro-line2{opacity: 1;}
/* .product-list ul li.swiper-slide-active #pro-line1{animation: pro-line1 1s infinite;} */

/* @keyframes pro-line1 {
  to {
      stroke-dashoffset: 750;
  }
} */

/* .product-list ul li.swiper-slide-active #pro-line2{animation: pro-line2 1.5s infinite;} */

/* @keyframes pro-line2 {
  to {
      stroke-dashoffset: 900;
  }
} */

.product-list ul li.swiper-slide-active .pro-line1{animation: pro-svg1 5s linear infinite;}

@keyframes pro-svg1 {
  0%   { transform: rotate(0deg); } 
 
  100% { transform: rotate(-360deg); } 
}


.pro-line2 {
  position: absolute;
  top: -15%;

  width: 130%;
  height: 130%;
  overflow: visible;
  left: -15%;
}


 .product-list ul li.swiper-slide-active .pro-line2{animation: pro-svg2 5s linear infinite;}

@keyframes pro-svg2 {
  0%   { transform: rotate(0); } 
  
  100% { transform: rotate(360deg); } 
} 




#product-num {width: 73.8%; background: url(../images/product-line.png) repeat-x center; bottom: 2px; height: 36px!important; left: 0; right: 0;margin: 0 auto; }
#product-num .swiper-scrollbar-drag{ height: 3px; background: #fff; position: relative; top: 46%;  }
#product-num .swiper-scrollbar-drag:before,#product-num  .swiper-scrollbar-drag:after{  position: absolute; content: ''; width: 14px; height: 14px; background: #fff; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#product-num .swiper-scrollbar-drag:before{z-index: 3;}
#product-num .swiper-scrollbar-drag:after{z-index: 1;    width: 28px; height: 28px; background: transparent; border:4px solid #fff; right: -11px; }









/* 研发实力 */
.strength{background: url(../images/strength-bg.jpg) no-repeat center bottom; padding: 107px 0 145px;}
.strength-title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 161px;}
.strength-title .index-more a{border-color: #c7000a; background: #c7000a; color: #fff;}
.strength-title .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.strength-list ul{display: flex; justify-content: space-between;}
.strength-list ul li{
    position: relative;
}
.strength-list ul li .icon{top: 0;position: absolute;/* width: 217px; *//* height: 217px; *//* border: 3px solid #eeeeee; *//* border-radius: 50%; */display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 22;bottom: 0;left: 0;right: 0;}
.strength-list ul li b{display: inline-block; font-size: 55px; line-height: 39px; color: #333; font-family: "din"; font-weight: bold; }
.strength-list ul li span{display: inline-block; font-size: 30px; line-height: 18px; font-family: "din";}
.strength-list ul li sup{display: inline-block; font-size: 12px; font-family: "din";}
.strength-list ul li.item1 span{font-size: 24px;}
.strength-list ul li h2{display: block; font-size: 16px; color: #333; margin-top: 9px;}

.strength-list ul li.on #progress{animation: circleProgress 3.5s forwards;}
.strength-list ul li:nth-child(2).on #progress2{animation: circleProgress2 3s forwards;}
.strength-list ul li:nth-child(3).on #progress3{ animation: circleProgress3 3s forwards;}
.strength-list ul li:nth-child(4).on #progress4{  animation: circleProgress4 3s forwards;}
.strength-list ul li:last-child.on #progress5{  animation: circleProgress5 3s forwards;}

@keyframes circleProgress {
      to {
          stroke-dashoffset: 300;
      }
}

@keyframes circleProgress2 {
      to {
          stroke-dashoffset: 340;
      }
}

@keyframes circleProgress3 {
      to {
          stroke-dashoffset: 340;
      }
}

@keyframes circleProgress4 {
      to {
          stroke-dashoffset: 340;
      }
}

@keyframes circleProgress5 {
      to {
          stroke-dashoffset: 340;
      }
}


/* 新闻资讯 */
.news{padding: 89px 0 156px; background: url(../images/news-bg.jpg) no-repeat center top; background-size: cover; }
.news .strength-title{margin-bottom: 75px;}
.news-box{display: flex; justify-content: space-between;}
.news-left{width: 60%;}
.news-left ul li:first-child{border-bottom: 1px solid #ddd; padding-bottom: 37px; margin-bottom: 37px;}
.news-left ul li a{display: flex;}
.news-left ul li .pic{width: 41.2%; margin-right: 5%; border-radius: 10px; overflow: hidden;}
.news-left ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-left ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-left ul li .info{width: 53.8%;}
.news-left ul li .info span{display: block; font-size: 16px; color: #777; font-family: Arial; margin-bottom: 2px;}
.news-left ul li .info strong{display: block; font-size: 20px; color: #333; margin-bottom: 7px;}
.news-left ul li .info p{ font-size: 14px; line-height: 25px; color: #666; margin-bottom: 51px;}
.news-left ul li .info em{display: block; font-size: 16px; color: #134DA0; }
.news-left ul li .info em>img{display: inline-block; margin-left: 10px;}
.news-left ul li:hover .info strong{color: #134da0;}
.news-right{width: 34%;}
.news-right .pic{display: block; overflow: hidden; border-radius: 10px; margin-bottom: 23px;}
.news-right .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-right a:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.news-right .info{padding: 0 2%;}
.news-right .info span{display: block; font-size: 16px; color: #777; margin-bottom: 3px;}
.news-right .info b{display: block; font-size: 20px; color: #333; margin-bottom: 8px;}
.news-right .info p{font-size: 14px; line-height: 25px; color: #666; margin-bottom: 26px;}
.news-right .info em{display: block; font-size: 16px; color: #134DA0; }
.news-right .info em>img{display: inline-block; margin-left: 10px;}
.news-right a:hover .info b{color: #134da0;}


/* 联系我们 */
.contact{background: url(../images/contact-bg.jpg) no-repeat center; background-size: cover; height: 435px;}
.contact .container-s{display: flex; align-items: center; justify-content: center; height: 100%; text-align: center;}
.contact .info h3{display: block; font-size: 39px; color: #fff; line-height: 56px;}
.contact .info .index-more a{border-color: #c7000a; background: #c7000a; color: #fff; margin: 53px auto 0; }
.contact .info .index-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


/* 公共底部 */
.footer{border-top: 1px solid #DDD;}
.footer-top{display: flex; justify-content: space-between; padding: 76px 0 61px; border-bottom: 1px solid rgba(218,218,218,0.35);}
.footer-left{}
.footer-logo a img{display: block; margin-bottom: 85px;}
.footer-tel em{display: block; font-size: 30px; color: #C7000A; font-family: Arial; line-height: 22px; margin-bottom: 6px;}
.footer-tel span{display: block; font-size: 15px; color: #7B7B7B;}
.foot-nav{display: flex; justify-content: space-between; width: 68%;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #333; margin-bottom: 15px;}
.foot-nav dl dd a{display: block; font-size: 16px; line-height: 38px; color: #808080;}
.foot-nav dl dd a:hover,.footer-copy p a:hover{color: #C7000A;}
.footer-copy {display: flex; align-items: center; justify-content: space-between; height: 90px;}
.footer-copy p{display: block; font-size: 15px; color: #666; }
.footer-copy p a{color: #666; }
.footer-copy .foot-wechat{position: relative;}
.foot-wechat a>img{filter: invert(73%) sepia(11%) saturate(0%) hue-rotate(141deg) brightness(103%) contrast(77%);}
.foot-wechat .hide{transition:0.6s; position: absolute; bottom: 37px;  right: 0; border: 1px solid #ccc; opacity: 0;}
.foot-wechat a:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}
.footer-copy a:hover .hide{opacity: 1;}





/*在线咨询*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #de591e;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #de591e;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/ny-wechat.jpg) no-repeat center top 10px #de591e;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}





/* 内页banner */
.header-zw{height: 101px;}
.ny-banner {overflow: hidden; position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.ny-banner .con h3 {font-size: 65px;color: #ffffff;}
.ny-banner .con .en {color: #ffffff;font-size:30px;  font-family: "OpenSansRegular";letter-spacing: 6px; text-transform: capitalize;}


/* ===内页关于华仁=== */
.aboutOne {padding-bottom: 9rem; padding-top: 5.4rem;}
.aboutOne .tle {text-align: center;}
.aboutOne .tle h3 {font-size: 2.5rem;color: #333333;font-weight: 400; line-height: 2rem;}
.aboutOne .tle h4 {font-size: 2.25rem;color: #333333; font-weight: 100; display: none;}
.aboutOne .tle p {font-size: 1rem;color: #666666;font-weight: 400; width: 80%; margin: auto;margin-top: 3rem;}
.aboutOne ul {justify-content: space-around; margin-top: 1rem;overflow: hidden;}
.aboutOne li {text-align: center;width: 33%;float:left;margin-top: 5rem;}
.aboutOne li .time {}
.aboutOne li strong {font-size: 3.5rem;color: #C7000A;font-weight: 700;}
.aboutOne li small {font-size: 1.25rem; color: #333333;}
.aboutOne li span {font-size: 1rem;color: #444444;font-weight: 400;}
.aboutTwo {padding-bottom: 10rem;}
.aboutTwo .box {position: relative;}
.aboutTwo .box::after {background: #C7000A; content: ""; position: absolute; bottom: -4%; left: 9%; width: 80%; height: 80%; z-index: -1;}

.cultle {text-align: center; }
.cultle h3 {font-size: 2.5rem;color: #333333; line-height: 3rem;}
.cultle small {font-size: 2.25rem;color: #333333;font-weight: 200; display: none;}
.cultureTwo {background: #f5f5f5; padding: 6rem 0 7rem 0; margin-bottom: 135px;}
.cultureTwo ul {display: flex; justify-content: space-between; margin-top: 5rem;}
.cultureTwo ul li {width: 31.5%;}
.cultureTwo ul li .imgBox {overflow: hidden;}
.cultureTwo ul li h4 {font-size: 2.13rem; font-weight: 700;padding: 1.5rem 0 1rem 0; border-top: 1px solid #ddd; color: #333; }
.cultureTwo ul li img {width: 100%;display: block; transition: .5s;}
.cultureTwo ul li span {font-size: 1.13rem;color: #777777; margin-top: 1.5rem; display: block;}
.cultureTwo ul li:hover img {transform: scale(1.1);}

.aboutThree ul {display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 10rem;}
.aboutThree ul li {width: 46%; margin-bottom: 3rem;}
.aboutThree li .imgBox {overflow: hidden; position: relative;}
.aboutThree li .imgBox::after {content: ""; position: absolute; bottom: 0; height: 5px; background: #C7000A; width: 0; transition: .5s;}
.aboutThree li .imgBox img {transition: .5s; width: 100%; display: block;}
.aboutThree li h3 {font-size: 2.13rem;color: #333333; margin: 2rem 0 1rem 0;}
.aboutThree li p {font-size: 1.13rem;color: #777777; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.aboutThree li .info {font-size: 1rem;color: #C7000A;font-weight: 400; display: block; margin-top: 2rem;}
.aboutThree li:hover img {transform: scale(1.1);}
.aboutThree li:hover .imgBox::after {width: 100%; }
.aboutThree li:hover h3 {color: #C7000A;}


/* 内页发展历程 */
#about,#culture{position: relative; top: -50px;}
.aboutNav {border-bottom: 1px solid #eee; background: #fff;position: relative; z-index: 1;}
.aboutNav ul {display: flex; justify-content: center; height: 70px; }
.aboutNav ul li a { display: flex; align-items: center; height: 100%; font-size: 16px;  padding:0 45px; box-sizing: border-box; transition: .5s; color: #333333;}
.aboutNav ul li.on a , .aboutNav ul li:hover a {color: #FEFEFE;background: #C7000A;}

.historyList { padding: 7rem 0;}
.historyList ul {background: url(../images/history-bj.png) repeat-y center; padding-bottom: 5rem; }
.hislist li {float: left; width: 43%; text-align: right; position: relative;  display: none;}
.hislist li .time {display: flex; flex-direction: column; align-items: flex-end; position: relative;}
.hislist li .time .timeCon {text-align: center;}
.hislist li .time .timeCon::after {content: ""; position: absolute;z-index: -1; width: 14%; left: 109%;top: 35%;transform: translate(-50%, -50%);  border: 1px dashed rgba(199, 0, 10, 0.2); }
.hislist li h3 {font-size: 2.19rem; color: #C7000A; line-height: 2.06rem; margin-top: 1rem; font-weight: 700; margin-bottom: 2.5rem; position: relative; transition: .5s;}
.hislist li i {width: 0.69rem;height: 0.69rem; position: absolute;left: 116.2%;top: 35%;transform: translate(-50%, -50%);  background: #C7000A; box-sizing: border-box; display: inline-block;  border-radius: 50%;}
.hislist li i::after {content: "";width: 2rem; height: 2rem; animation: milestones 1s infinite linear; opacity: 0.24;   background: #C7000A; display: block; border-radius: 50%; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); }
.hislist li dd {font-size: 1rem;color: #333333; margin-top: 1rem; position: relative; padding-right: 1rem;box-sizing: border-box;}
.hislist li dd::after {content: ""; width: 5px; height: 5px; border-radius: 50%; background: #C7000A; position: absolute;left: 100%;top: 50%;transform: translate(-50%, -50%); }
.hislist li:nth-child(even) {width: 100%; }
.hislist li:nth-child(even) .box {display: flex; justify-content: flex-end;}
.hislist li:nth-child(even) .box .boxCon {width: 43%;}
.hislist li:nth-child(even) .time {align-items: flex-start;}
.hislist li:nth-child(even) {float: right; text-align: left;}
.hislist li:nth-child(2n) h3 {}
.hislist li:nth-child(2n) i {left: -16.2%; right: auto;}
.hislist li:nth-child(2n) .time .timeCon::after {left: -9%;}
.hislist li:nth-child(2n) dd {padding-left: 1rem; padding-right: 0;}
.hislist li:nth-child(2n) dd::after {left: 0; }
.hislist-more {width: 13.75rem; height: 4.06rem;background: #C7000A; border-radius: 2.06rem; margin: auto;}
.hislist-more a {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.hislist-more span {font-size: 1rem;color: #ffffff;}
@keyframes milestones {0% {/* opacity: 1; */transform: translate(-50%, -50%) scale(1);;}33% { /* opacity: 0.5; */transform: translate(-50%, -50%) scale(1.1);}66% {/* opacity: 0.5; */transform: translate(-50%, -50%) scale(1.2);}100% { /* opacity: 1; */ transform: translate(-50%, -50%) scale(1); }}


/* 内页资质证书列表页 */
.cercateTle {text-align: center; padding: 5rem 0 2rem;}
.cercateTle h3 {font-size: 2.5rem;color: #333333; line-height: 2rem;}
.cercateTle h4 {font-size: 2.25rem;color: #333333; font-weight: 100; display: none;}
.cercateTwo {padding-bottom: 7rem;}
.cercateTwoSwiper {overflow: hidden;position: relative; padding: 1.5rem; box-sizing: border-box; }
.cercateTwoSwiper .box {display: grid; grid-template-columns: repeat(4,1fr); gap: 40px;}
/* .cercateTwoSwiper .swiper-wrapper {flex-direction: initial;} */
.cercateTwoSwiper .swiper-slide { box-shadow: -0.16rem 0.27rem 0.94rem 0.31rem rgba(0,0,0,0.05); }
.cercateTwoSwiper .swiper-slide .imgBox {overflow: hidden; background: #d9d9d9;}
.cercateTwoSwiper .swiper-slide img {width: 100%; display: block; transition: .5s;}
.cercateTwoSwiper .swiper-slide .con {padding: 1rem 1rem; text-align: center; box-sizing: border-box;}
.cercateTwoSwiper .swiper-slide .con span {font-size: 1.13rem;color: #333333;}
.cercateTwoSwiper .swiper-slide:hover img {transform: scale(1.1);}
.cercateTwoSwiper .swiper-slide:hover span {color: #C7000A;}


/* 内页资质证书详情页 */
.nyXq {background: #f5f5f5; padding: 0 0 7rem;}
.nyXq .box {position: relative;}
.nyXq .box::after { position: absolute; content: ""; width: 100% ; top: 0; height: 18.88rem; background: #C7000A; z-index: 0;}
.nyXq .tle { padding: 4rem 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem;   position: relative; z-index: 1;}
.nyXq .tle h3 {font-size: 2.5rem;color: #ffffff;font-weight: 700;}
.nyXq .tle ul {display: flex;}
.nyXq .tle ul li , .nyXq  .tle ul li a {font-size: 1rem;color: #ffffff;}
.nyXq .con {background: #fff; position: relative; z-index: 1; padding: 7rem  7.5rem; box-sizing: border-box;}
.nyXq .con h4 {font-size: 2.13rem;color: #333333;font-weight: 700; margin-bottom: 4rem;text-align: center;}
.fanhui a{transition:0.6s; display: block;width:190px;height:50px;border-radius:50px;text-align: center;line-height: 50px; background: #333;color:#fff;margin:45px auto 0;}
.fanhui a:hover{background: #C7000A; }



/* 内页产品列表页 */
.product-box{display: flex; justify-content: space-between; align-items: flex-start;}
.ny-left{width: 294px; position: sticky; top:50px}
.ny-left,.ny-right{padding: 5.4375rem 0 10rem;}
.pro-search{width: 100%; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; line-height: 3.75rem; height: 3.75rem; padding: 0 6.8%; box-sizing: border-box; margin-bottom: 3.25rem; }
.pro-search input{outline: none; border: none; }
.pro-search .text{display: block; font-size: 0.9375rem; color: #666; width: calc(100% - 30px); line-height: 3.75rem; background: transparent;}
.pro-search .text::placeholder{color: #666;}
.pro-search .submit{ background: url(../images/pro-search.png) no-repeat center; width: 18px; height: 100%;}
.left-title em{display: block; border-top: 0.0625rem solid #eee; font-size: 1.875rem; color: #134DA0; font-family: "PFBold"; padding-top: 2.1875rem; margin-bottom: 2.25rem;}
.left-title i {display: none;}
.pro-class .ctitle1{}
.pro-class .ctitle1>li{ border-bottom: 0.0625rem solid #eee;}
.pro-class .ctitle1>li>h3{transition:0.6s;   padding: 0 0.375rem; box-sizing: border-box;}
.pro-class .ctitle1>li>h3>a{display: block; font-size: 1.125rem; line-height: 3.3125rem; color: #333; font-family: "PFBold";}
.pro-class .ctitle1 li>h3>i{display: block;width: 20px;height: 20px;position: relative;cursor: pointer;}
.pro-class .ctitle1>li>h3>i:before,.pro-class .ctitle1>li>h3>i:after{content: "";background: #04061e;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pro-class .ctitle1>li>h3>i:before{width: 10px;height: 2px;}
.pro-class .ctitle1>li>h3>i:after{width: 2px;height: 10px;}
.pro-class .ctitle1>li>h3>i.on{	transform: rotate(135deg);}
.pro-class .ctitle1>li:hover>h3>i:before,.pro-class .ctitle1>li:hover>h3>i:after{background: #fff;}
.pro-class .ctitle1>li:hover>h3,.pro-class .ctitle1>li>h3.on{background: #134DA0; color: #fff; border-radius: 1.5625rem; }
.pro-class .ctitle1>li:hover>h3>a,.pro-class .ctitle1>li>h3.on>a{color: #fff;}
.pro-class .ctitle2{display: none;padding: 1.75rem 0 1.5625rem 1.25rem;}
.pro-class .ctitle2>li{margin-bottom: 0.8125rem;}
.pro-class .ctitle2>li>a{display: block; font-size: 1.125rem; color: #333; position: relative; padding-left: 1.375rem;}


.pro-class .ctitle2>li>a:before{content: "";width: 10px;height: 10px;border: 1px solid #dfdfdf;border-radius: 50%;position: absolute;left: 0;top: 5px;transition: all 0.4s;}
.pro-class .ctitle2>li>a:after{content: "";width: 6px;height: 6px;background: #dfdfdf;border-radius: 50%;position: absolute;left: 3px;top: 8px;transition: all 0.4s;}
.pro-class .ctitle2>li>a:hover,
.pro-class .ctitle2>li>a.on{	color: #C7000A;}
.pro-class .ctitle2>li>a:hover:before,
.pro-class .ctitle2>li>a.on:before{	border-color: #C7000A;}
.pro-class .ctitle2>li>a:hover:after,
.pro-class .ctitle2>li>a.on:after{	background: #C7000A;}


.ny-right{width: calc(100% - 340px); padding-left: 3.25%; border-left: 0.0625rem solid #eee; box-sizing: border-box;}
.nypro-list ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.nypro-list ul:after{content: ''; width: 31.5%;}
.nypro-list ul li{width: 31.5%; margin-bottom: 2.5625rem; box-sizing: border-box; border: 0.0625rem solid #dddddd; text-align: center; padding-bottom: 2.5rem; transition:0.6s}
.nypro-list ul li .pic{overflow: hidden; margin-bottom: 30px;}
.nypro-list ul li .pic img{display: block;  width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li strong{display: block; font-size: 1.2rem; color: #333; font-family: "PFBold"; margin-bottom: 0.25rem;}
.nypro-list ul li p{font-size: 1rem; color: #777; margin-bottom: 1.5625rem; min-height: 3.5rem; padding: 0 1rem}
.nypro-list ul li .pro-btn{display: flex; justify-content: center;}
.nypro-list ul li em{display: block;width: 7.75rem;background: #333333; font-size: 0.9375rem; line-height: 2.5rem; color: #fff; margin-right: 0.25rem;}
.nypro-list ul li span{display: flex; align-items: center; justify-content: center; width: 2.8125rem;height: 2.5rem;background: #C7000A;}
.nypro-list ul li:hover{ border-color: #134DA0;}
.nypro-list ul li:hover em{background: #134DA0;}



/* 内与产品详情页 */
.pro-position{ padding: 1.875rem 0;  }
.pro-position span{display: block; font-size: 1.0625rem; color: #333; } 
.pro-position a{color: #333;}
.pro-position a:hover{color: #C7000A;}
.proxq-box{ padding: 3.875rem  0  7.6875rem; background: #e4ebf4; margin-bottom: 100px;}
.proxq-box .container{display: flex; justify-content: space-between;}
.proxq-pic{width: 36%;}
.proxq-info{width: 53%;}
.propic-big { box-shadow: 0px 0px 73px 0px rgba(227, 226, 225, 0.42); margin-bottom: 1.25rem;}
.propic-big ul li{}
.propic-big ul li .pic img{display: block; width: 100%;}
.propic-small{display: none;}

.propic-small ul li{background: #fff; position: relative;}
.propic-small ul li:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(52, 85, 157, 0.85); top: 0; opacity: 0;}
.propic-small ul li .pic{box-sizing: border-box; border: 0.0625rem solid #eeeeee;}
.propic-small ul li .pic img{display: block; width: 100%;}
.propic-small ul li.swiper-slide-thumb-active:after{ opacity: 1;}
.proxq-info strong{display: block; font-size: 3rem; color: #333; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; margin-bottom: 2.25rem;}
.proxq-info .text{margin-bottom: 2.4375rem;}
.proxq-info .text em,.proxq-info .text p{display: block; font-size: 1rem; line-height: 1.75rem; }
.proxq-info .text em{color: #C7000A;}
.proxq-info .text p{color: #333333; margin-bottom: 1.3125rem;}
.proxq-btn{ padding-bottom: 3.125rem; border-bottom: 1px solid #dbdbdb; margin-bottom: 2rem;}
.proxq-btn a{z-index: 0; position: relative; overflow: hidden;  display: inline-block; width: 22.5%; font-size: 1.0625rem; line-height: 3.4375rem; background: #1954a7; border-radius: 0.3125rem; text-align: center; color: #fff; }
.proxq-btn a.order{background: #db1620; margin-right: 0.9375rem;}
.proxq-btn a>img{display: inline-block; vertical-align: middle; margin-left: 6%;}
.proxq-btn a:before{content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s; }
.proxq-btn a.order:before{background: #C7000A;}
.proxq-btn a:before{background: #134da0;}
.proxq-btn a:hover:before{width: 100%;left: 0;opacity: 1;}


.proxq-arrow{display: flex; justify-content: space-between; align-items: center;}
.proxq-arrow a{display: flex; align-items: center; }
.proxq-arrow i{display: block; display: flex;  align-items: center;  justify-content: center;  width: 3.125rem;  line-height: 2.875rem;  height: 3.125rem;  border-radius: 0.25rem;  border: 0.125rem solid #dbdbdb; transition:0.6s}
.proxq-arrow h5{display: block; font-size: 1.125rem; color: #1a1a1a;}
.proxq-arrow a:first-child i { transform: rotateY(180deg); margin-right: 1.25rem;}
.proxq-arrow a:last-child i {    margin-left: 1.25rem;}
.proxq-arrow a:hover i{background: #e6291e;border-color: #e6291e;}
.proxq-arrow a:hover i svg path{	fill: #ffffff;}
.proxq-arrow a:hover h5{color: #e6291e;}

.peculiarity{margin-bottom: 4.875rem;}
.peculiarity-title strong{display: block; font-size: 2.25rem; color: #333; text-indent: 0.4375rem; border-bottom: 0.0625rem solid #ddd; padding-bottom: 1.125rem; margin-bottom: 1.875rem; font-family: "PFBold";}
.proInquiry{background: url(../images/order-mess.jpg) no-repeat center bottom;    padding: 4.125rem 7.3% 5.1875rem; box-sizing: border-box; border-radius: 0.625rem;box-shadow: 0px 0px 73px 0px rgba(226,225,224,0.42); }
.proxq-title strong{display: block;  font-size: 3.125rem; color: #333; text-align: center; margin-bottom: 4.375rem; font-weight: normal;}
.order-mess dl dd{display: flex; justify-content: space-between; align-items: center;}
.order-mess input,.order-mess textarea,.order-mess dt input{display: block; outline: none; border:none; background: #f6f6f6;border-radius: 0.3125rem; font-family: "PFMedium"; font-size: 1rem;  text-indent: 2rem;}
.order-mess dt input{background: #C7000A;}
.order-mess dl dd{margin-bottom: 1.25rem;}
.order-mess dl dd input{ line-height: 4.5625rem; width: 31%;} 
.order-mess dl dd input::placeholder,.order-mess textarea::placeholder{color: #666; }
.order-mess dl dd.textarea{width: 100%;}
.order-mess dl dd textarea{width: 100%; height: 13.125rem; padding: 2.3125rem 0; box-sizing: border-box;}
.order-mess dl dt{display: flex; align-items: center; justify-content: center;}
.order-mess dl dt .submit{width: 10.8125rem; color: #fff; line-height: 3.4375rem; text-indent: 0; cursor: pointer; transition:0.6s}
.order-mess dl dt .submit:hover{background: #134da0;}
.pro-recom{padding: 5.875rem 0 8.8125rem;}
.recom-box{position: relative;}
.recom-list{max-width: 100%; margin: 0 auto; overflow: hidden; padding: 0.625rem; box-sizing: border-box;}
#recom-num{display: none;}
.recom-list ul li{}
.recom-list ul li .pic{overflow: hidden; box-shadow: 0px 0px 0.875rem 0px rgba(226,225,224,0.42); margin-bottom: 1.9375rem; }
.recom-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.recom-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.recom-list ul li em{display: block; font-size: 1.25rem; color: #333; font-family: "PFBold"; text-align: center;}
.recom-list ul li:hover em{color: #134da0;}
#recom-prev,#recom-next{top: 38%; transition:0.6s; height: 2.75rem; width: 2.75rem; border-radius: 0.25rem;   border: 0.125rem solid #CCCCCC; opacity: 0.35; display: flex; align-items: center; justify-content: center;}
#recom-prev svg{transform: rotate(180deg);}
#recom-prev:hover,#recom-next:hover{background: #C7000A; border-color: #C7000A; opacity: 1;}
#recom-prev:hover svg,#recom-next:hover svg{fill: #ffffff;}




/* 内页新闻列表页 */
.newsInfo {margin-top: 70px; margin-bottom: 100px;}
.newsInfoSwiper {background: #f8f8f8;}
.newsInfoSwiper .slideBox {display: flex; align-items: center}
.newsInfoSwiper .slideBox .le {padding: 1% 4%; box-sizing: border-box; width: 50%; box-sizing: border-box;}
.newsInfoSwiper .slideBox em {color: #C7000A;font-size:18px;}
.newsInfoSwiper .slideBox h3 {margin-top: .15rem;font-size:30px;color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsInfoSwiper .slideBox p {font-size:16px; color: #888888;line-height: 1.8; margin-top: .3rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsInfoSwiper .slideBox .time {font-size:16px; font-family: Arial, Arial-Regular;color: #777777; margin-top: 20px;}
.newsInfoSwiper .slideBox .more {position: relative; margin-top: 8%;display: flex; width: 153px; height: 55px; justify-content: center; align-items: center;}
.newsInfoSwiper .slideBox .more a {display: flex; justify-content: center; align-items: center;width: 100%; height: 100%;}
.newsInfoSwiper .slideBox .more a {color: #fff; font-size: 16px;    background: #C7000A;padding-right: 25%; box-sizing: border-box;}
.newsInfoSwiper .slideBox .more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); position: absolute; top: 50%; transform: translateY(-50%); right: 15%;}
.newsInfoSwiper .re {height: auto; width: 50%; overflow: hidden;}
.newsInfoSwiper .re img {height: 100%; width: 100%; object-fit: cover; transition: .5s;}
.newsInfoSwiper .re:hover img {transform: scale(1.05);}
.newsInfoSwiper .swiper-button-prev {transform: rotate(180deg); margin-right: 15px; left: 40.5%;}
.newsInfoSwiper .swjt {top: 80%; cursor: pointer; right: 52%; width: 45px; height: 45px;background: #C7000A; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.newsInfoSwiper .swjt img {max-width: 20%;filter: brightness(100); -webkit-filter:brightness(100);}
.newsInfoSwiper .swjt:hover {background: #C7000A;}
.newsInfoSwiper .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.newsInfoSwiper .swjt.swiper-button-disabled {background: #eeeeee;opacity: 1;}
.newsInfoSwiper .swjt.swiper-button-disabled img {filter: none;-webkit-filter:none;}

.newsCenter .boxTop {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.newsCenter .tle {font-size: 46px;color: #333333;}
.newsCenter .swiperBox {position: relative;}
.newsCenterSwiper {margin: 0;}
.newsCenterSwiper .swiper-slide {flex: 1;text-align: center;}
.newsCenterSwiper .swiper-slide a {display: block; font-size: 16px; white-space: nowrap; color: #777777; margin-left: 40px; position: relative; padding-bottom: 12px;}
.newsCenterSwiper .swiper-slide a::after {content: ""; position: absolute; width: 0; left: 0; height: 4px;background: #C7000A; border-radius: 10px; bottom: 0; transition: .5s;}
.newsCenterSwiper .swjt {right: 0; display: none;}
.newsCenterSwiper .swjt img { filter: brightness(0); -webkit-filter:brightness(0);}
.newsCenterSwiper .swiper-button-prev {transform: rotate(180deg); left: 0;}
.newsCenterSwiper .swiper-slide:hover a , .newsCenterSwiper .swiper-slide.on a {color: #C7000A;}
.newsCenterSwiper .swiper-slide:hover a::after , .newsCenterSwiper .swiper-slide.on a::after {width: 100%;}
.newsList {margin: 80px 0;}
.newsList ul {display: grid; grid-template-columns: repeat(3,1fr); width: 106%;margin-left: -3%; position: relative;}
.newsList ul li {position: relative;padding: 0 9%; padding-bottom: 50px; box-sizing: border-box;position: relative; overflow: hidden; margin-bottom: 70px;}
.newsList ul::before {content: ""; position: absolute; width: 1px; height: calc(100% - 70px);background: #eeeeee;right: 66.6%; top: 0; overflow: hidden;}
.newsList ul::after {content: ""; position: absolute; width: 1px;  height: calc(100% - 70px);background: #eeeeee;right: 33.3%; top: 0; overflow: hidden;}
.newsList ul li:nth-child(3n)::before {display: none;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li h5 {color: #333333;font-size:18px;margin-top: 20px;}
.newsList ul li p {color: #777777;font-size:16px;margin-top: 20px;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.newsList ul li em {display: block;margin-top: 30px; font-size:16px;color: #666666; font-family: Arial, Arial-Regular; position: relative;}
.newsList ul li em::after {content: ""; position: absolute; right: 0;top: 0;  width: 100%; height: 100%;  background: url(../images/jt7.png) no-repeat 80%; transition: .5s; opacity: 0;}
.newsList ul li:hover em::after {background-position-x: 100%; opacity: 1;}
.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%); clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}
.newsList ul li:hover h5 {color: #C7000A;}




/* 新闻详情 */
.mbx {margin-bottom: 50px;color: #888888; font-size: 15px;}
.mbx a:hover {color: #C7000A;}
.newsDate {background: #e4ebf4; padding: 50px 0 100px 0;}
.newsDate h3 {font-size: 39px;color: #333333;}
.newsDate .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.newsDate .tleBox .tleLe {margin-right: 50px; width: 75%;}
.newsDate .tleBox dl {margin-top: 50px;display: grid; grid-template-columns: repeat(2,auto);gap: .8rem; justify-content: flex-start;}
.newsDate .tleBox dl dd {display: flex; align-items: center;}
.newsDate .tleBox dl dd span {margin-left: 8px;color: #888888;font-size:16px;}
.newsDate .tleBox .more { margin-top: 10px; width: 200px; height: 71px; background: #C7000A;  border-radius: 36px; transition: .5s;}
.newsDate .tleBox .more span {display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 30%; color: #fff; font-size: 17px; transition: .5s;}
.newsDate .tleBox .more img{display: inline-block; position: absolute; right: 15%; top: 50%; transform: translateY(-50%);}
.newDateCon {margin: 50px 0 100px 0;}
.newDateCon img {max-width: 100%;}
.newDateCon .box {display: flex; justify-content: space-between; align-items: flex-start;}
.newDateCon .box .le {width: 65%;}
.newDateCon .box .re {width: 23%; position: sticky; top: 128px;}
.newDateCon .box .le .shareLinks {text-align: center; margin-top: 1rem; color: #666; font-size:14px; margin-bottom: 50px;}
.newDateCon .box .le .shareLinks span {margin-bottom: .1rem; display: block;}
.dateCon{padding-bottom: 40px;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: 50px;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 30px;height: 30px;border: 1px solid #a9a9a9;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size:14px; margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #C7000A;}
.newDateCon .box .re h4 {font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #DDDDDD; color: #333;}
.newDateCon .box .re li {padding: 20px 0; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re h6 {font-size: 18px;color: #666666; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newDateCon .box .re em {font-size:14px;color: #a4a7ab;margin-top: 15px;display: block;}
.newDateCon .box .re li:hover h6 {color:#C7000A ;}


/* 内页联系我们 */
.contactTle {text-align: center;padding: 100px 0 60px;}
.contactTle h4 {font-size: 48px;color: #ffffff;}
.contactTle i {width:80px; height: 5px; background: #C7000A;border-radius: 3px; display: inline-block;}
.contactTle span {color: #ffffff;font-size: 20px; display: block; margin-top: 10px; font-weight: 100;}
.contactOne {padding-bottom: 150px; height: 732px; box-sizing: border-box; overflow: hidden;}
.contactOne ul {display: grid; grid-template-columns: repeat(2,1fr); gap: 30px; }
.contactOne li {overflow: visible;  height: 260px; padding: 50px 20px 40px 40px; background: rgba(255, 255, 255,.09);border: 1px solid #ddd;border-radius: 10px;transition: all .5s;}
.contactOne li:hover{margin-top:-10px}
.contactOne li h5 {color: #333; font-size: 26px;}
.contactOne li dl {margin-top: 25px;}
.contactOne li dd {margin: 10px 0;}
.contactOne li dd , .contactOne li dd a ,.contactOne li dd p {color: #666; font-size: 16px;}
.contactOne li dd a:hover {color: #C7000A;}
.contactOne li dd a{display: block;}


/* 人才招聘 */
.talentOne {padding-bottom: 3rem;}
.talentOne .tle {text-align: center;padding: 6rem  0 3rem 0;}
.talentOne .tle h3 {font-size: 2.38rem;color: #333333; margin-bottom: 1rem;}
.talentOne .tle p {font-size: 1rem; color: #666666;}
.talentOne ul {display: flex;justify-content: space-between;}
.talentOne ul li {margin-top: 1rem; width: 32%;}
.talentOne ul li .imgBox {overflow: hidden;}
.talentOne ul li img {display: block; width: 100%; transition: .5s;}
.talentOne ul li .con {padding: 0 1rem;}
.talentOne ul li h5 {margin: 1rem 0;font-size: 1.5rem;color: #333333; margin-top: 2rem;}
.talentOne ul li p {font-size: 0.94rem;color: #666666;}
.talentOne ul li:hover img {transform: scale(1.05);}

.talentTwo {padding-bottom: 10rem; background: #f5f5f5; padding-top: 4rem;}
.talentTwo .tle {font-size: 2.38rem;font-weight: 400;color: #333333;text-align: center;  margin-bottom: 4rem;}
.talentTwo .joinus-tab {width: 100%; border-collapse: collapse;}
.talentTwo .joinus-tab tr {text-align: center; padding: 1.8rem 0; font-size: 1.13rem;color: #333333; font-weight: 400; display: flex;}
.talentTwo .joinus-tab tr:nth-child(odd) {background: #EEEEEE;}
.talentTwo .joinus-tab tr td { width: 20%; }
.talentTwo .joinus-tab tr td:nth-child(4) {width: 35%; text-align: right;}
.talentTwo .joinus-tab tr .lastTd {width: 0;}
.talentTwo .joinus-tab tr a img {filter: grayscale(100%);}
.talentTwo .joinus-tab tr a:hover img {filter: none;}
/* 弹出层 */
.acquisition-info {padding: 3rem;box-sizing: border-box; background-color: #fff; width: 60%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info .time span {font-size: 1rem; color: #666;display: inline-block; margin-right: 6rem;}
.acquisition-info .time {border-bottom: 1px solid #ececec; padding: 1rem 0; text-align: left;}
.acquisition-info dl {margin-top: 2.5rem; text-align: left;}
.acquisition-info dt {color: #333; font-size: 1rem;}
.acquisition-info dd {color: #666; font-size: 1rem; margin-top: 1.1rem;}
.acquisition-info dl p {margin-top:5px;}
.acquisition-info dl span{ margin-top:0;font-size:0.8rem;color:#666; line-height: 20px;}




/* 内页行业应用列表页 */
.app{ padding: 0 0 60px 0;}
.app .container{overflow: hidden;}
.app .box {  position: relative;}



.app .box .pass {
position: relative;
  padding: 60px  0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.app .box .pass::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #ece9e9;
  position: absolute;
  left: 0;
  top: 50%;
}

.tit-18 {

  font-size: 18px;
}

.app .box .item {
  text-align: center;
  margin-top: 40px;
  z-index: 2;
  cursor: pointer;
}

.app .box .item .circ {
  display: inline-block;
  z-index: 2;
  background-color: #fff;
  width: 16px;
  height: 16px;
  opacity: 0;

  border-radius: 50%;
  position: relative;
  margin-bottom: 8px;
}

.app .box .item.on .circ {
  opacity: 1;
}

.app .box .item.on {
  color: #C7000A;
}

.svgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}


.svgs .svg {
  stroke-width: 4;
  r: calc(50% - 2px);
}

.svgs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
}

.svgs .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.app .box .item.on .circ .circle {
  animation: circle 3s linear;
  opacity: 1;
  transition: 1s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 40;
  }

  to {
    stroke-dasharray: 40 0;
  }
}


.app-a {
 
  box-sizing: border-box;
  overflow: hidden;
}

.app-container{overflow: hidden;}
.app-a .swiper-slide {
  width: 100%;
  height: 450px;
}

.app-a .swiper-slide .img {
  width: 56%;
  height: 100%;
  overflow: hidden;

}
.app-a .swiper-slide .img .bg{

  height: 100%;


}
.app-a .swiper-slide a{display: flex; justify-content: space-between; height: 100%;}
.app-a .swiper-slide .txt {
  background-color: #f7f7f7;
  width: 44%;
  height: 100%;
  overflow: hidden;
  padding: 60px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}


.app-a .swiper-slide .txt .tit-24 {
  display: block;
  color: #333;
  font-size: 30px;
  margin-bottom: 15px;
}

.app-a .swiper-slide .txt .tit-30 {
  font-size: 18px;
  display: block;
  margin-bottom: 60px;
  color: #666;
}


.app-more{ display: block; width: 166px;border: 2px solid #C7000A;text-align: center; font-size: 18px; line-height: 59px; text-align: center; background: #C7000A;  color: #fff;}
.app-more span{display: inline-block; margin-right: 27px; transition:0.6s}
.app-a a:hover .app-more span{margin-right: 35px;}
.app-more img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}



.fy { padding: 3rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {background: #F5F5F5; display: flex; align-items: center; justify-content: center;  color: #333; font-size: 14px;}
.fy a {width: 40px; height: 40px; transition: .4s; margin:5px; border-radius: 50%;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 70px; border-radius: 30px;}
.fy a:hover {color: #fff; background: #C7000A;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.fy .layui-laypage-curr {width: 40px; height: 40px; color: #fff; background: #C7000A; font-size: 14px; margin: 0 5px;}


/* 搜索页面 */
.search-page .container15 {width: 1200px;}
.search-page .box {margin-top: 1rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; background: transparent;}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #c5020a;color: #fff;/* font-size: 12px; *//* padding: 2px 5px; */font-size: 1rem;padding: 0.5%;}
.search-page li h3 {font-size: 1.125rem;color: #000000;font-weight: 700;margin: 10px 0;}
.search-page li p {font-size: 1rem;color: #666;line-height: 1.5rem;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
    .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}
    .search-page form .searchCon {width: 80%;}
}
#c-placeholder{height: 13rem;}



.xq-page{border-top: 1px solid #f2f2f2; display: flex; justify-content: space-between; margin-top: 30px; padding: 15px 0;}
.xq-page em{color: #333;}
.xq-page a{color: #666;}
.xq-page a:hover{color: #C7000A;}





a.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #134da0;
  color: #fff;
}
a.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#134da0;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-radial-out:hover,a.hvr-radial-out:focus,a.hvr-radial-out:active {
  color: white;
}
a.hvr-radial-out:hover:before,a.hvr-radial-out:focus:before,a.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

.about-box .index-more a:hover{border-color: #134da0;}



.ny-titles{position: relative; line-height: 40px!important; height: 70px!important; font-size: 40px!important; color: #333!important;}
.ny-titles:after{position: absolute; content: ''; width: 50px; height: 4px; background: #C7000A; left: 50%; transform: translateX(-50%); bottom: 0;}









/* 联系我们在线留言 */
.contactTwo {background: #f0f0f0; padding-bottom: 100px;}
.contactTwo .box form {width: 1055px; max-width: 92%; margin: auto;}
.contactTwo .box input , .contactTwo .box textarea {border: none; width: 100%; outline: none; background: #ffffff;border-radius: 0.31rem; height: 3.75rem; font-size: 1rem; color: #333; padding-left: 1.35rem; box-sizing: border-box;}
.contactTwo .box input::placeholder , .contactTwo .box textarea::placeholder{font-size: 1rem;font-weight: 400;color: #aaaaaa; font-family: "Microsoft YaHei";}
.contactTwo .box .input2 {display: flex; justify-content: space-between;}
.contactTwo .box .input2 .inputText {width: 49%; position: relative; margin-bottom: 1.1rem; background: #ffffff;border-radius: 0.31rem;}
.contactTwo .box .input2 .inputText input {width: 88%;}
.contactTwo .box .input2 .inputText label {position: absolute; left: 93%; top: 50%; transform: translate(-50%, -50%);}
.contactTwo .box .inputLiuYan { margin-bottom: 1.1rem;}
.contactTwo .box .inputLiuYan textarea {height: 10.75rem; padding-top: 1.4rem; resize: none; font-family: "Microsoft YaHei"; }
.contactTwo .box .subInput {background: #134da0; padding-left: 0;color: #fff;cursor: pointer;transition: 0.6s;} 
.contactTwo .box .subInput:hover{background: #C7000A;}
.contactTwo .box .sub {width: 10.5rem;height: 3.44rem;border-radius: 1.75rem; display: flex; align-items: center; justify-content: center;}
.contactTwo .box .sub {position: relative; overflow: hidden; z-index: 1; margin: auto; margin-top: 4.75rem;}

.contactTwo .box .sub span {font-size: 1.06rem;font-weight: 700;color: #ffffff; margin-right: 1rem;transition: .5s; letter-spacing: 0.03rem;}
.contactTwo .box .sub:hover span {margin-right: 1.5rem;}



#hi-upgrade {position: fixed;top: 0; left: 0; z-index: 9999; width: 100%;height: 100%;background: #fff;font-size: 16px; line-height: 26px; text-align: center;}
#hi-upgrade .hi-wrap {position: absolute; top: 50%; left: 50%;margin: -177px 0 0 -450px;width: 900px;}
#hi-upgrade .hi-wrap .hi-title {font-size: 30px; line-height: 40px; color: #333;}
#hi-upgrade .hi-wrap .hi-close {margin: 10px 0;display: inline-block; cursor: pointer;font-size: 18px;color: #f16777;}
#hi-upgrade .hi-wrap .hi-close:hover {text-decoration: underline;}
#hi-upgrade .hi-wrap .hi-text1 {color: #666;}
#hi-upgrade .hi-wrap .hi-text1 span {color: #f16777;}
#hi-upgrade .hi-wrap .hi-text2 {position: relative; margin: 60px 0; color: #333;}
#hi-upgrade .hi-wrap .hi-text2::before {content: "";position: absolute;top: 50%;left: 0;z-index: 1; width: 100%; border-top: 1px solid #ddd;}
#hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5; padding: 0 30px;background: #fff;}
#hi-upgrade .hi-wrap .hi-list { overflow: hidden;}
#hi-upgrade .hi-wrap .hi-list li {display: inline-block;width: 16%;}
#hi-upgrade .hi-wrap .hi-list li div {margin: 0 auto 5px;width: 50px;height: 50px;}
#hi-upgrade .hi-wrap .hi-list li a {color: #666;}
#hi-upgrade .hi-wrap .hi-list li a:hover {color: #f16777;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {background: url(../images/hi-llq-1.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 { background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 { background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 { background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;}