/* 产品详情页样式 */
.innerPro_box{padding-bottom: 80px;}
.innerPro_box .c_sub_th{text-align: left;}
.innerPro_box .c_sub_th span{font-size: 48px; line-height: 56px;}
.innerPro_left{display: flex; flex-wrap: wrap; justify-content: space-between; gap: 46px;}
.innerPro_left .brief{color: #666; line-height: 28px;}

.innerPro_th{font-weight: bold; color: #0062ab; line-height: 28px; margin-top: 20px; font-size: 18px;}

/*product photos*/
.product-intro { position: relative; margin-bottom: 80px; }
.cloud-zoom-lens { border: 1px solid #eee; cursor: move; }
.cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; }
.cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; }
.cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; }
.product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; }
/* .product-view { position: relative; float: left; width: 48.39%; } */
.product-view { width: 45%; margin: 90px 0 20px; position: relative;}

.product-view .product-image { overflow: hidden; border: 1px solid #e0e0e0; border-radius: 50%; margin: 0 30px;}

/* #wrap{height: 0; padding-bottom: 100%; position: relative; top: 0; z-index: 1; width: 100%;} */

.product-view .product-image a{position: relative; width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; display: block;}
.product-view .product-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}
.product-view .image-additional-wrap { position: relative; z-index: 999; margin-top: 34px; padding: 0 30px; }
.product-view .image-additional { position: relative; overflow: hidden; padding: 0 2px; }
.product-view .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 100%; width: 20%; height: auto; border: 1px solid #e0e0e0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; border-radius: 50%; overflow: hidden;}
.product-view .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 20%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.product-view .image-additional li.single { display: none; }
.product-view .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .4; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); position: absolute; height: 100%; top: 0; left: 0; object-fit: cover;}
.product-view .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 0; padding-bottom: 100%; border-radius: 50%;}
.product-view .image-additional li.current { -bottom: 0; border: 1px solid #0062ab; }
.product-view .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.product-view .image-additional img.popup { display: none; }
.ad_prompt { position: absolute; top: 50%; left: 0; display: block; display: none; margin: -20px 0 0; width: 100%; color: #408858; text-align: center; font-size: 20px; line-height: 40px; -webkit-animation: twinkling 1s infinite ease-in-out; animation: twinkling 1s infinite ease-in-out; }
.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }
/* .product-view .swiper-button-next, .product-view .swiper-button-prev { margin-top: -16px; width: 25px; height: 32px; font-size: 24px; line-height: 32px; background: none; opacity: 1; filter: alpha(opacity=100); }
.product-view .swiper-button-prev { left: 13px; }
.product-view .swiper-button-next { right: 13px; }
.product-view .swiper-button-next:before, .product-view .swiper-button-prev:before { content: ""; width: 25px; height: 33px;background-image: url(img/web_icon.png); background-repeat: no-repeat; transition: all ease .35s; -webkit-transition: all ease .35s; }
.product-view .swiper-button-next:before { background-position: right -93px; }
.product-view .swiper-button-prev:before { background-position: -250px -93px; }
.product-view .swiper-button-next:hover:before { background-position: right -126px; }
.product-view .swiper-button-prev:hover:before { background-position: -250px -126px; }
.product-view .swiper-button-next.swiper-button-disabled, .product-view .swiper-button-prev.swiper-button-disabled { opacity: 1; filter: alpha(opacity=100); }
.product-view:hover .swiper-button-prev, .product-view:hover .swiper-button-next { opacity: 1; filter: alpha(opacity=100); background: none; } */
.product-view:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }



.innerPro_left{gap: 0; column-gap: 30px;}
.innerPro_swiper{width: 45%; margin: 60px 0 20px; position: relative;}
.innerPro_swiper .pro_pic{padding-bottom: 100%; border-radius: 50%; overflow: hidden;}
.swiper_pro_pic .swiper-slide{padding: 30px;}

