body { color: #555; font-size: 14px; font-family: "???è?ˉé?…é?‘","Arial",Helvetica,"é?‘??“",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; } .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: #555; } ul{ padding:0; margin:0;} a:hover,a{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } p{ margin:0; } img{ max-width:100%; display: inline-block; vertical-align: middle;} .container{ width: 1200px;} .tabs-more{position: absolute;right: 0;top: -60px;color: #555;} .tab-content{ position: relative; } .tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; } .tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); } .heder-top{color: #fff;background: #068358;line-height: 40px;} .heder-top .container{ position: relative; } .header-left span{ display: inline-block; margin-right: 20px; margin-left: 20px; } .header-right a{ color: #d6d6d6; display: inline-block; margin-left: 10px; } .header-right a.search-a-q{ margin-left: 20px; } .header-box{background: #fff;position: relative;z-index: 10000;} .nav-list li a:hover{color: #62b388;} .logo{height: 115px;line-height: 115px;} .nav-list li{float: left;margin-left: 38px;position: relative;padding-bottom: 1px;} .nav-list li a{font-size: 18px;color: #000;} .nav-list{height: 115px;line-height: 115px;} .nav-down{position: absolute;display: none;left: 50%;top: 95%;width: 120px;margin-left: -60px;background: #fff;border-top: 4px solid #068358;} .nav-down li{ float: none; width: 100%; margin:0!important; padding:0!important; } .nav-down li a{display: block;font-size: 16px;color: #555;line-height: 44px;text-align: center;} .nav-down li a:hover{background: #05a56e;color: #fff;} .banner img{ width: 100%; } .banner{ margin:0; overflow:hidden; } .nav-list li:hover .nav-down{ display: block; } .banner .slick-dots{ width: 165px;bottom: 30px;margin: auto;display: block; position: relative; } .banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; } .banner .slick-dots li button{ color: transparent; background: #fff; padding:0px; line-height: 30px; text-align: center; font-size: 16px; } .banner .slick-dots li.slick-active button{ background: #f47900; } .banner a{ display: block; position: relative; } .banner a span{ position: absolute; right: 50%; margin-right: -700px; background: #000; background: rgba(0,0,0,0.6); font-size: 18px; color: #fff; bottom: 0; width: 460px; text-align: center; padding:0 15px; line-height: 60px; } .title { font-size: 22px;color: #555;font-weight: bold; line-height: 28px;padding: 20px 0 20px 0;border-bottom: 1px solid #999;margin-bottom: 30px;} .title a {font-size: 14px;color: #999;float: right;font-weight: 400;} /*?–°é—???¨?�?*/ .new{width: 100%;height: 500px;} .new li{width: 364px !important;height: 360px;margin-right: 40px;} .new li img{width: 100%;height: 240px;} .new li span{font-size: 14px;color: #fff;padding:10px;background: rgba(6,131,88, 0.8);position: relative;bottom: 29px;right: -268px;} .new li a{font-size: 16px;color: #555;line-height: 28px;display: block;padding-bottom: 20px;} .new hr{width: 50px;height: 2px;background: #555;float: left;margin: 0px;} .hd{ position: relative;top: -250px;} .hd .next{width: 50px;height: 50px;background: url(../images/next.png) center no-repeat;position: relative;left: -65px;display: block;float: left;} .hd .prev{width: 50px;height: 50px;background: url(../images/prev.png) center no-repeat;position: relative;right: -65px;display: block;float: right;} .new li a:hover{color: #62b388;} /*é�???¥?…??‘?*/ .tzgg{width: 100%;height: 370px;background: #f6f6f6;padding: 30px 0;} .news-ul-a {width: 100%;margin-top: 0px;} .news-ul-a li {padding: 0;width: 30%;margin: 18px 0;float:left;} .news-date {color: #999;border-right: 1px solid #068358;float: left !important;font-size: 14px;width: 80px;text-align: left;} .news-date span {font-size: 22px;color: #068358;} .news-ul-a-right {margin-left: 100px;} .txt-elise {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ggl {white-space: initial !important;line-height: 28px;font-size: 16px;width: 100% !important;background: none !important;padding-left: 0px !important;} /*??”?????¥?‘?*/ .new2{width: 100%;height: 540px;padding-top: 30px;} #new2{width: 30%;float: left;} .zjgd{margin: 0 5%;} .yjbg .img-slick{background: #62b388;padding: 25px 70px 10px;} .yjbg .img-slick-tt {background: none;} .yjbg .img-slick-img img {height: 85%;} .yjbg .slick-prev{left: 30px;transform: rotate(185deg);background: url(../images/csdcsd.png)center no-repeat;} .yjbg .slick-next{right:30px;background: url(../images/csdcsd.png)center no-repeat;} .img-slick {width: 100%;height: 350px; overflow: hidden;margin: 0;} .slick-list{height: 100%;} .slick-track{height: 100%;} .img-hide {display: block;overflow: hidden;height: 100%;} .img-slick-img {position: relative;padding-top: 66%;} .img-slick-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: 0.5s all;transform: scale(1,1);} .img-slick-bottom {position: relative;padding-top: 40px;} .img-slick-tt {position: absolute;left: 0;top: -46px;line-height: 50px;background: rgba(0, 0, 0, 0.7);height: 46px;right: 0px;color: #fff;font-size: 16px;padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;} /*?a’??“??¨?o?*/ .mtzx{width: 100%;height: 300px;background: #f6f6f6;padding-top: 30px;} .mtzx .left{ width: 48%;float: left;font-size: 16px;} .mtzx .right{width: 48%;float: right; font-size: 16px;} .mtzx li{margin-bottom: 30px;} /*??“?????¢é??*/ .zjtd{width: 100%;height: 690px;padding-top: 20px;} .zjtd-slick {margin: 0 -16px;} .zjtd-slick a {display: block;margin: 0 16px;position: relative;} .zjtd-slick .slick-dots{display: none !important;} .zjtd-slick .slick-prev{width: 22px;height: 35px;background: url(../images/left.png)center no-repeat;left: -20px;} .zjtd-slick .slick-next{width: 22px;height: 35px;background: url(../images/right.png)center no-repeat;right: -20px;} .zj_bt{width: 100%;height: 135px;background: url(../images/zjtd1.png)center no-repeat;display: block;padding-top: 30px;} .zj_bt h2{width: 100%;height: 30px;line-height: 20px;font-size: 18px;color: #555;text-align: center;margin: 0px;} .zj_bt p{width: 100%;padding: 15px;font-size: 14px;color: #555;line-height: 20px;} .zjtd-slick a:hover .zj_bt{background: url(../images/zjtd2.png)center no-repeat} .zjtd-slick a:hover h2{color: #fff;} .zjtd-slick a:hover p{color: #fff;} .bqdd{width: 100%;height:420px ;} .bqdd_left{width:60%;float: left;} .lm{width:100%;padding: 12px 0;box-sizing: border-box;background: url(../images/pqdd1.png) bottom center no-repeat;font-size: 20px;color: #333;} .lm img{margin-right: 6px;} .cen{width:100%} .cen h2{font-size: 16px;color: #333;line-height: 30px;} .cen p{font-size: 14px;color: #999;line-height: 30px;} .bqdd_right{width:320px;height: 360px;float: right;box-shadow: 0 0 6px #999;margin-top: 50px;padding: 25px 45px;margin-bottom: 30px;} .lm2{width:100%;padding: 12px 0;box-sizing: border-box;background: url(../images/wqhg.png) bottom center no-repeat;font-size: 20px;color: #333;} .wqhg_l{width: 100%;height: auto; display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;} .wqhg_l li{width: 18%;height: 294px;margin-bottom: 30px;box-shadow: 3px 0px 5px;} .wqhg_l li img{width:100%;} .wqhg_bt{width: 100%;height: 38px;line-height: 38px;font-size: 16px; color: #fff;background: rgba(6,131,88, 0.7);display: block;text-align: center;position: relative;top: -34px;} .wqhg_l li:hover .wqhg_bt{background: rgba(6,131,88, 0.9);} .footer{width: 100%;height: 170px; background: url(../images/footer.png) center no-repeat; background-size: cover;padding: 30px 0;} .bqlogo{width: 7.5%;height: 100%;float: left;padding: 14px 0;margin-right: 20px;} .bqlogo img{width: 100%;height: 100%;line-height: 23px;} .bq{width: 42%;height: 100%;float: left;padding: 14px 0;margin-right: 20px;line-height: 30px;} .bq p{font-size: 14px;color: #c1ebdc;} .yqlj{width: 30%;height: 100%; float: right;} .yqlj h2{font-size: 16px;color: #fff;font-weight: bold;margin-bottom: 20px;margin-top: 0px;} .yqlj li{width: 30%;float:left;} .yqlj li a{font-size: 14px;color:#c1ebdc;line-height: 28px;} .left-c{width: 280px;margin-top: 40px;} .left-c-top{ font-size: 22px; color: #fff; background: #068358; line-height: 70px;} .left-nav li a{ display: block; font-size: 18px; color: #333; line-height: 55px; text-align: center; border-bottom: solid 1px #ddd; position: relative; background: #f6f6f5; } .left-nav li.active a,.left-nav li a:hover{ background: #fff; color: #068358; } .left-nav li.active a:before,.left-nav li a:hover:before{ display: block; content: ""; position: absolute; left: 0;top: 0; bottom: 0; width: 4px; background: #068358; } .right-c{width: 865px;margin-top: 40px;padding-bottom: 30px;} .right-c-title{ font-size: 18px; color: #333; } .right-c-top{ padding-bottom: 15px; border-bottom: solid 1px #ddd; } .nav-home{ color: #777; background: url(../images/icon-home.png) left center no-repeat; padding-left: 28px; } .right-list-txt li{ position: relative; padding-right: 225px; line-height: 42px; } .right-list-txt li a{ font-size: 16px; color: #555; padding-left: 20px; background: url(../images/li02.png) left center no-repeat; } .right-list-txt li span{ position: absolute; right:0; top: 0; font-size: 14px; color: #999; } .right-list-txt{ padding:15px 0; border-bottom: solid 1px #ddd; } .page-box{ margin-top: 30px; } .right-list-txt li a:hover,.right-c-nav a:hover{ color: #068358; } .article-p{ padding-top: 10px; } .img-ul-list li{ float: left; width: 33.333333%; padding:0 15px; margin-top: 20px; } .img-ul-list{ margin:0 -15px; } .img-ul-list li a{ position: relative; display: block; padding-top: 60%; } .img-ul-list li img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .img-ul-list .img-ul-tt{ height: 40px; background: #ddd; margin-top: 0; line-height: 40px; display: block; font-size: 16px; color: #333; padding:0 10px; } .img-ul-list .img-ul-tt:hover{ background: #068358; color: #fff; } .article-p p{ font-size: 16px; color: #333; text-indent: 2em; text-align: justify; line-height: 45px; } .list-box:after{ display: block; content: ""; position: absolute; left: 50%; margin-left: -375px; top: 0; bottom: 0px; border-right: solid 1px #eee; } .jg-list li{ font-size: 18px; color: #333; margin-bottom: 35px; } .jg-list li span{ font-weight: bold; } .jg-list{ padding-top: 10px; } .xw-ul-list li{ height: 180px; border-bottom: solid 1px #ddd; padding-left: 37px; padding-top: 20px; } .xw-ul-date{ font-size: 16px; margin-top: 5px; color: #b4b4b4; padding-bottom: 10px; border-bottom: solid 3px #d1d7e4; } .xw-ul-date span{ font-size: 36px; color: #b4b4b4; } .xw-ul-width{ width: 615px; margin-left: 55px; } .xw-ul-tt a{ font-size: 18px; color: #333; font-weight: bold; } .xw-ul-p{ color: #888; line-height: 25px; height: 50px; overflow:hidden; margin-top: 25px; } .xw-ul-img img{ width: 195px; height: 135px; } .xw-ul-list li:hover{ background: #f4f8fe; } .xw-ul-list li:hover .xw-ul-tt a,.xw-ul-list li:hover .xw-ul-p,.xw-ul-list li:hover .xw-ul-date,.xw-ul-list li:hover .xw-ul-date span{ color: #068358; } .xw-ul-list li:hover .xw-ul-date{ border-color:#068358; } .page{ margin-top: 50px; } .lb-list li{ position: relative; border-bottom: dashed 1px #ddd; line-height: 60px; } .lb-list li a{ font-size: 16px; color: #333; padding-left: 20px; background: url() left center no-repeat; } .lb-list{ margin-top: -10px; } .lb-list li span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #666; } .article-tt{ font-size: 24px; color: #010101; font-weight: bold; margin-top: 40px; } .article-sm{ color: #848484; padding:15px 0 25px 0; border-bottom: solid 1px #ddd; } .article-txt p{ font-size: 16px; color: #333; line-height: 45px; margin-bottom: 15px; } .article-txt{ padding-top: 20px; } .article-link a{ font-size: 16px; color: #737475; } .article-link a span{ font-size: 16px; color: #000; font-weight: bold; } .article-link{ margin-top: 50px; } .article-link p{ margin-bottom: 20px; } .news-list li:hover{ box-shadow: 0 0 23px rgba(0,0,0,0.3); } .news-list-tt a:hover,.xw-ul li a:hover,.lb-list li a:hover,.article-link a:hover{ color: #068358; } .xw-list li:hover span{ background: #068358; color: #fff; } .xw-list li a:hover,.jy-list-tt a:hover{ text-decoration: underline!important; } .img-link-p{ color: #fff; line-height: 25px; height: 50px; overflow:hidden; margin-top: 10px; } .hidden_search .text { width: 100%; height: 40px; padding: 0; font-size: 16px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";} .hidden_search .btn { display: block;cursor: pointer; position: absolute; right: 0; top: 0; height: 40px; width: auto; border:none;background-size: cover ;border-radius: 50%;overflow: hidden;background: transparent;font-size: 24px;color:#068358;} .hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 45px; padding-left: 20px; width: 95% } .hidden_search .close_btn { position: absolute; background: url(../images/close.png) center no-repeat; right: 20px; top: 32%; width: 35px; height: 35px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 26px} .hidden_search .close_btn:hover{ color: #068358; } .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: rgba(0,0,0,.7);visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; opacity: 0;} .cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; z-index: 100000; } .cd-popup-container { position: relative; padding: 30px 40px 30px 30px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cd-popup0, .cd-popup1, .cd-popup2, .cd-popup3 { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999; } .cd-popup0.is-visible, .cd-popup1.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; } .cd-popup-container0, .cd-popup-container1, .cd-popup-container2, .cd-popup-container3 { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 20%; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .cd-popup-container1 { top: 10%; } .is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sear_p{float: left;margin: 20px 0 0 5%;width: 90%;-webkit-border-radius: 5px;border-radius: 5px;background: #fff;} .sear_txt{float: left;height: 30px;font-size: 12px;line-height: 30px;border: none;width: calc(100% - 35px);background: none;color: #666;text-indent: 5px;} .footer-p p span{ padding-right: 20px;font-size: 16px;color: #fff; } .three-ul{ margin:0 -16px; } .mt-ul-b li a:hover{ text-decoration: underline!important;} .tabs-more:hover,.left-b .title a:hover{ color: #fff; } .news-ul-a-tt a:hover,.title a:hover{ color: #068358; } .three-ul li a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.3); } .header-right a:hover{ color: #fff; } @media( max-width: 1439px){ .logo img{ width: 350px; } .banner a span{ margin-right: -600px; } .news-ul-a li{ margin-bottom: 15px; padding-bottom: 15px; } .news-ul-a-tt a{width: 78%;} .dt-ul li{ margin-bottom: 0px; padding-bottom: 15px; } .mt-ul-b-r li{ margin-bottom: 21px; } .footer-p{ width: 100%; float: none!important; margin-bottom: 20px; text-align: center;} .logo-b{ margin-left:0; } .footer-right .footer-p{ width: auto; float: left!important; margin:0; text-align: left; } .container{ width: 100%; } .right-c{ width: 880px; } .xw-right,.tz-ul{ height: 555px; } .title-left{ padding-right: 10px; } .title-font{ padding-left: 10px; } .tz-ul li{ margin-bottom: 25px; } .page-tow:before{ margin-left: 227px; } .bottom-left{ width: 350px; } .bottom-center{ width: 350px; } .bottom-right{ width: 350px; } .page-four:before{ margin-left: 200px; } .tabs-ul-a li{width: 22%;} .zfbt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap !important;} .mt-ul-b-r li{margin-top: 15px;} .xycft .slick-slide{padding:10px;width: 20% !important;} .footer-right{width: 200px;margin: 50px auto;float: none !important;} } @media( max-width: 1279px){ .logo img{ width: 250px; } .logo{ height: 80px; line-height: 80px; } .header-box{ height: auto; } .nav-list li a{ font-size: 15px; } .nav-list li{ margin-left: 10px; padding-bottom: 20px;} .nav-list{ margin-top: 12px; } .banner a span{ margin-right: -470px; } .news-ul-a li{ margin-bottom: 8px; padding-bottom: 15px; } .dt-ul li{ margin-bottom: 0px; padding-bottom: 15px; } .mt-ul-b-r li{ margin-bottom: 16px; } .news-ul-a-tt a{width: 76%;} .right-c{ width: 630px; } .container{ width: 100%; } .mt-ul-b li{margin-top: 18px;} }