/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ height:968px; overflow:hidden;}
.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%; background:url(../img/btn_l.png) no-repeat center center;}
.ibanner .swiper-button-next{ right:5%; background:url(../img/btn_r.png) no-repeat center center;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0;width:71px; height:35px; line-height:100px; text-align:center; animation: fadeInLeft2 2s infinite alternate;}
.ibanner .ban-img,.ibanner a{ position:absolute; width:100%; height:100%; left:0; top:0;background-size: cover;}
.ibanner .swiper-button-prev.swiper-button-disabled,.ibanner .swiper-button-next.swiper-button-disabled{animation:unset;}
.ibanner .swiper-slide-active .ban-img{animation: zoomIn2 8s forwards;}
.ibanner .wrap{ position:relative; height:100%;}
.ibanner img{ position:absolute;}
.ibanner .bimg1{ left:3%; top:0; bottom:0; margin:auto 0;}
.ibanner .bimg2{ left:16%; top:16%; bottom:0; margin:auto 0;}
.ibanner .bimg3{ right:3%; top:10%; bottom:0; margin:auto 0;}
.ibanner .ib2-1{ top:-10%; left:0;}
.ibanner .ib2-2{ top:20%; left:3%;}
.ibanner .ib2-3{ right:0;}
.ibanner .ib3-1{ top:-20%; left:-10%;}
.ibanner .ib3-2{ right:-15%; bottom:-30%;}


.ibanner .ban-font .active .bimg1{animation: fadeInLeft 2s forwards;}
.ibanner .ban-font .active .bimg2{animation: fadeInRight 2s forwards;}
.ibanner .ban-font .active .bimg3{animation: fadeInDown 2s forwards;}

.ibanner .ibfont{ position:absolute; bottom:150px;  height:100px;left:3%;}
.ibanner .ibfont .ibcon{ width:160px; float:left; margin-right:40px; color:#cbc5c5; text-align:left; line-height:38px;}
.ibanner .ibfont .ibcon i{ display:block; font-family:Times New Roman; font-size:16px; font-style:normal; text-transform:uppercase; border-bottom:1px solid #8dc420;}
.ibanner .ibfont .ibcon span{ font-weight:bold; font-size:18px;}


.sect_bk1{ background:url(../img/bg_k1.jpg) no-repeat center center;background-size: cover; padding:6rem 0; overflow:hidden; position:relative;}
.sect_bk1:after{ content:""; position:absolute; width:100%; height:100%; background:url(../img/bg_kline.png) repeat-y center 0; top:0; left:0;}
.sect_bk1 .wrap{ position:relative; z-index:9;}
.sect_bk1 .about{ background:rgba(28, 27, 27, 0.8); margin-top:100px; padding:5% 3% 8% 15%; position:relative;}
.sect_bk1 .about:before{ content:""; background:url(../img/pdot_l.png) no-repeat center center; width:40px; height:33px; display:block; position:absolute; left:5%; top:-20px;}
.sect_bk1 .about:after{ content:""; background:url(../img/pdot_r.png) no-repeat center center; width:40px; height:33px; display:block; position:absolute; right:5%; bottom:20px;}
.sect_bk1 .about p{ font-size:16px; color:#cbc5c5; line-height:32px;}
.sect_bk1 .about span{ font-size:2.4rem; color:#cbc5c5; font-weight:bold; line-height:4rem;}


.sect_bk1 .bimg{ position:relative;}
.sect_bk1 .bimg img{ position:relative; z-index:2;}
.sect_bk1 .bimg:after{ content:"longri"; color:#555454; font-size:18px; font-family:Times New Roman; display:block; position:absolute; left:-180px; text-transform:uppercase;bottom:120px;transform: rotateZ(90deg);letter-spacing: 40px;}

/*产品*/
.isub{ text-align:center; border-top:1px solid #454545; padding-top:1rem;}
.isub i{ display:block; color:#cbc5c5; font-size:4rem; padding-top:10px;}
.isub a{ display:block; color:#cbc5c5; font-size:18px; margin:0 2%; line-height:30px; position:relative;}
.isub span{ display:block; padding-top:15px;}
.isub a:after{ content:""; width:1px; height:100%; background:#454545;display:block; position:absolute; right:0; top:0;}
.isub a.last::after{ display:none;}
.isub em{color:#555454; font-size:18px; font-family:Times New Roman; display:block;letter-spacing:20px; font-style:normal; text-transform:uppercase; display:block;transition: all 0.5s;}
.isub a:hover em{ color:#8dc420;letter-spacing:40px;transition: all 0.5s;}
.isub a:hover,.isub a:hover i{ color:#8dc420;}

.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: url('../img/i1.jpg') 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}


.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}