/* ==========================================================================
   index module
   ========================================================================== */

/* product category */
.sect_prod{padding-bottom: 2em}
.sect_prod .swiper-slide { width: 33.33% }
.sect_prod .media-box { width: 90%; margin-bottom: 0 }
.sect_prod .media-box .icon { width: 350px; height: 340px; position: relative;}
.isIE .sect_prod .media-box .icon{line-height:304px;}

.sect_prod .media-box p { font-size: 1rem;line-height: inherit;padding: 1em 0;}
.sect_prod .mask3 { display:block; position: absolute;height: 77%; top: 0%; bottom:0; right: 0; left: 0; background: url('../img/layer3.png') center center no-repeat rgba(39, 103, 160, .8); opacity:0; line-height: 100%; color: #000 }
.sect_prod .media-box:hover .mask3 {opacity:1;}
.sect_prod .media-box:hover p{background: #ff9600; color: #fff; }
.tit{position: relative;padding: 2em 0;}
.tit h2{font-size: 24px;}
.tit h5{color: #cccccc;font-weight: normal;}
.swiper-arr-box{font-size: 16px;position: absolute;right: 20px;top:2em;margin-top: 10px}
@media screen and (max-width:40em){
	.sect_prod .swiper-slide { width: 50% }
	.sect_prod .media-box { width: 98%; margin-bottom: 0 }
}

.catelist{position: relative;width: 95%;float: right;}
.catelist .catetop{position: absolute;bottom: 100%;left:0;right:0;background: #ff9600;color: #fff;z-index: 999;padding: 1.5em 2em;font-weight: normal;}
.catelist ul{background: #0362b6}
.catelist ul li{border-bottom: 2px solid #1d72bd;}
.catelist ul li a{font-size: 18px;color: #fff;display: block;position: relative;padding: 1.3em 2em;}
.catelist ul li a:after{display: block;content: '';width: 21px;height: 8px;background: url('../img/arr-left.png');position: absolute;top: 50%;margin-top: -4px;right: 10px;}
.catelist ul li a:hover{background: #1d72bd;}
.catelist ul li a:hover:after{right: 30px;}
@media screen and (max-width:40em){
	.catelist{width: 100%;float: none;}
	.catelist .catetop{position: relative;}
	.catelist .catetop{padding: 5px 2em}
	.catelist ul li a{font-size: inherit;}
}

/* about us*/
.about-box.r { padding-left: 10% }
.about-box h3 { font-size: 1.8rem; position: relative; padding-top: 10px }
.about-box h3:before { display: block; content: ''; position: absolute; top: 0px; left: 0px; width: 100px; height: 3px; background: #ff9600 }
.about-box h5 { font-size: 12px; text-transform: uppercase; font-weight: normal; }
.qute { position: relative; margin-bottom: 3em; padding: 25px 0 40px 0; line-height: 2; color: #656566; }
.qute:after { position: absolute; display: block; width: 100px; height: 3px; content: ''; left: 0px; bottom: 0; background: #ff9600 }
.qute a { color: #ffa304 }
/* fly animate */
.fly1{position: absolute;right: 100%;bottom: 30%}
.fly2{position: absolute;right: 0;bottom: 100%;}
@media screen and (max-width:40em){
	.about-box.r{padding: 0}
}

/*
 * sect_adv
 */
.sect_adv{background: #f6f6f6;}
.sect_adv .index_{padding-bottom: 0}
.sect_adv .T h2{font-size: 36px;color: #333333;}
.sect_adv .T h2 span{color: #ff9600}
.sect_adv .T h4{font-size: 18px;color: #333333;}
.sect_adv .T h4 span{background: #ff9600;color: #fff;padding: 4px 10px;margin-left: 10px;}
.sect_adv .T h5{}
/* advantage box */
.advWrap{background: url('../img/adv_bg.jpg') top center;}
.advBox{text-align: center;color: #fff;padding:3em 0 4em 0;}
.advBox img{margin: 0 auto;display: block;}
.advBox strong{font-size: 26px;font-weight: normal;line-height: 2.2}
.advBox p{font-size: 14px;}
/* 切换 */
#swiper_adv { width: 75% }
.swiper-adv-pagination { padding:0 20px 2px 20px; }
.swiper-adv-pagination li { background: #fff; color: #0362b6; line-height: 1; padding: 10px 0; float: left; width: 24.5%;margin-right: 2px; text-align: center; cursor: pointer;}
.swiper-adv-pagination li.active-nav{background: #ff9600;color: #fff}
.swiper-adv-pagination li i { font-size: 44px; }
.swiper-adv-pagination li p { display: inline-block; padding-left: 10px; font-size: 22px; }
.swiper-adv-pagination li p small { font-size: 13px; }
/* arrow */
.swiper-adv-btn{width: 50px;height: 95px;position: absolute;top: 40%;cursor: pointer;}
.swiper-adv-prev{background: url('../img/prev.png');left: 0}
.swiper-adv-next{background: url('../img/next.png');right: 0}
/* transform */
.swiper-adv-pagination li{transform: skewX(-22deg);}
.swiper-adv-pagination li div{transform: skewX(22deg);}
@media screen and (max-width:40em){
	.advBox strong{font-size: 16px;}
	.advBox p{font-size: 12px;}
	#swiper_adv { width: 100% }
	.swiper-adv-btn{display: none;}
	.swiper-adv-pagination { padding:0; margin-bottom: 5px}
	.swiper-adv-pagination li { float: left; width: 25%;margin-right: 0;transform: none;}
	.swiper-adv-pagination li div{transform: none;}
	.swiper-adv-pagination li.active-nav{background: #ff9600;color: #fff}
	.swiper-adv-pagination li i { font-size: 14px; }
	.swiper-adv-pagination li p { padding-left: 0; font-size: 14px; display: block; }
	.swiper-adv-pagination li p small { display: none }

}



/*news*/
.sect_new { overflow: hidden; background: #f6f6f6}
.news-box { position: relative; margin-bottom: 10px; background: #fff;padding: 1em 0}
.news-box .news_time { text-align: center; color: #7e7e7e; padding-top: 10px; position: relative;}
.news-box .news_time:after{display: block;content: '';position: absolute;top:50%;margin-top: -20px;width: 1px;height:40px;background: #ccc;right: 0px;}
.news-box .news_time .date { line-height: 2.4 }
.news-box .news_time .date i { font-size: 2rem; display: block; line-height: 1; color: #000; font-weight: bold;}
.news-box .news_time .item { display: none; }
.news-box .news_cont { }
.news-box .news_cont h5 { font-size: 18px; font-weight: normal; padding-bottom: 6px; position: relative; }
.news-box .news_cont h5 a { padding-right: 20px; color: #363535; display: block; position: relative; }
.news-box .news_cont h5 a:hover {text-decoration: underline;}
.news-box .news_cont p { color: #7e7e7e; overflow: hidden; text-align: justify }
.news-box.on{background: #ff9600}
.news-box.on *{color: #fff!important}
.thumb { width: 100%; height: 168px; background-position: center center; background-size: 100% auto; background-repeat: no-repeat; }
@media screen and (max-width:640px){
	.news-box { background: none;padding: 0}
	.news-box .news_cont h5 a{font-size: 14px;}
}

.news-box-one { background: #0150a4; }
.news-box-one .news_cont { background: #0150a4; padding: 12% 8%; color: #b5d3f3; font-size: 14px; }
.news-box-one .news_cont h3 { font-weight: normal; margin-bottom: 1em; color: #fff; }
.news-box-one .news_cont p { line-height: 2; }
.news-box-one .news_cont a { display: inline-block; font-size: 1.1rem; font-weight: bold; color: #fff; padding: 5px 25px; margin-top: 2em; }
.news-box-one .news_cont a:hover { border-color: #ff9600; color: #ff9600; }

/*custom*/
.block_imglist{position:relative;padding:0 60px 0 60px;}
.block_imglist .media-box{margin-bottom:0px;width:95%;}
.block_imglist .media-box .icon{width:320px;height:260px;position:relative;border:0px;background:#fff;overflow: visible;}
.block_imglist .media-box p{font-size:16px;background-color: #0150A4;color:white;}
.block_imglist .swiper-btn{background:#3370b3;color:#fff;position:absolute;top:35%;cursor:pointer;font-size:16px;padding:10px 4px;}
.block_imglist .swiper-prev{left:10px;}
.block_imglist .swiper-next{right:10px}
.block_imglist .swiper-button-disabled{background:#a3a3a3;cursor:initial}
@media screen and (max-width:640px){
	.block_imglist{padding: 0}
	.block_imglist .swiper-slide{width:100%;margin-right: 0}
}