/* img scale */
.type_pic_item .type_pic img, .type_info .title .txt::before, .pro_btn .btn, .pro_btn .btn::before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}

.cost_sub .row_item::before{
	font-family: fontawesome;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
}


/* innerPro_box */
.pro_top_info{width: 100%;}
.pro_top_div{margin-top: 3%;}

.pro_div .brief{line-height: 1.75; color: #777; margin-top: 15px; /* max-height: 24.5em; overflow-y: auto; */}

.pro_share{margin-top: 5%;}
.pro_share .txt{font-weight: bold; font-size: 24px; margin-right: 10px;}
.pro_share .share_img{height: 36px; margin-right: 10px; cursor: pointer;}
.pro_share .share_img:last-child{margin-right: 0;}
.pro_share .share_img:hover{animation: swing 0.5s;}

@media only screen and (max-width: 1350px) {
	.pro_div .title{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	/* .pro_div .brief{max-height: 17.5em;} */
	.pro_share .txt{font-size: 20px;}

	.pro_top_info{align-items: center;}
}
@media only screen and (max-width: 950px) {
	.pro_top_div{flex-direction: column;}
	.pro_top_info{width: 100%; margin-top: 20px; order: 2;}
	.pro_div .title{font-size: 24px;}
	.pro_div .brief{max-height: unset; margin-top: 0;}
}

/*product photos*/
.product-view {position: relative; align-items: center;}

.pro_pic_item{width: 51%; position: relative;}
.pro_info_item{width: 44%;}

.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 .product-image {max-width: 560px; margin: 0 auto; overflow: hidden; border: 1px solid #ddd; box-shadow: 4px 4px 12px 0px rgba(var(--comColorRgb), 0.2); border-radius: 12px;}
.product-view .product-image a{position: relative; width: 100%; height: 0; padding-bottom: 95%; display: block;}
.product-view .product-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}

.image-additional-wrap { position: relative; z-index: 999; margin-top: 4%; padding: 0; width: 100%;}
.image-additional-wrap .image-additional { position: relative; overflow: hidden; padding: 0; margin: 0 60px;}
.image-additional-wrap .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 33%; height: auto; border: 1px solid #aaa; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; overflow: hidden; border-radius: 8px; padding: 12px;}
.image-additional-wrap .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 24%; height: 4px; border-radius: 10px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.image-additional-wrap .image-additional li.single { display: none; }
.image-additional-wrap .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .5; -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;}
.image-additional-wrap .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: 80%;}
.image-additional-wrap .image-additional li.current { -bottom: 0; border: 1px solid #14457B; }
.image-additional-wrap .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.image-additional-wrap .image-additional img.popup { display: none; }
.image-additional-wrap .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }

.image-additional-wrap:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }

.innerPro-prev{left: 0;}
.innerPro-next{right: 0;}

.innerPro-pagination{display: none;}

