﻿/*******common********/
.left{ float: left;}
.right{ float: right;}
.title{ font-size: 24px; color: #bf3c4a; margin-top: 10px;}
.title span{font-size: 14px; color:#7f7f7f; padding-left: 15px; height: 50px; line-height: 60px;}
img{     vertical-align: middle;}
/*******section01********/
.gaiban .section01{width: 100%;height: 460px;margin: 0 auto;background: url(bannerbg.png) no-repeat top center;}
.gaiban .sectioncon{width: 1200px;height: 100%;margin: 0 auto;}
.gaiban .section01left{width:750px;height: 100%;}
.gaiban .section01right{width:420px;height: 100%;}
.gaiban .section01left01{font-size: 32px;color: #ffffff;margin-top: 130px;width: 100%;float: left;}
.gaiban .section01left02{font-size: 15px;color: #ffffff;margin-top: 13px;width: 100%;float: left;height: 30px;}
.gaiban .riqi{width: auto;float: left;height: 30px;line-height: 35px;margin-right: 10px;}
.gaiban .tianqi {width: 200px;float: left;height: 	30px;line-height: 30px;}
.gaiban .searchbanner {width: 600px;height: 55px;margin-top: 47px;float: left;}
.gaiban .searchbanner input {height: 55px;line-height: 55px;background: none;outline: none;border: 0;}
.gaiban .searchbanner input[type=text] {width: 500px;float: left;border: 0;padding-left: 50px;font-size: 16px;color: #999;background:url(search_icon.png) 20px 18px no-repeat rgba(255,255,255,0.5)}
.gaiban .searchbanner input[type=submit] {width: 73px;cursor: pointer;float: left;font-size: 16px;background-color: #4665D5;color: #FFFFFF;}
.gaiban .section01left03{width: 100%;float: left;margin-top: 15px;color: #FFFFFF;text-shadow:#807777 1px 1px 1px;font-size: 14px;}
.gaiban .section01left03 a{color: #FFFFFF;text-shadow:#807777 1px 1px 1px;margin-right: 15px;}
.gaiban .section01right01{width: 320px;height: 320px;background: rgba(0,0,0,0.2);vertical-align: middle;margin-top: 70px;padding: 20px;}
.gaiban .section01right02{font-size: 25px;color: #FFFFFF;line-height: 40px;}
.gaiban .section01right03{width: 100%;height: 140px;margin-top: 20px;}
.gaiban .section01right03left{width: 130px;height: 130px;float: left;}
.gaiban .section01right03right{width: 150px;height: 130px;float: left;padding-left: 15px;padding-top: 85px;}
.gaiban .section01right03right p{font-size: 20px;color: #FFFFFF;}
.gaiban .section01right03right span{font-size: 16px;color: #FFFFFF;}
.gaiban .section01right04{width: 100%;height: auto;padding-top: 10px;}
.gaiban .section01right04 a{font-size: 16px;color: #FFFFFF;}

/*******section02********/
.gaiban .section02{ width:100%; height: 237px; background: url(tongjibg.png) no-repeat; overflow: hidden;}
.gaiban .tongji{ width: 1200px; margin: 0 auto;}
.gaiban .tongji .box{ width: 1200px; height: 140px; background-color: #fff;}
.gaiban .tongji .box ul{ padding: 23px 0; padding-left: 80px;}
.gaiban .tongji .box ul li{ float: left; width:280px; font-size: 14px; color: #807777; text-align: left; line-height: 45px;}
.gaiban .tongji .box ul li:last-child{ margin-right: 0;}
.gaiban .tongji .box ul li span{ font-size: 30px; color: #000; }
.gaiban .tongji .box ul li hr{ width:30px;  border:2px solid #3d6496;}

/*******section03********/
.gaiban .section03{width:1200px; margin: 0 auto;}
.gaiban .section03 .title2{
	    width: 100%;
	    height: 60px;
	    line-height: 60px;
	    text-align: center;
	    color: #bb2335;
	    font-size: 23px;
	    background: url(line.png) center center no-repeat;
	    margin: 15px 0;
}
.gaiban .section03 .s3box{ border:2px solid #216acd; height: 322px; border-left: none; margin-left: 40px;}
.gaiban .section03 .tab1{ width: 50px; height: 324px; float: left;margin-left:-40px; margin-top: -2px;}
.gaiban .section03 .tab1 span{ 
	    display: block;
	    cursor: pointer;
	    width: 100%;
	    height: 50%;
	    text-align: center;
	    line-height: 45px;
	    letter-spacing: 4px;
	    writing-mode: tb-rl;
		color: #fff;
}
.gaiban .section03 .tab1 span:first-child{  background: url(grfw.png) no-repeat;}
.gaiban .section03 .tab1 span:last-child{ background: url(frfw.png) no-repeat; }
.gaiban .section03 .tab2{ float: left; width: 156px; height: 319px;}
.gaiban .section03 .tab2 ul li{ width: 156px; height: 78px; cursor: pointer; line-height: 80px; text-align: left; padding-left: 10px; font-size: 15px; background-color: #e7f0ff; margin: 1px;}
.gaiban .section03 .tab2 ul li.active{ background-color: #fff;}
.gaiban .section03 .tab2 ul li img{ margin: 0 10px;}
.gaiban .section03 .tab2:nth-child(3) ul li{ background-color: #e4f9f4;}
.gaiban .section03 .tab2:nth-child(3) ul li.active{background-color: #fff;}
.gaiban .section03 .tab3{ float: left; width: 992px; height: 320px; position: relative;}
.gaiban .section03 .tab3 a.more{ display: block; width: 41px; height: 114px; background: url(morebg.png) no-repeat; position: absolute; right: 0; top:50%; margin-top:-57px;
text-align: center;
	    line-height: 40px;
	    letter-spacing: 4px;
	    writing-mode: tb-rl;
		color: #000;
}
.gaiban .section03 .tab3 ul li{ float: left; width: 220px; height: 150px; padding-top: 40px; text-align: center; font-weight: bold; font-size: 18px;}
.gaiban .section03 .tab3 ul li img{ margin-bottom: 15px;}
.gaiban .section03 .tab3 .jiuli{ padding-left: 20px; margin-top: 10px;}
.gaiban .section03 .tab3 .jiuli li{ border: 1px solid #ddd; width: 190px; height: 60px; line-height: 60px; padding: 0; margin:20px;}
.gaiban .section03 .tab3 .jiuli li a{ color: #666; font-weight: 100; font-size: 20px; display: block; width: 100%; height: 100%;}
.gaiban .section03 .tab3 .jiuli li a:hover{ background-color: #515ef2; color: #fff;}

.gaiban .section03 .tab3 .liuli li{ font-size: 16px; border: 1px solid #ddd;width: 280px; height:120px; line-height: 120px; text-align: left; padding-left: 20px;  padding-top: 0px; margin: 20px;}
.gaiban .section03 .tab3 .liuli li img{ margin-right: 15px; margin-top: 10px;     vertical-align: middle;}

.gaiban .section03 .tab3 img{ width: 58px; height: 58px;}

/*******section04********/
.gaiban .section04{width:1200px; margin: 0 auto;}
.gaiban .section04 .title{  font-size: 23px; color: #bb2335; margin: 20px 0; border-bottom: 1px solid #ddd;}
.gaiban .section04 .title span{ font-size: 14px; color: #999; font-weight: 100; padding-left: 15px;}
.gaiban .section04 ul li{ float: left; margin-left: 24px;}
.gaiban .section04 ul li:first-child{ margin-left: 0;}