@charset "UTF-8";
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑",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; }
video{width: 100% !important;}
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{ background: #00785a; height: 100px; position: fixed!important; left: 0; top: 0; z-index: 10000; width: 100%; }
.logo{ height: 100px; line-height: 100px; }
.nav-list li{ float: left; padding-top: 30px; margin-right: 0px; }
.nav-list li a{display: block;font-size: 18px;color: #fff;height: 40px;line-height: 40px;padding: 0 13px;}
.nav-list li.active a,.nav-list li a:hover{ background: #189374; }
.search-index{ position: relative; height: 40px; margin:30px 0 0 50px; }
.btn-search,.btn-search:hover,.btn-search:focus{position: absolute;right: 2px;top:1px;width: 50px;height:38px;border-radius: 0 40px 40px 0;border:none;box-shadow: none;/* background: url(../images/icon01.png) center no-repeat; */}
.search-width{ width: 0px; transition: 0.3s all; height: 40px; overflow:hidden; position: absolute; right: 0; top: 0; }
.search-width input{ width: 220px; height: 40px; color: #fff; border-radius: 40px; border:solid 1px #fff; padding-right: 50px; box-shadow: none; background: #00785a; }
.search-index:hover .search-width{ width: 220px; }

.search-width input::-webkit-input-placeholder{
            color:#fff;
        }
.search-width input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
.search-width input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
.search-width input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;
  
      }
.index-back{ background: url(../images/index-back.jpg) center top no-repeat; background-size: cover; padding-top: 90px; padding-bottom: 30px; }
.index-txt{ padding-bottom: 110px; }
.box-sm{ position: relative; }
.box-news{background: #fff;padding:30px;opacity: 0.9;}
.title-left{font-size: 22px;color: #111;position: relative;line-height: 22px;height: 25px;padding-right: 10px;/* border-right: solid 1px #333; */}
.title-sm{ font-size: 14px; color: #00785a; margin-left: 14px; margin-top: 8px; }
.news-more{ display: inline-block; width: 23px; height: 6px; background: url(../images/more-a.png) center no-repeat; }
.title-index{border-bottom: solid 1px #dbdbdb;padding-bottom: 16px;}
.title-left:before{ display: block; content: ""; position: absolute; left: 0; bottom: -17px; right: 14px; border-top: solid 1px #00785a; }
.news-list-date{ position: absolute; left: 0; top: -2px; font-size: 12px; color: #c0c0c0; }
.news-list-date span{ font-size: 20px; color: #00785a; }
.news-list li{ position: relative; margin-top: 25px; padding-left: 65px; }
.news-list-tt a{font-size: 16px;color: #222;}
.news-list-tt{ border-bottom: dashed 1px #d2d2d2; padding-bottom: 13px; }
.index-nav li{ float: left; width:33.33333%; padding:0 10px; }
.index-nav{ margin:20px -10px; }
.index-nav li a{ display: block; height: 90px; line-height: 90px; background: #f8b62c; }
.index-nav li a span{ display: inline-block; line-height: 90px;height: 90px; font-size: 18px; color: #fff; position: relative; padding-left: 60px; }
.index-nav li a span i{ position: absolute; left: 0; top: 0; bottom: 0; line-height: 90px; }
.index-nav li.t a{ background: #0062ac; }
.index-nav li.s a{ background: #6fbc47; }
.bottom-back{background: #fff;padding: 20px 110px 0px 20px;position: relative;}
.bottom-left{position: absolute;right: 20px;top: 30px;bottom: 20px;}
.bottom-left-tt{ width: 70px; background: url(../images/icon-tt-b.png) top center no-repeat; padding-top: 100px; font-size: 26px; color: #00785a; padding-left: 20px; padding-right: 20px; text-align: center; }
.video-box{ width: 60%; }
.video-box a{ display: block; position: relative; height: 430px; overflow:hidden; }
.video-box a img,.video-ul li a img{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; }
.video-box a span{ position: absolute; left: 0; right: 0; top: 50%; height:70px; margin-top: -35px; background: url(../images/play.png) center no-repeat;}
.video-ul{width: 34.5%;padding-right: 20px;}
.video-ul li a{ display: block; margin-bottom: 20px; height: 232px; position: relative; overflow:hidden; }
.video-ul li a span{ position: absolute; text-align: center; left: 0; right: 0; bottom: 0; padding:0 15px; color: #fff; font-size: 16px; line-height: 40px; background: #00785a; background: rgba(0,120,90,0.5); }
.bottom-left .news-more{ position: absolute; left: 50%; bottom: 0; margin-left: -11.5px; }
.footer{background: url(../images/footer.png) center no-repeat;padding:30px 0 20px 0;background-size: cover;position: absolute;width: 100%;margin-top: 30px;}
.logo-sm{ width: 200px; }
.footer-p{ color: #fff; margin-left:45px; padding-top: 3px; }
.footer-p span{ padding-left: 25px; margin-right: 42px; display: inline-block; }
.footer-p span.f01{ background: url(../images/icon-b01.png) left center no-repeat; }
.footer-p span.f02{ background: url(../images/icon-b02.png) left center no-repeat; }
.footer-p span.f03{ background: url(../images/icon-b03.png) left center no-repeat; }
.footer-p span.f04{ background: url(../images/icon-b04.png) left center no-repeat; }
.footer-center{ border-left: solid 1px #1a866b; margin-left: 58px; border-right: solid 1px #1a866b; padding:0 90px; height: 70px; line-height: 70px; }
.footer-center a{ display: inline-block; margin:0 15px; position: relative; }
.footer-center a span{ position: absolute; padding:10px; display: none; bottom: 100%; width: 120px; height: 128px; left: 50%; margin-left: -60px; background: url(../images/ewm-box.png) center no-repeat; }
.footer-center a span img{ width: 100px; height: 100px; }
.footer-center a:hover span{display: block;}
.footer-p font{ padding-left: 10px; }
.fix-box{ position: absolute; right: 0; top: 0; width: 150px; background: #fff; padding:10px; }
.fix-ewm{ background: #eee; padding:10px 10px 5px 10px; color: #999; margin-bottom: 10px; }
.fix-ewm img{ width: 110px; height: 110px; margin-bottom: 5px; }
.fix-link{ display: block; color: #00785a; margin-top: 20px; }
.fix-link img{ float: left; margin-right: 16px; }
.fix-link span{ display: inline-block; padding-top: 5px; }
.fix-box.active{ position: fixed; left: 50%; margin-left: 570px; top: 110px; right:auto; }
.slick-slider{ touch-action:auto; }
.news-right-tt-a a:hover,.news-list-tt a:hover{color: #00785a;}
.nav-down{position: absolute;display: none;padding:10px 0;left: 0px;right: 0px;top: 100%;background:#00785a;}
.nav-list li:hover .nav-down{ display: block; }
.nav-down li{ margin:0; float: none;padding:0; }
.nav-down li a{ font-size: 16px; line-height: 35px; border:none!important; text-align: center; display: block; background: none !important;}
.nav-down li a:hover{background:#189374 !important;}

@media( max-width: 1499px){
    .container{ width: 1230px; }
    .video-ul li a{ height: 160px; }
    .video-box a{ height: 340px; }
    .bottom-left-tt{ padding-top: 75px; }
    .footer-center{ padding:0 10px; margin-left:0; }
    .fix-box.active{ margin-left:450px; }
    .slicks1{width:88% !important;}
    .slicks2{width:88% !important;}

}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .video-ul li a{ height: 110px; }
    .video-box a{ height: 240px; }
    .bottom-left-tt{ padding-top: 75px; }
    .footer-center{ padding:0 10px; margin-left:0; }
    .nav-list li{ margin-right: 5px; }
    .nav-list li a{ padding:0 5px; }
    .bottom-left-tt{ font-size: 16px; }
    .logo-sm{ width: 100%; text-align: center; margin-bottom: 30px; }
    .footer-p{ margin-left: 0; }
    .fix-box.active{ margin-left:320px; }
    .slicks1{width:87% !important;}
    .slicks2{width:87% !important;}

}
@media( max-width: 1024px){
    body{ padding-top: 50px; }
    .container{ width: 750px; }
    .fix-link{ float: left; margin-right: 20px; }
    .fix-box{position: static!important; margin:0 0 20px 0!important; padding-bottom: 15px!important; width: 100%;}
    .fix-ewm{ float: left; width: 50%; }
    .box-sm{ padding-right: 0; }
    .index-nav li a span{ padding-left: 48px; }
    .footer-p{ width:100%; text-align: center; }
    .footer-center{ width: 100%; border:none; margin-bottom: 10px; }
    .footer-p span.f04,.footer-p span.f02,.footer-p span.f03{ margin-right: 0; }
    .header .container{ width: 100%; }
    .index-back{ padding-top: 30px; }
    .index-txt{ padding-bottom: 30px; }
    .search-index{ margin-top: 5px; margin-right: 40px; }
.search-index:hover .search-width {
    width: 0px;
}
    .bottom-left-tt{ width: 100%;  background: url(../images/icon-tt-b.png) top left no-repeat; font-size: 18px; background-size: 35px auto; line-height: 35px; padding:0 0 0 45px; text-align: left; }
    .search-index.active .search-width{ width: 220px; }
    .logo img{ width: auto; height: 30px; }
    .logo{ line-height: 50px; }
    .header{ height: 50px; position: relative; }
    .nav-list{ position: absolute; display: none; left: 0; top: 100%; right: 0; background: #fff; box-shadow: 1px 2px 3px #ddd; }
    .nav-list li{ float: none; padding:0; width: 100%; margin:0; height: auto; }
    .nav-list li a{ display: block; color: #333; font-size: 16px; line-height: 40px; padding:0 15px; text-align: left; background: none!important; }
    .search-a{ position: absolute; top: 0; right: 60px; margin-top: 12px; }
    .menu-button{ display: block; position: absolute; }
    .nav-down{ display: none; position: static; margin:0;background: none; width: 100%; padding:0; }
    .nav-down li a{ color: #333; text-align: left; padding-left: 25px; }
    .nav-list li:hover .nav-down{ display: none; }
    .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-down:before{ display: none!important; }
    .box-news .col-xs-6{ width: 100%; padding-bottom: 30px; }
    .box-news{ padding-bottom: 0; }
    .footer .pull-left,.footer .pull-right{ float: none!important; }
}
@media( max-width: 768px){
    .container{ width:100%; }
    .title-sm{ display: none; }
    .title-index{ padding-bottom: 16px; }
    .box-news{ padding:20px 20px 0 20px; }
    .index-nav li{ width: 100%; margin-bottom: 10px; }
    .index-nav{ margin-bottom: 10px; }
    .video-box{ width: 100%; margin-bottom: 10px; }
    .video-ul{ width: 100%; padding-left: 0; }
    .video-ul li{ margin-bottom: 0px; }
    .video-ul li a{ margin-bottom: 10px; }
    .bottom-left{ position: relative; left: 0; top: 0; bottom: auto; right:0; margin-bottom: 20px; }
    .bottom-back{ padding-left: 20px; }
    .bottom-left-tt{ width: 100%;  background: url(../images/icon-tt-b.png) top left no-repeat; font-size: 18px; background-size: 35px auto; line-height: 35px; padding:0 0 0 45px; text-align: left; }
    .bottom-left .news-more{ right:0; top: 50%; margin-top: -4px; left: auto; margin-left: 0; }
    .video-box a{ height: auto; padding-top: 57%; }
    .video-ul li a{ padding-top: 55%; }
    .video-ul{ padding-bottom: 10px; }
    .footer-p p span{ margin: 0 5px!important; }
    .title-left{ border:none; }
}


.page-box .header{ position: relative; background: #00785a; color: #fff; }
.page-box .header a{ color: #fff; }
.page-box .nav-box{ position: relative; background: #fff; top: 0; }
.page-box .nav-box .nav-list>li a{ color: #333; }
.page-box .nav-box .nav-list>li{ margin-top: 40px; }
.page-box .nav-box .nav-list>li.active>a{ color: #00785a; }
.page-box .nav-box .nav-list>li .twoLevelUl li:hover a{color:#00785a ;}
.nav-b-left li{float: left;line-height: 100px;margin-right: 35px;}
.nav-b-left li a{ font-size: 18px; color: #555; }
.nav-b-left li.active a{ font-size: 24px; color: #00785a; }
.nav-b-left li a:hover{ color: #00785a; }
.nav-b-box{border-bottom: solid 1px #dbdbdb;/* margin-bottom: 60px; */}
.nav-b{padding-left:20px;background: url(../images/,DanaInfo=10.10.103.1,Port=8080+nav-b.png) left center no-repeat;line-height: 100px;color: #777;}
.nav-b a{ color: #777; }
.jg-box{ box-shadow: 0 0 30px rgba(0,0,0,0.08); padding:70px; margin-bottom: 60px; }
.jg-box-tt{ font-size: 30px; color: #333; }
.jg-list li{ float: left; width: 33.333333%; padding:0 65px; margin-top: 40px; }
.jg-list{ margin:0 -65px; }
.jg-list li a{ display: block; line-height: 70px; font-size: 16px; color: #555; background: #f2f2f2; }
.jg-list li a:hover{ background: #00785a; color: #fff; }
.page-bottom{ background: #ededed; padding:60px 0; }
.bottom-width-tt{ font-size: 16px; color: #222; margin-bottom: 20px; height: 16px; line-height: 16px; padding-left: 10px; border-left: solid 2px #f58812; }
.bottom-link li a{ color: #555; }
.bottom-link li{ margin-top: 10px; }
.bottom-link li a:hover{ color: #f58812; }



.ld-list li{ float: left; width: 25%; padding:0 20px; margin-bottom: 50px; }
.ld-header{ padding:0 42px; }
.ld-name{ font-size: 18px; color: #555; margin:25px 0; }
.ld-img img{ width: 100%; height: 292px; }
.ld-bottom{ padding:20px 42px; height: 125px; border-top: solid 1px #ededed; }
.ld-link{ display: block; position: relative; border: solid 1px #ededed; }
.ld-p{ color: #777; line-height: 30px; height: 60px; overflow:hidden; }
.ld-link:before{ display: block; content: ""; position: absolute; left: 50%; top: 100%; margin-left: -21px; margin-top: -21px; width: 42px; height: 42px; background: url(../images/,DanaInfo=10.10.103.1,Port=8080+icon-ld01.png) center no-repeat; }
.ld-link:hover{ border-color: #00785a; }
.ld-link:hover:before{background: url(../images/,DanaInfo=10.10.103.1,Port=8080+icon-ld02.png) center no-repeat;}
.pagination li a,.pagination li span{ margin:0 3px; color: #888; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #00785a; color: #fff; border-color: #00785a; }
.pagination{ margin:50px 0 90px 0; }

.date-slick .slick-dots{ display: none!important; }
.slick-box{ padding:0 65px; }
.date-slick{  padding-bottom: 10px; }
.date-slick:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 20px;border-bottom: solid 1px #00785a; }
.date-slick a{ display: block; padding-bottom: 20px; position: relative;  }
.date-slick a:before{ display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #dbdbdb; position: absolute; left: 50%; top: 35px; margin-left: -5px; }
.date-slick a:hover{ color: #00785a; }
.slick-box .slick-slide{ padding-bottom: 10px; }
.slick-box .slick-prev{ width: 15px; height: 28px; background: url(../images/,DanaInfo=10.10.103.1,Port=8080+left-a.png) center no-repeat; margin-top: -14px; text-indent: -9999px; left: -65px; }
.slick-box .slick-next{ width: 15px; height: 28px; background: url(../images/,DanaInfo=10.10.103.1,Port=8080+right-a.png) center no-repeat; margin-top: -14px; text-indent: -9999px; right: -65px; }
.slick-box .slick-slide a.active:before{ background: #00785a; }
.xs-p p{ font-size: 16px; color: #555; margin:0; margin-top: 40px; }
.xs-p p span{ padding-right: 30px; }
.xs-p{ padding-bottom: 90px; }
.xs-box{ display: none; }
.xs-box.active{ display: block; }

.news-right-box{ margin-left: 480px; padding-top: 25px; }
.news-left-box img{ width: 434px; height: 300px; }
.news-right-lnk a{ font-size: 20px; color: #333; font-weight: bold; }
.news-date-box{ width: 118px; height: 30px; border:solid 1px #dbdbdb; line-height: 28px; text-align: center; font-size: 16px; color: #999; margin-top: 35px; }
.news-right-txt{ font-size: 16px; color: #555; line-height: 35px; margin-top: 30px; height: 70px; overflow:hidden; }
.news-slick .slick-dots{ left: 480px; bottom: 30px; text-align: left; }
.news-slick .slick-dots li{ width: 8px; height: 8px; background: #dbdbdb; border-radius: 50%; }
.news-slick .slick-dots li.slick-active{ background: #e6c229; }
.news-slick .slick-dots li button{ opacity: 0; }
.over-box{ overflow:hidden; }
.news-left-date{ width: 160px; color: #555; font-size: 50px; line-height: 30px; padding-top: 50px; }
.news-left-date span{ font-size: 14px; }
.news-list-ul li{/* border-top: solid 1px #ededed; */border-bottom: solid 1px #ededed;padding: 15px 0 30px;/* margin-bottom: 40px; */}
.news-left-a img{ width: 260px; height: 170px; border:solid 1px #dbdbdb; }
.news-right-width{ margin-left: 470px; padding-top: 25px; padding-right: 275px; position: relative; }
.news-right-tt-a a{font-size: 16px;color: #444;}
.news-lind{ width: 70px; height: 2px; background: #fe9625; margin:25px 0 20px 0; }
.news-lind-p{color: #888;line-height: 30px;}
.news-a{ display: block; position: absolute; right: 25px; font-size: 16px; color: #00785a; top: 50%; border:solid 1px #00785a; width: 140px; height: 46px; line-height: 44px; text-align: center; }
.news-a:hover{ background: #00785a; color: #fff; }
.news-right-width-lg{ margin-left: 160px; }

.img-list li{ float: left; padding:0 15px; margin-bottom: 40px; width: 33.333333%;height:350px; }
.list-tt a{ font-size: 16px; color: #555; }
.list-tt{ margin-top: 30px; }
.img-list{ margin:0 -15px; }
.list-header {
    transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    opacity: 1;
    background: rgba(255,255,255,0.9);
}

.zk-border{ box-shadow: 0 0 5px rgba(0,0,0,0.2); padding:12px; position: relative; }
.zk-border:before{ display: none; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); }
.zk-list li{ float: left; width: 25%; padding:0 15px; margin-bottom: 30px; }
.zk-label{ position: absolute; left: 0;top: 0; width: 130px; height: 38px; line-height: 38px; color: #fff; font-size: 16px; background: #00785a; text-align: center; }
.zk-bottom{ position: absolute; left: 0; right: 0; bottom: 0; display: none; }
.zk-a{ display: block; float: left; width: 50%; font-size: 18px; color: #fff; background: #00785a; height: 56px; line-height: 56px; text-align: center; }
.zk-a span{ padding-left: 38px; background: url(../images/,DanaInfo=10.10.103.1,Port=8080+icon-look.png) left center no-repeat; }
.zk-down{ background: #f9901e; }
.zk-down span{ background: url(../images/,DanaInfo=10.10.103.1,Port=8080+icon-down.png) left center no-repeat; }
.zk-a:hover{ color: #fff; }
.zk-border:hover:before{ display: block; }
.zk-border:hover .zk-bottom{ display: block; }
.zk-list{ margin:0 -15px; }
.about-p p{ color: #555; line-height: 40px; margin-bottom: 30px; }
.about-p{ padding-top: 40px; }
.dh li:nth-child(2){ animation-delay:0.2s; }
.dh li:nth-child(3){ animation-delay:0.4s; }
.dh li:nth-child(4){ animation-delay:0.6s; }
.dh li:nth-child(5){ animation-delay:0.8s; }
.dh li:nth-child(6){ animation-delay:1s; }
.dh li:nth-child(7){ animation-delay:1.2s; }
.dh li:nth-child(8){ animation-delay:1.4s; }
.dh li:nth-child(9){ animation-delay:1.6s; }
.page-box .nav-box .nav-list>li a:hover{color: #00785a;}
.nav-b a{color: #777;}
.nav-b a:hover{color: #00785a;}
.page-box{ padding-top: 126px; }
.tabs-right-box:hover,.div-hover:hover,.mt-bottom-box:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.mt-slick{ margin-bottom:0; }

.hz-right{ margin-bottom: 45px; }
.mt-bottom{ padding-bottom: 80px; }
.tabs-right-box:hover .tabs-right-tt a,.tabs-right-box:hover .tabs-right-p,.div-hover:hover .hz-list-tt a,.div-hover:hover .hz-list-p,.mt-bottom-box:hover .mt-bottom-tt a,.mt-bottom-box:hover  .mt-bottom-p{ color: #00785a; }

.video-box img{height:auto !important;}
.video-box video{height:auto !important;}



@media( max-width: 1499px){

  .lb-slick a img{ height: 391px; }
  .news-img img{ height: 206px; } 
  .lb-news-box{ height: 391px; }
  .lb-news-top{ height: 181px; padding:20px 15px; }
  .img-width a img{ height: 347px; }
  .xy-slick a{ width: auto; margin:0 5px; }
  .xy-slick img{ height: 213px; }
  .bottom-logo{ margin-left: 65px; }
  .list-banner span{ margin-left: -600px; }
  .ld-top li{ padding:0 30px; }
  .ld-top{ margin:0 -30px; }

  .banner .slick-dots{ margin-right: -600px; }
  .news-box-img img,.kd-img img,.kd-right-img img{ height: auto; }
  .hz-right li{ margin-bottom:13px; }
  .nav-list li .ycc{ left: 25px; }
  .banner a span{ margin-left: -600px; max-width: 700px; }

    .back-list li.lg img{ height: 350px; }
    .back-sm{ height: auto; padding-bottom: 35px; }
    .back-header{ height: auto; padding-bottom: 4px; }
    .news-img-box{ position: relative; z-index: 100; }
    .tabs-right-bottom{ margin-top: 20px; padding:40px 60px; }
    .bottom-right{height: auto;}
    .friends-ul li{ margin-right: 15px; }
 
    .bottom-right ul li{float: left;width: 45%;position: relative;margin-left: 10px;height: 185px;padding-top: 10px;}
    .nav-b-left li{ margin-right: 20px; }
    .jg-list li{ padding:0 30px; }
    .jg-list{ margin:0 -30px; }
    .ld-img img{ height: 208px; }
    .zk-a span{ padding-left: 25px; font-size: 16px; }


  }
@media( max-width: 1279px){


  .header-bottom{ padding:20px 0; }
  .banner .slick-dots{ margin-right: -470px; }
  .logo-b{ width: 100%; text-align: center;float: none!important; margin-bottom:30px; }
  .nav-list{ padding-top: 0px; padding-right: 0px; }


  
  .lb-slick a img{ height: 306px; }
  .news-img img{ height: 158px; }
  .lb-news-box{ height: 306px; }
  .lb-news-top{ height: 144px; }
  .news-box-tt{ height: 25px; }
  .jx-img img{ height: 244px; }
  .img-width a img{ height: 272px; }
  .xy-slick img{ height: 165px; }
  .bottom-logo{ width: 280px; }
  .list-banner span{ margin-left: -470px; margin-top: -20px; line-height: 40px;}
  .jg-list li{ padding:0 10px; }
  .jg-list{ margin:0 -10px; }
  .ld-top li{ padding:0 10px; }
  .ld-top{ margin:0 -10px; }


  .banner a span{ margin-left: -470px; max-width: 600px; }

    .twoLevelUl>li{text-align: center;width: 100px;}

    .tabs-right{ margin-top: 0; }
    .news-img-box{ background-size: 100% auto; }
    .bottom-right{ height: auto;}
    .bottom-right ul li{float: left;width: 45%;position: relative;margin-left: 6px;height: 145px;padding-top: 10px;}
    .bottom-right ul li span{font-size: 14px;}
    .nav-b-left li{ margin-right: 20px; }
    .jg-list li{ padding:0 10px; }
    .jg-list{ margin:0 -10px; }
    .nav-b-left li{ line-height: 40px; margin-top: 15px; }
    .nav-b{ width: 100%; line-height: 35px; }
    .ld-img img{ height: 136px; }

}
@media (max-width: 1199px){
    .lxwm{padding: 3rem 0;}
    .footer-logo{padding: 100px 0;}
}
@media( max-width: 991px){
    .tabs-left-lg{ margin-bottom: 80px; }
    .page-box{ padding-top: 90px; }
    .ewm-box{ margin:0 10px; }

  .back-one{ padding-top: 0; }
  .lb-slick{ width: 100%; }
  .lb-slick a img{ height: auto; }
  .lb-news{ width: auto; float: none!important; margin:0 -10px; }
  .lb-news li{ padding:0 10px; }
  .news-img img{ height: 226px; }
  .lb-news-box{ height: auto; }
  .back-tow-width-left,.hd-right{ width: 100%; }
  .notice-list li{ width: 50%; }
  .notice-back{ height: auto; padding-bottom: 80px; }
  .jx-left{ width: 100%; text-align: center; padding-top: 0; }
  .jx-back{ padding-top: 0; }
  .jx-back .more{ margin-top: 0; margin-bottom:30px; }
  .jx-right{ width: 100%; }
  .jx-img img{ height: auto; }
  .img-width{ width: 100%; }
  .img-width a img{ height: auto; }
  .tt-right{ width: 100%; text-align: center; }
  .xy-slick img{ height: 125px; }
  .bottom-right{ width: 100%; float: none!important; text-align: center; padding-left: 335px; }
  .header-bottom{ height: 50px; padding:0 0; }
  .logo{ width: auto; line-height: 50px; }
  .logo img{ width: auto; height: 40px; }
  .nav-list{ position: absolute; left: 0; margin-left: 0; display: none; width: 100%; padding:0; top: 100%; right: 0; background: #fff; border-top: solid 1px #ddd; box-shadow: 1px 2px 3px #ddd; }
  .nav-list li{ float: none; width: 100%; position: relative; }
  .nav-list li a{ display: block; text-align: left; color: #333; line-height: 40px; padding:0 15px; }
  .nav-list li .ycc{ position: static; height: auto;border-bottom: 3px solid #1460a0; }
  .nav-list li .ycc .nr .zdh{ width: 100%; margin:0; }
  .nav-list li .ycc .nr{ padding:0; }
  .nav-list li:hover .ycc{ display:none; }

  .back-one{ padding-top: 80px; }
  .menu-button{ display: block; }
  .header2 .menu-button{ right: 32px; }
  .header2 .menu-button .bar{ background: #094576; }
  .header,.header2{ z-index: 100001; }
  .list-banner span{ margin-left: -350px; font-size: 24px; margin-top: -20px; }
  .jg-list li{ width: 33.333333%; }
  .ld-img img{ height: 160px; }
  .ld-name{ font-size: 14px; margin-top: 10px; }
    .menu-button{ display: block; position: absolute; }
    .nav-down{ display: none; position: static; margin:0;background: none#00785a; width: 100%; }
    .nav-down li a{ color:#fff; }
    .nav-list li:hover .nav-down{ display: none; }
    .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); }
    .header-bottom .container,.top .container{ width: 100%; }
    .nav-list li{ margin-left: 0; }
    .nav-list li a:hover{ background: none; }
    .nav-list li .ycc{ left: 0; padding:0 25px; border:none; }
    .nav-list li .ycc .nr .zdh .dd a{ font-size: 14px; }
    .banner .slick-dots{ margin-right: -360px; }
    .tabs-left,.tabs-right,.hz-right,.kd-right{ width: 100%; height: auto; }
    .tabs-right{ padding-top: 30px; }
    .tabs-right-box{ height: auto; }
    .news-bottom li{ width: 50%; margin-bottom: 30px; }
    .news-bottom,.hz-right{ margin-top: 30px; }
    .kd-right-list{ padding-top: 30px; }
    .banner a span{ left: 15px; max-width: 600px; font-size: 18px; margin:0; }
    .container .xs-img img{height:auto}

    .nav-b-left li{ margin-right: 20px; }
    .jg-list li{ padding:0 10px; }
    .jg-list{ margin:0 -10px; }
    .nav-b-left li{ line-height: 40px; margin:0; width: 33.333333%; text-align: center; }
    .nav-b{ width: 100%; line-height: 35px; padding-left: 20px!important; }
    .nav-b-left li a{ font-size: 16px; }
    .nav-b-left li.active a{ font-size: 16px; }
    .nav-b-box{ margin-bottom: 30px; }
    .jg-box{ padding:20px; margin-bottom: 20px; }
    .jg-box-tt{ font-size: 18px; }
    .jg-list li{ width: 50%; margin-top: 15px; }
    .jg-list li a{ font-size: 14px; line-height: 22px; padding:15px 5px; }
    .page-bottom{ display: none; }

    .ld-img img{ height: auto; }
    .ld-list li{ width: 50%; margin-bottom: 30px; padding:0 10px; }
    .ld-list{ margin:0 -10px; }
    .ld-header{ padding:0 10px; }
    .ld-name{ font-size: 14px; margin:10px 0; }
    .ld-bottom{ height: auto; padding:10px 10px 25px 10px; }
    .ld-link:before{ width: 20px; height: 20px; margin-left: -10px; margin-top: -10px; background-size: cover; }
    .ld-p{ line-height: 20px; height: 40px; }
    .pagination{ margin:30px 0; }
    .pagination li a, .pagination li span{ margin-bottom: 10px; }
    /*********?-|é?￠?????2*********/
    .slick-box{ padding:0 30px; }
    .slick-box .slick-prev{ left: -30px; }
    .slick-box .slick-next{ right: -30px; }
    .xs-p p{ margin-top: 15px; }
    .xs-p{ padding-bottom: 40px; }
    /*********?–??????—è?¨é?μ*********/
    .news-left-box{ width: 100%; float: none!important; }
    .news-left-box img{ width: 100%; }
    .news-right-box{ width: 100%; margin:0; padding-top: 10px; }
    .news-date-box{ margin-top: 10px; }
    .news-right-txt{ margin-top: 10px; font-size: 14px; line-height: 25px; height: 50px; }
    .news-left-date{ display: none; }
    .news-left-a{ width: 100%; float: none!important; }
    .news-left-a img{ width: 100%; height: 240px; }
    .news-right-width{ width: 100%; float: none; margin:0; padding-right: 0; }
    .news-a{ position: static; margin:15px 0 0 0; height: 34px; line-height: 32px; font-size: 14px; width: 120px; }
    .news-list-ul li{ margin-bottom: 15px; }
    .news-slick .slick-dots{ left: 0; bottom: -10px; text-align: center; }
    .news-slick{ padding-bottom: 30px; }
    .nav-b-left{ width: 100%; }
    .img-list li{ width: 50%; margin-bottom: 15px; }
    .list-tt{ margin-top: 10px; }
    .zk-list li{ width: 50%; }
    .zk-label{ width: 100px; font-size: 14px; line-height: 34px; height: 34px; }
    .about-p p{ line-height: 30px; margin-bottom: 10px; }
    .about-p{ padding-top: 20px; }

  }
  @media( max-width: 768px){


.list-header{ display: block!important; }
.list-banner{ padding-top: 50px; }
.list-banner span{ font-size: 18px; margin-left: 0; left: 30px; margin-top: -15px; line-height: 20px; }

.nav-b{ padding:15px 0; }
.list-ul li{ line-height: 40px; }
.title-list span{ margin-bottom: 10px; }

.name-box{ width: 50px; font-size: 14px; background-size: 100% auto; height: 65px; padding-top: 15px; }
.imglist-ul li{ padding-left: 60px; margin-bottom: 20px; }
.img-box{ padding:20px 15px; }
.img-box .text-center img{ max-width: 200px; }
.img-txt,.table-right{ font-size: 14px; line-height: 25px; margin-top: 15px; }
.img-table{ display: block; }
.img-table div{ display: block; width: 100%; }
.img-ul-img img{ width: 153px; height: 95px; }
.ul-list-right{ margin-left: 160px; padding-top: 0; }
.list-p{ margin-top: 5px; }
.list-date{ margin-top: 5px; line-height: 20px; }
.list-tt{ margin-top: 10px; }
.img-ul li{ margin-bottom:20px; }
.list-tt a{ font-size: 16px; }
.img-ul{ padding-top: 10px; }
.article-tt{ font-size: 18px; margin-bottom: 20px; margin-top: 20px; }
.active-p p{ line-height: 28px; font-size: 14px; }
.active-p{ padding:20px 0; }
.list-ul-sm li{ width: 100%; }
.article-bottom{ padding:20px 0; }




.tabs-ul li{ width: 25%; margin:0; }
.tabs-ul{ width: 100%; }
.tabs-ul li a{ font-size: 16px; line-height: 50px; text-align: center; display: block; }
.title{ margin-left: 0; color: #256cbe; font-size: 24px; }
.tabs-left:before{ display: none; }
.news-box{ margin-left: 0; }
.news-box-img{ width: 100%; float: none!important; }
.news-box-right{ width: 100%; padding:20px; }
.news-box:before{ left: 0; bottom: 0; }
.news-box-title a{ font-size: 16px; }
.news-box-title{ margin-top: 0; line-height: 28px; height: 56px; }
.news-box-date{ margin-top: 20px; }
.tabs-right{ padding-top: 0; }
.tabs-right-ul li{ width: 100%; margin-bottom:15px; }
.news-bottom li{ width: 100%; margin-bottom:15px; }
.news-bottom, .hz-right{ margin-top: 20px; }
.news-bottom li a{ height: auto; }
.hz-box-list li{ width: 100%; margin-bottom:15px; }
.hz-box,.tabs-left-lg .title{ margin-left: 0; }
.tabs-left-lg{ padding-left: 0; }
.mt-slick-left,.mt-slick-img{ width: 100%; height: auto; }
.mt-slick-img a{ width: 100%; height: auto; padding-top: 66.666666%; }
.mt-slick .slick-dots{ width: 100%; }
.mt-title a,.kd-box-tt a{ font-size: 16px; }
.mt-title,.kd-box-tt{ line-height: 25px; height: 50px; }
.mt-slick-left{ padding:20px; }
.tab-content > .tab-pane{ left: 15px; right: 15px; width: auto; }
.tab-content > .tab-pane.active{ left: 0; }
.mt-bottom li{ width: 100%; margin-top: 20px; }
.mt-slick{ margin:0; }
.kd-box{ margin-left: 0; }
.kd-box-bottom{ margin:0; padding:20px; height: auto; }
.kd-right-list li{ width: 100%; margin-bottom:15px; }
.tabs-left{ min-height: 1px; }
.news-box{ margin-bottom: 15px; }
.gg-tt{ width: 100%; }
.gg-tt span{ width: 250px; font-size: 24px; }
.gg-back{ margin-left: 0px; padding-right: 15px; margin-bottom:30px; height: auto; padding-bottom: 20px; padding-left: 30px; padding-top: 60px; }
.gg-ul li{ width: 100%; margin-bottom:15px; }
.more-a-sm{ position: static; }

.bottom-width-box{ width: 100%; }
.bottom-width-list li a span{ padding-left: 60px; }
.bottom-width-sm{ width: 50%; height: 150px; }
.zt-back{ padding-left: 0; }
.bottom-width{ margin:20px -15px 0 0; }
.bottom-width-sm span{ padding-top: 66px; margin-top: -44px; }
.zt-back{ padding-bottom: 0; margin-bottom: 0; }

.footer-p p{ margin:0; }
.footer-p-txt{ font-size: 14px; text-align: center; padding:15px 0; }
.lb-back{ height: 250px; padding:0 50px; background-size: cover; }
.lb-slick-box{ height: 250px; }
.lb-slick-tt{ top: 30px; }
.lb-slick .slick-prev{ left: -40px; }
.lb-slick .slick-next{ right: -40px; }
.banner .slick-dots{ right: 15px; margin-right: 0; bottom: 10px; }
.banner a span{ bottom: 60px; right: 15px; width: auto; }
.footer-p{ width: 100%;float: none!important; }
.img-list{ margin:0; }
.img-list li{ width: 100%; }
.news-slick .slick-dots {
    bottom: -10px !important;
}
.hz-right{ margin-bottom: 0px; }
.tabs-left-lg{ margin-bottom: 0px; }
.mt-bottom{ padding-bottom: 0; }
.kd-right-list{ padding-bottom: 0; }

.slick .slick-current a font{ display: none; }
}
@media( max-width: 640px){
    .notice-list li,.img-list li{ width: 100%; padding:0; }
    .bottom-list li{ width: 50%; }
}
#MediaPlayeru8{width:100% !important;height: auto !important;}
#u8u8 img{height: auto !important;}

@media( min-width: 1024px){
#MediaPlayeru8{width:100% !important;height:430px !important;}
#u8u8 img{height:430px !important;}
}