/* 视频列表页面开始 */
.pro_banner{width:100%; height:12rem; background:url(../images/pro_banner.jpg) no-repeat; background-size:100%;}
.pro_banner strong{ display:block; color:#3EA036; font-size:1.8rem; padding:3rem 0rem 1rem 2rem}
.pro_banner span{ display:block; color:#fff; font-size:1.4rem;  padding:0rem 0rem 1rem 2rem}

/* 视频详情页面开始 */
.video_content {margin-top:1rem;margin-bottom:3rem;}
.video_content .img {text-align:center;width:142px;height:208px;margin:0 auto;position:relative;margin-bottom:2rem;}
.video_content .img img {width:100%;}
.video_content .img .bof {position:absolute;width:41.5px;height:41.5px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video_content strong {display:block;font-size:1.4rem;color:#333333;margin-top:2rem;}
.video_content p {font-size:1.3rem;color:#535353;line-height:2.4rem;margin-top:1.5rem;}
.video_content span {display:block;font-size:1.2rem;color:#535353;margin-top:1.5rem;}
/* 案例详情页面开始 */
.case_content strong {display:block;font-size:1.4rem;color:#333333;margin-bottom:1.5rem;margin-top:1rem;}
.case_content img {width:100%;margin-bottom:2rem;}
.case_content p {font-size:1.3rem;color:#535353;line-height:24px;margin-bottom:2rem;}
/* 优秀案例列表页面开始 */
.case_banner img {width:100%;}
#n4 .swiper-slide {width:8.2rem;height:2.5rem;margin-right:1rem;font-size:1.3rem;margin-top:2rem;}
#n4 .swiper-slide:last-child {margin-right:0;}
#n4 .swiper-slide a {display:block;color:#808080;border:1px solid #E7E7E7;width:8.2rem;height:2.5rem;box-sizing:border-box;text-align:center;line-height:2.5rem;}
#n4 .on a,#n4 .swiper-slide a:active {background:#3EA036;color:#fff;border:1px solid #3EA036;}
/* 视频案例列表 */
.videos{ overflow:hidden; margin-bottom:2rem;}
.video_list {width:100%;overflow:hidden;margin:2rem 0;}
.video_list li {width:48%;text-align:center;float:left;margin-bottom:1.5rem;}
.video_list li:nth-child(2n) {float:right;}
.video_list li span {display:block;height:16.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;}
.video_list li span i {display:block;width:46px;height:46px;background:url(../images/bof.png) no-repeat;background-size:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.7;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.video_list li span img {width:100%; height:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.video_list li strong {font-weight:500;display:block;width:100%;height:34px;text-align:center;line-height:34px;font-size:1.3rem;color:#535353;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.video_list li:active strong {background:#3EA036;color:#fff;}
.video_list li:active span img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
/* 案例列表 */
.case_list {width:100%;overflow:hidden;margin:1.5rem 0;}
.case_list li {width:48%;text-align:center;float:left;margin-bottom:1.5rem;border:1px solid #E2E2E2;}
.case_list li:nth-child(2n) {float:right;}
.case_list li span {width:94%;margin:0.5rem auto;display:block;height:15rem;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.case_list li span img {width:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.case_list li .text {background:#fff;width:94%;margin:1rem auto;position:relative;}
.case_list li strong {display:block;font-weight:500;font-size:1.4rem;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.case_list li p {padding-top:1rem;font-size:1.2rem;margin-bottom:1.8rem;color:#7F7F7F;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.case_list li:active span img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.case_list li:active  strong {color:#3EA036;}
/* 新闻列表页面开始 */
.news_list {margin-top:1rem;overflow:hidden;}
.news_nav {overflow:hidden;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.news_nav a {display:inline-block;width:22%;text-align:center;line-height:25px;height:25px;border-radius:25px;font-size:1.3rem;color:#8A8A8A;border:1px solid #E7E7E7;box-sizing:border-box;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;}
.news_nav a:active,.news_nav a.on {border:1px solid #3EA036;box-sizing:border-box;background:#3EA036;color:#fff;}
/* 新闻列表 */
.news_list {margin-bottom:2rem;}
.news_list li {width:100%;overflow:hidden;border-bottom:1px solid #EFEFEF;padding:1.7rem 0;}
.time {width:5.5rem;height:5.5rem;text-align:center;background:#F5F5F5;}
.time .day {display:block;margin-top:1rem;font-size:1.8rem;color:#1E1E1E;}
.time .year {font-size:1.1rem;color:#1E1E1E;}
.new_tit {width:78%;margin-left:1rem;}
.new_tit strong {display:block;width:100%;font-size:1.4rem;color:#333333;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.new_tit p {font-size:1rem;color:#7A7A7A;line-height:1.6rem;margin-top:0.6rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_list li:active .new_tit strong {color:#3EA036;}
/* 新闻详情页面开始 */
.news_content {margin-top:1rem;}
.news_content strong {font-size:1.4rem;color:#333333;display:block;}
.news_in {width:100%;height:30px;background:#F7F7F7;margin:1.5rem 0;position:relative;line-height:30px;font-size:1.1rem;color:#898989;}
.news_in::before {content:'';display:block;width:3px;height:30px;background:#E9F4E8;position:absolute;left:0;top:0;}
.news_in span {display:inline-block;margin:0 1.5rem;}
.news_content p {font-size:1.3rem;color:#535353;line-height:2.4rem;margin-bottom:1.5rem;text-indent:2em;}
.news_content img {width:100%;}
/* 产品列表页面开始 */
.img_list {width:100%;border-top:1px solid #F0F0F0;overflow:hidden;margin-bottom:2rem;}
.sort_l {width:24%;}
.sort_l a {display:block;width:100%;height:7rem;text-align:center;line-height:7rem;border:1px solid #DFDFDF;font-size:1.3rem;color:#888888;position:relative;border-left:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sort_l a:first-child {border-top:none;}
.sort_l a:nth-child(2n) {border-top:none;border-bottom:none;}
.sort_l a:last-child {border-bottom:1px solid #DFDFDF;}
.sort_l a.on span,.sort_l a:active span {margin:2rem 0;display:block;width:94%;height:3rem;line-height:3rem;background:#3EA036;border-radius:0px 50px 50px 0px;color:#fff;-webkit-border-radius:0px 50px 50px 0px;-moz-border-radius:0px 50px 50px 0px;-ms-border-radius:0px 50px 50px 0px;-o-border-radius:0px 50px 50px 0px;}
/* 右侧商品列表 */
.sort_r {width:69%;margin-left:4%;}
.pro_list {margin-bottom:1rem;}
.sort_t {margin-top:2rem;text-align:center;font-size:1.4rem;color:#333333;}
.sort_t::before {content:'';display:inline-block;width:25px;height:1px;background:#C2C2C2;vertical-align:middle;margin-right:1.5rem;margin-top:-3px;}
.sort_t::after {content:'';display:inline-block;width:25px;height:1px;background:#C2C2C2;vertical-align:middle;margin-left:1.5rem;margin-top:-3px;}
.sort_li {width:100%;overflow:hidden;}
.sort_li li {float:left;margin-top:1.5rem;text-align:center;width:47%;}
.sort_li li:nth-child(2n) {float:right;}
.sort_li li .img {width:100%;height:114px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.sort_li li .img img {width:100%;height:100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.sort_li li p {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem;color:#535353;padding:10px 5px;}
.sort_li li:active .img img {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);}
.sort_li li:active p {color:#3EA036;}
/* 产品详情页面开始 */
.pro_con {margin-top:1rem;margin-bottom:2rem;}
.pro_con img,.con_text img {width:100%;margin:0 auto;}
.con_text {margin-bottom:2rem;}
.pro_con strong {display:block;text-align:center;font-size:1.5rem;color:#3EA036;margin:1rem 0;}
.pro_con span {display:block;text-align:center;font-size:1.2rem;color:#706F6F;}
.pro_js {width:100%;height:30px;line-height:30px;background:#FAFAFA;border:1px solid #F1F1F1;box-sizing:border-box;margin-bottom:2rem;color:#666;font-size:1.3rem;}
.pro_js i {display:inline-block;width:2px;height:15px;background:#3EA036;vertical-align:middle;margin:-3px 5px 0 1.5rem;}
.con_text p {font-size:1.3rem;color:#535353;line-height:2.4rem;margin-bottom:1.5rem;}
/* 上一篇下一篇 */
.next_one {padding:1.5rem 0 2rem 0;border-top:1px dashed #eee;}
.next_one p {color:#999;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.next_one p:last-child {margin-top:8px;}
.next_one p span {color:#535353;}
.next_one p a {color:#535353;font-size:1.3rem;}
.next_one p a:hover {color:#3EA036;}
/* 联系我们页面开始 */
.about_text {margin-top:1rem;}
.about_text strong {font-size:1.4rem;color:#333333;}
.about_text li {margin-top:2rem;font-size:1.3rem;color:#535353;}
.about_text li a {color:#535353;}
.about_text li a:active {color:#0F7DCC;}
/* 关于我们页面开始 */
.about_content {margin-top:1rem;margin-bottom:3rem; min-height:330px; overflow:hidden;}
.about_content strong {font-size:1.3rem;color:#333333;}
.about_content img {width:100%;}
.about_content p {font-size:1.3rem;color:#535353;line-height:2.4rem;margin-top:1rem;text-indent:2em;}
