/*  */

@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_topic */
.topic_item{margin-top: 2.6%;}
.topic_pic_item{width: 40%; order: 1;}
.topic_pic_item .pic{padding-bottom: 60%;}
.topic_info{width: 56%; order: 2;}
.topic_info .title{font-size: 24px; color: var(--commonColor); text-transform: uppercase; position: relative; padding-top: 3px;}
.topic_info .title .order{position: absolute; left: 0; top: 0; font-size: 45px; z-index: -1; opacity: 0.1; line-height: 1; display: block;}
.topic_info .brief{color: #666; line-height: 30px; margin-top: 15px;}

.topic_item:nth-child(2n) .topic_pic_item{order: 3;}
@media only screen and (max-width: 1450px) {
	.topic_info .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.topic_ul{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.topic_ul{zoom: 1;}
	.topic_item{flex-direction: column; margin-top: 24px;}
	.topic_item:first-child{margin-top: 20px;}
	.topic_pic_item{width: 100%;}
	.topic_info{width: 100%; margin-top: 18px;}
	.topic_info .title{font-size: 20px;}
	.topic_info .title .order{font-size: 36px;}
	.topic_info .brief{margin-top: 8px; line-height: 28px;}
	.topic_item:nth-child(2n) .topic_pic_item{order: 1;}
}

.listPro_faq .web_th{margin-bottom: 2.4%;}
.listPro_faq .web_th .title{font-size: 34px;}

/* faq_list */
.faq_list li{transition: all 0.5s ease; border: 1px solid #000; padding: 10px 0;}
.faq_list li:nth-child(n+2){margin-top: 26px;}
.faq_list li .th{position: relative; color: #000; padding: 14px 50px 14px 30px; cursor: pointer; line-height: 1.3;}
.faq_list li .th .title{font-size: 18px;}

.faq_list li .right_icon{position: absolute; right: 20px; top: 50%; width: 20px; height: 20px; cursor: pointer; margin-top: -10px; background: #000; color: #fff;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 20px; line-height: 20px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '+';}

.faq_list li .brief{padding: 0 50px 14px 30px; line-height: 1.75; display: none;}

.faq_list li.sel_item{background: var(--commonColor);}
.faq_list li.sel_item .right_icon::before{content: '—'; font-size: 12px; transform: rotate(180deg);}
.faq_list li.sel_item .title{color: #fff;}
.faq_list li.sel_item .brief{display: block; color: #fff;}

@media only screen and (max-width: 1450px) {
	.faq_list li{padding: 6px 0;}
	.faq_list li:nth-child(n+2){margin-top: 20px;}
	.faq_list li .th{padding-left: 24px;}
	.faq_list li .brief{padding-left: 24px;}
}
@media only screen and (max-width: 1300px) {
	.faq_list{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.listPro_faq .web_th{margin-bottom: 16px;}
	.listPro_faq .web_th .title{font-size: 26px;}
	.faq_list{zoom: 1;}
	.faq_list li{padding: 2px 0;}
	.faq_list li:nth-child(n+2){margin-top: 15px;}
	.faq_list li .th{padding: 12px 45px 12px 16px;}
	.faq_list li .right_icon{right: 10px;}
	.faq_list li .th .title{font-size: 18px;}
	.faq_list li .brief{padding: 0 16px 12px;}
}

/* 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;}
}