/*banner*/

.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:88px;}
.banner .bannerBtn{position:absolute;top:50%; width:52px; height:79px;margin-top:-40px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .bannerBtn.leftBtn:hover,
.banner .bannerBtn.rightBtn:hover{opacity:0.8; filter:alpha(opacity=80); }
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:100%; z-index:2;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center 88px;background-attachment:fixed;text-align:center;}
.banner .bannerNav{position:absolute;bottom:14px; height:13px; width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:13px; height:13px; margin:0 7px; vertical-align:top;cursor:pointer;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

.banner .content img{display:none;}
.banner .bannerBg1{display:none;}
@media screen and (max-width:991px) {

.banner{ margin-top:54px;}	
.banner .content{ background:none !important; text-align:center;}
.banner .content img{display:block;}
.banner .bannerBtn.leftBtn{ width:26px; height:49px; margin-top:-25px; left:18px !important;}
.banner .bannerBtn.rightBtn{ width:26px; height:49px; margin-top:-25px; right:18px !important;}
.banner .bannerNav{bottom:14px; height:10px;}
.banner .bannerNav img{ width:10px; height:10px; margin:0 5px;}
.banner .bannerBg{display:none;}
.banner .bannerBg1{display:block; width:100%;height:auto;vertical-align:middle;}
}



/*what*/
.what{ float:left; width:100%; padding:70px 0 0 0;}
.what .content{ float:left; width:100%; margin:33px 0 25px 0;}
.what .content ul{ margin:0 -15px;}
.what .content ul li{ float:left; width:33.3333%; padding:0 15px;}
.what .content .InfotTitle{ float:left; width:100%; border:3px solid #D42f36; padding:97px 40px 40px 36px;}
.what .content .InfotTitle h1{ float:left; width:100%; color:#D42f36; font-size:43px; line-height:50px; font-family:'SourceHanSansHWSC-Regular';}
.what .content .InfotTitle h2{ float:left; width:100%; color:#666464; font-size:20px; line-height:26px;  font-family:'SourceHanSansHWSC-Regular';}
.what .content .Infolist{ float:left; width:100%; padding:0 39px; margin-top:8px;}
.what .content .Infolist .dl{ float:left; width:50%;}
.what .content .Infolist .dd{ float:left; width:100%; color:#666464; font-size:18px; line-height:34px; font-family:'SourceHanSansHWSC-Regular';}


.what .content ul li:hover .InfotTitle{ background:#D42f36;}
.what .content ul li:hover .InfotTitle h1{ color:#fff;}
.what .content ul li:hover .InfotTitle h2{ color:#fff;}
.what .content .Infolist .dd:hover{ color:#D42f36;}


@media screen and (max-width:1229px) {

.what .content ul{ margin:0 -10px;}
.what .content ul li{ padding:0 10px;}
.what .content .InfotTitle{ padding:64px 20px 40px 20px;}
.what .content .InfotTitle h1{ font-size:32px; line-height:38px;}
.what .content .Infolist{ padding:17px 23px;}
.what .content .Infolist .dd{ font-size:16px;}

}

@media screen and (max-width:991px) {

.what{ padding-top:20px;}
.what .content{ margin:16px 0 12px 0;}	
.what .content ul{ margin:0 -6px;}
.what .content ul li{ padding:0 6px;}
.what .content .InfotTitle{ padding:20px 12px 12px 12px;border:2px solid #D42f36;}
.what .content .InfotTitle h1{ font-size:24px; line-height:30px;}
.what .content .InfotTitle h2{ font-size:16px; line-height:22px;}
.what .content .Infolist{ padding:8px 14px; margin-top:0;}
.what .content .Infolist .dd{ font-size:14px; font-size:14px;}

}

@media screen and (max-width:767px) {

.what .content ul li{ width:100%;}

}