@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;}
.fr {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;}
.container1{ width: 1350px;margin: 0 auto;}
em{ font-style: normal;}


/*电脑屏幕大于1440*/
/*头部*/
.header{background:url('headerbgdt20221018.jpg') no-repeat center 0; height: 420px; width: 100%; }
.wza{ color: #f54b00; display: inline-block;padding:27px 10px; border-radius: 0 0 10px 10px;}
.input-div{float: right; border:solid 1px #f0661d; width: 300px; height: 32px;margin-top: 22px; background: rgba(255,255,255,.4); }
.input{padding-left: 10px; background: transparent;  height: 32px; width: 242px; border: none;}
.input-div button{ width: 50px; border: none; background: none; cursor: pointer;}
.nyncb_link{ padding-top: 10px;}
/*内容*/
.message-search{ overflow: hidden;padding: 10px 0;}
.message{line-height: 34px; height: 34px; overflow: hidden; width: 100%;}
.message a.more{ font-size: 14px; float: right;}
.tzgg{ font-weight: bold;}
.pad_right{ padding-right:2em; color: #333;}
.pad_right:hover{ color: #066a50}
.pad_right::before{content: ""; display: inline-block; width: 2px; height: 2px; background: #ff5901; margin-right: 6px; position: relative; top:-5px}
#scroll_div {overflow: hidden;white-space: nowrap;width:990px; margin-right: 20px; float: left;}
#scroll_div span{ color: #333;}
#scroll_begin,#scroll_end {display: inline;}
.content {width: 100%; background:url(partbg221019.jpg) no-repeat center 0}
.part1{  padding: 20px 0 30px 0;}
#scroll-div2 { position: relative; width: 590px; height: 390px; overflow: hidden; }
#scroll-div2 .yslider-stick { position: absolute; bottom: 15px; right: 15px;  z-index: 99; }
#scroll-div2 .yslider-stick li { width: 10px; height: 10px;  float: left;   background: #fff; margin-left: 10px; border-radius: 100%;}
#scroll-div2 .yslider-stage p{ position: relative;}
#scroll-div2 .yslider-stage p span{ display: block; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); color: #fff; height: 44px; line-height: 44px; padding-left: 10px;}
#scroll-div2 .yslider-stage p span em{ width: 400px;display: block; overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;}
#scroll-div2 .yslider-stick p a{ display: block;}
#scroll-div2 .yslider-stick li a { display: block;  }
#scroll-div2 .yslider-stick li.selected { background-color: #f06013; width: 11px; height: 11px; }
#scroll-div2 .yslider-stage p img{width: 590px; height:390px}
.part1-left{ float: left;}
.part1-right{ width: 570px; float: right;}
.part1-right ul li{ overflow: hidden; padding: 12px 0;}
.part1-right ul li a{ float: left; color: #000; font-size: 18px; display: block;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 480px;}
.part1-right ul li a:hover{ color: #066a50}
.part1-right ul li span{ float: right; color: #9f9f9e;}
.part1-right ul li a::before{ content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #ff5901; margin-right: 10px; position: relative; top:-5px}
.part1-right ul li a:hover span{ color: #ce0916;}
.more{ float: right;  font-size: 14px; color: #066a50; line-height: 30px; }
.more:hover{ font-weight: bold;}
.part1-tit{ border-bottom: solid 4px #066a50; padding-bottom: 10px; margin-bottom: 10px;}
.part1-tit .name{ font-size: 24px; font-weight: bold; color: #066a50; background: url("icondt1.png") no-repeat 0 center; padding-left:40px}

 /* part2 */
.part2{ width: 1200px; margin:0 auto 30px}
.part2 .part-tit{ margin-bottom: 10px;}
.part-tit{ border-bottom: solid 2px #f0f0f0; padding-bottom: 10px; }
.part-tit .name{ font-size: 24px; font-weight: bold; color: #066a50;  padding-left:40px }
.zhzc{background: url("dticon2.jpg") no-repeat 0 center;}
.sfyl{background: url("dticon3.jpg") no-repeat 0 center;}
.part2 ul li{ overflow: hidden; padding: 12px 0;}
.part2 ul li a{ float: left; color: #000; font-size: 18px; display: block;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 480px;}
.part2 ul li a:hover{ color: #066a50}
.part2 ul li span{ float: right; color: #9f9f9e;}
.part2 ul li a::before{ content: ''; display: inline-block; width: 3px; height: 3px;  background: #333333; margin-right: 10px; position: relative; top:-5px}
.part2 ul li a:hover span{ color: #ce0916;}
.part2-div{ width:570px}
.part2-left{ float:left}
.part2-right{ float:right}

.part4{ width: 1200px; margin:0 auto 30px; overflow: hidden;}
.part4-left{ width:570px; float: left; }
.part4-right{ width:570px; float: right; }
.part4-left ul{ border: solid 1px #f2f2f2; box-shadow: 0 0 5px 3px rgba(243,243,243,1); border-radius: 10px; padding: 20px; height:325px;margin:30px 5px}
.part4-left ul li{ overflow: hidden; padding: 12px 0;}
.part4-left ul li a{  color: #000; font-size: 18px; display: block;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 480px;}
.part4-left ul li a:hover{ color: #066a50}
.part4-left ul li a::before{ content: ''; display: inline-block; width: 3px; height: 3px;  background: #333333; margin-right: 10px; position: relative; top:-5px}
.luey-div{border: solid 1px #f2f2f2; box-shadow: 0 0 5px 3px rgba(243,243,243,1); border-radius: 10px; padding: 30px 20px;margin:30px 5px; height: 325px;}
.ly-item{ overflow: hidden;}
.ly-item:first-child{margin-bottom: 20px;}
.ly-item img{ float: left; margin-right: 20px;}
.ly-item p{ float: left; width: 325px; padding-top:10px}
.ly-item p a{ display: block; font-size: 18px; margin-bottom: 10px;}
.ly-item p a:hover{color: #066a50}
.ly-item p span{ display: block; font-size: 16px; color:#999999}

.h2-2 a{color: #066a50; font-size: 24px; display: block; text-align: center; background: url("kczbbg221018.png") no-repeat center 0; margin-bottom: 30px;}



.scroll{width:1350px;height:270px; }
  .scroll_left{width:53px;height:53px;background:url(left221020t.png) no-repeat;float:left; margin-right: 20px; margin-top: 75px;}
  .scroll_right{width:53px;height:53px;background:url(right221020t.png) left no-repeat;float:left;margin-top: 75px;}
  .pic{width:1250px;height:270px;float:left; margin-right: 20px;}
  .pic li{float:left;display:inline;width:276px; margin-right: 26px; position: relative; }
  .pic li p{ background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); color: #fff;  padding: 10px 10px 15px 10px;  position: absolute; left: 0; right: 0; bottom: 0; font-size: 16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
.swiper-container{ display: none;}
.part3{ background:url(bb221019.jpg) no-repeat center 0} 





/*尾部*/
.footer {width:100%; background: url(footer221019.jpg) no-repeat center 0;}
.footer .container {position: relative;height: 100%;}
.footer_link {display: inline-block;height: 24px;margin:30px 0 20px;}
.footer_link li {float: left;color: #fff;font-size:18px;margin: 0 10px;}
.footer_link li a {color: #fff;}
.footer_link li a:hover {color: #fff;}
.footer_text {color: #fff;line-height:32px;font-size: 16px;}
.footer_img1,.footer_img2 {position: absolute;top: 200px;}
.footer_img1 {left:703px;}
.footer_img2 {right:212px;}
.footer_text1 a {color: #fff;}
.footer_line{height:360px; border-top: solid 5px #066a50; padding-top: 50px;}
.footer_text span a{ color: #fff;}
.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}


.footer_line .ewm{ float: left; width: 510px;text-align: center;}
.footer_line .wenzi{ float: left; width: 690px }
.footer_line .ewm img{ display: inline-block; margin-bottom: 20px;}
.footer_line .ewm dl dt{ font-weight: bold; color: #fff; font-size:18px; margin-bottom:10px}
.footer_line .ewm dl dd{ font-weight: bold; color: #fff; font-size:16px}





/*电脑屏幕小于1440*/
@media  screen and (max-width:1440px) {
    .header{height: 340px;background-size: 100%; }
    .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%;}
    .container {width: 100%;}
    .container1{ width: 100%;}
    .header .container img{ width: 50%;}
    .header {background: url("headerbgdt20221018.jpg") center top no-repeat; background-size:150% auto;height:2.5rem;padding-top: 0;}

    .part1{ padding-top: 0; padding-bottom: 0;}
    .part1-left{ float: none; width: 750px; margin: 0 auto .4rem;}
.part1-right{ width: 470px; float: none;margin: 0 auto;}
    #scroll-div2 { position: relative; width: 7.5rem; height: 5rem; overflow: hidden; }
    #scroll-div2 .yslider-stage p img{ width:7.5rem; height:5rem}
    .part1-right{ width: 6.9rem;}
    .part1-right ul li a{ width: 6rem;}
    .part1-right ul li a span{ float: left; width: 6.1rem;line-height: 30px;}
    .wza{ position: relative; padding: 10px 10px 0 10px}
    .input-div{float: right; border:solid 1px #f0661d; width: 170px; height: 24px;background: rgba(255,255,255,.4); position: relative; top:-50px }
    .input{padding-left: 10px; background: transparent;  height: 24px; width: 120px; border: none; font-size: .2rem;}
    .input-div button{ width: 40px; border: none; background: none; cursor: pointer; padding: 0; margin: 0}
    .input-div button img{ width: 100%; height: 100%;}
    .message{ padding-left: .1rem;}
    #scroll_div{ width: 4.2rem;}

    /* part2 */
 .part2{ width: 7.5rem; margin:0 auto}
 .part-tit{ border-bottom: solid 2px #066a50; padding-bottom: 10px; }
 .part-tit .name{ font-size: 24px; font-weight: bold; color: #066a50;  padding-left:40px }
 .part2 ul li{ overflow: hidden; padding: 12px 0;}
 .part2 ul li a{ float: left; color: #000; font-size: 18px; display: block;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 6rem;}
 .part2 ul li span{ float: right; color: #9f9f9e;}
 .part2 ul li a::before{ content: ''; display: inline-block; width: 3px; height: 3px;  background: #333333; margin-right: 10px; position: relative; top:-5px}
 .part2 ul li a:hover span{ color: #ce0916;}
 .part2-div{ width:6.9rem; margin:0 auto}
 .part2-left{ float:none}
.part2-right{ float:none}

.part4{ width:7.5rem; margin:0 auto; overflow: hidden;}
.part4-left{ width:6.96rem; float: none; margin:0 auto; }
.part4-right{ width:6.9rem; float: none; margin:0 auto; }
.part4-left ul{ border: solid 1px #f2f2f2; box-shadow: 0 0 5px 3px rgba(243,243,243,1); border-radius: 10px; padding: 20px;margin-top:30px}
.part4-left ul li{ overflow: hidden; padding: 12px 0;}
.part4-left ul li a{  color: #000; font-size: 18px; display: block;overflow:hidden; white-space: nowrap; text-overflow: ellipsis; width: 6rem;}
.luey-div{border: solid 1px #f2f2f2; box-shadow: 0 0 5px 3px rgba(243,243,243,1); border-radius: 10px; padding: 30px 20px;margin-top:30px; height: auto;}
.ly-item{ overflow: hidden;}
.ly-item:first-child{margin-bottom: 20px;}
.ly-item img{ float: left; margin-right: 20px; width: 2.6rem;}
.ly-item p{ float: left; width: 2.9rem; padding-top:0}
.ly-item p a{ display: block; font-size: 18px; margin-bottom: 10px;}
.ly-item p span{ display: block; font-size: 16px; color:#999999}


   
.scroll-pc{ display: none;}
.swiper-container{ display: block;}
.swiper-slide{  position: relative; width: 5.8rem; }
.swiper-slide img{ width: 5.8rem;}
.swiper-container{ padding-left:18%;}
.swiper-slide h4 a{ color: #fff; }
.swiper-slide { position: relative;}
.swiper-slide h4{background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); width: 5.8rem; padding: .2rem 10%; color: #fff; position: absolute; left: 0; right: 0; bottom:0; font-weight: normal;}

.list-word ul li{ float: none; border-bottom: dashed 1px #dddddd; background: url(quan211202.png) no-repeat 0 center; padding-left: 20px; line-height: 1rem; width:6.9rem; margin: 0 auto; font-size: 18px;
    }
.list-word ul li:nth-child(2n){ float: none;}
.list-word{ margin-bottom: .5rem;}
.swiper-button-next{ background: url(right221020t.png) no-repeat 0 0 ; background-size: 100% 100%; width: .8rem; height: .8rem;}
.swiper-button-prev{ background: url(left221020t.png) no-repeat 0 0 ; background-size: 100% 100%; width: .8rem; height: .8rem;}
#scroll-div2 .yslider-stage p span em{ width: 5rem;display: block; overflow: hidden; 
    white-space: nowrap;
    text-overflow: ellipsis;}



    .footer {height: auto;padding: 0 10px 0;font-size: 14px;background: url(footer221019.jpg) no-repeat center bottom #f28e59; margin-top: .5rem}
    .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; height: auto; padding-bottom: 2rem;}
    .footer-box{ display: none;}
    .footer_line .ewm{ float: none; width: 6.9rem;text-align: center;}
.footer_line .wenzi{ float: none; width: 6.9rem; text-align: center}
.footer_line .ewm img{ display: inline-block; margin-bottom: 20px;}
.footer_line .ewm dl dt{ font-weight: bold; color: #fff; font-size:18px; margin-bottom:10px}
.footer_line .ewm dl dd{ font-weight: bold; color: #fff; font-size:16px}
}

@media  screen and (max-width:750px) {
    .wza{ position: relative; top:-.7rem}
    .swiper-container{ padding-left: 11%;}
    .header .container img{ width: 40%;}
}

@media  screen and (max-width:768px) {
    .swiper-container{ padding-left: 12%;}
}
