body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
	overflow-x: hidden;
  background: #fff;
  padding-top: 100px;

}
.img-hide{ overflow:hidden; display: block; }

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.nav-click{ display: none; }
.menu-button { display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.container{ width: 1470px; }
.header{ height: 100px; background: #00785a; position: fixed; left: 0; top: 0; right: 0; z-index: 1000; }
.logo{ height: 100px; line-height: 100px; }
.seach-box .form-control{ border-radius: 30px; background: none; line-height: 18px; border:solid 1px #009b74; width: 240px; height: 26px; box-shadow: none; padding:0 40px 2px 12px;color:#55d5b5; }
.seach-box{ position: relative; margin-top: 20px; }
.seach-box .form-control::-webkit-input-placeholder{
            color:#55d5b5;
        }
.seach-box .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#55d5b5;
        }
.seach-box .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#55d5b5;
        }
.seach-box .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#55d5b5;
  
      }
.btn-search{ position: absolute; right: 10px; top: 0; bottom: 0; padding:0; border:none; background: none; line-height: 26px; }
.nav-list li{ float: left; margin-left: 30px; margin-top: 15px; }
.nav-list li a{ font-size: 16px; color: #fff; }
.banner{ position: relative; overflow:hidden; }
body{ padding-top: 100px; }
.banner .slick-dots{ bottom: 50px; right: 50%; margin-right: -720px; left: auto; margin-left: 0; width: auto; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; border:solid 1px #fff; }
.banner .slick-dots li{ margin-right: 0px; margin-left: 10px; border:none; }
.slick-dots li:before{ display: none; }
.slick{ margin:0; }
.banner .slick-dots li.slick-active button{ background: #fff; }
.title-box{ font-size: 30px; color: #333; position: relative; padding-right: 105px; display: inline-block; }
.title-box a{ position: absolute; right: 0;top: 50%; font-size: 14px; margin-top: -10px; color: #777; padding-right: 26px; background: url(../images/more.png) right center no-repeat; }
.news-list li{ float: left;width: 33.333333%; padding:0 20px; } 
.news-list{ margin:0 -20px; }
.news-list-img a{ display: block; position: relative; padding-top: 62.5%; }
.news-list-img a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.news-list-tt a{ font-size: 16px; color: #555; }
.news-list-tt{ margin:25px 0; }
.news-date span{ color: #999; padding-left: 25px; background: url(../images/icon-date.png) left center no-repeat; }
.news-date{ border-bottom: dashed 1px #e2e2e2; padding-bottom: 20px; }
.news-p{ color: #999; line-height: 30px; height: 90px; overflow:hidden; margin-top: 15px; text-align: justify; }
.news-list-box{ padding-bottom: 30px; background: url(../images/b.png) right bottom no-repeat; }
.title{ margin:55px 0 35px 0; }
.notice-box{ height: 500px; position: relative; margin-top: 70px; }
.notice-left{ position: absolute; left: 0;top: 0; bottom: 0; width: 50%; }
.notice-box:before{ position: absolute; display: block; content: ""; background: #001538; right:0;top: 0; bottom: 0; width: 50%; }
.notice-box .container{ position: relative; z-index: 100; padding-top: 50px; }
.notice-sm{ width: 820px; border-top: solid 2px #00785a; height: 400px;background: #fff; background: rgba(255,255,255,0.8); }
.notice-sm-left{ width: 100px; }
.notice-tt{ font-size: 30px; color: #333; padding:0 30px; text-align: center; line-height: 30px; padding-top: 30px; }
.notice-more a{ color: #999; padding-bottom: 25px; line-height: 16px;  display: inline-block; background: url(../images/more.png) center bottom  no-repeat; }
.notice-more{ padding:0 40px; text-align: center; margin-top: 100px; }
.notice-list li{ position: relative; border-bottom: solid 1px #ededed; height: 111px; padding-top: 25px; padding-left: 85px; }
.notice-width{width: 640px;margin-right: 45px;tou;touch-action: auto;ch-action: auto;}
.notice-list-date{ position: absolute; left: 0;top: 20px; text-align: center; padding-top: 10px; width: 70px; height: 70px; border-radius: 50%; background: #fff; font-size: 12px; color: #999; }
.notice-list-date span{ font-size: 20px; color: #555; }
.notice-list-tt a{ font-size: 16px; color: #555; }
.notice-p{ color: #777; margin-top: 10px; line-height: 25px; height: 50px; overflow:hidden; }
.notice-width .slick-prev{ top: auto; left: auto; bottom: 0; margin-right: 5px; right: 50%; width: 46px; height: 24px;background: url(../images/left.png) center no-repeat; }
.notice-width .slick-next{ top: auto; left: auto; bottom: 0; margin-left: 5px; left: 50%; width: 46px; height: 24px;background: url(../images/right.png) center no-repeat; }
.notice-slick{padding-bottom: 40px;touch-action: auto;}
.slick-prev:before,.slick-next:before{ display: none; }
.back-bottom{ background: url(../images/back-bottom.png) center no-repeat; background-size: cover; padding:50px 0 70px 0; }
.tabs-list li a{ width: 220px; height: 70px; display: block; line-height: 70px; color: #333; text-align: center; font-size: 24px; border-radius: 10px 10px 0 0; }
.tabs-list li{ float: left; }
.tabs-list li.active a{ font-size: 30px; color: #fff; background: #00785a; }
.tabs-ul-date{ color: #999; }
.tabs-ul-date span{ font-size: 24px; color: #00785a; padding-right: 10px; }
.tabs-ul li{ float: left; width: 25%; background: #f8f8f8; border-right: solid 1px #ededed; padding:40px; border-bottom: solid 1px #ededed; height: 194px; }
.tabs-ul-tt a{ font-size: 16px;color: #666; }
.tabs-ul-tt{ line-height: 30px; height: 60px; overflow:hidden; margin-top: 15px; }
.tabs-box{ border-bottom:solid 1px #00785a;  }
.box-over{ overflow:hidden; }
.tabs-ul{ margin-right: -1px; position: relative; }
.tabs-ul:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #f8f8f8; z-index: 100; }
.title-b{ font-size: 30px; color: #333; margin:55px 0 35px 0; }
.zt-slick a{ display: block; margin:0 10px; }
.zt-slick a img{ width: 100%; }
.zt-slick{ margin:0 -10px; padding-bottom: 55px; }
.zt-slick .slick-dots{ bottom: 0; }
.zt-slick .slick-dots li,.zt-slick .slick-dots li button{ width: 13px; height: 13px; border-radius: 50%; background: #ccc; padding:0; }
.zt-slick .slick-dots li.slick-active button{ background: #00785a; }
.slick-dots li button:before{ display: none!important; }
.footer{ background: #00785a; padding:40px 0; }
.footer-center p{ color: #fff; }
.footer-center p span{ padding-left: 25px; }
.footer-center{ margin:20px 0 0 90px; }
.footer-a a{ display: inline-block; margin-left: 20px; position: relative; width: 60px; height: 60px; background: url(../images/wx01.png) center no-repeat; }
.footer-a a.wb{background: url(../images/wb01.png) center no-repeat;}
.footer-a a span{ position: absolute; display: none; text-align: center; padding-top: 5px; left: 50%; bottom: 100%; width: 94px; height: 101px; margin-left: -47px; background: url(../images/ewm-back.png) center no-repeat; }
.footer-a a span img{ width: 84px; height: 84px; }
.friends-a{ color: #fff; }
.friends-a a{ color: #fff; margin-bottom: 10px; display: inline-block; margin-right: 40px; }
.footer-txt{ color: #fff; }
.footer-lind{ border-bottom: solid 1px #1a866b; padding-bottom: 30px; margin-bottom: 30px; }
.footer-a a:hover span{ display: block; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; }
.tabs-more{ color: #999; padding-right: 25px; background: url(../images/more.png) right center no-repeat; position: absolute; right: 0; top: -40px; }
.menu-button {position: absolute;display: none;top: 65px;right: 15px;z-index: 1000;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }
.news-list-tt a:hover,.tabs-ul-tt a:hover,.tabs-more:hover,.articla-a p a:hover,.lb-list li a:hover,.left-nav-tt a:hover{ color: #00785a; }
.nav-list li a:hover{ font-weight: bold; }
.list-banner{margin-top: 0;}












@media( max-width: 1499px){
    .container{ width: 1230px; }
    .nav-list li{margin-left: 10px;}
    .banner .slick-dots{ margin-right: -600px; }
    .notice-sm{ width: 700px; }
    .notice-width{ width: 520px; }
    .logo-b{ width: 100%; float: none!important; margin-bottom: 15px; text-align: center; }
    .footer-center{ margin-left: 0; }
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .logo{ height: 50px; line-height: 50px; }
    .logo img{ height: 30px; }
    .header{/* height: 50px; */}
    .header-right{position: absolute;display: block;padding-bottom: 50px;border-top: solid 1px #ddd;right: 0;left: 0;top: 50%;background: #00785a;}
    .nav-list{width: 100%;float: none!important;display: none;position: absolute;top: 100%;background: #00785a;}
    .nav-list li{ float: none; margin:0; }
    .nav-list li a{ display: block; line-height: 40px; padding:0 15px; }
    .header .container{ width: 100%!important; }
    .seach-box{/*position: absolute;right: 15px;top: -200%;*/    margin-top: -40px; margin-right: 15px;}
    body{ padding-top: 50px; }
    .banner .slick-dots{ width: 100%; left: 0; margin:0; width: 100%; bottom: 20px; }
    .notice-sm{ width: 570px; }
    .notice-width{ width: 390px; }
    .menu-button{ display: block; }
}
@media( max-width: 991px){
    .container{ width:750px;  }
    .notice-sm{ width: 460px; }
    .notice-width{ width: 280px; }
    .tabs-list li a{ width: 180px; }
    }
@media( max-width: 767px){
    .container{ width: 100%; }
    .title-box{ font-size: 24px; }
    .title{ margin:30px 0; }
    .news-list li{ width: 100%; margin-bottom: 15px; }
    .notice-sm-left{ width: 100%; }
    .notice-tt{ float: left; }
    .notice-width{ width: 100%; margin:0; }
    .notice-sm{ width: 100%; padding:20px; height: auto; padding-bottom: 1px; }
    .notice-tt{ font-size: 24px; padding:0; line-height: 30px; }
    .notice-more{ float: right; padding: 0; margin-top: 0; line-height: 30px; }
    .notice-more a{ padding-bottom: 0; padding-right: 25px; background: url(../images/more.png) right center no-repeat; }
    .notice-box{ height: auto; padding-bottom: 30px; margin-top: 15px; }
    .notice-box .container{ padding-top: 30px; }
    .tabs-list li a{ width: auto; height: 40px; line-height: 40px; padding:0 10px; font-size: 16px; }
    .tabs-list li.active a{ font-size: 16px; }
    .tabs-ul li{ width: 50%; padding:15px 20px; height: auto; }
    .tabs-ul-tt{ line-height: 25px; height: 50px; overflow:hidden; }
    .tabs-ul-tt a{ font-size: 14px; }
    .title-b{ font-size: 20px; margin:30px 0; }
    .footer-center p span{ display: block; padding-left: 0; margin-top: 10px; }
    .footer-center{ width: 100%; margin-top: 0; }
    .footer-a{ width: 100%; text-align: center; }
    .footer-a a{ margin:0 10px; }
    .friends-a a{ margin-right: 15px; }
    .footer-lind{ padding-bottom: 15px; margin-bottom:15px; }
    .footer{ padding:20px 0; }
    .back-bottom{ padding:30px 0; }
    .zt-slick{ padding-bottom: 30px; }
    .tabs-more{ text-indent: -9999px; top: -30px; }
    .news-list{ margin:0; }
    .news-list li{ padding:0; }
}


/***********列表页**********/
.left-width{ width: 290px; margin-top: 50px; background: #f3f3f3; margin-bottom: 90px; }
.left-tt{height: 70px;line-height: 70px;background: #00785a;background-size: cover;font-size: 24px;color: #fff;padding-left: 35px;}
.left-nav{ padding:25px; padding-top: 10px; }
.left-nav-click a{ display: block; font-size: 18px; color: #666; line-height: 63px; padding-left: 40px; background: url(../images/li02.png) 5px center no-repeat; }
.nav-border{ border-bottom: solid 1px #d1d7de; }
.left-nav-b li{ line-height: 35px; padding-left: 50px; }
.left-nav-b li a{ font-size: 16px; color: #333; }
.left-nav-b{ padding-bottom: 10px; margin-top: -10px;}
.active .left-nav-click a{background: url(../images/li02.png) 20px center no-repeat; padding-left: 50px; color: #00785a; }
.left-nav-click a:hover,.left-nav-b li a:hover{ color: #00785a; }
.left-tt-b{ margin:0 25px; font-size: 18px; color: #333; border-bottom: solid 1px #d1d7de; padding-bottom: 10px; margin-top: 20px; }
.left-nav-tt a{ font-size: 16px; color: #333; }
.left-nav-c{ margin:0 25px; }
.left-nav-c li{ padding:10px 0; }
.left-nav-date{ font-size: 13px; color: #888; line-height: 13px; margin:10px 0; }
.left-nav-p{ color: #888; line-height: 25px; height: 50px; overflow:hidden; }
.left-b{ height: 50px; display: block; background: #00785a url(../images/left-b.png) center no-repeat; }
.right-width{width: 1100px;margin-top: 50px;margin-bottom: 90px;}
.nav-b{ color: #00785a; padding-bottom: 15px; position: relative; border-bottom: solid 2px #e2e2e2; margin-bottom: 30px; }
.nav-b a{ color: #00785a; }
.nav-b:before{ display: block; content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 64px; background: #00785a; }
.lb-list li{ line-height: 40px; position: relative; padding-right: 120px; }
.lb-list li>span{ position: absolute; right: 0; top: 0; color: #888; }
.lb-list li a{ font-size: 16px; color: #333; padding-left: 20px; background: url(../images/li03.png) left center no-repeat; }
.lb-list{/* border-bottom: dashed 1px #dbdbdb; */padding-bottom: 10px;margin-bottom: 10px;}
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #00785a; border-color: #00785a; color: #fff; }
.page-box{ padding:40px 0 0 0; }
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-box{ display: inline-block; }
.page-r{ margin:20px 0; }
/***********图片列表************/
.img-list li{ float: left; width: 20%; padding:0 28px; margin-bottom: 25px; }
.img-list{ margin:0 -28px; padding-top: 15px; }
.img-list li a{ display: block; font-size: 16px; color: #333; }
.img-list li a img{ width: 164px; height: 208px; margin-bottom: 10px; }
.img-list li a:hover{ color: #00785a; }
/*******简介******/
.about-p p{ font-size: 16px; color: #333; line-height: 30px; text-align: justify; text-indent: 2em; }
.article-tt{ font-size: 22px; color: #333; padding-top: 10px; }
.article-date{ color: #888; margin-top: 20px; }
.article-date span{ padding-left: 30px; }
.article-box{ border-top: dashed 1px #e2e2e2; margin-top: 20px; padding:35px 0; }
.article-box p{ font-size: 16px; color: #333; line-height: 33px; text-align: justify; margin-bottom: 20px;}
.articla-a p a{ font-size: 16px; color: #333; }
.multiple-items{ width: 950px; margin-left: 80px; }
.multiple-items a{ display: block;}
.multiple-items .slick-dots{ display: none!important; }





@media( max-width: 1499px){

    .yj-list li{ margin-left: 20px; }
    .yj-back{ background:#f8f8f8; }
    .bottom-left{ width: 430px; }
    .right-width{ width:840px; }
    .img-list li a img{ height: 156px; }
    .multiple-items{ margin-left: 40px; width: 750px; }
    }
@media( max-width: 1279px){


    .news-ul li{ width: 100%; }
    .yj-p{ width: 250px; }
    .yj-list{ width: 660px; }
    .yj-list li{ margin:0; width: 25%; padding:0 10px; }
    .bottom-left{ width: 340px; }
    .right-width{ width:620px; }
    .img-list li a img{ height: 100%; }
    .multiple-items{ margin-left: 20px; width: 650px; }
    .multiple-items a{ padding:0 10px; }
 
    }
@media( max-width: 991px){

    .menu-button{ display: block; }

    .banner-slick .slick-dots{ bottom: 10px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down{ display: none; position: static; margin:0;background: #00785a; width: 100%; }
    .nav-down li a{ color: #fff; }
    .title{ font-size: 60px; }
    .news-img{ width: 100%; text-align: center; float: none!important; }
    .news-right{ margin-left: 0; margin-top: 20px; }
    .news-img img{ width: 100%; max-width: 280px; height: auto; }
    .news-more{ margin: 20px auto 0 auto; display: block; }
    .news-ul li{ margin-top: 20px; }
    .news-back{ padding-bottom: 30px; }
    .tz-back .col-xs-6{ width: 100%; }
    .tz-back{ padding:20px 0; }
    .tz-list, .zp-list{ height: auto; padding:15px; margin:20px 0; }
    .tz-list li{ margin:10px 0; }
    .zp-list li{ margin:8px 0; }
    .yj-back{ height: auto; padding-bottom: 150px; padding-top: 20px; }
    .yj-left{ width: 100%; float: none!important; }
    .yj-p{ width: 100%; margin-top: 10px; }
    .yj-list{ width: 100%; float: none!important; margin-left: 0; }
    .yj-list li{ width: 50%; text-align: center; margin-top: 20px; }
    .yj-more{ width: 100px; padding:5px 0; height: auto; float: none; display: block; margin:20px auto; }
    .bottom-top{ margin-top: -140px; padding:20px; }
    .bottom-left{ width: 100%; }
    .bottom-img{ width: 100%; margin-top: 20px; }
    .footer{ height: auto; padding:15px 0; }
    .footer-left{ margin-left: 0; padding-top: 0; }
    .footer-right{ margin:0; width: 100%; }
    .footer-left span{ display: block; padding:0; }
    .footer-left p{ margin:0; line-height: 25px; }
    .left-width{ width: 100%; margin:20px 0; }
    .left-nav{ padding-bottom: 0; }
    .right-width{ width: 100%; margin-bottom: 20px; margin-top: 0; }
    .page-box{ padding-top: 0px; }
    .page-r,.pagination{ margin-bottom: 0; }
    .img-list li{ width: 50%; padding:0 10px; }
    .img-list{ margin:0 -10px; padding-top: 0; }
    .about-p p,.article-box p{ font-size: 14px; line-height: 28px; }
    .article-tt{ font-size: 18px; padding-top: 0; }
    .article-box p{ margin-bottom: 10px; }
    .article-box{ padding:20px 0; }
    .articla-a p a{ font-size: 14px; }
    .left-nav-click a{ line-height: 45px; }
    .left-tt{ height: 55px; line-height: 55px; }
    .left-hide{}
    .cont h1{font-size:22px;}
}
@media( max-width: 576px){
    .seach-box{position:absolute;top: 50px;left: 10px;}
}