@charset "utf-8";
.h_left {width: 100%;overflow: hidden;background-color: #fff;margin: 0 auto;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}
.cp_type .hd {width: 100%;height: auto;margin: 0 auto 10px;padding: 30px 10px 20px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}
.cp_type .hd p {width: 100%;height: 30px;line-height: 30px;color: #0e71f9;font-size: 20px;font-weight: bold;margin: 0 auto 4px;padding: 0}
.cp_type .hd p img {display: block;width: 24px;height: 24px;margin: 3px 10px 3px 0;padding: 0;float: left}
.cp_type .hd span {display: block;height: 24px;line-height: 24px;color: #aaa;font-size: 12px}
.cp_type .hd em {display: block;width: 50px;height: 2px;margin: 6px 0 0;padding: 0;background: url(../img/line05.png) 0 0 no-repeat}
.cp_type .hd i {display: none}
.cp_type .bd {padding: 0}
.cp_type .bd ul li {background-color: #fff;padding: 0}
.cp_type .bd ul li p {height: 40px;line-height: 40px;padding: 0 70px 4px 20px;position: relative
}
.cp_type .bd ul li p a {display: block;width: 100%;padding: 0;overflow: hidden;line-height: 40px;color: #333;font-size: 16px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.cp_type .bd ul li p span {display: block;width: 40px;height: 100%;background: url(../img/mulu0.png) center center no-repeat;cursor: pointer;position: absolute;top: 0;right: 30px}
.cp_type .bd ul li div {display: none;padding: 8px 20px}
.cp_type .bd ul li div a {display: block;height: 32px;line-height: 32px;color: #999;font-size: 14px;border-top: 0px solid #eaeaea;padding: 0 0 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../img/ico08.png) 4px 14px no-repeat}
.webprodetail {height: auto;margin: 0 auto;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}
.webprodetail .webprodetail_main {width: 100%;height: auto;margin: 0 auto;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}
.webprodetail_main .webprodetail_img {width: 45%;height: auto;margin: 0;padding: 0;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}
#preview {width: 100%;margin: 0;text-align: center;position: relative}
.webprodetail_img a.videoIco {left: 20px!important;bottom: 20px!important;z-index: 99!important}
.Warning {width: 100%!important;height: 100%!important}
.webprodetail_main .webprodetail_text {width: 55%;height: auto;margin: 0;padding: 10px 20px 0;float: right;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box}

.webprodetail_text .webprodetail_name {width: 100%;height: auto;min-height: 40px;max-height: 80px;overflow: hidden;line-height: 40px;color: #333;font-size: 30px;font-weight: bold;word-break: break-all;position: relative;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 auto ;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box
}

.webprodetail_text .webprodetail_ms {width: 100%;height: auto;overflow: hidden;margin: 0 auto;padding: 10px 0;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box
}

.webprodetail_text .webprodetail_ms span {display: block;width: 100%;height: 30px;overflow: hidden;line-height: 30px;color: #333;font-size: 18px;margin: 0 auto 10px;padding: 0}
.webprodetail_text .webprodetail_ms p {width: 100%;height: auto;max-height: 56px;overflow: hidden;line-height: 28px;color: #999;font-size: 16px;word-break: break-all;text-align: justify;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 auto;padding: 0}

.webprodetail_text .webprodetail_tags {width: 100%;height: auto;margin: 0 auto;padding: 0
}
.webprodetail_tags dl{ margin: 10px 0 6px;}
.webprodetail_tags dl dt{font-size: 16px;float: left;line-height: 40px;color: #999;display: inline-block;display: flex; justify-content: center;}
.webprodetail_tags dl dt i{font-size: 24px; margin-right: 6px; font-weight: bold;float: left;}
.webprodetail_tags dl dd {width: auto;line-height: 38px;white-space: nowrap;}
.webprodetail_tags dl dd ul{ display: flex; flex-wrap: wrap; margin: 0;}
.webprodetail_tags dl dd ul li{  background: url(../img/cpbg.png) repeat-x; color: #fff; margin:0 4px 4px; border-radius: 10px; padding: 0 10px; text-align: center;}
.webprodetail_tags dl dd ul li a{ color:#fff}
.webprodetail_tags{border-bottom: 1px solid #e5e5e5;}
.webprodetail_text .webprodetail_btm {width: 100%;height: 60px;overflow: hidden;margin: 40px auto 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box
}

.webprodetail_btm a {display: block;width: auto;height: 60px;overflow: hidden;margin: 0 40px 0 0;padding: 0;background-color: #f9f9f9;border-radius: 30px;float: left
}
.webprodetail_tags.zx  { padding-top: 6px;}
.webprodetail_tags.zx dl dt{ margin-right: 10px}
.webprodetail_tags.zx dl dd ul li{  border-radius:60px;}
.webprodetail_btm a.btn01 i {display: block;width: 60px;height: 60px;margin: 0;padding: 6px;background-color: rgba(0, 87, 184, 0.05);border-radius: 50%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box
}
.webprodetail_tags.zx dl dd ul li a{color: #fff;}
.webprodetail_btm a.btn01 i em {display: block;width: 48px;height: 48px;margin: 0;padding: 0;background: #0e71f9 url(../img/ico11.png) center center no-repeat;background-size: 30px 30px;border-radius: 50%
}


.webprodetail .webprodetail_nr {width: 100%;height: auto;margin: 0 auto;padding: 0
}

.webprodetail_nr .webprodetail_zb {width:17%;height: auto;margin: 0;padding: 0;float: left
}

.webprodetail_nr .webprodetail_right {width: 82%;height: auto;margin: 0;padding: 0 0 0 10px;float: right;box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box
}
	
@media (max-width:1440px) {.webprodetail {	width: 100%;	padding: 0 60px}
}

@media (max-width:1366px) {
	.webprodetail_main .webprodetail_img {	width:45%}
	.jqzoom {	height: 340px}
	#spec-n5 {	height: 80px}
	#spec-list ul li {	height: 80px}
	.webprodetail_main .webprodetail_text {	width: 55%}
	.webprodetail_name {	font-size: 20px;	margin: 0 auto 20px}
	.webprodetail_text .webprodetail_ms span {	font-size: 16px}
	.webprodetail_text .webprodetail_ms p {	max-height: 50px;	line-height: 25px;	font-size: 15px}
	
	.webprodetail_btm .webprodetail_Tel span {	font-size: 14px}
	.webprodetail_con .prodetailtext {	width: 100%;	overflow: hidden;	line-height: 30px;	color: #666;	font-size: 15px;	margin: 0 auto;	padding: 0}.prodetailtext div,.prodetailtext p {	margin: 0 auto 20px}.prodetailtext img,.prodetailtext table,.prodetailtext tr,.prodetailtext td,.prodetailtext p,.prodetailtext span,.prodetailtext div,.prodetailtext video,.prodetailtext embed {	width: auto !important;	height: auto !important;	max-width: 100% !important;	max-height: 100%;	line-height: 30px;	color: #666;	font-size: 15px;	box-sizing: border-box;	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	white-space: normal;	word-break: break-all;	text-align: justify}.prodetailtext p span,.prodetailtext span,.prodetailtext p em,.prodetailtext em {	color: #666!important;	font-family: Arial, \5FAE\8F6F\96C5\9ED1, Helvetica, sans-serif!important;	font-size: 15px!important}.prodetailtext b {	display: block;	line-height: 30px;	color: #666;	font-size: 15px;	font-weight: bold;	margin: 0 0 5px}.webpro_pnext p,.webpro_pnext p a {	font-size: 15px}.webpro_pnext a.eyproall {	font-size: 15px}.weborder_main #ly_msg.ly_msg ul li .c_yzm {	width: auto!important}
}

@media (max-width:1280px) {.webprodetail_main .webprodetail_img {	width:45%}.webprodetail_main .webprodetail_text {	width: 55%;	padding: 20px 20px 0 40px}.webprodetail_text .webprodetail_name {	margin: 0 auto 20px}.webprodetail_text .webprodetail_btm {	margin: 30px auto 0}.webprodetail_btm a {	margin: 0 30px 0 0}.weborder_main #ly_msg.ly_msg ul li .msg_ipt1 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt12 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt2 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option {	height: 50px!important;	line-height: 50px!important;	font-size: 15px}.weborder_main #ly_msg.ly_msg ul li .msg_tara textarea,.weborder_main #ly_msg.ly_msg ul li .msg_ipt0 textarea {	height: 145px!important;	line-height: 25px;	font-size: 15px;	padding: 10px 20px!important}.weborder_main #ly_msg.ly_msg ul li a.yzm_img {	margin: 5px 0!important}.weborder_main #ly_msg.ly_msg ul li .msg_ipt2>span {	font-size: 15px!important;	line-height: 50px!important}.weborder_main #ly_msg.ly_msg .msg_btn input {	height: 50px!important;	line-height: 50px!important}.weborder_main #ly_msg.ly_msg ul li .msg_btn {	left: 20px}
}

@media (max-width:1200px) {.webprodetail {	padding: 0 40px}
.webprodetail_main .webprodetail_img {	width: 45%}.webprodetail_main .webprodetail_text {	width: 55%;	padding: 20px 20px 0 40px}.webprodetail_text .webprodetail_ms {	margin: 0 auto 15px;	padding: 0 0 20px}.webprodetail_text .webprodetail_btm {	height: 50px;	margin: 20px auto 0}.webprodetail_btm a {	height: 50px}.webprodetail_btm a.btn01 i,.webprodetail_btm a.btn02 i {	width: 50px;	height: 50px;	padding: 4px}.webprodetail_btm a.btn01 i em,.webprodetail_btm a.btn02 i em {	width: 42px;	height: 42px}.webprodetail_btm a.btn01 span {	height: 50px;	padding: 5px 30px 5px 20px;	font-size: 18px}.webprodetail_btm a.btn02 span {	height: 50px;	padding: 5px 30px 5px 20px;	font-size: 22px}.jqzoom {	height: 300px}#spec-n5 {	height: 72px}#spec-list ul li {	height: 72px}.webprodetail_right .webprodetail_con {	padding: 0px}.webprodetail_con .webprodetail_tit {	margin: 0 auto 20px}.webprodetail_con .webprodetail_tit a {	margin: 0 0 0 40px}
}

@media (max-width:1080px) {.webprodetail_text .webprodetail_name {	min-height: 36px;	max-height: 72px;	line-height: 36px;	font-size: 24px}.webprodetail_text .webprodetail_ms {	padding: 0 0 15px}.webprodetail_text .webprodetail_ms p {	max-height: 48px;	line-height: 24px;	font-size: 14px}.webprodetail_tags dl dd {line-height: 30px;	font-size: 10px}.webprodetail_tags dl dd i {	margin: 11px 8px 11px 0}.webprodetail .webprodetail_main {	margin: 40px auto}.webprodetail .webprodetail_nr {	margin: 40px auto}.webprodetail_con .webprodetail_tit {	margin: 0 auto 20px}.prodetailtext div,.prodetailtext p {	margin: 0 auto 20px}.weborder_main {	margin: 40px auto 0}.weborder_main #ly_msg.ly_msg .msg_btn input {	width: 160px!important}.weborder_main #ly_msg.ly_msg ul li .c_yzm {	height: 50px}.weborder_main #ly_msg.ly_msg ul li .msg_ipt2>span {	display: block;	width: 100%;	line-height: 30px!important;	padding: 10px 0;	font-size: 14px!important}.weborder_main #ly_msg.ly_msg ul li .msg_btn {	margin: 0!important}.jqzoom {	height: 280px}#spec-n5 {	height: 66px}#spec-list ul li {	height: 66px}
}

@media (max-width:800px) {.webprodetail {	padding: 0 20px}.webprodetail_main .webprodetail_img {	width: 100%;	margin: 0 auto 20px;	padding: 0;	float: inherit}.jqzoom {	height: 480px}#spec-n5 {	height: 100px}#spec-list ul li {	height: 100px}.zoomdiv {	display: none!important}.webprodetail_main .webprodetail_text {	width: 100%;	margin: 0 auto;	padding: 0;	float: inherit}.webprodetail_text .webprodetail_ms {	margin: 20px auto}.webprodetail_text .webprodetail_name {	font-size: 24px}.webprodetail_nr .webprodetail_right {	width: 100%;	margin: 0 auto;	padding: 0;	float: inherit}.webprodetail_nr .webprodetail_zb {	width: 100%;	margin: 0 auto;	padding: 0;	float: inherit}.weborder_main #ly_msg.ly_msg ul li:last-child {	margin: 20px auto 0!important}.weborder_main #ly_msg.ly_msg ul li .msg_btn {	width: 100%!important;	position: inherit;	left: inherit;	bottom: inherit}.weborder_main #ly_msg.ly_msg .msg_btn input {	margin: 0 20px 0 0!important}.webpro_pnext {	padding: 5px 20px}
}

@media (max-width:767px) {.webprodetail {	padding: 0 12px}.webprodetail .webprodetail_main {	margin: 5px auto;	padding: 0px}.webprodetail .webprodetail_nr {	margin: 20px auto}.webprodetail_con .webprodetail_tit {	margin: 0 auto 20px}.webprodetail_con .prodetailtext {	margin: 0 auto}.prodetailtext div,.prodetailtext p {	margin: 0 auto 10px}.jqzoom {	height: 260px}#spec-n5 {	height: 66px}#spec-list ul li {	height: 66px}.webprodetail_text .webprodetail_name {	min-height: 32px;	max-height: 64px;	line-height: 32px;	font-size: 22px;	margin: 0 auto 15px}.webprodetail_text .webprodetail_name i {	height: 22px;	top: 5px}.webprodetail_text .webprodetail_ms {	margin: 0 auto 15px;	padding: 0 0 15px}.webprodetail_text .webprodetail_ms p {	height: auto;	max-height: 72px;	line-height: 24px;	font-size: 14px}.webprodetail_tags dl dd {	width: 100%;	margin: 0 auto;	padding: 4px 0;	float: inherit}.webprodetail_text .webprodetail_btm {	height: auto;	margin: 15px auto 0}.webprodetail_btm a {	margin: 0 0 12px}.webprodetail_btm a.btn01 span {	padding: 5px 20px 5px 10px}.webprodetail_btm a.btn02 span {	padding: 5px 20px 5px 10px}.webprodetail_con .webprodetail_tit a {	margin: 0 0 0 20px}.webpro_pnext {	margin: 20px auto 0;	padding: 10px 20px}.webpro_pnext p {	width: 100%;	font-size: 14px;	text-align: left;	padding: 0}.webpro_pnext p.webpronext {	text-align: left;	padding: 0 0 0 30px}.webpro_pnext p.webpronext img {	right: inherit;	left: 0}.webpro_pnext a.eyproall {	width: 100%;	font-size: 14px;	text-align: left}.weborder_main {	margin: 20px auto 0}.weborder_main #ly_msg.ly_msg ul li {	margin: 0 auto 20px!important}.weborder_main #ly_msg.ly_msg ul li:nth-child(1),.weborder_main #ly_msg.ly_msg ul li:nth-child(3),.weborder_main #ly_msg.ly_msg ul li:nth-child(5) {	width: 100%!important;	margin: 0 auto 20px!important;	float: inherit!important}.weborder_main #ly_msg.ly_msg ul li:nth-child(2),.weborder_main #ly_msg.ly_msg ul li:nth-child(4),.weborder_main #ly_msg.ly_msg ul li:nth-child(6) {	width: 100%!important;	margin: 0 auto 20px!important;	float: inherit!important}.weborder_main #ly_msg.ly_msg ul li .msg_ipt2 input {	width: 160px!important}.weborder_main #ly_msg.ly_msg .msg_btn input {	width: 48%!important;	margin: 0!important}.weborder_main #ly_msg.ly_msg .msg_btn input.msg_btn1 {	margin: 0 4% 0 0!important}.weborder_main #ly_msg.ly_msg ul li .msg_ipt2>span {	line-height: 24px!important;	font-size: 14px!important;	padding: 10px 0 0}.weborder_main #ly_msg.ly_msg ul li .msg_ipt1 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt12 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt2 input,.weborder_main #ly_msg.ly_msg ul li .msg_ipt12 .msg_option {	font-size: 14px}.weborder_main #ly_msg.ly_msg ul li .msg_tara textarea,.weborder_main #ly_msg.ly_msg ul li .msg_ipt0 textarea {	font-size: 14px;	height: 140px!important;	line-height: 24px}.weborder_main #ly_msg.ly_msg ul li:last-child {	margin: 20px auto 0!important}.weborder_main #ly_msg.ly_msg ul li .c_yzm {	float: inherit!important}
}

@media (max-width:375px) {.jqzoom {	height: 240px}#spec-n5 {	height: 60px}#spec-list ul li {	height: 60px}
}

@media (max-width:320px) {.jqzoom {	height: 210px}#spec-n5 {	height: 52px}#spec-list ul li {	height: 52px}.webprodetail_btm .webprodetail_Tel img {	position: inherit;	left: inherit;	top: inherit;	margin: 0 auto 10px}.webprodetail_btm .webprodetail_Tel span,.webprodetail_btm .webprodetail_Tel p {	text-align: center}.weborder_main #ly_msg.ly_msg ul li .msg_ipt2 input {	width: 130px!important}
}
.bd ul li.on p a{color:#fff}
.cp_type .bd ul li:hover p span{background:url(../img/mulu1.png) center center no-repeat}
.cp_type .bd ul li.on p span{background:url(../img/mulu2.png) center center no-repeat}
.cp_type .bd ul li div a:hover{color:#0e71f9;background:url(../img/ico09.png) 4px 14px no-repeat}
.cp_type .bd ul li:hover p,.cp_type .bd ul li.on p{background: url(../img/cpbg.png) repeat-x; }

.cp_type .bd ul li.on p a,.cp_type .bd ul li:hover p a{color: #fff;}