*{ 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(bg.png) center top+1080px no-repeat;}
.banner{ width: 100%; height: 700px; background: url(banner.png) center center no-repeat; position: relative; z-index: 1; overflow: hidden;}
.banner a{ position: absolute; left: 18%; top: 20px;}
.bannerword{ width: 836px; margin: 0 auto; margin-top: 470px;}

.toutiaobg{ width: 100%; height: 220px; background-color: #E74C4A; color: #fff; padding-top: 30px;}
.toutiaobg .toutiao{ width: 1200px; margin: 0 auto;}
.toutiaobg .toutiao .h1{ text-align: center;}
.toutiaobg .toutiao .h1 a{font-size: 32px; color: #fff; font-weight: normal; }
.toutiaobg .toutiao p{ margin-top: 20px; line-height: 30px; margin-bottom: 20px; text-indent: 2em;}
.toutiaobg .toutiao p a{ color: #fff;}

.section1{ width: 1200px;margin: 0 auto; position: relative; z-index: 2; background-color: #fff; margin-top: -50px; padding: 30px; box-shadow: 0 1px 5px 1px #eee;}

.section2{ width: 1200px; margin: 0 auto; margin-top: 30px;}
.section2 .left{ width: 720px; height: 496px; float: left; padding:30px; box-shadow: 0px 0px 3px 3px #eee; position: relative;}
.section2 .left ul li{ height: 100px; line-height: 35px; border-left: 5px solid #E5E5E5; padding-left: 15px; padding-right: 15px; padding-top: 14px; margin-bottom: 2px;}
.section2 .left ul li:hover{  background-color: #EBF1F6;  border-left: 5px solid #064DBE;}
.section2 .left ul li a{ font-size: 18px; width: 100%; display: block;}
.section2 .left ul li p{ font-size: 16px;}
.section2 .left ul li p span{ float: right;  color: #999;}
.section2 .left .more{text-align: center;}
.section2 .right{ width: 480px; float: right; background-color: #FFF9F6;}
.section2 .right .datebox{ width: 420px; background-color: #fff; border-top:4px solid #FF6765; margin: 30px; padding-bottom: 20px;}
.section2 .right .datebox .top{ width: 100%; height: 60px;  color:#000; text-align: center;}
.section2 .right .datebox .top span{ display: inline-block; font-size: 24px; margin: 0 14px; line-height: 60px; position: relative;}
.section2 .right .datebox .top img{ margin-top: -12px;}
.section2 .right .datebox .top div{ width: 210px; height: 60px; float: right; display: inline-block; font-size: 18px; background: url(datebg.png) center center no-repeat; line-height: 60px;}
.section2 .right .datebox ul{ margin-left: 1px;}
.section2 .right .datebox ul li{ float: left; width: 54px; text-align: center; height: 60px; line-height: 60px;}
.section2 .right .datebox .ul2 li{ color: #aaa;}
.section2 .right .datebox .ul2 li a{ cursor: pointer;}
.section2 .right .datebox .ul2 li a:hover,.section2 .right .datebox .ul2 li a.hover{ padding: 7px 12px; border-radius: 5px; background-color: #B80200; color: #fff;}
.section2 .right .datebox .contentbox{ width: 380px; margin: 0 auto; }
.section2 .right .datebox .content{ width: 380; height: 175px; overflow:hiden; padding: 10px 20px; margin-top:10px;  line-height: 30px; overflow: hidden; background-color: #FFF9F6;}
.section2 .right .datebox .content marquee{ height: 174px;}
.section2 .right .btnbox{ width: 360px; margin: 0 auto; margin-top: 22px;}
.section2 .right .btnbox a:first-child{ float: left;}
.section2 .right .btnbox a:last-child{ float: right;}
.section2 .right .btnbox div{ width: 170px; height: 55px; text-align: center; line-height: 55px;background-color:#FFF9F6;}
.section2 .right .btnbox div img{ margin-right:20px;}
.section2 .right .btnbox div:hover{ background-color: #B80200; color: #fff;}

.s3bg{ width: 100%; margin-top: 30px; padding-top: 20px;}
.section3{ width: 1200px; margin: 0 auto;}
.section3 .s3box{ width: 1200px;  margin: 0 auto; margin-top: 20px;}
.section3 .s3box .left{ padding-top: 23px; width: 320px;}
.section3 .s3box .left ul li{ width:300px; height: 70px; line-height: 70px; font-size: 18px; margin-bottom: 17px; background: url(s3leftbg.png) left center no-repeat; box-shadow: 0 0 3px 3px #eee;}
.section3 .s3box .left ul li:hover,.section3 .s3box .left ul li.hover{ width:320px; background: url(s3leftbg_h.png) left center no-repeat;}
.section3 .s3box .left ul li:hover a,.section3 .s3box .left ul li.hover a{ color: #fff;}
.section3 .s3box .left ul li a{ display: inline-block; width: 320px; padding-left: 70px; height: 70px; font-size: 18px; color: #000;}
.section3 .s3box .right{ width:850px; float: right;overflow-y:auto; margin-top: 20px;}
.section3 .s3box .right ul li{ width:100%; height: 67px; line-height: 67px; border-bottom: 1px dashed #F8DAC9;}
.section3 .s3box .right .content{ height: 430px; overflow-y: auto;}
.section3 .s3box .right .content img{ max-width: 100%;}
.section3 .s3box .right .content a{ font-size: 18px;}

.s4bg{ width: 100%; margin-top: 30px; overflow: hidden; padding-top: 20px;}
.section4{ width: 1200px; margin: 0 auto;}
.section4 .switch{ width: 200px; height: 40px; line-height: 40px;color: #fff; margin: 0 auto; background: url(switch.png) center center no-repeat;}
.section4 .switch span{ cursor: pointer;  display: inline-block; width: 100px; height:40px; text-align: center; color: #D22E2D;}
.section4 .switch .on{ display: inline-block; width: 100px; height:40px; text-align: center; color: #fff; background: url(switch_h.png) center center no-repeat;}
.section4 ul{ margin-top: 40px;}
.section4 ul li{ float: left; margin-right:28px; width: 277px;}
.section4 ul li .pic{ width: 277px; height: 277px; }
.section4 ul li img{ width: 100%; height: 100%; border-radius: 100%;}
.section4 ul li .name{ font-size: 24px; margin-top: 20px; text-align: center;}
.section4 ul li .line{ width: 32px; height: 1px; border-top: 3px solid #E74C4A; margin: 10px auto 15px;}
.section4 ul li p{ font-size: 16px; line-height: 25px; background: url(s4ico.png) left top+5px no-repeat; padding-left: 30px;}
.section4 ul li:hover .pic img{ border:3px solid #f00}
.section4 ul li:hover p{ color: #CB2524;background: url(s4ico_h.png) left top+5px no-repeat;}
.section4 ul li div.voice{ width: 100%; height: 282px; overflow: hidden;}
.picScroll-left1,.picScroll-left2{  position: relative; margin-top: 30px;}
.xia {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 122px;
    right: -80px;
    cursor: pointer;
    background: url(next.png) no-repeat;
	border-radius: 100%;
	box-shadow: 0 0 3px 3px #eee;
}
.qian {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 122px;
    left: -80px;
    cursor: pointer;
    background: url(prev.png) no-repeat;
	border-radius: 100%;
	box-shadow: 0 0 3px 3px #eee;
}

.section5{ width: 1200px; margin: 0 auto; margin-top: 30px;}
body{ overflow-x: hidden; background-color: #fffbfc; background: url(mainbg.png) center 900px no-repeat;}

        .slideBox .bd ul {height: 640px; }
		.slideBox .bd img { max-width: 100%;height: 640px;}
		.prev{ position: absolute;left: 20px; top: 295px; z-index: 999; overflow: hidden;}
		.next{ position: absolute;right: 20px; top: 295px; z-index: 999; overflow: hidden;}
        .slideBox{height:640px; position:relative;}
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd ul li{ position:relative; text-align: center; background-color: #B80200;}
        .new_pic{position: relative;}
        .pos_txt{position: absolute;height: 50px;width: 100%;bottom: 0;left: 0;line-height: 50px;padding-left: 20px;font-size: 18px;background-color: #D00D10;  text-align: left; color: #fff;}
		.pos_txt a{ color:#fff; }
		.slideBox .hd{position:absolute; bottom:18px;right: 10px;}
		.slideBox .hd ul{float:right;}
		.slideBox .hd ul li{ float:left;width: 8px; height: 8px; line-height: 20px; border-radius: 100%; color: #f7d06a; font-size: 13px; color:#fff; margin-right: 15px; cursor: pointer;}
		.new_txt{ text-align: center; color:#333; font-size: 14px; background-color: #FFE9CD;}
		.slideBox .hd ul li.on{ width:30px;border-radius: 5px; height: 10px;}
		
		
		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%);
		  }
		  
		  
		  
		  /*侧边地市专题*/
		  .side{position: fixed;z-index: 9;bottom: 270px;left: 0;}
		  .side span{cursor: pointer;}
		  .side .ullist{display: none;}
		  .side .ullist ul{padding-top: 5px;float: left;width: 58px;height: 528px;;box-shadow: 0 2px 4px #ddd;background-color: #fff;}
		  .side .ullist ul li{text-align: center;line-height: 35px;font-size: 16px;height: 65px;}
		  .side .ullist ul li:hover a{color: #33352D;}
		  .side .ullist ul li a{display: block;}
		  .side a{color: #E42325;}
		  .clear{clear: both;}
		  .side .shouqi{height: 27px;line-height: 27px;cursor: pointer;background: url(btn.png)left center no-repeat;color: #fff;text-align: center;font-size: 13px;}
		  .side .shouqi img{margin-left: 5px;margin-top: -2px;}