.swiper_pro_thumb{padding: 0 30px; position: relative;}
/* .swiper_pro_thumb .swiper-wrapper{margin: 0 30px;} */
.innerPro-next, .innerPro-prev{width: 20px; height: 100%; background: #0062ab; opacity: 1; margin-top: 0; top: auto; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: 60% auto;}
.innerPro-next{right: 0; background-image: url(../img/icon_next.png);}
.innerPro-prev{left: 0; background-image: url(../img/icon_prev.png);}
.innerPro-next:before, .innerPro-prev:before{content: '';}
.innerPro-next:hover, .innerPro-prev:hover{background-color: #bd0209;}



.innerPro_info{width: calc(55% - 30px);}

.innerPro_info .innerContent{padding: 10px 0;}
.innerPro_info .more{margin-top: 40px;}
.innerPro_info .more a{height: 48px; display: block; width: 160px; line-height: 48px; color: #fff; background: #0062ab; position: relative; padding-left: 52px;}
.innerPro_info .more a::before{position: absolute; left: 12px; top: 50%; height: 32px; width: 32px; margin-top: -16px; content: ''; background: url(../img/sub_62.png) no-repeat center/ 100% auto;}
.innerPro_info .more a:hover{background: #bd0209;}

.innerPro_share span{color: #666; line-height: 28px;}
.innerPro_share{gap: 8px; align-items: center;}
.innerPro_share a{display: inline-block; width: 28px; height: 28px; padding: 2px;}
.innerPro_share a img{display: block; width: 100%; height: 100%;}
.innerPro_share a:hover{/* transform: rotate(10deg); */ padding: 4px; border-radius: 50%;}

.innerPro_detail{width: 100%;overflow-x: scroll;}
.innerPro_table{border-spacing: 0; border-collapse: collapse; width: 100%; margin: 20px 0;}
.innerPro_table tr, .innerPro_table td{border: none;}
.innerPro_table td{padding: 16px; line-height: 24px; text-align: left; color: #333; width: 50%;}
.innerPro_table td.th{font-size: 20px; font-weight: bold; padding-left: 20%;}
.innerPro_table tr:nth-child(odd){background: #0062ab;}
.innerPro_table tr:nth-child(odd) td{color: #fff;}


/* innerPro_touch */
.innerPro_bg{background: #E7E9E8; padding: 10px 0 80px;}
.innerPro_bg .c_sub_th span{padding-top: 0;}
.innerPro_bg .c_sub_th span::before{display: none;}

.innerPro_touch{margin-top: 36px;}
.innerPro_touch ul{gap: 16px; margin-top: 30px;}
.innerPro_touch li{border-radius: 12px; background: #fff; position: relative; padding: 15px 24px; transition: all 0.2s ease-in; width: calc(25% - 12px);}

.touch_num{position: absolute; top: 0; left: 0; width: 60px; height: 62px; background: #999; color: #fff; font-weight: bold; font-size: 36px; line-height: 66px; text-align: center; white-space: nowrap; border-radius: 5px 5px 0 0;}
.touch_num::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid #999;
	border-bottom: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	vertical-align: middle;
	position: absolute;
	bottom: -20px;
	left: 0;
}
.touch_icon{width: 80px; height: 80px; margin: 0 auto; overflow: hidden; border-radius: 50%;}
.touch_icon img{width: 100%; height: 100%; display: block; transition: all 0.3s ease; background: #0062ab;}

.touch_info .title{margin-top: 16px; text-align: center;}
.touch_info .title a{font-size: 20px; color: #333; font-weight: bold; line-height: 28px;}
.touch_info .brief{color: #777; line-height: 28px; margin-top: 10px;text-align: center;}

.touch_info .title a:hover{color: #bd0209;}
.innerPro_touch li:hover{box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.3);}
.innerPro_touch li:hover .touch_icon img{transform: scale(1.1);}

/* innerPro_form */
.innerPro_form{padding: 20px 0;}
.innerPro_input{flex-wrap: wrap; justify-content: space-between;}
.innerPro_input input{width: 48%; line-height: 28px; padding: 10px 0; margin-bottom: 20px; background: none; border: none; border-bottom: 1px solid rgba(0,0,0, 0.5); font-size: 20px; color: #333; font-weight: bold;}
.innerPro_input input:last-child{width: 100%;}
.innerPro_input input::placeholder{color: #333;}
.innerPro_btn{text-align: center;}
.innerPro_btn .submit_btn{background: #0062ab; border: none; width: 160px; height: 45px; font-weight: bold; font-size: 20px; color: #fff; border-radius: 8px; margin-top: 10px; transition: all 0.3s ease;}
.innerPro_btn .submit_btn:hover{background: #bd0209; color: #fff;}


@media only screen and (max-width: 1300px) {
	.innerPro_box .c_sub_th span{font-size: 40px; line-height: 48px;}
	.c_sub_th span{
		font-size: 40px;
        line-height: 48px;
	}
	
}

@media only screen and (max-width: 1180px) {
	/* .innerPro_left{flex-direction: column; gap: 20px;}
	.innerPro_swiper, .innerPro_info{width: 100%;} */
	
}

@media only screen and (max-width: 980px) {
	
	.innerPro_box{padding: 0;}
	.innerPro_box .c_sub_th span{font-size: 24px; line-height: 24px;}
	
	.innerPro_left{flex-direction: column; gap: 0;}
	.innerPro_swiper, .product-view, .innerPro_info{width: 100%;}
	.innerPro_info{margin-top: 10px;}
	.innerPro_swiper{margin: 0;}
	.product-view{margin-top: 30px; margin-bottom: 10px;}
	
	.product-view .product-image{display: none;}
	.innerPro-next, .innerPro-prev{height: 48px; width: 30px; top: 50%; margin-top: -24px;}
	.product-view .image-additional-wrap{margin-top: 0;}
	.product-view .image-additional li img{opacity: 1;}
	
	.innerPro_info .more{margin-top: 20px;}
	
	
	.innerPro_share{gap: 0;}
	.innerPro_share a{margin-left: 10px;}
	
	.innerPro_table td{padding: 10px 12px; width: 60%;}
	.innerPro_table td.th{padding-left: 12px; width: 40%;}
	
	
	.innerPro_bg{padding: 6px 0 30px; overflow: hidden;}
	.innerPro_touch{margin: 20px 0 0; padding-bottom: 10px;}
	.innerPro_touch ul{flex-wrap: wrap; margin-top: 0; gap: 0;}
	.innerPro_touch li{width: 100%; padding: 15px; margin-bottom: 20px;}
	.innerPro_touch li:last-child{margin-bottom: 0;}
	.touch_num{font-size: 32px;}
	.touch_icon{width: 60px; height: 60px;}
	.innerPro_form{padding: 0;}
	.innerPro_input input{width: 100%; margin-bottom: 16px;}
	.innerPro_input input:last-child{margin-bottom: 20px;}
	.innerPro_btn .submit_btn{margin-top: 0;}
	
}

.c_sub_th{
	text-align: center !important;
}