/*  */

@media only screen and (max-width: 980px) {
	.c_right_box .web_th .title{margin-bottom: 15px;}
	.c_right_box .web_th .brief{margin-top: 0;}
}

/* listPro_list */
.listPro_list{padding: 0 0 0;}
.listPro_item{width: calc((100% - 30px) / 3); margin-right: 15px; box-sizing: border-box;}
.listPro_item:nth-child(3n){margin-right: 0;}
.listPro_item:nth-child(n+4){margin-top: 30px;}

.listPro_item>a{height: 100%;}
.listPro_item .pro_pic{padding-bottom: 68.5%;}
.listPro_item .item_icon{display: block; width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -13px 0 0 -28px; border-radius: 50%; background: rgba(var(--comColorRgb), 0.9); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 0; background-size: 18px auto;}
.listPro_item .title{text-align: center; background: #000; color: #fff; flex: 1; padding: 12px 12px; font-size: 18px; line-height: 26px; display: flex; align-items: center; justify-content: center;}
.listPro_item:hover .title{background: var(--commonColor);}
.listPro_item:hover .item_icon{margin-top: -28px; opacity: 1;}

@media only screen and (max-width: 1450px) {
	.listPro_item .title{font-size: 17px;}
}
@media only screen and (max-width: 1300px) {
	.listPro_list{zoom: 0.9;}
	.listPro_item .title{font-size: 16px; line-height: 24px;}
}
@media only screen and (max-width: 980px) {
	.listPro_list{padding-top: 0; zoom: 1;}
	.listPro_list .listPro_item{width: 100%; margin: 20px 0 0; border: none; border-bottom: 1px solid #D0D0D0;}
	.listPro_list .listPro_item:first-child{margin-top: 0;}
	.listPro_item{padding: 0;}
	.listPro_item .title{height: auto; font-size: 17px; display: block; line-height: 1.5;}
	.listPro_item .item_icon{opacity: 1;}
}

/* listPro_feature */
.listPro_feature{overflow: hidden;}
.pro_feature{margin-top: 3%;}
.pro_feature_left{width: 65%;}
.pro_feature_left .pic_div{position: relative;}
.pro_feature_left .pic_div img{display: block; width: 100%; height: auto;}
.pro_feature_left .pic_div .point{position: absolute; width: 36px; height: 36px; line-height: 36px; text-align: center; color: #fff; background: var(--commonColor); border-radius: 36px; font-family: 'Arial-BoldMT'; font-size: 18px; transition: all 0.5s ease;}
.pro_feature_left .pic_div .point:hover{box-shadow: 2px 0px 5px 0px #000000;}
.pro_feature_left .pic_div .point01{left: 16.03%; top: 62.21%;}
.pro_feature_left .pic_div .point02{left: 14.19%; top: 26.30%;}
.pro_feature_left .pic_div .point03{left: 29.79%; top: 38.62%;}
.pro_feature_left .pic_div .point04{left: 37.92%; top: 24.22%;}
.pro_feature_left .pic_div .point05{left: 45.39%; top: 4.17%;}
.pro_feature_left .pic_div .point06{left: 36.4%; top: 49.89%;}
.pro_feature_left .pic_div .point07{left: 56.99%; top: 14.19%;}
.pro_feature_left .pic_div .point08{left: 50.70%; top: 38.41%;}
.pro_feature_left .pic_div .point09{left: 66.85%; top: 42.17%;}
.pro_feature_left .pic_div .point10{left: 76.16%; top: 29.02%;}
.pro_feature_left .pic_div .point11{left: 76.49%; top: 51.98%;}
.pro_feature_left .pic_div .point12{left: 66.63%; top: 63.88%;}

.pro_feature_right{width: 32%;}
.pro_feature_right .txt_div{width: 48%;}
.pro_feature_right .txt_div:nth-child(2n){margin-left: 4%;}
.pro_feature_right .txt_div p{font-size: 22px; line-height: 28px; min-height: 56px; margin-bottom: 8px; display: flex;}
.pro_feature_right .txt_div p:last-child{margin-bottom: 0;}
.pro_feature_right .txt_div p .red{color: var(--commonColor); margin-right: 5px;}

@media only screen and (max-width: 1450px) {
	.pro_feature{zoom: 0.94;}
}
@media only screen and (max-width: 1300px) {
	.pro_feature{zoom: 0.9;}
	.pro_feature_right .txt_div{width: 100%;}
	.pro_feature_right .txt_div:nth-child(2n){margin-left: 0; margin-top: 10px;}
	.pro_feature_right .txt_div p{min-height: unset; margin-bottom: 10px; font-size: 20px;}
}
@media only screen and (max-width: 980px) {
	.pro_feature{zoom: 1; flex-direction: column; margin-top: 20px;}
	.pro_feature_left{width: 100%; zoom: 0.85;}
	.pro_feature_left .pic_div .point{width: 30px; height: 30px; font-size: 16px; line-height: 30px;}
	.pro_feature_right{width: 100%; margin-top: 10px;}
	.pro_feature_right .txt_div p{font-size: 18px;}
}

/* listPro_example */
.listPro_example{overflow: hidden;}
.example_list{margin-top: 3%;}
.example_list .example_item{width: calc((100% - 80px) / 5); margin-right: 20px;}
.example_list .example_item:nth-child(5n){margin-right: 0;}
.example_list .example_item:nth-child(n+6){margin-top: 4%;}
.example_list .example_item .pic img{object-fit: contain;}
.example_list .example_item .title{text-align: center; margin-top: 15px;}

@media only screen and (max-width: 1300px) {
	.example_list{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.example_list{zoom: 1; margin-top: 15px;}
	.example_list .example_item{width: 48.5%; margin-right: 3%;}
	.example_list .example_item:nth-child(5n){margin-right: 3%;}
	.example_list .example_item:nth-child(2n){margin-right: 0;}
	.example_list .example_item:nth-child(n+3){margin-top: 20px;}
}

/* listPro_brand */
.listPro_brand{overflow: hidden;}
.brand_inner{margin-top: 2%;}
.brand_inner .swiper-slide{width: calc((100% - 80px) / 5); margin-right: 20px;}
.brand_inner .brand_item{height: 108px; border: 1px solid #000;}
.brand_inner .brand_item img{display: block; max-width: 80%; max-height: 66%; margin: 0 auto;}
.brand_inner .brand_item:hover img{animation: jump 0.5s;}

@media only screen and (max-width: 1450px) {
	.brand_inner .swiper-slide{width: calc((100% - 48px) / 5); margin-right: 12px;}
	.brand_inner .brand_item{height: 96px;}
}
@media only screen and (max-width: 1300px) {
	.brand_inner .brand_item{height: 82px;}
	.brand_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.brand_inner{zoom: 1; margin-top: 15px;}
	.brand_inner .swiper-slide{width: calc((100% - 5px) / 2); margin-right: 10px;}
	.brand_inner .brand_item{height: 64px;}
}


/* bottom_feature */
.bottom_feature{overflow: hidden;}
.bottom_feature .item_left{width: 41%;}
.bottom_feature .item_left .brief{font-size: 20px;}
.bottom_feature .item_left .item_list{margin-top: 6%;}
.bottom_feature .item_left .item_list .item_div{width: calc((100% - 40px) / 3); margin-right: 20px;}
.bottom_feature .item_left .item_list .item_div:nth-child(3n){margin-right: 0;}
.bottom_feature .item_left .item_list .item_div .pic{padding-bottom: 72.5%;}
.bottom_feature .item_left .item_list .item_div .title{font-family: 'Arial-BoldMT'; font-size: 20px; text-align: center; margin-top: 15px;}
.bottom_feature .item_right{width: 55%;}
.bottom_feature .item_right .pic{padding-bottom: 55%;}

@media only screen and (max-width: 1450px) {
	.bottom_feature .item_left .brief{font-size: 18px;}
	.bottom_feature .item_left .item_list .item_div{width: calc((100% - 28px) / 3); margin-right: 14px;}
	.bottom_feature .item_left .item_list .item_div .title{font-size: 18px;}
}
@media only screen and (max-width: 1300px) {
	.bottom_feature .layout{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.bottom_feature .layout{zoom: 1; flex-direction: column;}
	.bottom_feature .item_left{width: 100%;}
	.bottom_feature .item_right{width: 100%; margin-top: 20px;}
	.bottom_feature .item_left .brief{font-size: 16px;}
	.bottom_feature .item_left .item_list{margin-top: 15px;}
	.bottom_feature .item_left .item_list .item_div{width: 48.5%; margin-right: 3%;}
	.bottom_feature .item_left .item_list .item_div:nth-child(2n){margin-right: 0;}
	.bottom_feature .item_left .item_list .item_div:nth-child(n+3){margin-top: 15px;}
	.bottom_feature .item_left .item_list .item_div .title{font-size: 16px;}
}