body,html{height: 100%;-webkit-text-size-adjust:none;}
* {margin:0px;padding:0px;border:none;outline:none;}
body{font-family:"Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 16px;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}
ol,li{list-style: none;}
a{text-decoration: none;color:#010101;}
a:hover,a:focus,a:visited{text-decoration:none;outline:none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
input:focus {outline:none !important;box-shadow: none !important;}
.text-r{text-align: right;}
.text-max-800{max-width: 800px;margin:0 auto;}
a:hover{color: #085BD1;}
input:focus, textarea:focus,  select:focus {outline: none; box-shadow: inherit;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align: middle;
    border: 0;
}
.fixed{position: fixed !important;}
.container{width: auto; margin: 0 15px; padding: 0;}
.container2{width: auto; margin: 0 15px; padding: 0;}
.container-fluid{padding: 0;}
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}
@font-face {font-family: 'PingFang';src: url('../fonts/PingFang.otf');}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf'),
  url('../fonts/iconfont.woff'),
  url('../fonts/iconfont.woff2');
  font-weight: normal;
  font-style: normal;
}
.tc{text-align: center;}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-xiangyou-jiantou:before {content: "\e779";}
.ellipsis2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*header*/
header{position: relative;width: 100%;z-index: 999;}
.head-main{position: fixed; width: 100%;height: 1rem; display: flex;display: -moz-box;display: -ms-flexbox;align-items: center;-ms-flex-align: center;
 justify-content: space-between;padding: 0 1rem;border-bottom: 1px solid rgba(255,255,255,.2);}

.logo{width: 1.23rem;}
.logo img{}
.logo img:nth-of-type(1){display: block;}
.logo img:nth-of-type(2){display:none;position: absolute;left: 1rem;top:50%;transform: translateY(-50%); width: 1.28rem;}
.head-main.sticky{background: #fff; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-bottom: 1px solid #e1e1e1;box-shadow:0 3px 3px -3px #ddd ;}
.head-main.sticky .header-nav ul li > a{color: #333;}
.head-main.sticky .logo img:nth-of-type(1),.head-main.on .logo img:nth-of-type(1){display: none;}
.head-main.sticky .logo img:nth-of-type(2),.head-main.on .logo img:nth-of-type(2){display: block;}

.head-r{}
.head-main.sticky .language a,.head-main.on .head-r,.head-main.on .head-r a {color: #222;}
.head-main.sticky .head-r a,.head-main.sticky .head-r{color: #333;}
.head-main.sticky .language-en img:nth-of-type(2) ,.head-main.on .language-en img:nth-of-type(2){opacity: 1;}
.head-main.sticky .telephone img:nth-of-type(2),.head-main.on .telephone img:nth-of-type(2){opacity: 1;}

.head-sear {cursor: pointer; width:20px;height:20px;font-size:16px;line-height:20px;text-align:center;color:#fff;
-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
.sear-box {position:absolute;width: 100%; height:0px;overflow:hidden;right:0px;top:.85rem;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.sear-box input {height:60px;width:100%;font-size:18px;line-height:20px;padding:10px 5%;border-top: 1px solid #ededed;outline:none;
background: rgba(255,255,255);color: #666;}
.head-sear.active .sear-box{height: 60px;}
.head-sear .sear-btn .icon-sousuo:before{content:"\e7d4";}
.head-sear .sear-btn i{font-weight: bold;}
.head-sear.active .sear-btn .icon-sousuo:before{content:"\e60f";}
.head-main.sticky .sear-btn i,.head-main.on .sear-btn i{color: #222;}
.head-main.sticky .language a,.head-main.on .language a{color: #222;}

/*nav*/
.header-nav{position:relative;flex: 1;-webkit-flex:1;-webkit-box-flex: 1;display: flex;}
.header-nav ul{display: flex;justify-content:flex-end;align-items: center;width: 100%;}
.header-nav ul li{margin-right: .4rem;}
.header-nav ul li a{color: #fff;text-align: center;}
.header-nav .active a,.header-nav ul li a:hover{color: #ccc;}
.nav-icon {display:block;position:absolute;right:1.6rem;top:50%;margin-top:-7px;cursor: pointer;}
.nav-icon span {display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s linear;}
.nav-icon span:not(:first-child) {margin-top:4px;}
.nav-icon.on span:nth-of-type(1) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,6) rotate(45deg);}
.nav-icon.on span:nth-of-type(2) {width:0;}
.nav-icon.on span:nth-of-type(3) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,-6) rotate(-45deg);}
.head-main.sticky .nav-icon span{background-color: #333;}
/* banner */
.banner {overflow: hidden;height: 100vh;}
.banner .swiper-container{position:relative;height: 100vh;}
.banner .swiper-slide{overflow: hidden;}
#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner-txt{position:absolute;left:10%;top: 40%;width: 45%;transform: translateY(40%);color: #fff; transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}
.swiper-slide.swiper-slide-active .banner-txt{transform: translateY(0); opacity: 1;}
.banner-txt h3{font-size: .5rem;font-weight: bold;margin-bottom: 20px;}
.banner-txt p:nth-of-type(1){font-size: .3rem;margin-bottom: 20px;}
.banner-txt p:nth-of-type(2){font-size: 20px;}
.widthFix{width: 100%}
.bannerimg{width: 100%; height: 100vh;object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}


.banner-info{position:absolute;bottom: 5%; right:0;left:0;z-index:5;display:flex;color:#fff;align-items:center;justify-content:center}
.banner-info .mouse{position:relative;width:.64rem;height:.64rem;border:1px dashed #fff;border-radius:50%;text-align: center;line-height: .64rem;
}
.banner-info .mouse:after{position: absolute;left: 30%;top: 0; font-family:iconfont; content:"\eb90";font-size: 25px;color: #fff;transform: translateX(-50%);
 -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

.banner-page-num{position: absolute; z-index: 6; right: 9.896%; top: 91.8vh; height: .3rem;  width: 2.64rem; display: flex; justify-content: space-between;}
.banner-page-num span{ display: inline-block; color: #fff;  transition: all .3s;font-size: 18px;line-height: 25px;}
.my-swiper-scrollbar{position: absolute;right: calc(9.896% + .36rem); top: 93vh;  height: 1px; background: rgba(255,255,255,0.4); width: 1.92rem;z-index: 6;}
.my-swiper-scrollbar .my-swiper-scrollbar-drag{position: absolute; left: 0;  height: 1px; background: #fff;z-index: 7; top: -0.5px; transition-duration: 300ms; transition: all .3s; transform: translate3d(0,0,0);}

#section0 .swiper-button-next, #section0 .swiper-button-prev{top: 60%; width: 48px;height: 48px;border-radius: 100%;background-image: none;border: 1px solid #fff;
background-color: #fff;line-height: 48px;text-align: center;}
#section0 .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 12px;color: #222;}
#section0 .swiper-button-prev{left: 9.8%;}
#section0 .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 12px;color: #222;}
#section0 .swiper-button-next{left: calc(9.8% + 68px);right: unset;}
/* 关于我们 */
.indx-about{background: url(../images/bg1.jpg) no-repeat;height:6rem ; background-size: cover;}
.indx-about .container{padding: 80px 0;text-align: center;}
.indx-about .more-btn{margin: 0 auto;}
.indx-pro-list .more-btn{margin: 30px auto;}
.indx-tit{margin-bottom: .4rem}
.indx-tit .en{font-size: .48rem;}
.indx-tit .en span{color: #085BD1;}
.indx-tit .cn{font-size: 24px;}
.indx-about-info{margin-bottom: 60px;}
.indx-about-info p{line-height: 30px;width: 76%;margin: 0 auto;}
.more-btn{position: relative;width: 1.8rem;background: #fff; text-align: center;padding: 10px 0;color: #333;display: flex;align-items: center;justify-content: center;transition: all .5s;}
.more-btn img{width: 20px;height: 20px;position: absolute;right: 0;top: 0;}
.more-btn img:nth-of-type(2){display: none;}
.more-btn.on,.more-btn:hover{background: #085BD1;color: #fff;}
.more-btn.on:hover{background: #fff;color: #222;}
.more-btn:hover img:nth-of-type(2){display: block;}
/* 图片切换 */
.indx-about-pic{position: relative;margin-top: -1.4rem;}
.indx-about-pic .swiper-container{padding:5vw 0;}
.indx-about-pic .swiper-slide{width: 28.8%;}
.indx-about-pic .item{height: 18.75vw;display: flex;align-items: center;justify-content: center;}
.indx-about-pic .item .imgbox{position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: skewY(8deg);overflow: hidden;background: #222;}
.indx-about-pic .swiper-slide:nth-child(even) .imgbox{transform: skewY(-8deg);}
.indx-about-pic .item .imgbox img{transform: skewY(-8deg) scale(1.3);object-fit: cover;transition: all .3s;filter: grayscale(0);}
.indx-about-pic .item:hover .imgbox img{opacity: .5;}
.indx-about-pic .swiper-slide:nth-child(even) .imgbox img{transform: skewY(8deg) scale(1.3);}
.indx-about-pic .item .txtbox{position: relative;z-index: 2;text-align: center;transform:translateY(20px);opacity: 0;transition: all .3s}
.indx-about-pic .item:hover .txtbox{opacity: 1;transform:translateY(0);}
.indx-about-pic .item .txtbox .h1{font-size: .32rem;color: #fff;line-height: 1}
.indx-about-pic .item .txtbox p{font-size: .14rem;color: #fff;margin-top: .1rem;line-height: 1}
.indx-about-pic .swiper-button-next,.indx-about-pic .swiper-button-prev{width: 46px;height: 46px;border-radius: 50%;
background-image: none;background-color: #fff;line-height: 46px;text-align: center;transition: all .5s;}
.indx-about-pic .swiper-button-next:hover,.indx-about-pic .swiper-button-prev:hover{opacity: 0.35;}
.indx-about-pic .swiper-button-next{right:.5rem;}
.indx-about-pic .swiper-button-prev{left: .5rem;}
.indx-about-pic .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 18px;color: #222;font-weight: bold;}
.indx-about-pic .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 18px;color: #222;font-weight: bold;}

/* 产品中心 */
.indx-pro{background: url(../images/bg2.jpg) no-repeat;background-size: cover;height: auto;margin-top: -1.4rem;}
.indx-pro .container{padding: 1.4rem 0 1rem;}
.indx-pro .indx-tit{color: #fff;}
.indx-pro-list{padding-top: 20px;}
.indx-pro-list .col{margin-bottom: 40px;}
.pro-img{overflow: hidden;}
.pro-img img{transform: scale(1);transition: all .5s;}
.indx-pro-list a:hover .pro-img img{transform: scale(1.1);}
.pro-txt{background: #fff;padding: 24px;}
.pro-txt p{color: #666;font-size: 14px;overflow:hidden;height: 40px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.pro-h2{display: flex;margin-bottom: 20px;}
.pro-h2 h2{font-size: 24px;}
/* 热门新闻 */
.indx-news{padding: 60px 0;}
.indx-news .col{padding: 0;}
.indx-tit-lr{position: relative; margin-bottom: 40px;}
.indx-tit-lr .more-btn{position: absolute;right: 0;top: 0;}
.more-btn i{font-size: 20px;padding-left: 10px;}
.indx-news-item{display: block; border-left: 1px solid #ededed;padding: .4rem;transition: all .5s;}
.indx-news-item:hover{box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);}
.indx-news-item:hover .iconfont{color: #085BD1;}
.indx-news-item i{font-style: normal;font-size: 18px;color: #666;margin-bottom: 20px;display: block;}
.indx-news-item h3{font-size: 18px;line-height: 28px;height: 56px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;margin-bottom: 20px;}
.indx-news-item p{font-size: 14px;color: #999;margin-bottom: 10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indx-news-item img{margin-bottom: 30px;}
.news-more-btn{display: flex;}
.news-more-btn i{padding-left: 10px;}
/* 科技创新 */
.indx-tech{position: relative;height: 8.4rem;}
.indx-tech img{/*height: 8.4rem;*/ width:100%; height:100%; object-fit:cover;}
.indx-tech-info{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.indx-tech .indx-tit{color: #fff;}
.indx-tech p{color: #fff;margin-bottom: 60px;line-height: 30px;width: 6.2rem;}
/* 底部 */
footer{position: relative;}
.foot{background: #27364A;position: relative;}
.foot::after{position: absolute;content: "";left: 0;top: 1.4rem;background: url(../images/foot-logo.png) no-repeat;width: 100%;background-position: center;height: 1.8rem;background-size: contain;pointer-events: none;}
.foot-top{padding: 30px 0;display: flex;border-bottom: 1px solid #313f51;align-items: center;}
.foot-tit{flex: 1;}
.foot-tit .en{font-size: 14px;color: #8b939d;}
.foot-tit .cn{color: #fff;}
.foot-nav{}
.foot-nav a{color: #ddd;font-size: 14px;margin-right: 40px;}
.foot-nav a:last-child{margin-right: 0;}
.foot-cent{padding: 60px 0;display: flex;border-bottom: 1px solid #313f51;}
.foot-contact{position: relative;flex: 1;}
.foot-contact::after{}
.foot-contact p{color: #878e96;font-size: 14px;margin-bottom: 20px;}
.foot-2wm{display: flex;}
.foot-2wm-l{text-align: right;padding-right: 30px;}
.foot-2wm-l .onlin{width: 1.1rem;margin-bottom: 20px;display: inline-block;}
.foot-2wm-l p{font-size: 24px;color: #878e96;}
.foot-2wm-l p:nth-of-type(1){font-size: 13px;color: #878e96;margin-bottom: 10px;}
/*.foot-2wm-l p:nth-of-type(2){font-size: 30px;color: #878e96;}*/
.foot-2wm .erwm{width: 1.5rem;height: 1.5rem;}
.foot-bott{padding: 30px 0;display: flex;font-size: 14px;color: #878e96;}
.foot-bott a{color: #878e96;}
.foot-bott p:first-child{flex: 1;}

/* 内页 */
/* 关于我们 */
.page-banner{position: relative;}
.page-banner > img{width: 100%;height: 100%; object-fit: cover;}
.page-banner .page-tit-box{position: absolute;width: 100%; left: 0;top: 40%;color: #fff;}
.page-tit .cn{font-size: .56rem;margin-bottom: 20px;}
.page-tit .en{font-size: .28rem;}
.page-subnav{position: absolute;width: 100%; left: 0;bottom: 0;display: flex;justify-content: center;border-top: 1px solid rgba(255,255,255,.3);}
.page-subnav ul{display: flex;justify-content: center;align-items: center;overflow-x: auto;}
.page-subnav ul li{width: 2rem;height: .8rem;line-height: .8rem;text-align: center;}
.page-subnav ul li a{color: #fff;display: block;transition: all .5s;}
.page-subnav ul li a:hover,.page-subnav ul li.on{background:#085BD1 ;}
.page-subnav ul li img{width: 20px;height: 20px;}

.page-about-sec1{background: url(../images/about-bg.png) #F4F5F6 no-repeat;height: 9.4rem;background-size: cover; overflow:hidden;}
.page-about-sec1 .container{padding: 1.32rem 0;}
.page-about-sec1 h2{font-size: .36rem;margin-bottom: .4rem;line-height: .54rem;}
.page-about-sec1 p{line-height: 30px;margin-bottom: 30px;}
.page-about-sec2{padding: 1.2rem 0; position: relative;}
.page-about-sec2::before{position: absolute;content: "";right: 0;top: -1.8rem;background: url(../images/ABOUTUS.png) no-repeat;
width: 10.04rem;height: 1.81rem;z-index: -1;}
.page-about-sec2 h3{font-size: 24px;line-height: 40px;margin-bottom: 70px;text-align: center;padding: 0 1rem;position: relative;}
.page-about-sec2 h3::after{position: absolute;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);
background: url(../images/PATENT.png) no-repeat;width: 8.29rem;height: 1.72rem;background-size: contain;z-index: -1;}
.number-up{display: flex;justify-content: center; margin-bottom: 90px;}
.number-up .item{flex: 1;text-align: center;}
.number-up .item > div{color: #085BD1;margin-bottom: 20px;}
.number-up .item > div span{font-size: 64px;font-weight: bold;}
.video{position: relative;}
.video-box{position: relative;}
.video-box img{}
.video-box .video-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); 
cursor: pointer;transition: all .5s;}
.video-box .video-btn img{width: 1rem;height: 1rem;}
.video-box .video-btn:hover{top: 55%;}
video{display: none;}
.page-cult{background: #F4F5F6;}
.page-cult .info{padding:1.2rem 0 3.4rem;text-align: center;}
.page-cult .info h3{font-size: .4rem;margin-bottom: .7rem;position: relative;}
.page-cult .info h3::after{position: absolute;content: ""; left: 50%;bottom: -20px;width: .68rem;height: .06rem;background: #3171FF;transform: translateX(-50%);}
.page-cult .info p{font-size: 18px;margin-bottom: 1.7rem;}
.page-cult .info img{position: relative; animation: circle 120s linear infinite forwards;}
@keyframes circle {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.cult-list{display: flex;margin-bottom: 2.4rem;}
.cult-list .cult-item{flex: 1;border-right: 1px solid #E5E5E5;text-align: center;position: relative;}
.cult{padding: 1rem 0;background: #fff;}
.cult img{width: 1rem;height: 1rem;margin-bottom: 30px;}
.cult h4{font-size: .34rem;margin-bottom: 10px;}
.cult p{font-size: 18px;color: #666;}
.cult p:nth-of-type(2){padding: 20px 30px;font-size: 14px;display: none;}
.cult-hover{opacity: 0; position: absolute;left: 0;top: 50%;width: 100%; transform:translateY(-50%);background: #1866D4;padding: 1rem 0;text-align: center;
transition: all .5s;cursor: pointer;}
.cult-item:hover .cult-hover{opacity: 1;}
.cult-hover img{width: 1rem;height: 1rem;margin-bottom: .3rem;}
.cult-hover h4{color: #fff;position: relative;margin-bottom: 40px;font-size: .34rem;}
.cult-hover h4::after{position: absolute;content: "";left: 50%;bottom:-20px;background: #fff; width: .5rem;height: 4px;transform: translateX(-50%);}
.cult-hover p{color: #fff;padding: 0 .4rem;}

/* .page-honor{background:#F4F5F6 ;padding: 60px 0;}
.page-honor .col{margin-bottom: 40px;}
.page-honor .item{background: #fff;padding: 20px;display: block;}
.page-honor .item:hover{box-shadow: 0 0 20px #ddd;}
.page-honor img{margin-bottom: 20px;}
.page-honor p{text-align: center;margin-bottom: 10px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:1;} */
.page-honor{padding: 1rem 0 1.5rem;position: relative;margin-bottom: 2rem;}
.page-honor::after{position: absolute;content: "";left: 0;bottom: -4.3rem;width: 100%;height: 4.3rem;background: #1866D4;z-index: -1;}
.honor-list{}
.honor-list .container{background: #fff;}
.honor-list .row{padding: 1.2rem 0;}
.honor-list .col{margin-bottom: 1rem;}
.honor-list a{text-align: center;display: block;position: relative;top: 0;transition: all .5s;}
.honor-list a:hover{top: -.2rem;}
.honor-list .col:nth-of-type(2n+1){border-right: 1px solid #ededed;}
.honor-list a h3{font-size: .34rem;margin-bottom:.6rem;position: relative;font-weight: bold;line-height: .44rem;color: #333;}
.honor-list a h3::after{position: absolute;content: ""; left: 50%;bottom: -30px;transform: translateX(-50%);width: .7rem;height: .06rem;background:#1866D4 ;}
.honor-list a img{margin-bottom: 50px;}
.honor-list a p{font-size: 20px;color: #666;}
.page-honor .swiper-pagination{width: 100%;bottom: -18%;color: #fff;}
.page-honor .swiper-button-next,.page-honor .swiper-button-prev{top: auto;bottom: -20%;background-image: none;width: .46rem;height: .46rem;
border-radius: 50%;background: #fff;}
.page-honor .swiper-button-next{right: 42%;}
.page-honor .swiper-button-prev{left: 42%;}
.page-honor .swiper-button-next::before{position: absolute;content: "";left: 40%;top: 40%;width: .1rem;height: .1rem;border-top: 1px solid #222;border-right: 1px solid #222;
transform: rotate(45deg);}
.page-honor .swiper-button-prev::before{position: absolute;content: "";left: 40%;top: 40%;width: .1rem;height: .1rem;border-top: 1px solid #222;border-right: 1px solid #222;
transform: rotate(-135deg);}

.page-his{padding: 1.2rem 0 .6rem;}
.page-his-main{background: url(../images/img/his-bg-img.png) no-repeat;min-height: 6.56rem;background-size: cover;}
.page-his-tit{font-size: 40px;margin-bottom: 30px;}
/* .his-top{margin-bottom: 1.6rem;}
.his-top h3{font-size: 1.5rem;color: #085BD1;font-weight: bold;margin-bottom: .8rem;}
.his-top p{font-size: 18px;margin-bottom: 20px;}
.his-top span{padding-right: 10px;}
.his-bar{position: relative;height: 1rem;}
.his-bar::before{position: absolute; left: 0;  top: 50%; width: 100%;  height: 1px; content: '';background: #e5e5e5;}
.his-bar #gallery-thumbs .swiper-slide {width: 14.2857143%;height: 100%;}
.his-bar .swiper-slide-thumbs-item{ text-align: center; cursor: pointer;}
.his-bar .swiper-slide-thumbs-item-top{ height: 1rem; position: relative; top: -0.01rem; z-index: 10;}
.his-bar .swiper-slide-thumbs-item-top .history-dot {position: absolute; width: 0.09rem; height: 0.09rem; background: #C1C1C1; border-radius: 50%; left: 50%; top: 50%; z-index: 15; margin-left: -0.045rem; margin-top: -0.025rem; transition: all .3s ease;}
.his-bar .swiper-slide-thumbs-item p{font-size: 0.18rem; color: #212121; transition: all .3s ease;}
.his-bar #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item-top .history-dot {width:0.15rem;height:0.15rem;background:#FFFFFF;border:0.03rem solid #3171FF;margin-left:-0.075rem;margin-top:-0.055rem;}
.his-bar #gallery-thumbs .swiper-slide-thumb-active .swiper-slide-thumbs-item p {color:#3171FF;}
.his-bar .swiper-button-prev,.his-bar .swiper-button-next{ width: 0.42rem; height: 0.42rem; border-radius: 50%; background-color: #3171FF; background-image: none;  }
.his-bar .swiper-button-prev.swiper-button-disabled,.his-bar .swiper-button-next.swiper-button-disabled{ border: 1px solid #E5E5E5; background-color: #fff;opacity: 1;}

.his-bar .swiper-button-prev{left: 0;}

.his-bar .swiper-button-next{right: 0;}

.his-bar .swiper-button-prev::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(-135deg); left: 50%; top: 50%; margin-left: -0.025rem; margin-top: -0.05rem;position: absolute;}

.his-bar .swiper-button-next::after{content: ''; width: 0.1rem; height: 0.1rem; border-top: 1px solid #ffffff;border-right: 1px solid #ffffff; transform: rotate(45deg); left: 50%; top: 50%; margin-left: -0.06rem; margin-top: -0.05rem;position: absolute;}

.his-bar .swiper-button-disabled.swiper-button-prev::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;}

.his-bar .swiper-button-disabled.swiper-button-next::after{ border-top: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;} */
.his-dev{position: relative;margin: 60px 0;}
.his-dev .container{position: relative;}
.his-dev .ind-title{position: absolute;left: 0;top: 0;z-index: 1;}
.his-dev .ind-title h5{font-size: .4rem;font-weight: bold;}
.his-list::before{position:absolute;content: "";border-left: 2px dotted #8B9CBA;left: 50%;top: 0;width: 1px;height: 100%;display: block;}
.his-list ul{position: relative;padding-left: 0;}
.his-list ul::before{position: absolute;content: ""; left: 46%;top: 0;border-left: 1px solid #ddd;width: 1px;height: 100%;}
.his-list ul::after{position: absolute;content: ""; right: 46%;top: 0;border-left: 1px solid #ddd;width: 1px;height: 100%;}
.his-list ul li:nth-of-type(2n-1) .his-list-crip{margin-left: 56%;}
.his-list-con .his-dot{background: #085bd1;width: 14px;height: 14px;border-radius: 100%;position: absolute;left: 50%;transform: translateX(-50%);}
.his-list-con i{font-style: normal;font-size: .32rem;color:#085bd1;font-weight: bold;}
.his-list-con .his-list-crip img{display: inline-block;}
.his-list ul li:nth-of-type(2n) .his-list-crip{width: 50%;text-align: right;padding-right: 6%;}
.his-list ul li:nth-of-type(2n) .his-list-crip img{}
.his-list-con p{padding: 10px 0;font-size: 16px;}

/* 产品中心 */
.page-pro{background: #F4F5F6;}
.pro-nav{background: #fff;padding: .5rem 0;margin-bottom: .4rem;}
.pro-nav .container{display: flex;justify-content: space-between;text-align: center;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.pro-nav a{display: block;flex: 1;}
.pro-nav h2{font-size: 16px;margin-top: 20px;}
.pro-nav img{width: .88rem;height: .88rem;}
.pro-nav a.on{color:#085BD1 ;}
.page-d-box #gallery-top{margin-bottom:20px ;}
.pro-thumbs{position: relative;padding: 0 .5rem;}
.pro-thumbs .swiper-slide .slide-img{margin-right: 10px;}
.pro-thumbs .swiper-slide{text-align: center;}
.pro-thumbs .swiper-slide-thumb-active .slide-img{border: 2px solid #222;}
.pro-thumbs .swiper-slide-thumb-active .slide-img img{opacity: .6;}
.pro-thumbs .swiper-button-next{background-image: none;width: 10px;height: 10px;border-top: 2px solid #222;border-right: 2px solid #222;
transform: rotate(45deg);margin-top: 0;}
.pro-thumbs .swiper-button-prev{background-image: none;width: 10px;height: 10px;border-top: 2px solid #222;border-left: 2px solid #222;
transform: rotate(-45deg);margin-top: 0;}
/* 分页 */
.navigation{text-align: center;margin-top: 30px;margin-bottom: 1rem;}
.pagination>li{display:inline-block;margin: 0 5px;}
.pagination>li>a, .pagination>li>span{border-radius: 50%;width: .5rem;height: .5rem;line-height: .5rem;padding: 0;color: #666;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #105ECC;border-color:  #105ECC;color: #fff;}
.pagination>li>a:hover, .pagination>li>span:hover{background: #105ECC;border-color:  #105ECC;color: #fff;}

.pagination>li:first-child>a, .pagination>li:first-child>span{border-top-left-radius: 50%;border-bottom-left-radius: 50%;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 50%; border-bottom-right-radius: 50%;}

.page-d{background: #F4F5F6;}
.page-d-box{background: #fff; padding: .7rem;margin: .8rem 0 .4rem;}
.pro-r{padding-left: 1rem;}
.page-d .col h2{font-size: .4rem;position: relative;padding-bottom: 30px;margin-bottom: 30px;}
.page-d .col h2::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 2px;background: #E6E6E6;}
.pro-d-scrip h4{font-size: 18px;margin-bottom:20px;}
/*.pro-d-scrip p{margin-bottom: 30px;line-height: 30px;}*/

.page-tec-sec1{padding: 1.5rem 0 2.5rem;}
.page-tec-sec1 .row{display: flex;align-items: center;}
.page-tec-sec1 h4,.tec-r h4{font-size: .42rem;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.page-tec-sec1 h4::after,.tec-r h4::after{position: absolute;content: "";left: 0;bottom: 0;background: #085BD1;height: 4px;width: .8rem;}
.page-tec-sec1 p,.tec-r p{font-size: 18px;color: #484848;line-height: 34px;}
.page-tec-sec1 img{padding-left: 1rem;}
.page-tec-sec2{display: flex;background: linear-gradient(#F7F9FC,#fff);height: 7.7rem;}
.tec-l{margin-top: -.8rem;width: 50%;}
.tec-r{width: 50%;padding: 1.1rem 2.1rem;}
.pro-d-info{background: #fff;padding: .7rem;margin-bottom: .8rem;}
.pro-d-info h4{font-size: 28px;margin-bottom: 30px;border-bottom: 1px solid #ededed;padding-bottom: 30px;}
/*.pro-d-info p{margin-bottom: 20px;line-height: 30px;}*/
.pro-d-info img{margin-bottom: 20px;display: block;margin-left: auto;margin-right: auto;}

/* 新闻中心 */
/* .page-news{background: #F4F5F6;}
.news-wrap{margin-top: 40px;background: #fff;padding: 40px;position: relative;}
.news-wrap a{display: flex;overflow: hidden;padding: 5px;box-sizing: border-box;}
.news-info{padding-left: .5rem;}
.news-info .more-btn-small{border: 1px solid #888;color: #888;}
.news-wrap a:hover .more-btn-small{border: 1px solid #085BD1;color: #085BD1;}
.news-wrap a:hover .more-btn-small i{color: #085BD1 ;}
.news-info span{display: block;color: #888;margin-bottom: 30px;}
.news-info h3{font-size: 26px;margin-bottom: 20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-info p{color: #888;line-height: 30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom: .7rem;}
.news-list{margin-top: 1rem;}
.news-list a{display: block;background: #fff;margin-bottom: 40px;transition: all .5s;overflow: hidden;}
.news-list a img{transform: scale(1);transition: all .5s;}
.news-list a:hover img{transform: scale(1.1);}
.news-list-info{padding: .3rem;}
.news-list-info .more-btn{color: #fff;}
.news-list-info .more-btn i{color: #888;}
.news-list-info h3{font-size: 22px;margin-bottom: 20px;line-height: 30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list-info p{font-size: 14px;color: #888; margin-bottom: .5rem;   overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-day{display: flex;align-items: center;}
.news-day span:nth-of-type(1){flex: 1;}
.news-day span{font-size: 14px;}
.more-btn-small{position: relative; width: 1.2rem; background: #fff; text-align: center; padding:6px 0; color: #fff;  display: flex;
    align-items: center;justify-content: center; transition: all .5s;border: 1px solid #fff;}
.more-btn-small i{color: #888;padding-left: 10px;}
.news-list a:hover .more-btn-small{color: #085BD1;border: 1px solid #085BD1;}
.news-list a:hover .more-btn-small i{color: #085BD1;}
.news-list a:hover span{color: #888;}
.news-wrap .swiper-pagination{width: 100%;bottom:-12%;}
.news-wrap .swiper-pagination-bullet-active{background:#3171FF;}
.news-wrap .swiper-pagination-bullet{border: 1px solid #fff;border-radius: 50%;} */
.page-news{background: #F4F5F6;padding-bottom: .9rem;}
.news-main1{margin: 1.2rem 0 .5rem;}
.news-main1 a{position: relative; display:block;background: #fff;padding: .36rem;top: 0; transition: all .5s;}
.news-main1 a:hover{box-shadow: 0 0 20px #ddd; top: -.2rem;}
.news-main1 a span{font-size: 14px;margin-bottom: 10px;display: block;}
.news-main1 a h3{font-size: 22px;margin-bottom: 30px;line-height: 34px;font-weight: bold;color: #333; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-main1 a img{margin-bottom: 40px;}
.news-main1 .news-more{border-top: 1px solid #E5E5E5;padding-top: 25px;display: flex;}
.news-main1 .news-more i{color: #888;}
.news-main1 .news-more span{flex: 1;font-size: 14px;}
.news-main2{margin-bottom: .9rem;}
.news-main2 ul li{position: relative; background: #fff;margin-bottom: .4rem; transition: all .5s;}
.news-main2 ul li:hover{box-shadow: 0 0 20px #ddd; }
.news-main2 a{display: flex;padding: .7rem .4rem;}
.news-main2 .news-l{flex: 1;display: flex;}
.news-l span{color: #1866D4;font-size: 14px;margin-right: .6rem;}
.news-l h3{font-size: 24px;font-weight: bold;line-height: 34px;}
.news-r{font-size: 14px;}
.news-r i{padding-left: 20px;color: #888;}
/* 分页 */
.pagina{text-align: center;display: flex;justify-content: center;}
.pagina ul{overflow: hidden;}
.pagina ul li{float: left;width: .5rem;height: .5rem;line-height: .5rem;background: #fff; border-radius: 50%
;margin-right: 30px;border: 1px solid #D9D9D9;cursor: pointer;}
.pagina ul li.active,.pagina ul li:hover{background: #085BD1;border: 1px solid #085BD1;}
.pagina ul li.active a,.pagina ul li:hover a{color: #fff;}
.pagina ul li a{}

.news-d{background: #F4F5F6;}
.news-d-info{background: #fff; margin-top: 40px;padding: .7rem 2.5rem;}
.news-d-info h3{font-size: 28px;margin-bottom: 40px;}
.news-d-day{font-size: 14px;color: #888;margin-bottom: 30px;}
.news-d-scrip{border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;padding: 40px 0;}
.news-d-scrip p{line-height: 28px;margin-bottom: 30px;}
.news-d-scrip img{margin-bottom: 30px;}
.news-d-page{margin-top: 50px;}
.news-d-page a{display: flex;margin-bottom: 30px;align-items: center;}
.news-d-page a span{font-size: 14px;background: #F6F6F6;width: 1.18rem;text-align: center;padding: 10px 0;}
.news-d-page a h4{margin-left: 20px;}

.serv-main{padding: .8rem 0;}
.serv-info h4{font-size: .4rem;margin-bottom: .7rem;}
.serv-info dl{margin-bottom: 40px;}
.serv-info dt{margin-bottom: 10px;}
.serv-info dd{font-size: 18px;color: #6B6F78;line-height: 30px;}
.serv-info dd > div{margin-top: 40px;}
.serv-info dd > div:nth-of-type(2){margin-left: 1.5rem;}
.serv-info .serv-flex {display: flex;}
.serv-info dd h5{color: #A5A5A5;margin-bottom: 10px;}
.serv-info dd p{font-size: 20px;color: #222;font-weight: bold;}
.serv-form h5{font-size: .4rem;margin-bottom: .7rem;}
.contact-message{border: 1px solid #DFE2EB;padding: .8rem 1.4rem;}
.serv-form{margin-top: 1rem;}
.form-group{width: 50%;margin-bottom: .4rem;}
.form-group:nth-of-type(2n){padding-left: 40px;}
.form-group ,.form-textarea{position: relative;}
.form-group span{position: absolute;top: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #EC3030;}
.form-control{height: 60px;border: none;background-color: #F5F6F7;font-size: 16px;padding: 6px 40px;color: #222;box-shadow: none;}

.form-textarea span{position: absolute;left: 0;top: 0;width: 60px;height: 40px; line-height: 40px;text-align: center;color: #EC3030;}

.form-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
textarea.form-control{height: 2rem;}
.form-textarea{margin-bottom: 40px;}

#submit{width: 3rem;background: #3171FF;text-align: center;color: #fff;padding: 20px 0;border-radius: 4px;}

.faq{background: #F4F5F6;}
.faq-tit{margin-top: .87rem;display: flex;}
.faq-tit h4{font-size:.4rem;flex: 1;}
.faq-tit-r a{display: inline-block;margin-right: .5rem;font-size: 20px;}
.faq-tit-r a.on{color: #3171FF;}
.faq-list{padding: .8rem 1.6rem;}
.faq-item{background: #fff;margin-bottom: .4rem;padding: 0 .4rem;cursor: pointer;}
.faq-item .faq-top{display: flex;align-items: center;padding: .3rem 0;border-bottom: 1px solid #EAEAEA;}
.faq-main{position: relative; margin-top:30px;display: none;}
.faq-main img{position: absolute;left: 0;top: 0;}
.faq-list-l{flex: 1;}
.faq-list-l img,.faq-main img{width: .24rem;height: .24rem;}
.faq-list-l span{font-size: 18px;margin-left: 40px;}
.faq-list-r{position: relative;width: .23rem;height: .23rem;}
.faq-list-r img{transition: all .5s;}
.faq-list-r img:nth-of-type(2){position: absolute;right: 0;top: 0;display: none;}
.faq-info{margin-left: .62rem;padding-bottom: .4rem;}
.faq-info h5{font-size: 18px;margin-bottom: 10px;}
.faq-info p{color: #999;line-height: 30px;margin-bottom: 30px;}
.faq-item.on .faq-list-r img:nth-of-type(2){display: block;}
.faq-item.on .faq-list-r img:nth-of-type(1){display: none;}

.after-serv{padding:1rem 0 .7rem;}
.after-serv h4{font-size: .4rem;color: #222;margin-bottom: .7rem;}
.after-serv p{font-size: 18px;color: #6B6F78;margin-bottom: 80px;line-height: 30px;}
.after-3s-serv{background: url(../images/img/after-map.png) center no-repeat;height: 8.98rem;background-size: cover;margin-bottom: .8rem;}
.after-3s-serv h4{padding: .4rem 0 .7rem;font-size: .4rem;}
.after-3s-serv .serv-p{font-size: 18px;color: #6B6F78;margin-bottom: 1.11rem;line-height: 30px;}
.serv-numb{margin-bottom: 1.3rem;display: flex;align-items: center;}
.serv-numb .numb-item{width: 33.33%;display: flex;}
.serv-numb .numb-item span{font-size: .92rem;color: #3171FF;text-shadow: 2px 5px 7px #C5D2EE;padding-right: 20px;font-weight: bold;}
.numb-info h5{font-size: 20px;margin-bottom: 20px;font-weight: bold;}
.numb-info p{color: #696D76;line-height: 30px;}
.serv-contact{display: flex;}
.serv-contact h5{color: #A5A5A5;margin-bottom: 20px;}
.serv-contact p{font-size: .3rem;color:#212121 ;font-weight: bold;}
.serv-contact > div:nth-of-type(2){margin-left: .9rem;}

.job-sec1{padding: 1rem 0;}
.job-sec1 h4{font-size: .36rem;text-align: center;margin-bottom: 1.12rem;}
.job-rc{display: flex;}
.job-item{width: 25%;text-align: center;position: relative;top: 0;transition: all .5s;}
.job-item:hover{top: -.2rem;}
.job-item img{width: .88rem;height: .88rem;}
.job-item p{font-size: .24rem;margin-top: 20px;}
.job-sec2{background: #F4F5F6;}
.job-sec2 h4{font-size: .4rem;margin-top: .7rem;margin-bottom: .8rem;text-align: center;}
.job-main{background: #fff;margin-bottom: 1.6rem;}
.job-top{display: flex;font-size: 18px;color: #222;font-weight: bold;border-bottom: 1px solid #E5E5E5;}
.job-type{display: flex;color: #222;position: relative;font-size: 16px;}
.job-top > div,.job-type > div{width: 20%;text-align: center;padding: 30px 0;}
.img-ico{position: relative;}
.img-ico img{width: .14rem;height: .14rem;}
.img-ico img:nth-of-type(2){display:none;}
.job-scrip{padding: .5rem 1.1rem;display: none;}
.job-scrip h5{color: #212121;margin-bottom: 10px;font-weight: bold;}
/*.job-scrip p{line-height: 30px;margin-bottom: 40px;}*/
.job-info{border-bottom: 1px solid #E5E5E5;cursor: pointer;}
.job-info.on .job-type{background: #F0F0F0;}
.job-info.on .img-ico img:nth-of-type(2){display:block;margin: 0 auto;}
.job-info.on .img-ico img:nth-of-type(1){display:none;}

.contact{padding: .8rem 0;}
.contact-info{display: flex;justify-content: space-between;}
.contact-item{display: flex;align-items: center;}
.contact-item img{width: .72rem;height: .72rem;margin-right: 10px;}
.contact-item > div p:nth-of-type(1){color: #8C9199;font-size: 18px;margin-bottom: 10px;}
.contact-item > div p:nth-of-type(2){font-size: 18px;color: #212121;font-weight: bold;}
.map{height: 6.8rem;margin-top: .7rem;}
#map{height: 100%;}
.message{background: #F4F5F6;}
.message-box{background: #fff;margin: .6rem 0;padding: .7rem 1.4rem;}
.message-box h4{font-size: 26px;margin-bottom: 30px;text-align: center;}
.message-box p{margin-bottom: 40px;text-align: center;}
.top{position: fixed; bottom:15vh; right:15px;z-index:9999; width:35px; height:35px; background:rgba(0,0,0,0.3);cursor:pointer;}
.top::after{ position:absolute;content:'';width:9px;height:9px; border-top:2px solid #fff;border-right:2px solid #fff; top:50%; left:50%; transform:translate(-50%,-40%) rotate(-45deg)}


.cblue{color: #00a0e6;}
.news_list_img{height: 2.8rem;}
.news_list_img img{object-fit: cover;width: 100%; height: 100%;}