/*--banner--*/ @media screen and (min-width: 320px) { .banner-bg{ padding-bottom: 36%; width: 100%; display: block; -webkit-background-size: cover; background-size: cover; background-position: center center;} .swiper-container-horizontal>.swiper-pagination{ bottom: 5px;} .swiper-banner .swiper-pagination-bullet{ background: #fff; opacity: .5; width: 10px; height: 10px;} .swiper-banner .swiper-pagination-bullet-active{ background: #82bf34; opacity: 1;} .banner-btn-bg{display: none;} .banner{display: none;} .swiper-pagination{} .banner-video-box{ max-width:1470px; margin:0 auto; width:100%;} .banner-video-box video{ width:100%;} } @media screen and (min-width: 992px) { .swiper-banner{display: none;} .banner{ padding-top: 5px; display: block; overflow: hidden; padding-bottom: 10px;} .banner-pic{ height: 250px; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: 60% center; float: left; width: 33.333%;} .banner-pic a{ display: block; width: 100%; height: 100%; position: relative;} .banner-pic .banner-yy{ height: 110px; opacity: .3; left: 0; bottom: 0; width: 100%; background: #000; position: absolute;} .banner-pic .banner-mess{ width: 100%; text-align: center; position: absolute; left: 0; bottom: 0;} .banner-pic .banner-mess b{ line-height: 50px; font-weight: bold; display: block; color: #fff; font-size: 50px; font-weight: normal;} .banner-pic .banner-mess span{ line-height: 35px; display: block; padding-bottom: 5px; color: #fff; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;} .banner-on{ background-position: center center;} .banner-on .banner-mess,.banner-on .banner-yy{ opacity: 0;} } @media screen and (min-width: 1140px) { .banner-pic{ height: 344px; } } /*--棣栭〉鏍忕洰鍏辩敤鐩掑瓙--*/ @media screen and (min-width: 320px) { .ind-box{ padding: 15px 0 0 0;} } @media screen and (min-width: 992px) { .ind-box{ padding: 10px 0;} } /*--棣栭〉鏍忕洰鍏辩敤澶撮儴--*/ @media screen and (min-width: 320px) { .ind-tit{ overflow: hidden; position: relative; height: 24px; margin-bottom: 5px;} .ind-tit i{float: left; position: relative; margin-right: 5px; width: 2px; height: 15px; background: #1c8439; margin-top: 4px;} .ind-tit b{ position: relative; z-index: 9; font-size: 16px; line-height: 24px; padding-right: 15px; background: #fff;} .ind-tit a{ position: relative; z-index: 9; float: right; font-size: 12px; line-height: 24px; padding-left: 15px; background: #fff;} .ind-tit hr{ position: absolute; left: 0; top: 50%; right: 0; margin: -3px 0 0 0; height: 6px; background: #f6f6f6;} } /*--棣栭〉鏍忕洰鍏辩敤鍒楄〃--*/ @media screen and (min-width: 320px) { .news-list li{ overflow: hidden; position: relative; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 10px; line-height: 32px;} .news-list i{ width: 4px; height: 4px; background: #bbb; display: block; float: left; position: absolute; top: 50%; margin-top: -2px; left: 0;} .news-list-time li{ padding-right: 80px;} .news-list-time span{ position: absolute; right: 0; color: #999; font-size: 12px; line-height: 32px;} .news-list a{ color: #000;} .news-list a:hover{ color: #00913a;} } /*--鏂伴椈璧勮--*/ @media screen and (min-width: 320px) { i.pic-scale-news{ padding-bottom: 67.22%;} .ind-xwzx-pic span{ position: absolute; left: 0; bottom: 0; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: #000; background: rgba(0,0,0,.7); color: #fff; font-style: normal; white-space: nowrap; width: 100%; padding: 0 10px; line-height: 32px;} .ind-xwzx-pic a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .ind-xwzx-r{ padding-top: 10px; } .ind-xwzx-r dl{padding-bottom: 5px; overflow: hidden;} .ind-xwzx-r dt{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .ind-xwzx-r dt span{ color: #00913a; font-weight: bold; padding-right: 5px; margin-right: 5px; border-right: solid 1px #aaa; font-size: 16px;} .ind-xwzx-r dt a{ font-size: 16px;} .ind-xwzx-r dd{ color: #666; max-height: 52px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 26px;} .ind-xwzx-r dd a{ color: #1c8439;} } @media screen and (min-width: 992px) { .ind-xwzx{ width: 710px; padding-right: 30px; float: left;} .ind-xwzx-l{width: 378px; float: left; padding-right: 15px; margin-top: 5px;} .ind-xwzx-r{ overflow: hidden; padding-top: 0;} .ind-xwzx-r dl{ padding-bottom: 10px;} .ind-xwzx-r dt span{ font-size: 18px;} .ind-xwzx-r dd{ -webkit-line-clamp: 4; max-height: 104px; margin: 5px 0 0 0;} } @media screen and (min-width: 1140px) { .ind-xwzx{ width: 800px;} } /*--閫氱煡鍏憡--*/ @media screen and (min-width: 320px) { .ind-tzgg{ padding-top: 15px;} .tzgg-list{ padding-left: 10px; position: relative; padding-left: 15px;} .tzgg-list hr{ height: auto;background: #95cd11; position: absolute; width: 1px; top: 18px; bottom: 18px; margin: 0; left: 3px;} .tzgg-list li{ line-height: 36px; height: 36px; border-bottom: dotted 1px #bfbfbf; position: relative;} .tzgg-list i{ width: 9px; height: 9px; position: absolute; left: 0; background: #95cd11; border: solid 2px #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: 50%; margin-top: -4px; left: -16px; z-index: 9;} .tzgg-list li div{line-height: 36px; position: relative; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 100%;} .tzgg-list .new{ padding-right: 30px; width: auto; max-width: 100%;} .tzgg-list .new img{ position: absolute; right: 0; top: 11px; display: block;} } @media screen and (min-width: 992px) { .ind-tzgg{ padding-top: 0; float: left; width: 250px;} } @media screen and (min-width: 1140px) { .ind-tzgg{ width: 300px;} } /*--ad--*/ @media screen and (min-width: 320px) { i.pic-scale-ad{ padding-bottom: 22.04%;} .ads li{ padding: 5px 0;} i.pic-scale-ad-02{ padding-bottom: 14.63%;} .ads-02 li{ padding: 5px 0;} .ads li a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .ads-02 li a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} } @media screen and (min-width: 992px) { .ads ul{ overflow: hidden; margin: 0 -3px;} .ads li{ width: 33.3333%; float: left; padding: 0 3px;} .ads-02 ul{ overflow: hidden; margin: 0 -3px;} .ads-02 li{ width: 50%; float: left; padding: 0 3px;} } /*--鍗忎細鏈嶅姟--*/ @media screen and (min-width: 320px) { .ind-xhfw-l{ padding: 5px 0;} .ind-xhfw-l ul{ overflow: hidden; margin: -3px;} .ind-xhfw-l li{ width: 50%; float: left; padding: 3px;} .ind-xhfw-l a{ border: solid 1px #ddd; background: #f6f6f6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: block; height: 48px; line-height: 46px; padding: 0 15px;} .ind-xhfw-l .xhfw-ico{ width: 36px; height: 36px; float: left; line-height: 36px; text-align: center;background: #88c5e5; margin-top: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 20px; margin-right: 10px;} .ind-xhfw-l li b{ float: left; line-height: 46px; font-weight: normal; font-size: 14px; color: #000;} .ind-xhfw-l li span{ float: right; line-height: 46px;} .ind-xhfw-l li span i{color: #bbb;} .ind-xhfw-l li.on a{ background: #00913a; border-color: #00913a;} .ind-xhfw-l li.on a .xhfw-ico{ background: #fff; color: #00913a;} .ind-xhfw-l li.on a b{ color: #fff;} .ind-xhfw-l li.on a span i{ color: #fff;} .news-list-max{ margin-top: -10px;} .news-list-max li{ line-height: 40px; border-bottom: dashed 1px #bbb;} .news-list-max li span{ line-height: 40px;} } @media screen and (min-width: 992px) { .ind-xhfw{ float: left; width: 710px; padding-right: 30px;} .ind-xhfw-l{ float: left; width: 175px; padding:0 15px 0 0; margin-top: 5px;} .ind-xhfw-r{ padding-top: 5px; height:204px; overflow:hidden;} .ind-xhfw-l ul{margin: -2px;} .ind-xhfw-l li{ width: 100%; padding: 2px;} .news-list li{ line-height: 34px;} .news-list-max{ margin-top: -15px;} .news-list-max li{ line-height: 50px;} .news-list-max li span{ line-height: 50px;} } @media screen and (min-width: 1140px) { .ind-xhfw{ width: 800px;} } /*--鍗忎細涓撳--*/ @media screen and (min-width: 320px) { i.pic-scale-xhzj{ padding-bottom: 99.2%;} .ind-xhzj{ padding-top: 15px;} .ind-xhzj-list{ margin: -3px 0;} .ind-xhzj-list dl{ overflow: hidden; padding: 3px 0;} .ind-xhzj-list dl a{ background: #f5f5f5; display: block; overflow: hidden;} .ind-xhzj-list dt{ width: 100px; float: left;} .ind-xhzj-list dd{ overflow: hidden; padding: 11px;} .ind-xhzj-list dd b{ max-height: 40px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; font-weight: normal; margin-bottom: 5px; color: #000;} .ind-xhzj-list dd span{ color: #888; display: block; font-size: 12px;} .ind-xhzj-list dl a:hover{ } .ind-xhzj-list dl a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .ind-xhzj-list dl a:hover b{color:#00913a;} .ind-xhzj-list dl a:hover span{color:#00913a; } } @media screen and (min-width: 992px) { .ind-xhzj { padding-top: 0; float: left; width: 250px; } .ind-xhzj-list{ padding-top: 5px;} } @media screen and (min-width: 1140px) { .ind-xhzj{ width: 300px;} } /*--鍋ュ悍璁插爞--*/ @media screen and (min-width: 992px) { .ind-jkjt{ padding-top: 0; width: 355px; float: left; padding-right: 30px;} } @media screen and (min-width: 1140px) { .ind-jkjt{ width: 400px;} } /*--鍏泭绀惧尯--*/ @media screen and (min-width: 320px) { .ind-gysq{ padding-top: 15px;} } @media screen and (min-width: 992px) { .ind-gysq{ padding-top: 0; width: 355px; float: left; padding-right: 30px;} } @media screen and (min-width: 1140px) { .ind-gysq{ width: 400px;} } /*--骞夸笢鐪佸井鐢熺墿妫€娴嬩腑蹇?-*/ @media screen and (min-width: 320px) { i.pic-scale-jczx{ padding-bottom: 94%;} .ind-jczx{ padding-top: 15px;} .ind-jczx .ind-xhzj-list{ margin-top: 5px;} } @media screen and (min-width: 992px) { .ind-jczx{ padding-top: 0; width: 250px; float: left;} } @media screen and (min-width: 1140px) { .ind-jczx{ width: 300px;} } /*--骞夸笢鐪佸井鐢熺墿妫€娴嬩腑蹇?-*/ @media screen and (min-width: 320px) { i.pic-scale-xhhd{ padding-bottom: 68.62%;} .ind-xhhd-list ul{ margin: -5px; padding-top: 5px; overflow: hidden;} .ind-xhhd-list li{ width: 50%; float: left; padding: 5px;} .ind-xhhd-list span{ text-align: center; display: block; height: 40px; line-height: 38px; border: solid 1px #eee; color: #000;} .ind-xhhd-list li:nth-child(5){display: none;} .ind-xhhd-list a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .ind-xhhd-list a:hover span{ color: #00913a;} } @media screen and (min-width: 992px) { .ind-xhhd-list ul{ margin: -10px; } .ind-xhhd-list li{ width: 20%; float: left; padding: 10px;} .ind-xhhd-list li:nth-child(5){display: block;} } /*--浼氬憳椋庨噰--*/ @media screen and (min-width: 320px) { i.pic-scale-cooperate{ padding-bottom: 39.77%;} .swiper-cooperate{ padding-top: 5px;} .cooperate-bd{ border: solid 1px #eee; display: block; overflow: hidden;} .swiper-cooperate a:hover img{ -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} }