@charset "utf-8";
html, body, a, p, ul,ol, li, dl, dt, dd, div, h1,td, h2, h3, h4, h5, h6, span, strong, em, i, img, form, input, table,td,tr {box-sizing:border-box;margin:0;padding:0;}
html,body {width:100%;font-size: 14px;color: #333333;font-family: "microsoft yahei";}
li {list-style: none;}
img {border:0;vertical-align:middle}
a {text-decoration:none;color: #333333;}
.fl {float:left;}
.fl {float:right;}
.ofh{ overflow: hidden;}
.mag{ margin: 0 auto;}
.clearfix:before,.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.container {width: 1200px;margin: 0 auto;}


/*电脑屏幕大于1440*/
/*头部*/
.header{background:url(headerbg.jpg) no-repeat center 0; background-size: cover; width: 100%; height: 400px; }
/*内容*/
.content {width: 100%; background: url(body.jpg) no-repeat center 0 #fffafc; padding-top: 30px;}
.part1{ background: url(part1bg.jpg) no-repeat center 0; background-size: cover; padding: 40px 0 40px 0; margin-bottom: 30px;}
.bgh2{ width: 100%; height: 110px; background: url(titbg.png) no-repeat center 0; background-size: cover; line-height: 110px; text-align: center; color: #fff; font-size: 28px; margin-bottom: 20px;}
.part1 ul{ padding: 0 30px 0 30px;}
.part1 ul li a{ font-size: 18px;  display: block; color: #000;}
.part1 ul li a:hover{color: #379124;}
.part1 ul li{line-height: 30px; margin-bottom: 15px;}
.part1 ul li a::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #b3b3b3; margin-right: 15px; position: relative; top:-5px}
.more{ border: solid 1px #379124; color: #999999; width: 70px; height: 30px; line-height: 30px; text-align: center; border-radius: 50px;}
.more:hover{ color: #379124;}
.btn-div{ display: flex; justify-content: end; padding-right: 20px;}
.part2{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.small-block{ width: 575px; padding: 26px 20px 26px 30px; background: #fff; margin-bottom: 30px;}
.small-block ul li a{ font-size: 18px;  display: block; color: #000;}
.small-block ul li a:hover{color: #379124;}
.small-block ul li{line-height: 30px; margin-bottom: 15px;}
.small-block ul li a::before{ content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 100%; background: #b3b3b3; margin-right: 15px; position: relative; top:-5px}
.stit{ display:flex; justify-content: space-between; background: url(h3bg.jpg) no-repeat 0 center; height: 48px; line-height: 48px; background-size: cover; margin-bottom: 20px;}
.stit h3{color: #fff; padding-left: 14px; font-size: 22px;}
.banner{ width: 100%;  margin-bottom: 30px;}
.banner img{ width: 100%; height: auto;}
.pic-div{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.pic-div a{ display: block;text-align: center; cursor: pointer; margin-bottom: 30px; }
.pic-div a span{ background: #fff;color: #333; display: block; font-size: 16px; padding: 10px 0; }
.pic-div a:hover span{color:#379124}

/*尾部*/
.footer {padding-top:14px;width:100%; background: url(footer_bg.jpg) no-repeat center bottom;}
.footer .container {text-align: center;position: relative;height: 100%;}
.footer_link {display: inline-block;height: 24px;margin:40px 0 20px;}
.footer_link li {float: left;color: #333;font-size:18px;margin: 0 10px;}
.footer_link li a {color: #333;}
.footer_link li a:hover {color: #333;}
.footer_text {color: #333;line-height:32px;font-size: 16px;}
.footer_img1,.footer_img2 {position: absolute;top: 60px;}
.footer_img1 {left:170px;}
.footer_img2 {right:100px;}
.footer_text1 a {color: #333;}
.footer_line{ border-top: solid 1px #c9c9c9;height:250px;margin-top:30px;}
.footer-box{ width: 1200px; margin: 0 auto;}
.footer-box .qh{ display: flex; justify-content: space-between; background: #d6ddd6; padding: 20px 10px; border: 1px solid #C3CAC3;}
.footer-box .qh li{ width: 230px; height: 45px; line-height: 45px; text-align: center; border: solid 1px #a6aca6; cursor: pointer; border-radius: 3px;}
.footer-box .qh li:nth-child(3){ border: none;}
.footer-box .qh li:nth-child(3) img{ width: 100%; }
.footer-box .qh li:nth-child(4),.footer-box .qh li:nth-child(5){ background: #fff;}
.footer-box .qh li:nth-child(1),.footer-box .qh li:nth-child(2){ background-image: linear-gradient(to bottom, #f5f5f5,#d6ddd6);}
.footer-box .box-con{ width: 100%;  background: #fff; position: relative;}
.gov-list-box{ border: solid 1px #cdd3cd; border-bottom: none; position: absolute; top:-370px; left: 0; width: 100%; padding: 30px; background: #fff; height: 370px; overflow: auto;}
.footer .footer-box .gov-list-box .gov-list ol li{height: 45px;float: left;margin-right: 0px;width: 340px;padding-right: 32px; width: 370px; font-size: 14px;}
.footer .footer-box .gov-list-box .gov-list ol li a{color:#000;font-size: 14px;}
.footer .footer-box .gov-list-box .gov-list ol li a:hover{ color: #cc0104;}
.footer .footer-box .gov-list-box .gov-list dl dd{height: 44px;width: 20%;float: left;}
.footer .footer-box .gov-list-box .gov-list dl dd a{color:#000;font-size: 14px;}
.footer .footer-box .gov-list-box .gov-list dl dd a:hover{ color: #cc0104;}
.box-con{display: none;}
.box-con .gov-list-box{ display: none;}
.gov-link-2 img{ position: relative; top:-2px}




/*电脑屏幕小于1440*/
@media  screen and (max-width:1440px) {
    .header{height: 340px;background-size: 112%; background-color: #edf8f6;}
    .header .container {margin-left: 15%;}
    .container {width: 1000px;}
    .small-block{ width:485px;}
    .footer_img1 {left: 65px;}
    .footer_img2 {right: 40px;}
    .footer_link li a{font-size: 16px;}
    .footer_text{font-size: 14px;}
    .footer-box{ width: 1000px; margin: 0 auto;}
    .footer-box .qh li{ width: 190px;  font-size: 14px;}
    .footer .footer-box .gov-list-box .gov-list ol li{ width: 300px;}

    
}

/*移动端*/
@media  screen and (max-width:1000px) {
    html,body {font-size: 100%;}
    .header .container {margin-left: -50%;}
    .container {width: 100%;}
    .header .container img{ width: 40%; margin-left: 50%;}
    .header {background: url(headerbg.jpg) center top no-repeat;-webkit-background-size:250% auto;background-size:184% auto;height:2.8rem;padding-top: 0;}
    .bgh2{ font-size: .5rem;}
    .pic-div a{ width: 47%;} 
    .pic-div a img{ width: 100%;} 
    .content{background: url(body.jpg) no-repeat center 0 #fffafc; background-size: 100% 100%; padding-top: .3rem;}
    .content .container {padding: 10px;}
    .small-block{ width:100%;}
    .banner{ margin-bottom: .3rem;}
    .pic-div a{ margin-bottom: .3rem;}
    .part1{  padding: .3rem 0 .3rem 0; margin-bottom: .3rem;}
    .small-block{ margin-bottom: .3rem;}
    .bgh2{ height: 1rem; line-height: 1rem; background-size: cover; font-size: .36rem;}
    .footer {height: auto;padding: 20px 10px 0;font-size: 14px;}
    .footer_text{font-size: 15px;}
    .footer_img1 {display: inline-block;position: relative;left: 0;top: 0px;margin: 15px 25px 25px;}
    .footer_img2 {display: inline-block;position: relative;right: 0;top: 0px;margin: 15px 25px 25px;}
    .disnone {display: none;}
    .disblock {display: block;}
    .footer_line{padding-top:18px; margin-top: 0;}
    .footer-box{ display: none;}
}