/***** Header *****/
header{width:100%;position: fixed;z-index: 200;line-height: .83rem;height: .83rem;background: transparent;overflow: hidden;}
header.on{background:hsl(0 0% 0% / 50%);}
header .logo{float:left;}
header .nav{float:right;text-align: right;}
header .nav >* {display: inline-block;vertical-align: top;}
header .nav .lang {font-size: 0;margin-left: .3rem;}
header .nav .lang a {font-size: .18rem;color: #fff;display: inline-block;vertical-align: middle;}
header .nav li {display: inline-block;vertical-align: middle;margin-left: .85rem;text-align: center;}
header .nav li a{font-size: .18rem;color: #fff;}
header .nav li a:hover,header .nav li a.on{color:#17abe2;}
/***** Header End *****/

.tem_banner{position:relative;width:100%;}
.tem_banner.index .txt{position:absolute;width:100%;height:100%;top:0;left:0;font-size:.16rem;text-align: left;color: #fff;}
.tem_banner.index .txt .pd{display:inline-block;text-align:left;max-width: 4.95rem;}
.tem_banner.index .txt .title {color:#fff}
.tem_banner.index .txt .title h2{font-size: .4rem;display:block;margin: 0  0 .3rem;opacity:0;transition: none;transform: translateY(30px);text-transform: uppercase;text-shadow: 1px 1px 3px #737373;line-height: 1.3;}
.tem_banner.index .txt .title p{font-size: .26rem;text-transform:uppercase;letter-spacing:.01rem;opacity:0;transition:none;transform:translateY(30px);text-shadow: 1px 1px 3px #606060;line-height: 2.2;}
.tem_banner.index .txt .title span {display: block;font-size: .2rem;opacity: 0;transition-delay: 1.2s;transition: none;transform: translateY(30px);text-shadow: 1px 1px 3px #606060;}
.tem_banner.index .swiper-slide-active .txt .title h2{transform: none;transition: 1s;opacity: 1;transition-delay: .3s;}
.tem_banner.index .swiper-slide-active .txt .title p{transform: none;transition: 1s;opacity: 1;transition-delay: .6s;}
.tem_banner.index .swiper-slide-active .txt .title span{transform: none;transition: 1s;opacity: 1;transition-delay: .9s;}
.tem_banner.index .slide-pagination{transition:.5s;position:absolute;z-index:1;bottom: .8rem!important;left:0;text-align:center;font-size:0;width:100%;margin:0;}
.tem_banner.index .slide-pagination span{width:11px;height:11px;border-radius:100%;border:1px solid #fff;opacity:1;background:0 0;margin:0 5px;outline:0}
.tem_banner.index .slide-pagination span.swiper-pagination-bullet-active{background: #fff;border-color: #fff;}

.tem_banner.inside .flash{font-size:0}
.tem_banner.inside .flash img{width:100%;height:100%}
.tem_banner.inside .txt{position:absolute;bottom: 30%;left:0;width:100%;text-align: left;color: #fff;}
.tem_banner.inside .txt h2{font-size: .42rem;color: #fff;display:inline-block;margin-bottom: .2rem;}
.tem_banner.inside .txt p{font-size: .42rem;color: #fff;display: block;text-transform: uppercase;letter-spacing: .01rem;text-shadow: 1px 1px 5px #adadad;}
.tem_banner.inside .txt span{font-size:.24rem;color:#fff;}

.index_advantage{padding:.7rem 0}
.index_advantage .title{text-align:center;margin-bottom:.5rem;}
.index_advantage .title h2{font-size:.38rem;color:#333333;display:block;margin-bottom:.1rem}
.index_advantage .title p{color:#666666;font-size:.2rem;}
.index_advantage .list{width: 100%;}
.index_advantage .list li{width: 29.5%;}
.index_advantage .list li a {width:100%;position:relative;border-radius: 10px;overflow: hidden;}
.index_advantage .list li a .txt{position:absolute;left: 0;bottom: 0;width:100%;height:100%;z-index:1;text-align: center;padding: .8rem .5rem 0;transition: 1s;}
.index_advantage .list li a:hover .txt {transition: 1s;bottom: 100%;}
.index_advantage .list li a .txt .tb{display: inline-block;width: 1.17rem;height: .94rem;background-position-x: center;background-repeat: no-repeat;margin-bottom: .6rem;}
.index_advantage .list li a .txt .tb1{background-image: url(../images/icon-1.png);background-size: 1.17rem;}
.index_advantage .list li a .txt .tb2{background-image: url(../images/icon-2.png);background-size: .78rem;}
.index_advantage .list li a .txt .tb3{background-image: url(../images/icon-3.png);background-size: .75rem;}
.index_advantage .list li a .txt h2{font-size:.33rem;color:#fff;}
.index_advantage .list li a .pd{position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;z-index: 2;background: url(../images/icon-4.png);padding: .75rem .35rem 0;transition: 1s;}
.index_advantage .list li a:hover .pd {bottom: 0;transition: 1s;}
.index_advantage .list li a .pd h2{text-align:center;color:#fff;font-size:.3rem;display: block;margin-bottom: .3rem;padding-bottom: .3rem;position: relative;}
.index_advantage .list li a .pd h2:after{position:absolute;content:'';bottom:0;left:50%;width:.48rem;height:2px;background:#92c9e6;margin-left:-.24rem}
.index_advantage .list li a .pd p{color:#fff;font-size:.18rem;line-height: 1.5;}

.index_product{padding:.7rem 0;background:#f7f7f7;}
.index_product .title{width:100%;font-size: 0;margin-bottom: .4rem;}
.index_product .title>*{display:inline-block;vertical-align:baseline;}
.index_product .title h2{font-size:.38rem;color:#333333;}
.index_product .title p{font-size:.24rem;color:#666666;margin-left: .1rem;}
.index_product .list{width:100%;overflow: hidden;}
.index_product .list .left{float:left;width:20%;padding-top: 1.4rem;background: #f7f7f7;}
.index_product .list .left .page {margin-bottom: .3rem;}
.index_product .list .left .page span.swiper-pagination-current {font-size:.35rem;color:#141824;}
.index_product .list .left .page span{font-size:.2rem;color:#141824;}
.index_product .list .left .page span.swiper-pagination-total {font-size:.2rem;color:#666666}
.index_product .list .left .titles{font-size:.28rem;color:#141824;margin-bottom:.3rem}
.index_product .list .left .more{display:inline-block;width:50%}
.index_product .list .left .more a{line-height:3;background:#17abe2;text-align:center;color:#fff;display:block}
.index_product .list .left .more a:hover {background:#555}
.index_product .list .img{float:right;width: 77%;position:relative;}
.index_product .list .img .nav{position: absolute;right: 0;bottom: 0;width: 1.6rem;height: .8rem;}
.index_product .list .img .nav div{width:.8rem;height:.8rem;position:absolute;bottom:0;background:hsl(0 0% 85% / 50%);color:#fff;font-size:.4rem;text-align:center;line-height:.8rem}
.index_product .list .img .nav div.swiper-button-disabled{background:hsl(196 82% 49% / 80%)}
.index_product .list .img .nav .prev{left:0}
.index_product .list .img .nav .next{right:0}

.index_about {background: #17abe2 url(../images/icon-about.png) no-repeat right bottom;background-size: 11.1rem;}
.index_about .left{float:left;position: relative;width: 67.8%;}
.index_about .left .txt{position:absolute;left:0;width:100%;text-align:center;bottom:15%;font-size:.42rem;color:#fff;text-shadow:1px 1px 4px #444}
.index_about .right{float:right;width:32.2%;padding-left:.75rem}
.index_about .right .title{padding:.9rem 0 .7rem}
.index_about .right .title p{font-size:.36rem;color:#fff;display:block;margin-bottom:.1rem}
.index_about .right .title h2{font-size:.38rem;color:#fff}
.index_about .right .nav{width:100%}
.index_about .right .nav a{font-size:.28rem;color:#fff;line-height:3.5}

.index_news{padding:.7rem 0;overflow: hidden;}
.index_news .title{text-align:center;margin-bottom:.35rem}
.index_news .title h2{font-size:.38rem;color:#333;display:block;margin-bottom:.1rem}
.index_news .title p{font-size:.2rem;color:#666}
.index_news .list{width:100%}
.index_news .list ul{overflow:inherit}
.index_news .list li{width:31.667%}
.index_news .list li a{background:#fff;box-shadow:0 0 7px #a0a0a0}
.index_news .list li a:hover{background:#17abe2}
.index_news .list li a:hover .txt>*{color:#fff}
.index_news .list li a .txt{padding:.2rem .2rem .35rem}
.index_news .list li a .txt span{font-size:.16rem;color:#333}
.index_news .list li a .txt h2{font-size:.2rem;display:block;margin:.2rem 0;line-height:1.4;color:#333}
.index_news .list li a .txt p{font-size:.14rem;line-height:1.7;color:#333}


/*** page web ***/
.page_web{width:100%;}
.page_web .page_content{width:100%;background: #f7f7f7;}
.page_head{width:100%;position: relative;border-bottom: 1px solid #e5e5e5;height: .8rem;background: #f7f7f7;}
.page_head .nav{position: relative;text-align: center;font-size: 0;}
.page_head .nav li{display:inline-block;vertical-align:top;margin: 0 .4rem;}
.page_head .nav li a{color: #343434;font-size: .16rem;position:relative;line-height: .8rem;}
.page_head .nav li a:hover,.page_head .nav li a.on{color:#17abe2;}
.page_head .nav li a::after{width:0;position: absolute;content:'';bottom: 0;left: 0;height: 2px;background: #17abe2;transition:.3s;}
.page_head .nav li a:hover::after, .page_head .nav li a.on::after {width: 100%;transition:.3s}

.page_about{width:100%;padding-top:.55rem}
.page_profile{width:100%}
.page_profile .title{text-align:left;margin-bottom:.35rem}
.page_profile .title h2{font-size:.3rem;color:#333;display:block;text-transform:uppercase;margin-bottom:.1rem}
.page_profile .title p{color:#333;font-size:.2rem}
.page_profile .con{width:100%;color:#6f6f6f;font-size:.16rem;line-height:1.8}
.page_atxt{padding:.7rem;margin-top:.5rem;background: url(../images/page_atxt_bj.jpg) no-repeat;}
.page_atxt ul{position:relative}
.page_atxt ul::after{position:absolute;content:'';left:.054rem;top: 0;width:1px;height: 100%;background:#94939d;}
.page_atxt ul li{margin-bottom:.45rem;padding-left:1rem;position:relative}
.page_atxt ul li::after{position:absolute;content:'';left:0;top:50%;width:.11rem;height:.11rem;border:1px solid #94939d;border-radius:100%;margin-top:-.055rem;background:#32293a;z-index:1}
.page_atxt ul li:first-child+li::after{background:#2396d3;border:1px solid #2396d3}
.page_atxt ul li:last-child{margin:0}
.page_atxt ul li a{font-size:.18rem;color:#94939d;/* height:.25rem */}
.page_atxt ul li:first-child+li a{font-size:.24rem;color:#fff}

.page_honor{background:#f7f7f7;padding:.8rem 0;background-size:cover}
.page_honor .title{width:100%;text-align:center;margin-bottom:.45rem}
.page_honor .title h2{font-size:.48rem;color: #18abe1;text-transform:uppercase;display:block;margin-bottom:.05rem;}
.page_honor .title p{font-size:.3rem;color:#4a4a4a;text-transform:uppercase;letter-spacing:.01rem}
.page_honor .list{text-align:center;padding:0 .5rem;position:relative;width:100%;overflow:hidden}
.page_honor .list .top{width:100%;position:relative;padding-top:.2rem;height:.02rem}
.page_honor .list .bot{width:100%;position:relative;height:.02rem}
.page_honor .list a{display:inline-block}
.page_honor .list a p{color:#2f2f2f;font-size:.16rem;display:block;line-height:.6rem;height:.6rem;background:#fff}
.page_honor .list a p i{width:.11rem;display:inline-block;vertical-align:top;height:100%;background:url(../honor_icon1.png) no-repeat center;background-size:.11rem;margin-right:.05rem}
.page_honor .list a:hover p{color:#1e218c}
.page_honor .list a:hover img{transition:3s;transform:scale(1.2)}
.page_honor .swiper-pagination{width:100%;font-size:0;position:relative;margin-top:.55rem}
.page_honor .swiper-pagination span{width:.1rem;height:.1rem;opacity:1;background:#d6d6d6;margin:0 .05rem;font-size:.16rem;color:#3a3a3a;line-height:.4rem;text-align:center}
.page_honor .swiper-pagination span.swiper-pagination-bullet-active{background:#17abe2;color:#fff}

.page_show{padding:.7rem 0;background:#fff;background-size:cover}
.page_show .title{text-align:center;margin-bottom:.5rem}
.page_show .title h2{font-size:.3rem;color:#333}
.page_show .title p{font-size:.66rem;color:hsl(0 0% 5% / 5%);text-transform:uppercase;font-weight:700;font-family:DIN}
.page_show .list{position:relative;width:100%}
.page_show .list a{padding:3px}
.page_show .list a .img{box-shadow:1px 1px 5px #d0d0d0;background:#fff;text-align:center}
.page_show .list a p{font-size:.16rem;color:#5a5b5a;text-align:center;margin-top:.2rem;display:block;opacity:0}
.page_show .list .swiper-slide-active a p{opacity:1}
.page_show .list .pagination{position:absolute;top:35%;left:0;width:100%;z-index:1}
.page_show .list .pagination>div{position:absolute;top:0;width:.4rem;line-height:.4rem;height:.4rem;text-align:center;border-radius:100%;color:#fff;font-size:.23rem;background:#0470b5}
.page_show .list .pagination .left{left:20%}
.page_show .list .pagination .right{right:20%}

.page_product{width: 100%;padding: .7rem 0;}
.page_product .top{margin-bottom: .1rem;}
.page_product .top .img{width: 100%;position:relative;}
.page_product .top .img .txt{position:absolute;left:.5rem;bottom: .6rem;text-align:left;}
.page_product .top .img .txt h2{font-size: .24rem;color: #fff;font-weight:700;display:block;margin-bottom: .15rem;text-shadow: 1px 1px 3px #4e4e4e;}
.page_product .top .img .txt p{/* line-height:1.4; */color:#fff;font-size: .18rem;text-shadow:1px 1px 3px #4e4e4e;}
.page_product .list{width: 100%;}
.page_product ul li{font-size:0;padding: 0 .12rem;position: relative;float: left;width: 25%;margin-top: .6rem;}
.page_product ul li a{position:relative;overflow:hidden}
.page_product ul li a h2{font-size: .16rem;color: #303030;width: 100%;display: block;padding: .25rem 0;z-index:1;text-align: center;background: #fff;}
.page_product ul li a:hover img {transform: scale(1.2);transition:4s;}

#showproduct{padding: .6rem 0 .9rem;}
#showproduct .list{float:left;width: 59.643%;position: relative;}
#showproduct .list .swiper-pagination{position:absolute;bottom:.06rem;left:0;width:100%}
#showproduct .list .swiper-pagination div{width:.42rem;height:.38rem;background:#0275c6;color:#fff;line-height:.38rem;font-size:.24rem;position:absolute;bottom:0}
#showproduct .list .swiper-pagination .swiper-button-disabled{background:#fff;color:#8c8c8c}
#showproduct .list .swiper-pagination .left{left:.06rem}
#showproduct .list .swiper-pagination .right{right:.06rem}
#showproduct .text{float:right;width:36%}
#showproduct .text .top{padding-top:.55rem}
#showproduct .text .top span{font-size:.16rem;color:#343535}
#showproduct .text .top h2{font-size:.2rem;font-weight:700;color: #333;display:block;margin:.1rem 0 .5rem;}
#showproduct .text .bot{width:100%}
#showproduct .text .bot .info{margin-bottom:.2rem;font-size:.16rem;color:#343535;line-height:2}
#showproduct .text .bot .desc{font-size:.14rem;line-height:1.7;color:#6f6f6f}

.page_news{width:100%;padding:.7rem 0}
.page_news li{margin-bottom:.3rem}
.page_news li a{display:block;background:#fff;padding:.3rem;border:1px solid #eee}
.page_news li a:hover{box-shadow:1px 1px 4px #afafaf}
.page_news li a:hover .img img{transition:.36s;transform:scale(1.1)}
.page_news li a .img{float:left;width:19.059%}
.page_news li a .txt{float:left;padding-left:.45rem;width:80%}
.page_news li a .txt h2{font-size:.2rem;color:#232122;line-height:1.4;margin-bottom:.1rem;color:#17abe2}
.page_news li a .txt p{font-size:.16rem;color:#5b5b5b;margin-bottom:.2rem;}
.page_news li a .txt span{font-size:.14rem;color:#666;display:inline-block;vertical-align:top;padding-left:.3rem;background:url(../images/news_time.png) no-repeat left center;background-size:.18rem}
.page_news li a .txt i{display:inline-block;vertical-align:top;font-size:.14rem;color:#666;background:url(../images/news_hits.png) no-repeat left center;padding-left:.3rem;background-size:.19rem;margin-left:.3rem}

.show_news {padding: .7rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333;}
.show_news .met_page li>* {display: inline-block;vertical-align: top;}
.show_news .met_page li a {font-size:.14rem;color:#333}

.page_resources{padding:.7rem 0;background:#f7f7f7}
.page_resources .title{text-align:center;margin-bottom:.35rem}
.page_resources .title h2{font-size:.36rem;color:#333;display:block;margin-bottom:.1rem}
.page_resources .title p{font-size:.24rem;color:#959595;text-transform:capitalize}
.page_resources ol{width:100%;text-align:center;margin-bottom:.35rem}
.page_resources ol li{display:inline-block;margin:0 .3rem;cursor:pointer}
.page_resources ol li h2{padding:.2rem .4rem;background:#fff;border-radius:.15rem;font-size:.16rem;color:#333}
.page_resources ol li.flex-active h2{background:#17abe2;color:#fff}
.page_resources .list{font-size:.16rem;color:#666;line-height:1.7}

.page_contact{width:100%;padding:.7rem 0}
.page_contact .title{text-align:center;margin-bottom:.35rem;}
.page_contact .title h2{font-size:.36rem;color:#333333;}
.page_contact .title p{font-size:.24rem;color:#666;text-transform:capitalize;}
.page_contact .con{width:100%;position:relative;}
.page_contact .con .map{padding:.3rem 0}
.page_contact .con .contact{position:absolute;right:0;top:0;background: hsl(196 82% 49% / 70%);padding:.6rem;height: 100%;color: #fff;border-radius: .1rem;width: 4.4rem;font-size: .18rem;z-index: 9;}
.page_contact .con .contact div>div{margin-bottom:.15rem;padding-left:.54rem;line-height:1.7;background-position-x:left;background-position-y:.05rem;background-repeat:no-repeat}
.page_contact .con .contact .name {background-image: url(../images/contact_name.png);background-size:.22rem;}
.page_contact .con .contact .tel {background-image: url(../images/contact_tel.png);background-size:.18rem;}
.page_contact .con .contact .fax {background-image: url(../images/contact_fax.png);background-size:.22rem;}
.page_contact .con .contact .email {background-image: url(../images/contact_email.png);background-size:.22rem;}
.page_contact .con .contact .addr {background-image: url(../images/contact_addr.png);background-size:.22rem;}


footer{color:#fff;background:#282828;padding: .4rem 0 .1rem;}
footer .back_top{position:absolute;right:0;top: 0;}
footer .back_top a{display:block;width:.3rem;height:.3rem;line-height:.3rem;text-align:center;border-radius:100%;background:#d7d7d7;font-size:.18rem;color:#005ca2;}
footer .nav{width:100%;font-size: 0;}
footer .nav ul li{display:inline-block;vertical-align:top;padding:0 .4rem;position:relative;}
footer .nav ul li:first-child{padding-left:0;}
footer .nav ul li::after{position:absolute;content:'';left:0;top:50%;width:1px;height:.18rem;background:#fff;margin-top:-.09rem;}
footer .nav ul li:first-child::after{display:none;}
footer .nav ul li a{color:#fff;font-size:.18rem;}
footer .nav ul li a:hover{color:#999}
footer .list{width:100%;margin: .5rem 0;}
footer .list .contact{float:left;font-size: .14rem;padding-right: .5rem;line-height: 2.3;}
footer .list .wechat{float:right;}
footer .bot{border-top:1px solid #696969;font-size:.14rem;color:#fff;padding:.15rem 0}
footer .bot .left{float:left}
footer .bot .right{float:right}
footer .bot .right a{display:inline-block;vertical-align:top;color:#ffff}
footer .bot .right a:hover{color:#999}

/**/
/********<=767 mobile nav style css********/
.m-header {background: #17abe2;box-shadow:0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #fff;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
	background: #17abe2;
	-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
	transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #fff;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #6dd7ff;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color:#FFF;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #fff;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #fff;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color:#006b92}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:990px){
	body{overflow-x:hidden;}
	.st-menu {display:block;}	
	.header {display:none;}
	.m-header  {top:0;opacity:1;}
	.tem_banner{margin-top:45px;}
	footer .bot .left,footer .bot .right{float:initial;width:100%;text-align:center;}
	.index_advantage .list li{width:100%;margin-bottom:.5rem;}
	.index_advantage .list li a .pd,.index_advantage .list li a .txt{padding: 2rem .35rem;}
    .index_product .list .left,.index_product .list .img{float:initial;width:100%;padding-top: .5rem;text-align: center;}
    .index_product .list .left .more{width:20%}
    .index_product .list .left .more a{font-size:.14rem;}
    .index_product .title{margin: 0;text-align:center;}
    .index_product .title>*{display:block;}
    .index_about > div{float:initial!important;width:100%!important;}
    .index_about .right {padding: 0 .3rem;}
    .index_about .right .title{text-align:center;padding: .9rem 0 .3rem;}
    .index_about .right .nav{text-align:center;}
    .index_about .right .nav a{display:inline-block;margin:0 .2rem;}
    .page_product ul li{width:50%;}
    footer .nav ul li:first-child{display:none;}
    footer .nav ul li{padding:0 .2rem;}
}

/********mobile*********/
@media(max-width:767px){
	.index_news .list li{width:100%;margin-bottom:.3rem;}
	footer .list .contact,footer .list .wechat{float:initial;width:100%;}
	.page_news li a .img{display:none;}
	.page_news li a .txt{float:initial;width:100%;}
	.page_resources ol li{margin:0 .1rem;}
	.page_resources ol li h2{padding: .1rem .2rem;}
	.page_contact .con .contact{position:relative;width:100%;}
}