@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(headerbg2021110220211104.jpg) no-repeat center 0; background-size: cover; width: 100%; height: 400px;  }
.header .container{ padding-top: 20px;}
/*内容*/
.content {width: 100%; background: url(body2021110220211104.jpg) no-repeat center 0 #fffafc; padding-top: 50px;}
.bgh2{ width: 1200px; margin: 0 auto; text-align: center; background: url(titbg2021110220211104.png) no-repeat center bottom; height: 55px; font-size: 40px; color: #193168; margin-bottom: 38px;}
.part3 .bgh2{background: url(titbg12021110220211104.png) no-repeat center bottom;}
.part1 ul{ background: #f0fcff; padding: 10px 40px 30px;}
.part1 ul li{ font-size: 20px; color: #333333; font-weight: bold; border-bottom: solid 1px #d4f5ff; background: url(book-icon20211104.png) no-repeat 0 36px; padding: 30px 0 20px 25px; } 
.part1 ul li a:hover{ color: #183d77;}
.part1{ margin-bottom: 60px;}
.leibie{ display: flex; justify-content: space-between; margin-bottom: 20px;}
.leibie li{ width: 300px; height: 122px; text-align: center; background: url(tabbg20211104.png) no-repeat center 0; 
    background-size: 100% 100%; line-height: 90px; font-weight: bold; font-size: 30px; color: #193168; cursor: default;}
.leibie li.current{background: url(tabbg-h20211104.png) no-repeat center 0; color: #fff; }
.pic-con{z-index: -2; position: relative;}
.pic-con.on{z-index: 0;}
.pic-con.height0{ height: 0; overflow: hidden; }
.pics{ display: flex; flex-wrap: wrap; }
.pics li{ position: relative; margin-bottom: 15px; margin-left: 7px; margin-right: 8px;}
.pics li img{ width: 285px; height: 180px;}
.pics li p{ position: absolute; left:0; right: 0; bottom:0; color: #fff;
background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .8)); padding: 10px;  }  
.pics li p span{  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0}
.swiper-container{ z-index: 0; padding-bottom: 20px;}
.swiper-pagination-bullet-active{ background: #ff414c;}
.swiper-pagination-bullet{ width: 10px; height: 10px;}







/*尾部*/
.footer {padding-top:14px;width:100%; background: url(footer_bg2021110220211104.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) {
    .container {width: 1000px;margin: 0 auto;}
    .leibie li{ width: 250px; height: 112px; text-align: center; background: url(tabbg20211104.png) no-repeat center 0;background-size: 100% 100%; line-height: 90px; font-weight: bold; font-size: 30px; color: #193168;}
    .leibie li.current{background: url(tabbg-h20211104.png) no-repeat center 0;background-size: 100% 100%; color: #fff; }
    /* .pic-con{ display: none;} */
    .pics{ display: flex; flex-wrap: wrap; justify-content:start;}
    .pics li{ position: relative; margin-bottom: 20px; margin-left: 11px; margin-right: 8px;}
    .pics li img{ width: 230px; height: 155px;}
    .pics li p{ position: absolute;  color: #fff;} 
    .header{height: 340px;background-size: 112%; background-color: #edf8f6;}
    .header .container {margin-left: 15%;}
    .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%;  padding-top: .2rem;}
    .container {width: 96%; margin: 0 auto;}
    .header .container img{ width: 40%; margin-left: 55%;}
    .header {background: url(headerbg2021110220211104.jpg) center top no-repeat;-webkit-background-size:250% auto;background-size:184% auto;height:2.8rem;padding-top: 0;}
    .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;}
    .content{ padding-top: .5rem;}
    .bgh2{ width: 100%; text-align: center; background: url(titbg2021110220211104.png) no-repeat center bottom;background-size: auto 100%; height: .5rem; font-size: .4rem; color: #193168; margin-bottom: 38px;}
    .part3 .bgh2{background: url(titbg12021110220211104.png) no-repeat center bottom;background-size: auto 100%;}
    .part1 ul{ background: #f0fcff; padding: .1rem .3rem .3rem;}
    .part1 ul li{ font-size: .3rem; color: #333333; font-weight: bold; border-bottom: solid 1px #d4f5ff; background: url(book-icon20211104.png) no-repeat 0 .4rem; padding: .3rem 0 .2rem .5rem; line-height: .5rem; } 
    .part1{ margin-bottom: .6rem;}
    .leibie{ display: flex; justify-content: space-between; margin-bottom: .3rem;}
    .leibie li{ width: 3rem; height: 1.1rem; text-align: center; background: url(tabbg20211104.png) no-repeat center 0; background-size: 100% 100%; line-height: .8rem; font-weight: bold; font-size: .3rem;
         color: #193168;}
    .leibie li.current{background: url(tabbg-h20211104.png) no-repeat center 0;background-size: 100% 100%; color: #fff; }
    /* .pic-con{ display: none;} */
    .pics{ display: flex; flex-wrap: wrap; justify-content: start;}
    .pics li{ position: relative; margin-bottom:.2rem; width: 3.3rem; height: auto; margin-left: .2rem;margin-right: 0; }
    .pics li img{ width: 3.3rem; height: 2.2rem;}
    .pics li p{ position: absolute; left:0; right: 0; bottom:0; color: #fff; font-size: .2rem;}  
}