.bg_dark{
	/*background: #F2F5F8;*/
	background: rgba(242,245,248,.7)
}
.bg_dark_a{background: rgba(242,245,248,.7)}
.bread_navs{display: inline-block;border-radius: 30px;padding: 10px 30px;color: #888;}
.screen{border-radius: 5px;padding: 30px;}
.screen_title{font-weight: bold;padding-bottom: 10px;}
.screen_title:after{content: '';width: 20px;height: 4px;background: #0aa66e;position: absolute;left: 0;bottom: 0;}
.screen_params{padding:20px 0 10px;border-bottom:0px solid rgba(170, 177, 185, 0.1)}
.params_list>span{margin-bottom:15px;padding-bottom: 5px;margin-right: 20px;cursor: pointer;position: relative}
.params_list>span:after{content: '';width: 100%;height: 3px;background: transparent;position: absolute;left: 0;bottom: 0;}
.params_list>span.active,.params_list>span:hover{font-weight: bold;color: #0aa66e}
.params_list>span.active:after,.params_list>span:hover:after{background: #0aa66e;}

.line_b{border-bottom:1px solid rgba(170, 177, 185, 0.2);}
.children_cat{padding:0 10px;margin:0 0 10px 90px;background:#e5f0f8;border-radius:5px}
.children_cat span{margin:10px 20px 10px 0;padding-bottom: 5px;cursor: pointer;position: relative}
.children_cat span:after{content: '';width: 100%;height: 3px;background: #e5f0f8;position: absolute;left: 0;bottom: 0;}
.children_cat span.active,.children_cat span:hover{font-weight: bold;color: #0aa66e}
.children_cat span.active:after,.children_cat span:hover:after{background: #0aa66e;}

.keywords{padding:10px 0 0;}
.keywords input{width: 200px;height: 35px;border: 0;padding-left: 10px;margin-right: 20px;}
.keywords button{border: 0;background: #0aa66e;text-align: center;height: 35px;line-height: 35px;padding: 0 30px;color: #fff;}
.keywords button#list_reset_btn{background: #ccc}
.keywords button.btn-reset{background: #999}
.search_list span{margin-right: 20px;cursor: pointer;color: #666;}
.search_list span:hover,.search_list span.active{color: #0aa66e;font-weight: bold;}


.sort{padding: 0 30px;border-radius: 5px;}
.sort_list>div{cursor: pointer;padding: 20px 0;text-align: center;margin-right: 20px;}
.sort_list>div.active{color: #0aa66e;}
.sort_list .relative{margin-right: 40px;}

.sort_list .relative.up .up_down span:nth-child(2),
.sort_list .relative.down .up_down span:nth-child(1){color: #0aa66e;}
.sort_list .relative.up .up_down span:nth-child(1),
.sort_list .relative.down .up_down span:nth-child(2){color: #333333;}
.up_down{position: absolute;right: -15px;top: 16px}
.up_down span{width: 8px;height: 8px;display: inline-block;}
.up>span,.down>span{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.up.active>span,.down.active>span{color: #0aa66e;}

.loading{padding: 100px;}
.product_list,.need_list{min-height: 500px;}
.product_list .product_single,.need_list .need_single{width: 24%;margin-right: 1.33%;margin-bottom: 20px;}
.need_list .need_info{background: #fff;}
.product_list .product_single:nth-child(4n),.need_list .need_single:nth-child(4n){margin-right: 0;}
.pagination_div{padding: 20px 0;margin: 30px 0 60px;}
.pagination-box li{float: left;list-style: none;padding: 0;margin: 0 8px;}
.pagination-box li a{display: block;padding: 5px 13px;color: #333;background: #fff}
.pagination-box li:hover a,.pagination-box li.active a{background: #0aa66e;color: #fff;}
.pagination-box li.prev,.pagination-box li.next{background: #eee}

/*information*/
.information{min-height: 500px;}

.product_show{border-right: 1px solid #ddd;}
.product_show .item>div{width: calc(100%/3);}
.product_banner{height: 300px;}
.big_img{width: 300px;height: 300px;overflow: hidden}
.big_img img{max-width: 100%;max-height: 100%;}
.small_img{width: 300px;height: 66px;}

.small_img .swiper-slide{overflow: hidden;border:2px solid #fff;}
.small_img .swiper-slide-active,.small_img .swiper-slide.active{border:2px solid #0aa66e;}
.small_img img{width: 66px;height: 66px;margin-right: 10px;}

.detail .three_line{font-size: 16px;color: #999;}
.detail .gry,.product_show .gry,.praise.gry{color: #0aa66e;}
.detail .zixun_online{padding: 5px 30px;display: inline-block;font-size: 14px;color: #fff;background: #0aa66e;text-align: center;border-radius: 5px;}

.company_show{width: 380px;padding: 0 30px;}
.company_show img{max-width:100%;height:64px;margin: 10px auto 20px;display: block;border-radius:5px;}
.company_show .three_line{font-size: 16px;color: #999;}
.company_show .cpy_name{font-size: 18px;color: #333;}
.company_show .in_home{margin-bottom: 20px;width: 100%;padding: 10px 0;display: block;font-size: 14px;color: #fff;background: #0aa66e;text-align: center;border-radius: 5px;}



.product_text .intro{color: #999;font-size: 16px;letter-spacing: 1px;line-height: 1.4}
.product_info .intro .item{width:30%;margin-bottom:20px;}
.product_info .intro .img{width:100px;height:120px;margin:0 20px 20px 0;border:1px #ddd solid;border-radius:4px;}
.product_info .intro .img img{max-width:100%;max-height:100%;cursor:pointer;}
.zuixin_product_list{width: 350px;}
.zuixin_single .zuixin_img{width: 80px;height: 80px;background: #ccc;display: flex;align-items: center;justify-content: center;overflow: hidden}
.zuixin_img img{max-width: 100%;max-height: 100%;}
.zuixin_single .tt{font-size: 16px;color: #333;}
.zuixin_single .two_line{font-size: 14px;color: #999;}

/*views*/
.view_title{padding: 30px 20px 20px;border-bottom: 1px solid #ddd;}
.view_title .resour{padding: 0 20px;}
.view_info p{background: transparent !important;font-size: 16px;letter-spacing: 1px;line-height: 1.4;color: #666;text-indent: 2em;margin-bottom: 10px;}
.view_info p img{display: block !important;margin: 20px auto;max-width: 100%;text-indent: -2em;}
.view_list{width: 285px;}
.strat_title{padding: 15px 10px;color: #333;border-bottom: 1px solid #ddd;}
.zuixin_news>div{height:62px;padding: 10px;font-size: 14px;color: #666;border-bottom: 1px solid #ddd;}
.zuixin_news>div:hover{color: #0aa66e}
.zuixin_news>div:last-child{border-bottom: 0;}

/*news*/

.category{padding: 10px;border-radius: 5px;position: sticky;top: 64px;width: 100%;left: 0;z-index: 10;}
.category_list>div{cursor: pointer;padding: 10px 20px;text-align: center;border-radius: 5px;}
.category_list>div.active{color: #fff;background: #0aa66e;font-weight: bold;}

.news_single{padding: 30px;border-bottom: 1px solid #f6f6f6;background:#fff;}
.news_single:last-child{border-bottom: 0;}
.news_img{width: 165px;height: 110px;overflow: hidden;background: #ccc;display: flex;align-items: center;justify-content: center}
.news_img img{max-width: 100%;object-fit: cover}
.news_info a:hover{color: #0aa66e}

/*single_page*/
.single_page{min-height: 500px;font-size: 16px;line-height: 1.5;letter-spacing: 1px;color: #333;text-indent: 2em;padding: 20px;}
.feedback_page{min-height: 500px;font-size: 16px;color: #333;padding: 20px;}
.form_feedback>div{margin-bottom: 20px;}
.feedback_page .two_form>div{width: 50%;}
.feedback_page select{padding-left: 10px;height: 45px;background: #fff;border:1px solid #ddd;width: 150px;border-radius: 5px;}
.feedback_page input[type="text"]{padding-left: 10px;height: 45px;background: #fff;border:1px solid #ddd;width: 100%;border-radius: 5px;}
.feedback_page textarea{padding: 10px;height: 150px;background: #fff;border:1px solid #ddd;width: 100%;resize: none;border-radius: 5px;}
.feedback_page .title_name{width: 150px;text-align: right;color: #333;font-weight: bold;font-size: 16px;padding-right: 10px;}
.feedback_page #submit_btn{background: #0aa66e;color: #fff;font-size: 16px;border-radius: 5px;width: 30%;border: 0;padding: 10px;display: block;margin: 40px auto 0;}

/*home_company*/
#company_home{height: 300px;width: 100%;background: #ccc;}
.left_float{padding: 15px 0;}
.left_float img{height: 60px;background: #ccc}
.c_titles{font-size: 24px;font-weight: bold;color: #333;position: relative;padding-left: 15px;}
.c_titles:before{content: '';position: absolute;left: 0;top:4px;width: 5px;height: 26px;background: #0aa66e;border-radius: 30px;}

.needs .need_single{width: 24%;margin-right: 1.33%}
.needs .need_single:nth-child(4n){margin-right: 0}

.recommend_img{width: 300px;height: 300px;display: flex;align-items: center;justify-content: center;background: #ccc;}
.hot_product{padding: 20px 20px 0;}
.hot_swiper,.hot_swiper .swiper-slide{width: 100% !important;}
.hot_swiper{height: 340px;}
.hot_product .swiper-pagination-bullet {
	width: 30px;
	height: 4px;
	border-radius: 0;
	margin-right: 8px;
	background: #333;
}

.hot_product .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #00A98F;
}