.top_pro_item, .video_info, .facturers_tab_item, .sort_btns .btn{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pro_cur_item:hover .pic img{
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}

/* main_top */
.main_top{height: 865px;}
.category_side{width: 300px; position: relative; background: #fff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, .08); height: auto;}
.main_top_right{width: calc(100% - 314px);}

.nav_wrap .head_nav{width: calc(100% - 314px);}

/* category_side */
.category_side{position: relative; text-transform: capitalize;}

.category_side .category_title{width: 45px; background: url(../img/icon_sort.png) no-repeat center; background-color: var(--commonColor); background-size: 24px auto; color: transparent; height: 45px; display: none;}
.category_side .cate_close{background-image: url(../img/icon_close_w.png);}

.nav_wrap .head_nav{position: relative;}
.cate_list{padding: 6px 0; height: 100%; overflow-y: auto; position: relative; z-index: 60;}
.cate_list li{display: block; line-height: 26px; padding: 5px 16px;}
.cate_list li:hover, .cate_list li.current{background: var(--commonColor);}
.cate_list li a{transition: none;}
.cate_list li:hover a, .cate_list li.current a{color: #fff;}
.cate_list li a:hover{text-decoration: underline;}

.cate_con{border: 1px solid var(--commonColor); position: absolute; left: 298px; top: 0; bottom: 0; width: 900px; background: #fff; z-index: 50; padding: 40px 0 26px; transition: none; overflow: hidden; /* animation: fadeInUpA 0.5s ease-in; display: none; */}
.cate_inner{padding: 0 30px; overflow: hidden; overflow-y: auto; height: 100%; width: 896px;}


.cate_con .cate_item{width: 57%; margin-top: 20px; float: left;}
.cate_con .cate_item:nth-child(-n+2){margin-top: 0;}
.cate_con .cate_item:nth-child(odd){margin-right: 3%; width: 40%;}
.cate_con .cate_item .title{font-family: 'Arial-BoldMT'; line-height: 1.5;}
.cate_con .cate_sub{overflow: hidden; margin: 6px 0 0;}
.cate_con .cate_sub p{float: left; width: 47.5%; color: #999; line-height: 24px; padding: 2px 0;}
.cate_con .cate_sub p:nth-child(odd){margin-right: 5%;}
.cate_con .cate_sub p a{color: #999;}
.cate_con .cate_item .title a:hover,
.cate_con .cate_sub p a:hover{color: var(--commonColor); text-decoration: underline;}

@media only screen and (max-width: 980px) {
	.web_main{margin-top: 62px; padding-top: 10px;}
	.main_top_right{width: 100%;}
	/* .mobile-head-category{display: block;} */

	.mobile-head-item .cate_list li{padding: 0; font-size: 18px;}
	.mobile-head-item .cate_list li a{display: block; padding: 5px 6px 5px 0;}

	.category_side{width: 100%; box-shadow: none; background: transparent; position: relative;}
	.category_side_ms::before{position: fixed; left: 0; top: 0; width: 100vh; height: 100vh; background: rgba(0, 0, 0, .3); content: ''; z-index: 20;}
	.category_side .cate_list{display: none; position: absolute; left: -1px; top: 56px; right: -1px; max-height: calc(100vh - 200px); height: auto; overflow-y: auto; background: #fff; border: 1px solid #EAEAEA; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); z-index: 18; padding: 12px 0;}
	.category_side .category_title{display: block; float: right; margin-top: 6px;}

	.cate_list li{padding: 8px 16px; }

	.cate_div{position: relative; z-index: 20;}
	.cate_con{top: 56px; height: calc(100vh - 220px); z-index: 30; padding: 0 0 20px; left: 0; border: none;}
	.cate_inner{width: 100%; padding: 0 20px;}
	.cate_con .cate_item{width: 100% !important; margin-right: 0 !important; margin-top: 20px !important;}
	.cate_con .cate_sub p{width: 100%; margin-right: 0 !important;}
	.cate_con .cate_sub p a{display: block; padding: 4px 0;}
}

/* top_pro_list */
.top_pro_list{margin-top: 2px; width: calc(67% - 12px);}
.top_pro_item{float: left; width: calc(50% - 6px); margin: 12px 12px 0 0; background: #fff; box-shadow: 0px 0 10px rgba(0, 0, 0, .08); position: relative; height: 190px;}
.top_pro_item:nth-of-type(2n){margin-right: 0;}
.top_pro_item a{display: block; padding: 20px;}
.top_pro_item .pubMore{margin-top: 22px;}
.top_pro_item .title{font-size: 18px;}
.top_pro_item .brief{color: #999; line-height: 26px; height: 52px; width: 59%; margin-top: 10px; position: relative; z-index: 1;}
.top_pro_item .pic{position: absolute; bottom: 0; right: 0; width: 140px; height: 140px;}
.top_pro_item:hover{transform: translateY(-5px); box-shadow: 0 0 10px rgba(0,0,0,.2);}
.top_pro_item:hover .pubMore{background: var(--commonColor); color: #fff;}

.top_notice{width: 33%; margin: 14px 0 0 12px; background: #fff; box-shadow: 0px 0 10px rgba(0, 0, 0, .08); position: relative; padding: 20px;}
.top_notice .th{color: var(--commonColor); padding-left: 30px; font-size: 18px; background: url(../img/icon_notice.png) no-repeat left center; background-size: 23px auto; line-height: 26px;}
.notice_list{margin-top: 6px; height: 286px; overflow: hidden;}
.notice_list li{line-height: 26px; margin-bottom: 10px;}
.notice_list li a:hover{text-decoration: underline;}
.top_notice .notice_btn a{display: block; width: 100%; text-align: center; height: 34px; line-height: 34px; background: var(--commonColor); color: #fff; border-radius: 20px; border: 1px solid var(--commonColor);}
.top_notice .notice_btn a:hover{color: var(--commonColor); background: #fff;}


@media only screen and (max-width: 980px) {
	.main_top{height: auto; flex-direction: column;}
	.main_top_right{width: 100%;}
	.main_top_right>div.flex{flex-direction: column;}
	.top_pro_list{width: 100%;}
	.top_pro_item{width: 100%; margin: 20px 0 0;}
	.top_notice{width: 100%; margin: 20px 0 0;}
	.notice_list{height: auto;}
}

/* slider_banner */
.slider_banner{margin-top: 12px;}
.slider_banner .swiper-pagination {padding-bottom: 15px;}
.slide-page-box {display: none;}
.slider_banner {position: relative;}
.slider_banner, .swiper-slide {overflow: hidden;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
    width: 34px; height: 60px; line-height: 60px; margin-top: -30px; 
	opacity: 1; background-image: none; border-radius: 0;
}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 24px;}
.slider_banner .swiper-button-next {right: 24px;}
.banner-pagination .swiper-pagination-bullet{background: rgba(0, 0, 0, .38); height: 5px; width: 18px; border-radius: 0;}
.banner-pagination .swiper-pagination-bullet-active{background: #fff;}
.slider_banner .swiper-slide img+img {
	position: absolute; left: 0; top: 0
}

.banner_txt{position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,.4); padding: 0.78rem 0.6rem;}
.banner_txt .title{font-size: 0.56rem; line-height: 0.64rem;}
.banner_txt ul{float: left;}
.banner_txt ul li{line-height: 0.28rem; color: #fff; font-size: 0.24rem; margin-top: 0.25rem;}
.banner_txt ul li a{color: #fff;}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 980px) {
	.slider_banner-phone{display: block; margin-top: 62px;}
	.slider_banner-phone .swiper-slide{max-height: 420px;}
	.slider_banner-phone img{width: 100%; height: 100%;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* home_popular */
.home_popular{padding: 30px 20px; margin-top: 30px;}

.popular_th{border-bottom: 1px solid #EAEAEA; padding: 8px 0;}
.popular_th .title{font-family: 'Arial-BoldMT'; font-size: 22px; color: var(--commonColor); padding-left: 36px; background: url(../img/hot.png) no-repeat left center; background-size: auto 28px;}

.popular_inner{margin: 30px 0 10px; height: 469px; width: 1166px; overflow: hidden;}

.procure_list{overflow: hidden;padding: 1px 0 0 1px; margin-left: 1px; width: 1160px;}
.procure_list .procure_row{float: left; width: 33.333%; box-sizing: border-box; border: 1px solid #EAEAEA; margin: -1px 0 0 -1px; padding: 20px 20px 14px;}
.procure_row .pro_model{font-size: 18px;}
.procure_row .num{color: #666; margin: 14px 0;}
.procure_row .num .inquirya{color: var(--commonColor);}
.procure_row .buyer{line-height: 28px; height: 68px; color: #999; border-top: 1px solid #EAEAEA; padding-top: 12px; margin-top: 18px;}
#popular_copy_list{padding-top: 0;}

@media only screen and (max-width: 980px) {
	.popular_th{flex-direction: column; padding: 0 0 10px;}
	.popular_th .pro_model{margin-bottom: 10px;}

	.home_popular{padding: 20px 16px 26px;}
	.popular_inner{width: calc(100% + 6px); margin: 20px 0 0; height: 520px;}
	.procure_list{width: calc(100vw - 62px); margin-left: 0; padding: 1px 0 0;}
	.procure_list .procure_row{width: 100%; margin: -1px 0 0; padding: 18px 18px 14px;}
}


/* home_th */
.home_th .title{line-height: 30px;}
.home_th .title .th{border-bottom: 4px solid var(--commonColor); font-size: 22px; color: #000;}
.home_th .title .txt{color: #999; margin-left: 14px;}

@media only screen and (max-width: 980px) {
	.home_th.flex{flex-direction: column;}
	.home_th .title{width: 100%; text-align: center;}
	.home_th .title .txt{display: block; margin-left: 0; margin-top: 10px;}
	.home_th .thMore{margin-top: 10px;}
}

/* home_facturers */
.home_facturers{ padding: 30px 20px 40px; margin-top: 30px;}

.facturers_tab{position: relative; margin-top: 30px;}
.facturers_tab .swiper-slide{width: auto; display: inline-block;}
.facturers_tab_item{position: relative; background: #fff; border-radius: 18px; height: 100%; padding: 5px 18px; text-align: center; cursor: pointer; border: 1px solid #EAEAEA;}
.facturers_tab_item .title{line-height: 28px; position: relative; overflow: hidden; color: #000;}

.facturers_tab_item.tab_current, .facturers_tab_item:hover{background: var(--commonColor); border-color: var(--commonColor);}
.facturers_tab_item.tab_current .title, .facturers_tab_item:hover .title{color: #fff;}

.facturers_div{margin-top: 26px;}

.fac_con{position: relative; animation: fadeInUpA 0.5s; display: none;}
.fac_con .swiper-slide{width: calc((100% - 36px) / 3.45); margin-right: 12px; height: auto;}
.facturers_item{background: #FEF2ED; height: 100%; padding: 30px 20px 30px;}
.facturers_item .user_pic{height: 86px; width: 86px; object-fit: fill; border-radius: 50%; margin: 0 auto; background: #fff; overflow: hidden;}
.facturers_item .user_pic img{max-width: 100%; max-height: 100%; object-fit: fill;}
.facturers_item .more_btn{text-align: center; margin-top: 15px;}
.facturers_item .title{font-size: 18px; text-align: center; line-height: 28px; margin: 10px 0 16px; height: 56px; display: flex; align-items: center; justify-content: center;}
.facturers_item li{width: 30.5%; margin-right: 4.25%; margin-bottom: 12px;}
.facturers_item li:nth-child(3n){margin-right: 0;}
.facturers_item li .pic{padding-bottom: 100%;}

.facturers_item:hover .user_pic{animation: swing 0.5s;}
.facturers_item:hover .title a{color: var(--commonColor);}

@media only screen and (max-width: 980px) {
	
}

/* home_video */
.home_video{padding: 30px 20px; margin-top: 30px;}

.video_inner{margin: 2.5% 0 1.5%;}
.video_ul{overflow: hidden;}
.video_ul .video_item{width: calc((100% - 36px) / 4); margin-right: 12px; position: relative;}
.video_ul .video_item:last-child{margin-right: 0;}
.video_ul .video_item .pic{padding-bottom: 68%;}
.video_ul .video_item .pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .3); z-index: 1;}
.video_ul .video_item .item_icon{position: absolute; width: 48px; height: 48px; border-radius: 50%; background: url(../img/play.png) no-repeat center; background-size: auto 18px; background-color: rgba(0, 0, 0, .7); z-index: 2; margin: -24px 0 0 -24px; left: 50%; top: 50%;}
.video_ul .video_item .video_info{position: absolute; left: 0; right: 0; bottom: 0; height: 0; line-height: 34px; padding: 0 10px; background: rgba(var(--comColorRgb), 0.75); z-index: 3;}
.video_ul .video_item .video_info .title{color: #fff;}
.video_ul .video_item:hover .pic::before{background: rgba(0, 0, 0, .2);}
.video_ul .video_item:hover .item_icon{background-color: rgba(var(--comColorRgb), 0.7);}
.video_ul .video_item:hover .video_info{height: 34px;}

@media only screen and (max-width: 980px) {
	.video_inner{margin: 14px 0 0;}
	.video_ul{flex-direction: column;}
	.video_ul .video_item{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.video_ul .video_item:last-child{margin-bottom: 0;}
	.video_ul .video_item .video_info{height: 34px;}
}


/* home_sort */
.home_sort{margin-top: 30px; position: relative;}
.home_sort::after{clear: both; content: ''; overflow: hidden; height: 0; display: block;}
.home_sort_item{float: left; width: calc(50% - 6px); margin-bottom: 30px;}
.home_sort_item:nth-child(2n){margin-left: 12px;}
.home_sort_item .sort_top{padding: 30px 20px; background-repeat: no-repeat; background-position: center; background-size: cover; height: 224px;}
.home_sort_item .sort_top .title{font-family: 'Arial-BoldMT'; font-size: 26px; color: #fff; line-height: 1.25; width: 60%; height: 2.5em; display: inline-block;}
.home_sort_item .sort_top .title .txt{margin-right: 20px;}
.home_sort_item .sort_top .title .icon{display: inline-block; width: 22px; height: 22px; background: url(../img/more.png) no-repeat center; background-size: 22px auto; vertical-align: middle;}
.home_sort_item .sort_top a:hover .title{text-decoration: underline;}
.home_sort_item .sort_btns{width: 65%; height: 95px; overflow: hidden; margin-top: 5px; text-transform: capitalize;}
.home_sort_item .sort_btns .btn{display: inline-block; border: 1px solid #fff; border-radius: 20px; padding: 4px 12px; color: #fff; line-height: 24px; margin: 12px 5px 0 0;}
.home_sort_item .sort_btns .btn:hover{background: var(--commonColor); color: #fff;}

.home_sort_item .sort_inner{padding: 18px 18px 24px;}
.home_sort_item .sort_tab{position: relative; margin: 0 0 12px;}
.sort_tab .swiper-slide{width: auto; display: inline-block;}
.sort_tab .sort_tab_item{line-height: 32px; cursor: pointer;}

.sort_tab_item.tab_current, .sort_tab_item:hover{color: var(--commonColor);}

.sort_con{position: relative; display: none;}
.sort_con .swiper-slide{width: calc((100% - 15px) / 4); margin-right: 5px;}
.sort_con .common-next, .sort_con .common-prev{margin-top: -66px;}
.sort_con .sort_item .pic{padding-bottom: 100%;}
.sort_con .sort_item .title{color: #000; line-height: 22px; height: 44px; margin: 10px 0 4px;}
.sort_con .sort_item .more{color: var(--commonColor);}

.sort_con .sort_item:hover .title{color: var(--commonColor);}

@media only screen and (max-width: 980px) {
	.home_sort_item{width: 100%; margin-left: 0 !important; float: none; margin-bottom: 20px;}
	.home_sort_item .sort_top{padding: 24px 16px;}
	.home_sort_item .sort_top .title{width: 65%; font-size: 22px; height: auto;}
	.home_sort_item .sort_btns{width: 70%;}
	.home_sort_item .sort_btns .btn{margin-top: 10px;}
}





@media only screen and (max-width: 1550px) {
	.app_info .order{font-size: 110px;}
}
@media only screen and (max-width: 1450px) {
	.app_info .order{font-size: 90px;}
}
@media only screen and (max-width: 1350px) {
	.app_info{padding: 16px 24px 20px;}
	.app_info .title{font-size: 20px; margin-top: 4px;}
	.app_info .order{font-size: 76px;}
	.app_info .brief{line-height: 26px; height: 78px; margin: 2px 0 10px;}
	.app_info .pubMore{height: 42px; line-height: 42px;}
}
@media only screen and (max-width: 1200px) {
	.app_info .order{font-size: 66px;}
}
@media only screen and (max-width: 980px) {
	.app_info .order{font-size: 72px;}
	.app_info .title{height: auto; display: block; margin-top: 12px;}
	.app_info .brief{height: auto; display: block; margin: 10px 0 24px;}
	.home_app_inner{padding-top: 20px;}
	.home_app_list{flex-direction: column;}
	.home_app_item{width: 100%;}
	.home_app_item:nth-child(2n) .pic{order: 1;}
	.app_info_item{height: auto; padding-bottom: 0;}
	.app_info{position: static; padding: 20px 15px 30px; transform: none;}
}