/* ==========================================================================
   index page
   ========================================================================== */
.ibanner{ height: 686px; position: relative;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:5%;}
.ibanner .swiper-button-next{ right:5%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:#1f96cf; width:40px; height:80px; line-height:80px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:3rem;}
.ibanner .ban-img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{ background:#9a9a9a;}
/*.ibanner .swiper-slide-active .ban-img{animation: zoomin2 8s forwards;}*/

/*产品*/
.isub{ position:absolute; right:0; top:0; width:40%; text-align:right; line-height:4rem;}
.isub a{ display:inline-block; color:#fff; font-size:16px; margin-left:3%; background: no-repeat 0 center; padding-left:2rem;}
.isub a:hover{ color:#f5cd2c;}

.module_cate{width:95%;background-color:#f5f5f5;}
.module_cate .cate_tit{text-align:center;background:#d11734;color:#fff;padding:40px 10px;font-size:1.8rem}
.module_cate .cate_tit p{font-size:3.5rem;line-height:1;}
.module_cate ul{margin: 1em 4%;position: relative;}
.module_cate ul li{padding: 0 10px;line-height: 3.5rem;margin-bottom: 10px;background-color: #fff;}
.module_cate ul li a{display: block;position: relative}
.module_cate ul li i{position: absolute;right: 0;width: 16px;height: 16px;top: 50%;margin-top: -8px;background: #000000;border-radius: 50%}
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subcate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subcate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subcate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	background:  center left no-repeat;
}
.module_cate .subcate a{font-size: 14px}
.module_cate .subcate a:hover{transform:translate(10px);}
.module_cate li.open .subcate{display: block;}

.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}


/*ban1*/
.sect_ban{height: 300px;background: top center no-repeat;}

/*优势*/
.sect_advtage{}
.adv-box{padding-bottom: 2rem}
.adv-box .tit{font-size: 2.4rem;line-height: 1;position: relative;border-bottom: 1px solid #cccccc;}
.adv-box .tit .p1{position: relative;margin-bottom: 1em}
.adv-box .tit .p1 span{background: #333333;color: #fff;padding:10px 70px 10px 130px;display: inline-block;}
.adv-box .tit .p1 i{position: absolute;background:  top right #1f96cf;color: #fff;font-size: 4.4rem;font-style: normal;padding:8px;top: -10px}
.adv-box .tit .p2{padding:5px 0 10px 0;}
.adv-box .tit .p2 span{color: #1f96cf}
.adv-box .txt{color: #666666;font-size: 1.6rem;padding:5px 0;}

/*关于*/
.sect_us{}
.sect_us a{ display:block;}
.sect_us .aimg{ text-align:center;}
.sect_us .ainfo{ text-align:center; padding-top:3rem;}
.sect_us .ainfo span{ font-size:2.4rem;}
.sect_us .ainfo p{ font-size:1.6rem;}
.sect_us .ainfo a{ display:inline-block; background:#1f96cf; color:#fff; text-align:center; width:60px; height:50px; line-height:50px; font-size:3rem; margin-top:3rem;}
.sect_us a:hover .ainfo span,.sect_us a:hover .ainfo p{ color:#1f96cf;}




.module_tab{background:#f2f2f2}
.module_tabs{border-bottom:1px solid #d41936;background-color: #fff;line-height: 43px}
.module_tabs .tab{display:block;width:35%;float:left;font-size:1.8rem;color:#000;text-align:center;cursor: pointer;}
.module_tabs .tab.active,.module_tabs .tab.cur{background-color:#d41936;color:#fff}
.module_tabs a{float:right}

.news-box{color: #3f3f3f;overflow: hidden; background:#fff; height:100%;}
.news-box .news-time{ position:relative; padding:1rem; text-align:center; background:#0064b9;}
.news-box .news-time .date{font-size: 3.4rem;color: #fff;}
.news-box .news-time .date i{font-size: 1.4rem;display:block;font-style: normal;line-height: 1.2}
.news-box .news-time span{color: #bbb;padding-right: 15px;line-height: 22px;display: inline-block;}
.news-box h3{margin:2.5rem 0 0;font-size:16px; color:#333;}
.news-box h3 a:hover{ color:#fff;text-decoration: underline;}
.news-box p{overflow: hidden;font-size: 14px; color:#999;}
.news-box:hover{ background:#fd8800;}
.news-box:hover h3 a{ color:#fff;}

.nbx{ padding:0 2.5rem;}
.nbx .news-time{ background:none; text-align:left; padding:0;}
.nbx .news-time .date{color: #0064b9;}
.nbx p{ margin-top:2rem;}
.nbx .ndot{ display:block; color:#fff; text-transform:uppercase; font-size:12px; border-bottom:1px solid #0760c4; position:relative; width:30%; margin-top:3rem;}
.nbx .ndot:after{ content:''; width:10px; height:1px; background:#0760c4; display:block; float:right;transform: rotate(33deg) translate3d(10px,15px,0);}
.nbx:hover .news-time .date,.nbx:hover p{ color:#fff;}
.nbx:hover .ndot{ border-bottom-color:#fff; width:60%;}
.nbx:hover .ndot:after{ background:#fff;}


.news-box.one{background: none}
.news-box.one .news-cont{padding: 0}