
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: 2000px){html{font-size: 95px;}
    /*视频展示图*/
.videoimg{
    height: 320px;
    width: 100%;
    object-fit: cover;
}

}
@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;
}
@media (max-width: 780px){
    /*视频展示图*/
.videoimg{
    height: auto;
    width: 100%;
    object-fit: cover;
}

}
.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";}
.icon-tel1:before { content: "\e613";}
.icon-r:before {
  content: "\e615";
}
.icon-phone:before {
  content: "\e69e";
}
.icon-a-Frame3:before {
  content: "\e618";
}

.icon-a-Frame4:before {
  content: "\e61a";
}

.icon-a-Frame2:before {
  content: "\e61b";
}

.icon-Frame:before {
  content: "\e616";
}
.icon-Frame6:before {
  content: "\e61d";
}
/*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.64rem;*/width:1.8rem;}
.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.64rem;}
.language{margin-right: 30px;position: relative;height: .6rem;line-height: .6rem;}
.language a{color: #fff;font-size: .18rem;}
.language .box{position: absolute;left: 0;top: 0; transition: all .5s;margin-top: .4rem; display: none;}
.language:hover .box{display: block;}
.telephone{font-size: 18px;}
.telephone i{padding-right: 10px;}
.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{display: flex;color: #fff;align-items: center;}
.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;margin-right: 30px;
-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;position: relative;cursor: pointer;}

.header-nav ul li > a{color: #fff;text-align: center;font-size: 18px;position: relative;}
.header-nav ul li > a::after{position: absolute;content: "";left: 0;bottom:-.38rem;width: 0;height: 2px;background: #fff; transition: all .5s;}
.header-nav ul li > a:hover::after,.header-nav ul li.on > a::after{width: 100%;}
.header-nav .active a,.header-nav ul li a:hover{color: #ccc;}
.sub-nav {position:absolute;left:0;top:60px;opacity: 0;visibility: hidden; transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;display:flex;justify-content:space-between;background-color:#fff;box-shadow:0 4px 5px rgb(0 0 0 / 10%);}
.header-nav ul li:nth-of-type(3) .nav-item{min-width: 200px;}
.sub-nav.on{opacity: 1;visibility: visible;}
.sub-nav .nav-item {background-color:#fff;min-width:140px;display:flex;flex-direction:column;justify-content:center;
align-items:flex-start;width:100%;}
.sub-nav .nav-item a {padding: 10px 14px; width:100%;display:flex;background:transparent;font-size:16px;font-weight:400;
color:#777777;line-height:22px;align-items:center;transition:all .5s;
border-bottom:1px solid rgba(226,226,226,1);}
.sub-nav .nav-item a:last-child {border-bottom:0;}
.sub-nav .nav-item a:hover {background:#0E59D1;color:#fff;}

.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: .2rem;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;  transit.indx-pro-box .swiper-slide pion: 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: .5rem;height: .5rem;background-image: none;border: 1px solid #fff;
line-height: .5rem;text-align: center;transition: all .5s;}
#section0 .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 18px;color: #fff;}
#section0 .swiper-button-prev{left: 1rem;transform: skewX(10deg);}
#section0 .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 18px;color: #fff;}
#section0 .swiper-button-next{right: 1rem;transform: skewX(-10deg);}
#section0 .swiper-button-next:hover, #section0 .swiper-button-prev:hover{background: #fff;
box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.3);}
#section0 .swiper-button-next:hover::before, #section0 .swiper-button-prev:hover::before{color: #0043BC;}

/* 关于我们 */
.indx-about{padding:.5rem 0 .6rem;background-size: cover;}
.indx-about .title{font-size: .4rem;margin-bottom: .6rem;text-align: center;font-weight: bold;}
.indx-about-l{padding-right: .5rem;}
.indx-about-l p{color: #636363;line-height: 28px; height: 252px; margin-bottom: 20px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;}
.indx-cult {margin-top: 20px;}
.indx-cult b{display: block;color: #0043BC;font-size: 30px;margin-bottom: 30px;}
.indx-cult dl{margin-bottom: .3rem;display: flex;align-items: center;}
.indx-cult dl dt{color: #0043BC;font-weight: normal;width: 25%;}
.indx-cult dl dt img{width: 24px;height: 24px;margin-right: 10px;}
.indx-cult dl dd{color: #636363;width: 75%;}
.indx-about-l a{background: #0043BC;width: 1.5rem;padding: 12px 0;text-align: center;color: #fff;display: block;transition: all .5s;}
.indx-about-l a:hover{background: #fff;color:#0043BC ;box-shadow: 0 0 10px #ddd;}
/* 产品 */
.indx-pro{padding:.3rem 0 0rem;background-size: cover;}
.indx-pro-box{margin: 0 5% 9% 5%;position: relative;}
.indx-pro-box .title{font-size: .32rem;text-align: center;margin-bottom: .3rem;color: #fff;}
.indx-pro-box .swiper-slide a{display: block;background: #fff;padding:30px;text-align: center;transition: all .5s;}

.indx-pro-box .swiper-slide .imgbox{overflow: hidden;margin-bottom: 30px;}
.indx-pro-box .swiper-slide a:hover{box-shadow: 0 0 10px #ddd;}
.indx-pro-box .swiper-slide img{transition: all .5s;}
.indx-pro-box .swiper-slide a:hover .imgbox img{transform: scale(1.2);}
.indx-pro-box .swiper-slide h2{font-size: .24rem;margin-bottom: 10px;}
.indx-pro-box .swiper-slide p{margin-bottom: 30px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indx-pro-box .swiper-slide .more{background: #F0F0F0;width: 100%;padding: .2rem 0;font-size: 18px;}
.indx-customer-logo .title{font-size: .32rem;margin-bottom: .6rem;text-align: center;color: #fff;}
.indx-customer-logo .col{margin-bottom: .7rem;position: relative;top: 0;transition: all .5s;}
.indx-customer-logo .col:hover{top: -20px;}

.indx-pro-box .swiper-button-next,.indx-pro-box .swiper-button-prev{top: auto;background-image: none; bottom: -12%;width: .5rem;height: .5rem;border: 1px solid #fff;
line-height: .5rem;text-align: center;transition: all .5s;}
.indx-pro-box .swiper-button-next::before{font-family: iconfont; content: "\e72b"; font-size: 18px; color: #fff;}
.indx-pro-box .swiper-button-prev::before{font-family: iconfont; content: "\e72a"; font-size: 18px; color: #fff;}
.indx-pro-box .swiper-button-next{right: 45%;transform: skewX(-10deg);}
.indx-pro-box .swiper-button-prev{left: 45%;transform: skewX(-10deg);}
/* 新闻 */
.indx-news{padding: 1.3rem 0;background-size: cover;display: flex;position: relative;}
.indx-news-l{width: 20%;padding-left: 7%;}
.indx-news-r{width: 80%;}
.indx-news-l .title{font-size: .4rem;margin-bottom: 1rem;}
.indx-news-tag{}
.indx-news-tag > div{font-size: 18px;margin-bottom: .4rem;position: relative;transition: all .5s;}
.indx-news-tag > div::before{position: absolute;content: "";left: 0;top: 50%;width:.32rem;background: #0043BC;height: 2px;opacity: 0;}
.indx-news-tag > div.on{ color: #0043BC;padding-left: .4rem;}
.indx-news-tag > div.on::before{opacity: 1;}
.news-wrap-item{display: none;}
.news-wrap-item.on{display: block;}
.news-wrap-item a{display: block;}
.news-wrap-item img{margin-bottom: .4rem;}
.news-wrap-item span{display:inline-block;color: #B1B1B1;font-size: 18px;margin-bottom: 20px;}
.news-wrap-item h3{font-size: .24rem;}
.news-wrap-item .swiper-pagination{width: auto;bottom: 1.3rem;left: 8%;font-size: 24px;display: none;}
.news-wrap-item .swiper-pagination-current{font-size: .5rem;font-weight: bold;color: #222;}

.indx-contact{padding: 1.4rem 0;}
.indx-contact .container{display: flex;align-items: center;}
.indx-contact-l{flex: 1;color: #fff;}
.indx-contact-l .title{font-size: .4rem;margin-bottom: 1.2rem;}
.indx-contact-info ul li{margin-bottom: .5rem;display: flex;align-items: center;}
.indx-contact-info ul li img{width: 40px;height: 40px;margin-right: .7rem;}
.indx-contact-info ul li > div p:nth-of-type(1){font-size: 24px;color: #7FA7FF;margin-bottom: 20px;}
.indx-contact-info ul li > div p:nth-of-type(2){font-size: 18px;}
.indx-contact-r{}
.indx-join{padding:.9rem 0 1.4rem;}
.indx-join .row{display: flex;}
.indx-join .col{padding: 0;}
.indx-join h4{font-size: .4rem;margin-bottom: .5rem;}
.indx-join .col:nth-of-type(2){background: #fff;}
.indx-join-info{padding: .8rem .9rem;}
.indx-join-info h5{font-size: .4rem;margin-bottom: .4rem;position: relative;padding-bottom: 20px;}
.indx-join-info h5::after{position: absolute;content: "";left: 0;bottom: -10px;background: #0043BC;width: .7rem;height: 4px;}
.indx-join-info p:nth-of-type(1){font-size: 22px;margin-bottom: 20px;}
.indx-join-info p:nth-of-type(2){color: #999;}
.indx-join-info a{display: block;background: #0043BC;width: 1.5rem;padding: 12px 0;text-align: center;color: #fff;
margin-top: .6rem;transition: all .5s;}
.indx-join-info a:hover{background: #fff;color: #0043BC;box-shadow: 0 0 10px #ddd;}
.footer{background: url(../images/img/foot-bg.jpg) no-repeat;background-size: cover;color: #bfc5cc;}
.footer-top{padding: .6rem 0 1rem;display: flex;border-bottom: 1px solid #1b3758;}
.footer-l{width: 30%;}
.footer-l a{width: 1.6rem;margin-bottom: 40px;display: block;}
.footer-l p{margin-bottom: 20px;font-size: 14px;}
.footer-l p img{width: 16px;height: 16px;margin-right: 20px;}
.footer-r{display: flex;width: 70%;justify-content: space-between;}
.footer-r dl{}
.footer-r dl dt{font-size: 20px;margin-bottom: .3rem;color: #fff;font-weight: normal;}
.footer-r dl dd a{margin-bottom: 20px;font-size: 14px;display: block;color: #bfc5cc;}
.footer-r dl dd a:hover{color: #fff;}
.footer-copy{padding: 20px 0;display: flex;}
.footer-copy p:nth-of-type(1){flex: 1;}
.footer-copy a{color: #bfc5cc;}

/* 内页 */
.page-banner{position: relative;}
.page-banner-info{position: absolute;left: 10%;top: 40%;color: #fff;}
.page-banner-info .en{font-size: .64rem;}
.page-banner-info .cn{font-size: .28rem;}
.page-about{padding: 0.8rem 0 0rem;}
.page-tit{font-size: .4rem;margin-bottom: .6rem;}
.page-about p{margin-bottom: 30px;line-height: 30px;}
.page-about .row .col:nth-of-type(2){text-align: right;}
.page-cult .row a{display:block;text-align: center;padding: .5rem 0;border: 1px solid #E5E5E5;margin-bottom: 40px;transition: all .5s;}
.page-cult .row a:hover{box-shadow: 0 0 20px #ddd;}
.page-cult .row img{width: .6rem;height: .6rem;margin-bottom: .3rem;}
.page-cult .row a > div{font-size: .28rem;margin-bottom: 20px;}
.page-cult .row a p{line-height: 28px;height: 84px;width: 60%;margin: 0 auto;}

.page-his{background: url(../images/img/his-bg-img.png) no-repeat;background-size: cover;/*margin-top: 1.6rem;*/margin-top:0.3rem;}
.his-top{margin-bottom: 1.2rem;}
.his-top .col{text-align: center;}
.his-top .col img{border: 6px solid #0043BC;}
.his-top h3{font-size: 1.2rem;font-weight: bold;margin: 0 auto 1.2rem;border: 4px solid #222;padding: 20px 0;width: 4rem;position: relative;}
.his-top h3::after{position: absolute;left: 50%;bottom:-1rem;content: "";width: 6px;height:.7rem ;background: #222;}
.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%; content: '';border: 1px dashed #9aabca;}
.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: #0043BC; 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: #fff; background-image: none;border: 1px solid #0043bc; }
.his-bar .swiper-button-prev.swiper-button-disabled,.his-bar .swiper-button-next.swiper-button-disabled{ border: 1px solid #9aabca; 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 #0043bc;border-right: 1px solid #0043bc; 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 #0043bc;border-right: 1px solid #0043bc; 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 #0043bc;border-right: 1px solid #0043bc;}

.his-bar .swiper-button-disabled.swiper-button-next::after{ border-top: 1px solid #0043bc;border-right: 1px solid #0043bc;}

.page-net{padding: .6rem 0;}
.page-tit b{font-weight: normal;}
.page-tit p{margin-bottom: .7rem;font-size: 16px;margin-top: .4rem;}
.page-zzry{margin-bottom: 2rem;}
.page-zzry-wrap{position: relative;}
.page-zzry-wrap .item{text-align: center;}
.page-zzry-wrap .item h3{font-size: 16px;}
.page-zzry-wrap .item img{margin-bottom: .4rem;}
.page-zzry-wrap .item p{font-size: 20px;}
.page-zzry-wrap .swiper-slide .item img{transform: scale(0.7);transition: all .5s;}
.page-zzry-wrap .swiper-slide-active .item img{transform: scale(1);}
.page-zzry-wrap .swiper-button-next,.page-zzry-wrap .swiper-button-prev{ top: auto;bottom: -35%;background-image: none;width: .6rem;height: .6rem;border: 1px solid #0043bc;border-radius: 50%;line-height: .6rem;text-align: center;}
.page-zzry-wrap .swiper-button-next::before,.page-zzry-wrap .swiper-button-prev::before{font-family:iconfont;content: "\e779";font-size: 26px;color:#0043bc;font-weight: bold;}
.page-zzry-wrap .swiper-button-next{right: 45%;}
.page-zzry-wrap .swiper-button-prev{left: 45%;transform: rotate(-180deg);}

.page-pro{padding: .9rem 0;}
.page-subnav{margin-bottom: .6rem;overflow-x: auto;overflow-y: hidden;text-align: center;display: flex;justify-content: center;white-space: nowrap;}
.page-subnav a{display: block;padding: 10px 20px;margin-right: 20px;border: 1px solid #CACACA;transition: all .5s;}
.page-subnav a:hover,.page-subnav a.on{background: #0043BC;color: #fff;}
.pro-list .row a{display: block;background: #F5F5F5;margin-bottom: .4rem;transition: all .5s;}
.pro-list .row a img{display: block;margin: auto;}
.pro-list .row a > div{padding: 25px;transition: all .5s;}
.pro-list h2{font-size: 18px;margin-bottom: 20px;line-height: 28px;height: 56px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.pro-list p{font-size: 14px;color: #999;line-height: 24px; height: 48px;margin-bottom: 20px;overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.pro-list p span{flex: 1;}
.pro-list p i{font-size: 12px;}
.pro-list .row a:hover{background: #0043BC; }
.pro-list .row a:hover .news-info{background: #0043BC;}
.pro-list .row a:hover h2{color: #fff;}
.pro-list .row a:hover p{color: #fff;}
.pro-list-new-img{height:3rem; overflow:hidden; background:#fff; padding:0 !important;}
.pro-list-new-img img{object-fit: cover; width:100%;height:100%;}
/* 分页 */
.pagination{text-align: center;display: flex;justify-content: center;}
.pagination ul{overflow: hidden;}
.pagination 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;}
.pagination ul li.active,.pagination ul li:hover{background: #085BD1;border: 1px solid #085BD1;}
.pagination ul li.active a,.pagination ul li:hover a{color: #fff;}
.pagination ul li a{}
/*分页*/
.pagination>li{display:inline-block;margin: 0 10px;}
.pagination>li>a, .pagination>li>span{border-radius: 50%;width: .49rem;height: .49rem;line-height: .49rem;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%;}

.pro-d{padding: .6rem 0;}
.breadcrumb{font-size: 14px;color: #999;margin-bottom: 20px;background: none;padding: 0;}
.breadcrumb a{padding: 0 10px;color: #999;}
.breadcrumb a:last-child{color: #333;}
.pro-wrap{display: flex;}
.pro-wrap-l{width: 40%;position: relative;}
.pro-wrap-r{width: 60%;padding: .6rem;}
.pro-wrap-l .swiper-pagination{width: 100%;}
.pro-wrap-l .swiper-pagination-bullet{border-radius: 50%;background: #b1aeae;width: 10px;height: 10px;}
.pro-wrap-l .swiper-pagination-bullet-active{background:#0043BC ;}
.pro-wrap-l{border: 1px solid #E5E5E5;padding: .4rem .1rem .8rem;}
.pro-wrap-r h2{font-size: 28px;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ededed;}
.pro-wrap-r p{color: #999;line-height: 28px;}
.pro-btn{padding-top: .4rem;display: flex;}
.pro-btn a{display: inline-block;border: 1px solid #0043BC;width: 2.5rem;padding: 14px 0;color: #0043BC;margin-right: 20px;
text-align: center;transition: all .5s;margin-bottom: 20px;}
.pro-btn a i{padding-right: 10px;}
.pro-btn a:hover{background: #0043BC;color: #fff;}

.pro-box{margin-top: 1rem;}
.page-pro-nav,.page-tjcp,.pro-box .col:nth-of-type(2){border: 1px solid #E5E5E5;margin-bottom: 20px;}
.pro-tit{background: #0043BC;padding: 15px;font-size: 18px;color: #fff;}
.pro-nav-item{}
.pro-nav-item ul li{border-bottom: 1px solid #E5E5E5;padding: 14px 0;position: relative;cursor: pointer;}
.pro-nav-item ul li::after{position: absolute;content: "";right: 10px;top: 20px;width: 8px;height: 8px; border-top: 1px solid #333;
border-right: 1px solid #333;transform: rotate(45deg);}
.pro-nav-item ul li > a{padding: 0 10px;}
.pro-nav-s{display: none;padding: 14px 0;}
.pro-nav-s a{display: block;padding: 10px;font-size: 14px;}
.prosmall{padding: 20px;}
.prosmall li{margin-bottom: .4rem;}
.prosmall li a h2{margin-top: 16px;font-size: 16px;}
.prosmall li a{display: block;text-align: center;}
.pro-scrip{padding: .9rem;}
.pro-scrip b{font-size: 24px;}
.pro-scrip p{line-height: 30px;margin-bottom: 30px;}
.pro-scrip img{margin-bottom: 20px;}
/*.pro-box .col:nth-of-type(2){padding: 0;}*/
.page-news{background: #F5F6F7;padding: .9rem 0;}
.pro-list .news-info{background: #fff;}
.pro-list .news-info > div{display: flex;color: #999;}
.pro-list .news-info > div span{flex: 1;}
.pro-list .news-info > div i{font-size: 12px;}
.pro-list a:hover .news-info >div{color: #fff;}
.day-flex{display: flex;color: #999;}
.day-flex span{flex: 1;}
.day-flex i{font-size: 12px;}
.pro-list .row a:hover .day-flex{color: #fff;}
.news-dwrap{padding: 1rem 0;}
.news-dedit h3{font-size: .32rem;margin-bottom: .3rem;}
.news-dedit span{display: block;color: #888;margin-bottom: 20px;border-bottom: 1px solid #E5E5E5;padding-bottom: .3rem;}
.news-dedit p{margin: .4rem 0;line-height: 28px;}

.news-dedit img{margin-bottom: 30px;}

.news-dedit{border-bottom: 1px solid #E5E5E5;padding-bottom: .3rem;}
.news-page{display: flex;padding-top: .4rem;}
.news-page div{width: 50%;}
.news-tuij{margin: 1rem 0;}
.news-tuij-tit{margin-bottom: 30px;display: flex;}
.news-tuij-tit i{font-size: 12px;padding-left: 10px;}
.news-tuij-tit h4{font-size: .32rem;flex: 1;}
.news-tuij-tit a{font-size: 14px;color: #999;}
.news-tuij .row a{display: block;background: #F5F5F5;padding: .3rem;margin-bottom: 20px;}
.news-tuij .row h3{font-size: .2rem;margin-bottom: 20px;}
.news-tuij .row p{font-size: 14px;color: #999;margin-bottom: 20px;}
.news-tuij .row span{display: block;font-size: 14px;color: #999;}
.news-next{text-align: right;}
.news-tuij .row a:hover{box-shadow: 0 0 20px #ddd;}

.customer{background: #F5F6F7;padding: 1rem 0;}
.customer .item{background: #fff;text-align: center;margin-bottom: 30px;position: relative;top: 0;transition: all .5s;}
.customer .item:hover{top: -20px;}
.customer .item img{margin-bottom: 20px;}
.customer .item p{padding: 20px;}
.message{padding: 1rem 0;}
.message-box h4{font-size: 26px;margin-bottom: 30px;text-align: center;}
.message-box p{margin-bottom: 40px;text-align: center;}
.form-group{width: 50%;margin-bottom: .4rem;}
.form-group span,.form-textarea span{margin-bottom: 20px;display: block;}
.form-group:nth-of-type(2n){padding-left: 40px;}
.form-group ,.form-textarea{position: relative;}
.form-control{height: 60px;border: none;background-color: #F5F6F7;font-size: 16px;padding: 6px .4rem;color: #222;box-shadow: none;}

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

#submit{width:2rem;background: #0043BC;text-align: center;color: #fff;padding: 20px 0;border-radius: 4px;}
.message-form{margin-top: .6rem;}
.contact{padding: 1rem 0;}
.contact h4{font-size: .4rem;margin-bottom: 1rem;}
.contact .row{margin-bottom: 1rem;}
.contact .col{text-align: center;margin-bottom: 30px;}
.contact .col i{font-size: 24px;color: #222;border: 1px solid #E9E9E9;border-radius: 50%;padding: 20px;}
.contact .col p:nth-of-type(1){color: #666;margin-bottom: 20px;margin-top: 10px;}
.contact .col p:nth-of-type(2){font-size: 18px;text-align: center;}
.contact-info{border: 1px solid #E5E5E5;padding: .3rem .6rem;margin: 1rem 0;}
.contact-info p{line-height: 30px;}
.contact .col span{display: inline-block;margin-bottom: 20px;}
.icon-address1:before {
  content: "\e66e";
}
.icon-email-fill:before {
  content: "\e77e";
}
.map{height: 6.4rem;}
#map{height: 100%;}


.page-video{background: #F5F6F7;padding: 1rem 0;}
.video-wrap{}
.video-item{display: block;margin-bottom: .4rem;background: #fff;position: relative;overflow: hidden;top: 0;transition: all .5s;}
.video-box{position: relative; height:320px;}
.video-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.video-play img{width: .8rem;height: .8rem;}
.video-info{padding: .3rem;}
.video-info h3{font-size: 20px;}
.video-item video{display: none;position: absolute;left: 0;top: 0;width: 100%;}
/*.video-wrap a:hover{top: -20px;}*/
.video-wrap a.video-item:hover{top: -20px;}

.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: 0 1rem;}
.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;}

/* .job{background: #F4F5F6;padding: 1rem 0;}
.job h4{font-size: .4rem;text-align: center;margin-bottom: .4rem;}
.job-main{background: #fff;}
.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: .28rem;height: .28rem;}
.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{border-bottom: 1px solid #e5e5e5;}
.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;} */

.body-fix{position: fixed;bottom: 2rem;right: 20px;background: #0079FF;border-radius: 4px;z-index: 99;}
.body-fix .item{border-bottom: 1px solid #348ff3;padding: 10px;position: relative;cursor: pointer;}
.body-fix .item .slide-hover{opacity: 0;position: absolute;width: 2rem;height: auto; right: 1rem;top: 0;background: #fff;border-radius: 4px;padding: 20px;
visibility: hidden;transition: all .5s;}
.body-fix .item .slide-hover p:nth-of-type(1){font-size: 18px;margin-bottom: 10px;}
.body-fix .item .slide-hover p:nth-of-type(2){font-size: .22rem;color: #0079FF;}
.slide-fix{text-align: center;}
.slide-fix img{width: .28rem;height: .28rem;margin-bottom: 10px;}
.slide-fix p{font-size: 12px;color: #ebf2fb;}
.item:hover .slide-hover{opacity: 1;visibility: visible;}
.slide-hover div{text-align: center;}
.slide-hover div p{font-size: 14px !important;margin-top:10px;}
.body-fix .item:last-child{border: none;}
.body-fix .item .slide-hover::before{position: absolute;content: "";right: -16px;top: 50%;display: inline-block;
overflow: hidden;width: 0;height: 0;border-style: solid;border-width: 8px;
border-color: transparent transparent transparent #fff;transform: translateY(-50%);}
.top5{top: -.5rem !important;}

.m_entxt{color: #fff; margin-right:35px;}
.pro_right_con{float:right;}



/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	padding: 0.3rem;
	padding-top: 0.6rem;
	margin-top: -2.5rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	width: 2.3rem;
	height: 2.3rem;
	display: block;
	margin: 0 auto;
}
#wxnr p {
	font-size: 0.24rem;
	line-height: 0.45rem;
	text-align: center;
}
#wxnr i {
	position: absolute;
	top: 0.2rem;
	right: 0.2rem;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.2rem;
	line-height: 0.3rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr span {
	display: inline-block;
	padding: 0.03rem 0.1rem;
	line-height: 0.35rem;
	background-color: #003e92;
	color: #fff;
	border-radius: 0.05rem;
	cursor: pointer;
}
#wxnr span.wx {
	padding-left: 0.4rem;
	background-image: url(../images/img/wx.png);
	background-size: 0.28rem;
	background-position: 0.1rem center;
	background-repeat: no-repeat;
}
/*复制提示*/
#weixin {
	position: fixed;
	top: 50%;
	margin-top: -0.4rem;
	z-index: 9999999;
	font-size: 0.26rem;
	color: #fff;
	width: 90%;
	right: 5%;
	line-height: 0.8rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	border: 2px solid #333;
	border-radius: 0.1rem;
	display: none;
}













