*{ box-sizing: border-box;font-family: "微软雅黑";}
.clear{ clear: both;}
.left{ float: left;}
.right{ float:left;}
body{ background-color: #F6F8F3;}

.main{ width: 100%;height:4771px; background: url(mainbg.png) center top no-repeat; padding-top:40px; position: relative;}
.logo{ width: 1200px; margin: 0 auto;}
.banner{ width: 1200px; margin: 0 auto; margin-top: 150px;}
.section1,.section2,.section3,.section4,.section5,.section6{ width: 1214px; margin: 30px auto;}
.title{ height:80px; margin: 20px auto; line-height: 80px;}

.section7{ width: 1214px; margin: 30px auto;}
.s7title{ height:80px; margin: 30px auto; line-height: 80px;}
.s7left{width: 585px;height: 329px;margin-top: 12px;float: left;}
.s7mid{width: 16px;height: 341px;float: left;}
.s7right{width: 600px;height: 330px;float: left;background: url(s7rightbg.png);border: 1px solid #F8FBF7;}
.s7righttitle{margin: 18px auto;width: 221px;height: 32px;}
.s7right ul li{width: 119px;height: 45px;background: url(s7list.png);text-align: center;float: left;margin: 0 0 20px 25px;}
.s7right ul li a{font-size: 18px;font-weight: 400;letter-spacing: 0.02px;color: #004109;line-height: 45px;}
.s7right ul li:hover{background: url(s7liston.png);}

.section1bg{ width: 1260px;height: 524px; margin: 0 auto; background:rgba(255,255,255,0.8); overflow: hidden; margin-top: 200px;}
.section1{ width: 1200px; border: 2px solid #4F9E03; overflow: hidden; margin-top: 30px;}
.section1 .left{ float: left; height: 460px;}
.section1 .left div{ width: 70px; height: 230px; background-color: #F0F6E8; color: #999; text-align: center; overflow: hidden;}
.section1 .left div.on{ background-color: #4F9E04; color: #fff;}
.section1 .left div span{ display: block;}
.section1 .left div:nth-child(1) span:nth-child(2){ margin-top:30px;}
.section1 .left div span:nth-child(1){ font-size: 16px; margin-top: 5px;}
.section1 .left div span:nth-child(2){ font-size: 21px;writing-mode: vertical-lr; line-height: 70px; margin-top: 5px; letter-spacing: 2px;}
.section1 .right{ width: 1120px; float: right;}
.section1 .right .content{ padding-left: 20px; display: none;}
.section1 .right .content:nth-child(1){ display: block;}
.section1 .right .content .text{ width: 510px; float: left; margin-top: 30px;}
.section1 .right .content .text>a{ display: block; font-size: 26px; font-weight: normal; text-align: center; line-height:40px}
.section1 .right .content .text p{ text-align:justify; font-size: 16px; color: #666; line-height: 33px; text-indent: 2em; margin-top: 20px;}
.section1 .right .content .text p a{ font-size: 16px; color: #4F9E04;}
.section1 .right .content .pic{ width: 580px; float: right; line-height: 460px; text-align: center;}

.section2 .left{ width: 580px; float: left;}
.section2 .left .s2pic{ display: none;}
.section2 .left .s2pic:first-child{ display: block;}
.section2 .left .s2pic img{ width: 580px; height: 330px;}
.section2 .right{ width: 610px; float: right;}
.section2 .right ul li{ width: 100%; height: 110px; border-bottom:1px solid #ddd; padding-top: 15px;}
.section2 .right  ul li:last-child{ border-bottom:none;}
.section2 .right ul li:hover *,.section2 .right ul li.on *{ color: #4F9E04;}
.section2 .right .date{ float: left; border-right:1px solid #ddd; height:84px; padding:10px 20px;}
.section2 .right .date span{ display:block; text-align:center;}
.section2 .right .date span:nth-child(1){ font-size:20px;}
.section2 .right .date span:nth-child(2){ font-size:16px; color:#999; border:1px solid #ccc; border-radius:10px; padding:2px 10px; margin-top:15px;}
.section2 .right .text{ width: 500px; float: left; padding-left:20px;}
.section2 .right .text a{ font-size:18px; font-weight:bold;}
.section2 .right .text p{ font-size:16px; color:#999; margin-top: 10px; line-height: 25px;}

.section3 ul{ width: 100%}
.section3 ul li{ width: 100%; height: 120px; border-bottom:1px solid #ddd; padding-top: 15px;}
.section3 ul li:hover *{ color: #4F9E04;}
.section3 .date{ float: left; border-right:1px solid #ddd; height:84px; padding:10px 20px;}
.section3 .date span{ display:block; text-align:center;}
.section3 .date span:nth-child(1){ font-size:20px;}
.section3 .date span:nth-child(2){ font-size:16px; color:#999; border:1px solid #ccc; border-radius:10px; padding:2px 10px; margin-top:15px;}
.section3 .text{ width: 1110px;  float: left; padding-left:20px;}
.section3 .text a{ font-size:18px; font-weight:bold;}
.section3 .text p{ font-size:16px; color:#999; margin-top: 10px; line-height: 25px;}

.section4 ul{ height: 484px; overflow: hidden; display: none;}
.section4 ul.on{ display:block;}
.section4 ul li{ width: 278px; height: 212px; margin-left: 30px; margin-bottom: 30px; float: left; text-align: center;}
.section4 ul li:nth-child(4n-3){ margin-left: 0;}
.section4 ul li img{ width: 278px; height: 160px;}
.section4 ul li div{ display: block; width: 100%; height: 53px; background-color: #fff; font-size: 20px; line-height: 53px;} 
.section4 .switch{ width: 110px; margin: 0 auto; }
.section4 .switch span{ display: inline-block; width: 40px; height: 35px; text-align: center; line-height: 33px; background-color: #fff; font-size: 24px; color:#4F9F00; font-weight: bold; margin-left: 8px;cursor: pointer;}
.section4 .switch span:hover{ background-color: #4F9F00; color: #fff;}

.section5 ul li{ float: left; margin-left: 30px; margin-bottom: 25px; width: 175px; height: 75px; background-color: #fff; font-size: 18px; text-align: center; border-radius: 10px;}
.section5 ul li:nth-child(6n-5){ margin-left: 0;}
.section5 ul li a{color: #4F9E04; display: block; width: 100%; height: 100%; display:table;}
.section5 ul li a span{ display:table-cell; width: 100%; height:75px; vertical-align:middle;}
.section5 ul li:hover{background-color: #4F9E04;}
.section5 ul li:hover a{ color: #fff; }

.section6{ margin-top: 0px;}
.section6 ul li{ float: left; margin-left: 11px;}
.section6 ul li:nth-child(1){ margin-left: 0;}