@charset "utf-8";
.ofh{ overflow: hidden;}
.header{ width: 100%; max-width: 1920px; margin: 0 auto; }
.header .top{ background: #fff; }
.top-w{ width: 85%;  height: 100px; margin: 0 auto; max-width: 1920px;display: flex; justify-content: space-between; align-items: center; position: relative;}
.top-right{ display: flex;justify-content: flex-end; width:50%;}
.header .top .ps{ /*background: url(qwjsbj.png) no-repeat center 0; width: 218px; height: 23px;*/ margin-top:20px; margin-right: 5%;}
.search{line-height: 30px; background: #d4e5d7; border-radius: 30px; padding: 0 13px 5px;margin-top: 20px;}
.search .search_txt{ border: none; background: #d4e5d7;}
.search_btn{ width: 20px; height: 18px; background: url(yrsearchicon.png) no-repeat center center; border: none;}
.bottom{ background: linear-gradient(to bottom, #278037, #2c8e3e); height: 60px;  line-height: 60px;}
.bottom-con{ width: 85%; margin: 0 auto;display: flex; justify-content: space-between;}
.bottom ul{ display: flex; flex-wrap: wrap; justify-content:space-between; width: 100%; margin: 0 auto; }
.bottom ul li{ font-size:20px; font-weight: bold;font-family:'黑体'} 
.bottom ul li a{ color: #fff; display: block; padding: 0 20px;}
.bottom .askOnline a{ color: #fff; display: block; background: url(yr-zx.png) no-repeat 0 center; padding-left: 30px;}
.nav li a.cur{ background: url(navbtnbg.png) no-repeat center center; color:#fff;  background-size: 100% 36px;}
.xinxibg{ position: absolute; top:5px; right: 0;}

.footer{background: #277f37; padding: 30px 76px;max-width: 1768px; margin: 0 auto; position: relative;}
.footer-top{ border-bottom: solid 1px #52995f; padding-bottom: 30px; margin-bottom: 30px;}
.footer-link{ display: flex; justify-content: center; font-size: 16px; line-height: 32px; }
.footer-link li{ margin-right: 50px;}
.footer-link li a{ color: #fff;font-size: 16px;}
/* .footer-bottom{ display: flex; justify-content: space-between;} */
.links ul{ display: none; position: absolute; left: 0; top:30px}
.links{ position: relative;}
.links span{ background: url(rylinkarrow.png) no-repeat right center; padding-right: 20px; color: #fff;}
.links ul{ background: #fff; box-shadow: 0 0 5px 5px rgba(0,0,0,.1);border-radius: 5px; padding: 10px;}
.links ul li{ line-height: 24px; font-size: 14px;}
.links ul li a{ color: #333;}
.links ul li a:hover{ color: #277f37; }
.footer-bottom div{ color: #fff; line-height: 28px; display: flex;justify-content:center}
.footer-bottom div p:nth-child(2){ margin-left: 30px;}
.footer-bottom div span{ display: inline-block; margin: 0 30px;}
.webs-con{ margin: 0 auto 20px; display: flex; justify-content: center; }
.webs-con h3{ font-weight: normal; font-size: 16px; line-height: 40px; float: left; color: #fff;}
.footer .footerqh{position: relative;}
.footer .footerqh ul{ display: flex; justify-content: space-between; }
.footer .footerqh ul li { float:left; color: #fff;  font-size: 16px; height: 40px; line-height: 40px; padding:0 20px; cursor: pointer; border-left: solid 1px #2b8e57;   }
.footer .footerqh ul li::after{  content: '';  display: inline-block; border-color: transparent  transparent #fff transparent; border-width: 8px;	border-style: solid;  margin-left: 10px; }
.footer .footerqh div{ display: none; position: absolute; left: 0; bottom:40px; background: #fff; min-height: 50px; border: solid 1px #2b8e57; border-bottom: 0; padding: 20px; padding-right: 0;}
.footer .footerqh li.current{ color:#333; background-color:#fff}
.footer .footerqh div span { overflow: hidden; line-height: 26px; }
.footer .footerqh div span a{ color:#333; display: block; float: left; width: 200px;  margin-bottom: 10px; }
.footer .footerqh div span a:hover{ color:#55a579}



   /* 网站地图 */
   .map-con{ width: 85%; margin: 0 auto; max-width: 1920px; padding: 0 6%;}
   .map-con h2{border-bottom: solid 1px #d4ddea; font-size: 20px; margin-bottom: 30px;}
   .map-con h2 span{ border-bottom: solid 1px #277f37; line-height: 40px;display:inline-block}
   .map-con dl{ margin-bottom: 30px; }
   .map-con dl dt{ font-weight: bold; font-size: 20px;border-bottom: dashed 1px #d4ddea; padding-bottom: 15px; margin-bottom: 15px;}
   .map-con dl div{ overflow: hidden;}
   .map-con dl dd{font-size: 18px; float: left; margin-right: 50px; margin-bottom: 20px;}
   .map-con dl a{ color: #333;}
   .map-con dl a:hover{color: #277f37;}
   .map-con dl dd a{ display: inline-block; padding: 5px 10px; background: #eff1f7; margin-bottom: 10px;}
   .map-con dl dt a{ color: #277f37;}

   @media  screen and (max-width:1440px) {
    .bottom ul li{ font-size: 16px;}
    .bottom ul li a{ padding: 0 15px;}
    
}
@media  screen and (max-width:1500px) {
    .bottom ul li{ font-size: 17px;}
    .bottom ul li a{ padding: 0 13px;}
    
}

@media  screen and (max-width:1280px) {
    .bottom ul li{ font-size: 16px;}
    .bottom ul li a{ padding: 0 15px;}
    .search{padding: 0 11px 5px;}

}


@media  screen and (max-width:1000px) {
    .bottom ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; line-height: 36px; width: 100%;}
    .bottom { height: auto; display: block; padding: 0 10px;}
    .bottom ul li{ margin-right: 0; font-size: 15px;}
    .bottom ul li a{ padding:0 8px;}
    .askOnline{ display: none;}
    .header .top{ display: block;position: relative;}
    .header .top .logo{ width: 90%; background-size: 100% auto; margin-top: 3vh; margin-bottom: 2vh;}
    .header .top .logo img{ width: 100%;}
    .footer{ padding: 20px;}
    .footer-link li{ margin:0 13px;}
    .footer-bottom{ display: block; text-align: center; font-size: 14px;}
    .footer-bottom div{display: block;}
    .footer-top{ margin-bottom: 10px; padding-bottom: 10px;}
    .footer-bottom div p:nth-child(2){ margin-left: 0;}
    .search{ width: 55%; margin-top: 0;}
    .header .top .ps{ /*background:url(qwjsbj.png) no-repeat center 0; background-size: 100% ;*/ width: 30%; margin-top: 0;margin-right:10px}
    .header .top .ps img{ width: 100%;}
    .search .search_txt{ width: 85%;}
    .webs-con{ display: none;}
    .footer-link li a{ font-size: 14px;}
    .footer-bottom div span{ display: block;}
    .top-right{ width:100%;}
    .xinxibg{ position: absolute; top:5px; right: 10px; width: 30%;} 
    .xinxibg img{ width: 100%;}
    .top-w{  width: 95%; display: block;padding:2vh 2.5% 2vh; height: 100%; }
    .bottom-con{ width: 100%;}

}