@media only screen and (max-width: 950px) {
	.product-view{width: 100%;}
	.pro_param, .pro_btn{margin-top: 15px;}
	.product-view .product-image{display: none;}
	.product-view .image-additional-wrap{margin-top: 10px; padding: 0 20px; width: 100%; order: 1;}
	.product-view .image-additional li.current{border-color: #dcdcdc;}
	.product-view .image-additional li img{opacity: 1;}
	.image-additional-wrap .image-additional{margin: 0 5px;}
	.image-additional-wrap .image-additional li{padding: 0;}
	.innerPro-next{right: -10px;}
	.innerPro-prev{left: -10px;}

	.pro_info_item{width: 100%;}
	.pro_pic_item{display: none;}
}

/* innerPro_desc */
.innerPro_desc .web_th{margin-top: 3%;}
.innerPro_desc .web_th:nth-child(n + 2) {margin-top: 5%;}
.innerPro_desc .desc_div{margin-top: 20px; line-height: 28px; color: #777;}

.desc_div .brief{width: 50%; max-height: 560px; overflow-y: auto;}
.desc_div .right_pic{width: 46%;}
.desc_div .right_pic .pic{padding-bottom: 100%;}

.desc_text{margin-top: 3%;}
.tics_list{width: calc(50% - 12px); background: var(--lightColor); border-radius: 12px; padding: 2.8% 4% 3%; box-sizing: border-box;}
.tics_item{margin-top: 15px;}
.tics_item .title{font-weight: bold; font-size: 20px; text-transform: uppercase; position: relative; padding-left: 26px; margin-bottom: 8px;}
.tics_item .title::before{position: absolute; left: 0; top: 6px; height: 16px; width: 16px; border-radius: 50%; background: var(--commonColor); content: '';}
.tics_item .brief{color: #777; line-height: 28px;}

@media only screen and (max-width: 1200px) {
	.tics_item .title{font-size: 18px; padding-left: 20px;}
	.tics_item .title::before{width: 12px; height: 12px;}
	.desc_div .brief{max-height: 392px;}
}
@media only screen and (max-width: 950px) {
	.tics_item .title{font-size: 18px;}
	.innerPro_desc .desc_div{margin-top: 8px;}
	.innerPro_desc .web_th{margin-top: 0;}
	.innerPro_desc .web_th:nth-child(n+2){margin-top: 24px;}
	.desc_text.flex{flex-direction: column;}
	.tics_list{width: 100%; padding: 10px 16px 24px;}
	.tics_list:nth-child(n+2){margin-top: 20px;}
	.desc_div.flex{flex-direction: column;}
	.desc_div .brief{width: 100%; order: 2; margin-top: 16px; max-height: unset;}
	.desc_div .right_pic{width: 100%; order: 1;}
	.desc_div .right_pic .pic{height: 0; padding-bottom: 75%;}
}

/* innerPro_form */

.form_left{width: 50%;}
.form_left .pic{height: 100%; min-height: 400px;}
.form_right{width: 46%; padding: 20px 0;}

.form_div{margin-top: 4%;}
.form_input .input_item{border-bottom: 2px solid #dcdcdc; width: 100%; padding: 6px 0; margin-bottom: 20px;}
.form_input .input_item span{font-weight: bold; font-size: 24px; margin-right: 12px;}
.form_input .input_item span em{font-style: normal; color: #FF0E0E;}
.form_input .input_item input{flex: 1; line-height: 36px; height: 36px; border: none; font-size: 18px; background: none;}

.form_btn{text-align: center; margin-top: 3%;}
.form_btn .submit_btn{font-size: 30px; font-family: 'Chaparral Pro-Bold'; color: #fff; background: #333; border-radius: 5px; border: none; height: 60px; padding: 0 40px; width: auto; text-transform: uppercase; line-height: 60px; padding-top: 4px;}
.form_btn .submit_btn:hover{background: var(--commonColor);}

@media only screen and (max-width: 1450px) {
	.form_btn .submit_btn{font-size: 26px; height: 56px; line-height: 56px; padding-top: 2px;}
}
@media only screen and (max-width: 1300px) {
	.form_input .input_item span{font-size: 22px;}
	.form_btn .submit_btn{font-size: 24px; height: 52px; line-height: 52px; padding-top: 2px;}
}
@media only screen and (max-width: 950px) {
	.innerPro_form .layout{flex-direction: column;}
	.form_left{width: 100%;}
	.form_left .pic{padding-bottom: 75%; min-height: unset; height: 0;}
	.form_right{width: 100%; padding: 20px 0 10px;}
	.form_input .input_item{margin-bottom: 10px;}
	.form_input .input_item span{font-size: 20px;}
	.form_btn .submit_btn{font-size: 20px; height: 48px; line-height: 48px; padding-top: 2px;}
}


.pro_desc_div{margin: 3% 0 0;}
.table_wrap{width: 100%; overflow-x: auto;}
.table_wrap table{border-spacing: 0; border-collapse: collapse; width: 100%; font-family: Arial; font-weight: bold;}
.table_wrap table tr th{background: var(--commonColor); color: #fff; border: 1px solid var(--commonColor); line-height: 26px; padding: 14px 14px; font-size: 20px; text-align: left;}
.table_wrap table tr td{border: 1px solid #dcdcdc; line-height: 1.25; padding: 12px 14px; text-align: left; font-size: 18px; color: #666;}
.table_wrap table tr:nth-child(even){background: #FAFAFA;}
.table_wrap table tr td:first-child{width: 20%;}

@media only screen and (max-width: 950px) {
	.pro_desc_div{margin: 20px 0 0;}
	.table_wrap table{max-width: 100%;}
	.table_wrap table tr td, .pro_table tr th{padding: 10px 8px;}
	.table_wrap table tr td:first-child{width: 40%;}
}


/* innerPro_type */
.innerPro_type .web_th .title{text-align: left; width: 46%;}
.innerPro_type .web_th .brief{width: 46%; margin-top: 0;}

.innerPro_type_list{margin-top: 3%;}
.type_item{margin-bottom: 2.5%; overflow: hidden;}
.innerPro_type_list .type_item:last-child{margin-bottom: 0;}

.type_pic_item{width: 50%; order: 3;}
.type_pic_item .type_pic{padding-bottom: 66%;}
.type_info{width: 46%; order: 2; height: auto;}
.type_info .title .txt{font-family: 'Humanist777BT-BlackCondensedB'; font-size: 45px; line-height: 1.25; position: relative; display: inline-block; padding-bottom: 10px;}
.type_info .title .txt::before{position: absolute; left: 0; bottom: 0; height: 3px; background: var(--commonColor); width: 0; content: '';}
.type_info .brief{color: #666; line-height: 1.5; margin-top: 2%;/* height: 21em; overflow-y: auto; */}

.type_item:nth-child(even) .type_pic_item{order: 1;}
.type_item:hover .title .txt{color: var(--commonColor);}
.type_item:hover .title .txt::before{width: 120px;}

.type_brief{line-height: 1.5; color: #666; margin-top: 20px;}

@media only screen and (max-width: 1450px) {
	.type_info .title .txt{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.type_info .title .txt{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.type_info .title .txt{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.type_info .title .txt{font-size: 26px;}
	.innerPro_type .web_th{flex-direction: column;}
	.innerPro_type .web_th .title{width: 100%;}
	.innerPro_type .web_th .brief{width: 100%; margin-top: 12px;}
	.type_item{flex-direction: column; border-radius: 8px 8px 0 0; margin-bottom: 20px;}
	.type_item:nth-child(even){border-radius: 8px 8px 0 0;}
	.innerPro_type_list{margin-top: 20px;}
	.type_pic_item{width: 100%; order: 1;}
	.type_info{width: 100%; padding: 10px 0 0;}
	.type_pic_item .type_pic{height: 0; padding-bottom: 75%;}
	.type_info .brief{height: auto; overflow: hidden;}
}