@charset "utf-8";
/* CSS重置 and 公共样式*/
*{margin:0; padding:0; border:0; list-style:none}
body{font-family:"微软雅黑"; color:#555; font-size: 1em;}
a{text-decoration:none; color:#555;}
li{list-style:none;}
/*img{display:block;}*/
body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd{margin:0; padding:0;
	list-style: none; font-weight:normal;}

.left{float:left!important}
.right{float:right!important}
.floatClear{zoom: 1;}
.floatClear{content: '.'; width: 0; height: 0; display: block; clear: both; visibility: hidden;}
.clear{clear:both;}
/*top and logo*/
.allW{width:100%; overflow:hidden;}
.allW img{width:100%;}
.margin-b{margin-bottom: 0.8rem;}
.margin-t{margin-top: 0.8rem;}
.margin-a{margin-top: 0.8rem; margin-bottom: 0.8rem;}
.gray-line{background-color: #eee; height: 0.6rem;}

/*  */
.add-header{ position: relative;}
.add-header h1{width: 100%; position: absolute; top:0.9rem; font-size: 1.18rem; color: #137cbf; font-weight: bold;text-align: center;}
.add-header h2{width: 100%; position: absolute; bottom:0.65rem; font-size: 1.22rem; font-weight: bold; color: #f9bc01;
	box-sizing: border-box; padding-left: 25%;}
.add-imgs ul{width: 96.875%; margin: 0 auto; overflow: hidden; margin-bottom: 1rem;}
.add-imgs ul li{float: left; position: relative;}
.add-imgs ul li:first-child{width: 52%; height: 12.5rem; margin-right: 2%;}
.add-imgs ul li:first-child img{width: 100%; height: 100%;}

.add-imgs ul li span{display: block; width: 100%; line-height: 2.2rem; text-align: center; position: absolute; bottom: 0;
	background-color: rgba(0,0,0,0.4); color: #fff;}
.add-imgs ul .s02{width:46%; height: 6rem; margin-bottom: 0.5rem;}
.add-imgs ul .s02 img{width: 100%; height: 100%;}
.add-imgs ul .no01{margin-bottom: 0;}

.add-imgs ul .s03{width:32%; margin-right: 2%; margin-top: 0.5rem;}
.add-imgs ul .no{margin-right: 0;}
.add-imgs ul .s03 img{width: 100%;}

.add-header-set h1{top: 1.1rem;}
.add-header-set h2{bottom:0.85rem;}
/*  */
.five-stare{margin-top: 0.8rem; position: relative; margin-bottom:1.2rem; overflow: hidden;}
.five-stare a{position:absolute; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.4rem;}
.five-stare a em{color: #137cbf; display: inline-block; padding-right: 0.3rem;}

.five-stare-btn01{top: 0.68rem; left: 1.02rem; padding-top: 5rem;}
.five-stare-btn02{top: 0.68rem; left: 9.22rem; padding-top: 5rem;}
.five-stare-btn03{top: 0.68rem; right: 1.62rem; padding-top: 5rem;}
.five-stare-btn04{bottom: 8.88rem; left: 5.22rem; padding-top: 5rem;}
.five-stare-btn05{bottom: 8.88rem; left: 13.22rem; padding-top: 5rem;}
.five-stare-btn06{bottom: 1.88rem; left: 9.1rem; color: #fff; font-weight: bold;padding-top: 5rem;}


.add-header-set02 h2{padding-left: 0; text-align: center; bottom: 1.2rem;}
.add-header-set02 h1{top: 1rem;}

/*  */
.add-videoS ul{width: 96.875%; margin: 0 auto; overflow: hidden; }
.add-videoS ul li{float: left; width: 32%; margin-right: 2%;}
.add-videoS ul li:last-child{margin-right: 0;}

.add-videoS ul li img{display: block; width: 100%;}
.add-videoS ul li span{display: block;width: 100%; text-align: center; font-size: 0.88rem; line-height: 1.4rem; margin-top: 0.4rem;}

.videoSbtn{margin-top: 1rem;}
.videoSbtn a{display: block; width: 45%; margin: 0 auto; background-color: #fd9446; overflow: hidden; 
	height: 2.5rem; border-radius: 0.4rem;}
.videoSbtn img,.videoSbtn span{float: left;}
.videoSbtn .img01{width:10.42%; height: 100%; padding-left: 8%; background-color: #f67617; padding-right: 4%;margin-right: 4%;}
.videoSbtn .img02{width:7.29%;}
.videoSbtn span{line-height: 2.5rem; color: #fff; width:56%; text-align: center; }