*{ box-sizing: border-box;font-family: "微软雅黑";}
html{-webkit-text-size-adjust: none; text-size-adjust: none;}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:right;}
.txtleft{ text-align: left;}
.txtright{ text-align: right;}
body{ background: url(bodybg.png) center top no-repeat; }
.banner{ width: 100%; height: 550px; overflow: hidden; background: url(banner.png) center top no-repeat;}
.banner .logo{ width: 1200px; height: 70px; margin: 36px auto;}
.banner .logo a{ display: block; width: 300px; height: 70px;}

.toutiao{ text-align: center;}
.section1,.section2,.section3{ width: 1200px; margin:0 auto;}
.title{ margin:50px 0;}
.section1 .box{ width: 1200px; height: 414px; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 0 5px 5px #eee;}
.section1 .box .left{ width: 567px;}
.section1 .box .right{ width: 541px;}
.section1 .box .right ul li{ width: 100%; clear: both;  margin-bottom: 20px;}
.section1 .box .right ul li a{ font-size: 20px; color: #333; line-height: 26px;}
.section1 .box .right ul li p{ font-size: 16px; color: #999; line-height: 24px;}
.section1 .box .right .date{ display: block; width: 65px; height: 71px; background: url(datebg.png) center center no-repeat; color: #fff; font-size: 13px; text-align: center; padding-top: 12px; float: left; margin-right: 20px;}
.section1 .box .right .date span{ font-size: 24px; display: block;}
.section2{ height: 620px;}
.section3 { padding-top: 10px;}
.section3 .title{ margin: 20px 0;}
.section3 ul li{ float: left; margin-right: 20px;}
.section3 ul li:last-child{ margin-right: 0;}
.section3 ul li img{ width: 285px; height: 370px;}

.slideBox{ position: relative;}
        .slideBox .bd ul {height: 355px;}
		.slideBox .bd img { max-width: 100%;height: 355px; display: block; margin: 0 auto;}
		.slideBox .prev{ position: absolute;left: 20px; top: 120px; z-index: 999; overflow: hidden;}
		.slideBox .next{ position: absolute;right: 20px; top: 120px; z-index: 999; overflow: hidden;}
        .slideBox{height:355px; position:relative;}
        .slideBox .bd{ position:relative; height:100%; z-index:0; }
        .slideBox .bd ul li{ position:relative;background-color: #fff;}
        .slideBox .new_pic{position: relative;}
        .slideBox .pos_txt{position: absolute;height: 50px;width: 100%;bottom: 0;left: 0;line-height: 50px;padding-left: 20px;font-size: 18px;background: rgba(0,0,0,0.5);   text-align: left; color: #fff;}
		.slideBox .pos_txt a{ color:#fff; }
		.slideBox .hd{ position: absolute; bottom:20px; right: 10px;}
		.slideBox .hd ul{float:right;}
		.slideBox .hd ul li{ float:left;width: 10px; height: 10px; border-radius: 100%; margin-right: 8px; cursor: pointer; text-align: center; background-color: #fff; font-weight: bold;}
		.slideBox .hd ul li.on{ background-color: #D31017;}
	
	
	
	.slideBox2{ width: 100%; position: relative;}
	        .slideBox2 .bd ul {height: 355px;}
			.slideBox2 .bd img { max-width: 100%;height: 355px; display: block; margin: 0 auto;}
			.slideBox2 .prev{ position: absolute;left: 20px; top: 120px; z-index: 999; overflow: hidden;}
			.slideBox2 .next{ position: absolute;right: 20px; top: 120px; z-index: 999; overflow: hidden;}
	        .slideBox2{height:355px; position:relative;}
	        .slideBox2 .bd{ position:relative; height:100%; z-index:0; }
	        .slideBox2 .bd ul li{ position:relative;background-color: #fff;}
	        .slideBox2 .new_pic{position: relative;}
	        .slideBox2 .pos_txt{position: absolute;height: 50px;width: 100%;bottom: 0;left: 0;line-height: 50px;padding-left: 20px;font-size: 18px;background: rgba(0,0,0,0.5);   text-align: left; color: #fff;}
			.slideBox2 .pos_txt a{ color:#fff; }
			.slideBox2 .hd{ position: absolute; bottom:20px; right: 10px;}
			.slideBox2 .hd ul{float:right;}
			.slideBox2 .hd ul li{ float:left;width: 10px; height: 10px; border-radius: 100%; margin-right: 8px; cursor: pointer; text-align: center; background-color: #fff; font-weight: bold;}
			.slideBox2 .hd ul li.on{ background-color: #D31017;}
			.slideBox2 .next {
			    width: 28px;
			    height: 46px;
			    position: absolute;
			    top: 152px;
			    right:-70px;
			    cursor: pointer;
			    background: url(right_arrow.png) no-repeat;
				border-radius: 100%;
				z-index:999;
			}
			.slideBox2 .next:hover{  background: url(right_arrow_h.png) no-repeat;}
			.slideBox2 .prev {
			    width: 28px;
			    height: 46px;
			    position: absolute;
			    top: 152px;
			    left:-70px;
			    cursor: pointer;
			    background: url(left_arrow.png) no-repeat;
				border-radius: 100%;
				z-index:999;
			}
			.slideBox2 .prev:hover {  background: url(left_arrow_h.png) no-repeat;}

			
		div::-webkit-scrollbar {
		    width: 10px; background-color: #E9E9E9;
		  }
		div::-webkit-scrollbar-thumb {
		    border-radius: 10px;
		    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
		    opacity: 0.2;
		    background: fade(@primary-color, 60%);
		  }
		  div::-webkit-scrollbar-track {
		    -webkit-box-shadow: inset 0 0 5px rgba(233, 233, 233, 1);
		    border-radius: 0;
		    background: fade(@primary-color, 30%);
		  }