html, body{width: 100%;}
/*common*/


/*banner*/
.banner-wrap{width: 100%;height: 100%;position: relative;overflow: hidden;}
.banner-pos{width: 100%;height: 100%;position: absolute;left: -100%;top: 0;}
.banner-pos li{width: 100%;height: 100%;position: absolute;left: 0;top: 100px;}
.banner-wrap .title-intro{width: 570px;height: 300px;color: #fff;position: absolute;top: 55%;left: 18%;background: rgba(197,0,22,0.8);padding: 45px 70px;box-sizing: border-box;transform: translate(0,-50%);z-index: 10;}
.title-intro span{display: block;font-size: 20px;margin-bottom: 25px;}
.title-intro em{display: block;font-size: 14px;margin-bottom: 20px;}
.title-intro label{display: block;font-size: 32px;margin-bottom: 35px;}
.title-intro p{font-size: 17px;margin-bottom: 30px;}
.title-intro a{display: block;transition: all .5s;width: 128px;height: 34px;line-height: 30px;border: 1px solid #fff;box-sizing: border-box;font-size: 14px;color: #fff;text-align: center;}
.title-intro a:hover{background: #fff;color: #c50016;}
.banner-wrap .toleft, .banner-wrap .toright{width: 160px;height: 300px;position: absolute;top: 55%;transform: translate(0,-50%); cursor: pointer;z-index: 999;text-align: center;line-height: 300px;}
.banner-wrap .toleft{left: 2%;}
.banner-wrap .toright{right: 2%;}
.banner-wrap .to-l, .banner-wrap .to-r{display: inline-block;width: 14px;height: 24px;vertical-align: middle;margin-bottom: 12px;}
.banner-wrap .to-l{background: url(../images/to-l.png) no-repeat;}
.banner-wrap .to-r{background: url(../images/to-r.png) no-repeat;}
.dot-run{width: 150px;height: 40px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%,0); z-index: 100;}
.dot-run li{cursor: pointer; float: left;width: 40px;height: 4px;margin-right: 15px;background: #291c1a;}
.dot-run li:last-child{margin-right: 0;}
.dot-run .on{background: #e8231a;}

.pro-wrap .banner-pos li{top: 0px;}



/*产品banner*/
.banner-pro{position: relative;padding: 0 5%;}
.pro-wrap{height: 330px;}
.pro-wrap .banner-pos li span{display: block;width: 23.5%;height: 297px;float: left;margin-right: 2%;overflow: hidden;}
.pro-wrap .banner-pos li i{display: block;width: 100%;height: 100%;transition: transform .5s;}
.pro-wrap .banner-pos li span:last-child{margin-right: 0;}
.pro-wrap .banner-pos li span:hover i{transform: scale(1.2);}
.banner-pro .toleft, .banner-pro .toright{width: 35px;height: 35px;position: absolute;top: 45%;transform: translate(0,-50%); cursor: pointer;z-index: 999;text-align: center;background: #b8b8b8;border-radius: 50px;line-height: 35px;}
.banner-pro .toleft{left: 2%;}
.banner-pro .toright{right: 2%;}
.banner-pro .to-l, .banner-pro .to-r{width: 7px;height: 12px;margin-bottom: 3px;display: inline-block;vertical-align: middle;}
.banner-pro .to-l{background: url(../images/pro-l.png) no-repeat;}
.banner-pro .to-r{background: url(../images/pro-r.png) no-repeat;}
.pro-wrap .dot-run{width: 80px;height: 12px;}
.pro-wrap .dot-run li, .news-wrap .dot-run li{width: 8px;height: 8px;border-radius: 50px;background: #c9c9c9;margin-right: 10px;}
.pro-wrap .dot-run li:last-child{margin-right: 0;}
.pro-wrap .dot-run .on{background: #bd0214;}



/*新闻banner*/
.news-wrap{height: 350px;}
.news-wrap .banner-pos{height: 318px;}
.news-wrap .banner-pos li > i{display: block;width: 55%;height: 100%;float: left;}
.news-wrap .banner-pos li > div{width: 45%;height: 100%;float: left;background: #f5f5f5;padding: 40px 5%;box-sizing: border-box;}
.news-wrap .banner-pos li > div label{display: block;font-size: 22px;color: #000;line-height: 30px;margin-bottom: 3px;}
.news-wrap .banner-pos li > div em{display: block;font-size: 12px;color: #666;margin-bottom: 36px;}
.news-wrap .banner-pos li > div p{font-size: 14px;color: #888;line-height: 24px;height: 100px;text-align: justify;}
.news-wrap .banner-pos li > div a{display: block;font-size: 12px;color: #C50016;line-height: 20px;}
.news-wrap .toleft, .news-wrap .toright{display: none;}
.news-wrap .dot-run{width: 56px;height: auto;}
.news-wrap .dot-run li{background: #e06e69;margin-right: 16px;}
.news-wrap .dot-run li:last-child{margin-right: 0;}
.news-wrap .dot-run .on{background: #fff;}

@media only screen and (max-width: 750px){
	.banner-pos li{top: 74px;}
}