*{ 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-color: #F0F7FE;}
.banner{ width: 100%; height: 900px; overflow: hidden; background: url(banner.png) center top no-repeat; background-size: 100%;}
.banner .logo{ width: 1200px; height: 70px; margin: 36px auto;}
.banner .logo a{ display: block; width: 300px; height: 70px;}
.bannerword {
    width: 1200px;
    height: 282px;
    margin: 0 auto;
	margin-top: 60px;
    text-align: center;
}
.title{ position: relative;}
.title .more{ position: absolute; right: 0; bottom:40px;}


.section1{ width: 1204px; height: 366px; padding:34px; margin: 0 auto; margin-top: -310px; position: relative; z-index: 2; padding-bottom: 50px; background: url(s1bg.png) center center no-repeat; box-shadow: 0 10px 20px #E1F0FF;}
.section1 .left{ width: 480px; float: left;}
.section1 .right{ width: 630px; float: right;}
.section1 .right ul li{ width: 100%; height: 54px; line-height: 54px; border-left: 4px solid #C2E7FE; margin-bottom: 8px; padding-left: 15px;}
.section1 .right ul li:hover{ border-left: 4px solid #3CB1FE;}
.section1 .right ul li span{ float: right; color: #999;}
        
		.slideBox{ position: relative;}
        .slideBox .bd ul {height: 302px;}
		.slideBox .bd img { max-width: 100%;height: 302px; 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:302px; 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{ width: 32px;border-radius: 4px; background: url(slidehover.png) center center no-repeat;}
		.slideBox .next {
		    width: 50px;
		    height: 50px;
		    position: absolute;
		    top: 122px;
		    right:15px;
		    cursor: pointer;
		    background: url(right_arrow.png) no-repeat;
			border-radius: 100%;
		}
		.slideBox .prev {
		    width: 50px;
		    height: 50px;
		    position: absolute;
		    top: 122px;
		    left:15px;
		    cursor: pointer;
		    background: url(left_arrow.png) no-repeat;
			border-radius: 100%;
		}
		
	
.section2bg{ width: 100%;background: url(bg2.png) center bottom repeat-y; overflow: hidden; padding-bottom: 40px;}	
.section2{ width: 1204px; margin: 0 auto;}
.section2 .title{ text-align: center; margin: 50px 0 30px;}
.section2 .shoutiao{ width: 100%; height: 116px; text-align: center; line-height: 40px; background: url(shoutiaobg.png) center center no-repeat; padding-top: 25px;}
.section2 .shoutiao .guanlian a{ margin-right:15px; color: #368EFF;border-left: 2px solid #ddd;}
.section2 .shoutiao .guanlian a:first-child{ border-left: none;}
.section2 .shoutiao .guanlian a img{ margin:0 10px;}
.section2  ul{ width: 100%;}
.section2  ul li{ width: 594px; height: 92px; line-height: 30px; padding-left: 30px; float: left; background: url(s2libg.png) center center no-repeat;  margin-top: 15px; padding-top: 15px;}
.section2  ul li>a{ width: 470px; height: 60px; font-size: 18px; float: left;}
.section2  ul li:nth-child(even){ float: right}
.section2  ul li .guanlian{ float: right;}
.section2  ul li .guanlian a{margin-right:15px; color: #368EFF;}
.section2  ul li .guanlian a img{ margin:0 10px;}
.section2  ul li  .guanlian a:hover,.section2 .shoutiao .guanlian a:hover{ color: #004a7c;}

.section3{ width: 1204px; margin: 0 auto; padding-bottom:45px;}
.section3 .title{ text-align: center; margin: 30px auto;}
.section3 .wordarea ul{ margin-top: 60px;}
.section3 .wordarea ul li{ width: 50%; float: left; background: url(dot.png) left center no-repeat; padding-left: 15px; line-height: 50px;}

.section4{ width: 1204px; margin: 0px auto; margin-top: 40px;}
.section4 .picbox{ margin-top: 30px;}
.section4 .picbox a{ display: block;}

.bg3{ background: url(bg3.png) center bottom no-repeat;}

.l-pic,.l2-pic{ float: left;}
.r-pic,.r2-pic{ float: right;}
.r2-pic a:nth-child(2){ margin-top: 13px;}
.r2-pic img{ width: 376px; height: 180px;}
.b-pic img{width: 801px; height: 150px;}
.r-pic a:nth-child(2){ margin-top: 10px;}
.r-pic img{ width: 376px;}
			
		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%);
		  }