﻿*{ box-sizing: border-box;font-family: "微软雅黑";}
.clear{ clear: both;}
.fl{ float: left;}
.fr{ float: right;}
.section1bg{ width: 100%; height: 876px; background: url(s1bg.png) center bottom no-repeat; background-color: #EFF8FF; overflow: hidden;}
.section2bg{ width: 100%; height: 390px; background-color: #fff; overflow: hidden;}
.section3bg{ width: 100%; height: 382px; background-color: #EFF8FF; overflow: hidden;}
.section1,.section2{ width: 1200px; margin: 25px auto; overflow: hidden;}
.section3{width: 1200px; margin: 0 auto; padding-top: 1px;}
.section1 .title{ width: 100%; margin:30px auto 20px; position: relative; line-height: 37px;}
.section1 h1{ width: 180px; text-align: center; margin: 0 auto; font-size: 28px; color: #333; background: url(titlebg.png) center center no-repeat; padding-left: 5px;}
.section1 .title a{ position: absolute; right: 0; top: 0;}
.section1 ul li{ width: 380px; height: 320px; background-color: #fff; border-radius: 10px; box-shadow: 10px 10px 10px #eee; float: left; margin-right: 30px; margin-bottom: 25px;}
.section1 ul li:nth-child(3n){ margin-right: 0;}
.section1 ul li span{ color: #98A7BB ; display: block; margin: 20px 0 10px;}
.section1 ul li .pic{ text-align: center; padding-top: 10px;}
.section1 ul li .pic img{ width: 360px; border-radius: 4px;}
.section1 ul li span,.section1 ul li .tit{ padding-left: 30px; padding-right: 30px;}
.section1 ul li .tit{ font-weight: bold; font-size: 16px;}
.section1 .side2{ display: none;}
.section1 .switch{ width: 180px; margin: 25px auto;}
.section1 .switch span{ display:inline-block; width: 60px; height: 8px; background-color:  #C1D4EB; border-radius: 8px; margin: 0 10px; cursor: pointer;}
.section1 .switch span.on{ background-color: #2077E7;}

.section2 .left{ border-radius: 10px; width: 780px; height: 336px; background-color: #F5FBFF; padding: 30px; float: left;}
.section2 .title{ position: relative; line-height: 37px;}
.section2 .title h1{ font-size: 28px; color: #333; background: url(titlebg2.png) center left no-repeat; padding-left: 30px;}
.section2 .title a{ font-size: 14px; color:#999; position: absolute;  right: 0; top: 0;}
.section2 .left ul{ margin-top: 20px;}
.section2 .left ul li{ height: 45px; padding-top: 10px; border-bottom: 1px solid #DDE9F0;}
.section2 .left ul li:last-child{ border: none;}
.section2 .left ul li a{ font-size: 16px; color: #333; margin-left: 8px;}
.section2 .left ul li span.fl{ font-size: 12px; width: 76px; height: 22px; background-color: #2077E7; border-radius: 4px; color: #fff; line-height: 22px; text-align: center;}
.section2 .left ul li span.fr{ font-size: 16px; color: #999;}
.section2 .right{ border-radius: 10px; width: 390px; height: 336px; background-color: #F5FBFF; float: right; padding-left: 10px; padding-top: 10px;}


.slideBox .bd ul {height: 300px; }
		.slideBox .bd img { width: 370px; border-radius:10px;}
		.pos_txt { width: 370px; }
        .slideBox{ width: 370px; height:300px; position:relative; margin: 0 auto;} 
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd ul{height:300px;}
        .slideBox .bd ul li{ position:relative;}
        .new_pic{position: relative; height: 300px;}
        .pos_txt{position: absolute;height: 45px;width: 100%;bottom:4px;left: 0;line-height: 45px;padding-left: 15px; background: url(s_arrow.png) left+10px center no-repeat; padding-left: 30px;}
		.pos_txt a{ color:#333;font-size: 16px; }
		
		.slideBox .hd{ height:10px; position:absolute; bottom:20px;right: 7px;}
		.slideBox .hd ul{float:left;}
		.slideBox .hd ul li{ float:left;  opacity: 1; width:8px;height: 8px;border-radius:100%; margin-right: 10px;cursor: pointer;background-color: #C8D2E8;}
		.slideBox .hd ul li.on{ background-color: #E65C19;  opacity: 1; width: 28px;border-radius:4px;}

.section3bg{ width: 100%; background-color: #EFF8FF; height: 382px;}
.section3bg .top{ width: 1200px; margin: 0 auto; margin-top: 27px;}
.section3{ width: 1200px; height: 282px; background-color: #fff; margin: 0 auto;}
.section3 .title{ position: relative; width: 1143px; margin: 26px auto; line-height: 37px;}
.section3 .title h1{ font-size: 28px; color: #333; background: url(titlebg2.png) center left no-repeat; padding-left: 30px;}
.section3 .title a{ font-size: 14px; color:#999; position: absolute;  right: 0; top: 0;}



        .cf:after{display:block;content:"";height:0;visibility:hidden;clear:both;}
		.cf{zoom:1;}
		.hide{display:none;}
		.block{display:block;}
		body{font-family:"微软雅黑";}
		.pic_tx{width:1200px;margin: 0px auto;height: 168px; position: relative;}
		.pic_tx .LeftBotton, .pic_tx .RightBotton {display:block;width:40px; height:40px;}
		.pic_tx #List1_1, .pic_tx #List2_1 { float:left; }
		.pic_tx .pic_tx_box{ width: 1144px; margin-left: 35px; overflow:hidden;height: 162px;}
		.pic_tx .ScrCont { width:32766px; zoom:1;}
		.pic_tx .LeftBotton{background:url(left_arrow.png) no-repeat; position: absolute; left:-60px; top: 60px;}
		.pic_tx .LeftBotton:hover{background:url(left_arrow_h.png) no-repeat;}
		.pic_tx .RightBotton{background:url(right_arrow.png) no-repeat; position: absolute; right:-60px; top:60px;}
		.pic_tx .RightBotton:hover{background:url(right_arrow_h.png) no-repeat;}
		.pic_tx .pl{ width:261px; height: 162px; float:left;margin-right:29px;position: relative;padding-top: 33px;  padding-left:20px;padding-right:20px; background: url(guidang.png) right+15px bottom+15px no-repeat; background-color: #F5FBFF ; }	
		.pic_tx .pl .date{ display: block; margin-bottom: 15px; color: #999 ; font-size: 14px; margin-top: 60px;}
		.pic_tx .pl .biaoti{ font-size: 16px; color: #333; font-weight: bold;}