/*product banner*/
.bg { display: block;height:400px;}
.bg h3 {font-size: 3.2em;color:#f0f0f0;margin-bottom:20px;}
.bg p { font-size: 1.5em;color: #f0f0f0; }
.pro_bg_yr { background: url("/skin/static/images/product-bg-yr.jpg") no-repeat center;display:block;height:400px;overflow: hidden;}
.pro_bg_yq { background: url("/skin/static/images/product-bg-yq.jpg") no-repeat center;display:block;height:400px;overflow: hidden;}
.pro_bg_swz { background: url("/skin/static/images/product-bg-swz.jpg") no-repeat center;display:block;height:400px;overflow: hidden;}
.pro_bg_rm { background: url("/skin/static/images/product-bg-rm.jpg") no-repeat center;display:block;height:400px;overflow: hidden;}
/*product cover*/
.pro_cover_bg { background: url("/skin/static/images/product-bg.jpg") no-repeat center; height:500px;}
.reprotitle {text-align: center; margin: 50px 0;}
.reprotitle h3 {font-size: 3.2em; line-height: 1.8em; color: #c70008;}
.reprotitle p {font-size: 1.5em; color: #626060;}
.reprolist {clear: both;}
.reprolist li {float: left; width: 196px; height: 196px; margin: 0 32px 42px 0; padding: 0 40px 40px; background-color: #f7f7f7; text-align: center; transition: all 0.2s;-webkit-transition: all 0.2s;position: relative;z-index: 1;overflow: hidden;}
.reprolist li:first-child+li+li+li {margin-right: 0;}
.reprolist li .img img {width: 296px; height: 100px; padding: 40px 0 20px;}
.reprolist li .text h4 {font-size: 1.6em;font-weight:normal;color:#333333;}
.reprolist li .text p {font-size: 1.3em; color: #626060; line-height: 2.2em;}
.reprolist li .text p i {display:inline-block;vertical-align:middle;}
.reprolist li:hover {background: url("/skin/static/images/bg_repro.png") left top no-repeat; box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2);-webkit-transform: translate3d(0,-1px,0);transform: translate3d(0,-1px,0);z-index:2;}
.reprolist li:hover .text {cursor: pointer; }
.reprolist li:hover .text p {color: #c70008;}
.procapa {clear: both; font-size: 1.4em; padding: 20px 30px; background-color: #f7f7f7; overflow: hidden;}
.hmschtp span {cursor:pointer;margin-right:5px;display:inline-block;width:80px; }
.hmschtp span i {display:inline-block;width:12px;height:12px; margin: -2px 5px; font-size:1.0em; color: #626060;}
.hmschtp span i.icon-selected {color: #c70008;}
.hmschtp #which {font-style:normal;display:inline-block;width:30px}
.hmschtp #calc {color: #999;text-decoration:dashed;cursor:pointer}
.hmschtp a.btn,.hmschtp input {width:100px;height: 40px; margin-left: 4px; text-align:center;border-radius:5px;background:#fff;display:inline-block;line-height: 40px;}
.hmschtp input::-webkit-inner-spin-button,.hmschtp input::-webkit-outer-spin-button {-webkit-appearance:none!important;margin:0}
.hmschtp a.btn {margin:0 20px;transition:all .3s;-webkit-transition:all .3s;}
.hmschtp a.btn:hover {background:#c70008;color:#fff;}
.hmform input {line-height: 40px; height: 40px; float: left;}
.hmform input.phone {border-radius: 12px 0px 0px 12px; width: 180px; padding: 0 10px;}
.hmform input.sub {border-radius: 0px 12px 12px 0px; width: 100px; background-color: #c70008; color: #fff;cursor: pointer;}
.hmtitlelf {float: left;} .hmtitlert {float: right;}
.hmtitlelf h3 {font-size: 2.6em; line-height: 1.8em;}
.hmtitlelf p,.hmtitlert p {font-size: 1.3em; color: #626060;}
.hmtitlelf a,.hmtitlert a {font-size: 1.0em;}
.hmtitlelf a:hover,.hmtitlert a:hover {color: #c70008;}
.hmtitlert p {margin-top: 3.6em;}
.hmtitlered {color: #c70008!important; margin-left: 20px;}
.protitle { float: left; width: 100%; clear: both;padding-top: 60px;}
.cprolist {float: left;margin: 40px 0 60px; overflow: hidden;}
.cproyure .yurepic {margin-left: 0!important; position: relative; overflow: hidden;}
.cproyure .yurepic img {transform:scale(1,1); transition: all .6s;}
.cproyure .yurepic:hover img {transform:scale(1.1,1.1); transition: all .6s;}
.cproyure .yurepic a {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #f0f0f0!important;}
.cproyure .yurepic a p {font-size: 2.0em; color: #f0f0f0;padding-top: 70%;}
.cproyure .yurepic a div {width: 50%; margin: 5% 25% 0; line-height: 30px; border-radius: 5px; background-color: #fff;color: #626060;}
.cproyure .yurepic a div:hover {opacity: 0.7!important;}
.cproyure li {width: 216px; float: left; margin-left: 30px; background-color: #fff; text-align: center;}
.cproyure li .yrpic {width: 100%; overflow: hidden;}
.cproyure li .yrpic img { width: 100%; transform:scale(1,1); transition: all .6s;}
.cproyure li:hover .yrpic img {transform:scale(0.9,0.9); transition: all .6s;}
.cproyure li:hover .getq a {border-color: #c70008; background-color: #fff; transition: all .6s;}
.cproyure h3 {height: 40px; font-size: 1.8em; line-height: 50px;font-weight: normal;}
.cproyure p {height: 22px; line-height: 16px; color: #999;}
.cproyure .getq { height: 50px; }
.cproyure .getq a {display: block;float: left; width: 40%; margin: 10px 5% 0; box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; background-color: #f7f7f7; line-height: 28px; border: 1px solid #f7f7f7;}
.cproyure .getq a:hover {background-color: #c70008!important; color: #f0f0f0;transition: all .3s;}
.proltcover {width: 100%;height:auto; border-bottom: 1px solid #f7f7f7; padding-bottom: 32px; overflow: hidden; }
.proltcover:hover {border-bottom-color: #ccc; transition: all .6s;}
.yq_box { width: 100%; clear: both; overflow: hidden; }
.yq_box dl { width: 276px; height: 265px; background: #f7f7f7; margin: 40px 32px 0 0;}
.yq_box dl:first-child+dl+dl+dl {margin-right: 0;}
.yq_box dl i { display: block; width: 100%; height: 100%; position: absolute; background: black; left: 0; top: 100%; opacity: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.yq_box dl * { transition: all 0.2s; }
.yq_box dt { width: 100%; height: 183px; overflow: hidden; background: #fafafa; }
.yq_box dt img { width: 100%; }
.yq_box dd { text-align: center; color: #c70008; font-size: 1.2em; height: 58px; padding-top: 15px; position: absolute; bottom: 0; width: 100%; background: #f7f7f7; overflow: hidden; }
.yq_box span, .yq_box em { display: block; font-style: normal; font-weight: normal; font-size: 1.1em; }
.yq_box span { color: #999999; margin: 0px 0 15px; }
.yq_box em { color: #999999; margin-bottom: 7px; opacity: 0; }
.yq_box .con, .yq_box .chat { opacity: 0; }
.yq_box dl:hover i { opacity: .3; top: 0; }
.yq_box dl:hover dd { height: 110px; }
.yq_box dl:hover dd em, .yq_box dl:hover dd a { opacity: 1; }
.yq_box dl:hover dd .pat { color: #c70008;}
.yq_box dl { position: relative; overflow: hidden; float: left; }
.yq_box dl .con, .yq_box dl .chat, .bio_box dl .con, .bio_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #626060; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 1.0em; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; }
.yq_box dl .con:hover, .bio_box dl .con:hover { background: #c70008; border-color: #c70008; color: #FFFFFF; }
.yq_box dl .chat, .bio_box dl .chat { border-color: #c70008; background: #c70008; color: #FFFFFF; margin-right: 0; }
.yq_box dl .pat, .bio_box dl .pat { display: block; font-size: 1.4em; color: #333333; }
.yq_box dl .pat:hover, .bio_box dl .pat:hover { color: #c70008; }
.yq_box dl:after, .bio_box dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.yq_box dl:hover:after, .bio_box dl:hover:after { width: 100%;}

/*product list*/
.pro_feach { width: 100%; height: 40px; margin: 60px 0 60px; font-size: 1.4em;}
.pro_feach ul { height: 40px; float: left; }
.pro_feach ul a { padding-right: 20px; display: block; float: left; line-height: 40px; }
.pro_feach ul a:after { content: "|"; margin-left: 20px; color: #ccc; }
.pro_feach ul a:hover, .pro_feach ul a.on { color: #c70008; }
.pro_feach ul a:last-child:after { content: ""; }
.pro_feach .chat { width: 268px; height: 38px; border: 1px solid #c70008; line-height: 38px; float: right; text-align: center; color: #c70008;}
.pro_feach .chat:hover {background-color: #c70008; color: #f0f0f0;transition: all .3s;}
.bio_box { width: 100%; overflow: hidden; margin-bottom: 60px; }
.bio_box dl { width: 580px; height: 200px; background: #f7f7f7; margin: 0 40px 40px 0; position: relative; overflow: hidden; float: left;}
.bio_box dl:first-child+dl,.bio_box dl:first-child+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl+dl+dl,.bio_box dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl+dl { margin-right: 0; }
.bio_box dt { width: 300px; height: 200px; float: left; overflow: hidden;}
.bio_box dd { width: 262px; padding-top: 15px; float: right;}
.bio_box img { width: 100%; }
.bio_box span { display: block; text-indent: -8px; color: #999;}
.bio_box p { margin: 15px 0; line-height: 1.8em; font-size: 1.4em; color: #626060;}
.bio_box dl .pat { display: block; font-size: 1.8em; color: #333333; margin: 7px 0 3px;}
.bio_box dl .pat:hover { color: #c70008; }
.bio_box dl .con, .bio_box dl .chat { display: inline-block; width: 78px; height: 24px; color: #999999; border: 1px solid #999; border-radius: 4px; margin-right: 15px; font-size: 1.2em; line-height: 24px; font-weight: normal; text-align: center; transition: all .2s; }
.bio_box dl .con:hover { background: #c70008; border-color: #c70008; color: #fff; }
.bio_box dl .chat { border-color: #c70008; background: #c70008; color: #FFFFFF; margin-right: 0; }
.bio_box dl:after { content: " "; display: block; width: 0; height: 1px; background: #c70008; position: absolute; bottom: 0; transition: all 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53); }
.bio_box dl:hover:after { width: 100%; }

/*product content*/
.procttop {background-color: #f1f1f1;}
.protoplist ul {float: left;} .protoplist dl {float: right;}
.protoplist ul li a {color: #626060;} .protoplist dl dd a {color: #999999;} .protoplist a:hover {color: #c70008;}
.protoplist ul li,.protoplist dl dt,.protoplist dl dd {float: left;line-height: 44px;font-size: 1.4em;color:#626060;}
.protoplist ul li i {margin-right: 5px;}
.protoplist ul li span {margin: 0 5px;}
.protoplist dl dt {color: #c70008; font-weight: bold;}
.protoplist dl dd a:before { content: "|"; margin: 0 15px; color: #ccc; }
.protopin {clear: both;width: 100%;height: 600px; background: url("/skin/static/images/bg_protop.jpg") center top no-repeat;}
.protopinlf {float: left; width: 600px;}
.protopinlf img {margin-top: 100px;}
.protopinrt {float: right; width: 500px; margin-top: 70px;font-size: 1.4em; line-height: 1.8em;}
.protopinrt dl dt {margin-bottom: 20px;}
.protopinrt dl dt h1 {font-size: 2.2em; line-height: 1.6em;}
.protopinrt dl dt span {font-size: 1.2em; color: #626060;}
.protopinrt dl dd {font-size: 1.2em; margin: 10px 0;}
.protopinrt dl dd span {margin-right: 20px; width: 100px;display: inline-block;text-align: justify; }
.protopinrt dl dd.pintro {font-size: 1.0em; color: #626060; margin-top: 20px;}
.protopinrt dl dd.pintro p {margin-bottom: 10px;}
.protopinbt a {margin-top: 10px;width: 168px; line-height: 43px;display: block;float: left; border: 1px solid #626060; color: #626060; text-align: center;}
.protopinbt a.text-red {color: #c70008; border-color: #c70008; margin-right: 40px;}
.protopinbt a:hover {background-color: #312f35; border-color: #312f35; color: #f0f0f0; transition: all .3s;}
.protopinbt a.text-red:hover {background-color: #c70008; border-color: #c70008; color: #f0f0f0;font-weight: bold;}
.protopyr {clear: both; width: 100%; height: 600px;}
.protopyr a {display: block;float: left;margin-top: 480px;width: 150px; line-height: 38px; text-align: center; font-size: 1.6em; background-color: #f0f0f0;border: 1px solid #626060;}
.protopyr a.ared {margin-left: 420px; color: #f0f0f0; margin-right: 60px;border: 1px solid #c70008;background-color: rgba(199, 0, 8, 1);}
.protopyr a:hover {color: #000000; border: 1px solid #f0f0f0;background-color: rgba(255, 255, 255, 0.6);}
.procontent {position: relative; height: auto; overflow: hidden;clear:both;}
.proctleft,.proctrbox {margin-top: 60px;}
.proctleft {float: left; width: 800px;min-height: 664px; }
.proctleft .part {clear: both;}
.rele_pro dl { width: 100%; float: left; margin: 20px 0; background: #f7f7f7; overflow: hidden;}
.rele_pro dl dt { width: 360px; float: left; background: #fafafa; height: 210px;}
.rele_pro dl dt img { width: 100%;}
.rele_pro dl dd { padding: 10px 20px; float: left;}
.rele_pro dl dd span { display: block; font-size: 1.6em;margin-bottom:30px;width:400px;}
.rele_pro dl dd p { margin-top: 10px; color: #626060; font-size: 1.4em;}
.rele_pro dl dd p em { display:inline-block;width:200px;line-height:28px;vertical-align:top; }
.proctleft .yq_box dl {margin: 20px 10px 0; width: 245px; height: 245px;}
.rele_pro dl dd > a.chat, .an_pro dl dd > a.chat { background: none; color: #ff3f3b; transition: all .2s; }
.rele_pro dl dd > a.chat:hover, .an_pro dl dd > a.chat:hover { background: #ff3f3b; color: #FFFFFF; }
.rele_pro dl dd > a:last-child, .an_pro dl dd > a:last-child { margin-right: 0; }
.proctrbox {position: absolute; width: 340px; height: 664px; right: 0; top: 0;}
.proctright {background-color: #f7f7f7; box-shadow:0 10px 10px -10px #ccc; width: 300px;padding: 10px 20px; overflow: hidden;}
.proctright h6 {font-size: 2.0em; text-align: center; line-height: 2.4em; font-weight: normal;}
.proctright ul li {float: left; line-height: 34px; text-align: center;margin-top: 10px; font-size: 1.4em; background-color: #fff;}
.proctright ul li:nth-child(2n-1) {margin-right: 20px;}
.proctright ul li a {display: block;border: 1px solid #fff; width: 138px;}
.proctright ul li a:hover {background-color: #fff; border-color: #c70008; transition: all .3s;}
.prosdbox {clear: both;float: left; margin: 10px 0 15px; padding: 15px 0; width: 100%; border-bottom: 1px solid #ccc;}
.prosdbox p {font-size: 2.0em;text-align: center;}
.prosdbox em {display: block;text-align: center;font-size: 1.4em; color:#999; margin-bottom: 20px;}
.prosdbox form {clear: both; width: 100%; }
.prosdbox form input,.prosdbox form select,.prosdbox form textarea {display: block;width: 280px;height: 40px; line-height: 40px; font-size: 1.4em; margin-bottom: 10px; overflow: hidden; padding: 0 10px;background-color: #fff;}
.prosdbox form select {height: 40px;width: 300px;}
.prosdbox form textarea {line-height: 26px;}
.prosdbox form .prosub {width: 100%; cursor: pointer; background-color: #efefef;}
.prosdbox form .prosub:hover {background-color: #dfdfdf;}
.prosdbt {float: left;font-size: 1.4em;width: 100%; height: auto;}
.prosdbt p {width: 50%;text-align: center; float: left; margin-bottom: 15px;}
.prosdbt a {clear: both;display: block;width: 100%; line-height: 40px; margin: 0 auto 10px; background-color: #c70008; text-align: center; color: #f0f0f0;}
.bfixed {position: fixed; top: 0; margin:0;}
.finish { top:auto; bottom:0px; }
.pro_nav { width: 100%;height: 60px;line-height: 60px;z-index: 999; margin-bottom: 20px;}
.pro_nav ul { width: 100%; float: left; }
.pro_nav ul a { display: block; font-size: 1.8em; position: relative; transition: all .2s; width: 160px; float: left; text-align: center;background: #f7f7f7;border-bottom: 1px solid #ccc;}
.pro_nav ul a.on,.pro_nav ul a:hover { color: #c70008; background-color: #efefef; font-weight: bold;}
.pro_nav ul a:after { width: 0; content: " "; height: 1px; display: block; background: #c70008; position: absolute; bottom: -1px; transition: all .2s;}
.pro_nav ul a.on:after, .pro_nav ul a:hover:after { width: 100%; }
.pnav_fix { position: fixed; top: 0; height: 40px; line-height: 40px;}
.proctorder {clear: both;}
.proctorder dt,.proctorder dd,.proctleft .part .ptitle h3,.proctleft .part .ptitle p {float: left;line-height: 40px;height: 40px;margin-top: 40px;font-weight: normal;}
.proctorder dt,.proctleft .part .ptitle h3 { border-bottom: 2px solid #c70008; width: 100px; text-align: center; font-size: 1.8em;}
.proctorder dd {border-bottom: 2px solid #efefef; width: 1100px; text-align: right; font-size: 1.4em;}
.proctleft .part .ptitle p {border-bottom: 2px solid #efefef; width: 700px;}
.proctorder dd a { color: #c70008; font-style: italic; }
.proctorder dd a:hover { font-style: normal;}

.param td {height: 40px; padding:0.2rem; border: 0.02rem solid #fff; text-align: center;white-space: nowrap;}
.param .firstRow { background: #c70008; color: #fff; }
.param table { border-spacing: 0;color: #555;}
.param table#title {display: inline-block; width: 20%;vertical-align: top;float:left; }
.param table#content {display: inline-block; width: 80%;vertical-align: top;margin-bottom:30px; }
.param table#title2 {display: inline-block; width: 20%;vertical-align: top;float:left; }
.param table#content2 {display: inline-block; width: 80%;vertical-align: top; }
.param table tbody { display: block;width: 100%; height: 300px;overflow-y: scroll; }
.param table thead,tbody tr { display: table;width: 100%;table-layout: fixed;}
.param table tr td:first-child { width: 20%; }
.param table tr td:first-child +td { width: 21%; }
.param table tr td:first-child +td +td { width: 21%; }
.param table tr td:first-child +td +td +td { width: 13%; }
.param table tbody tr:nth-child(even) {background-color: #f6f6f9;}
.param table tbody tr:nth-child(odd) {background: #f2f2f4;}
.param table tbody tr:hover { background-color: #ededed; }
.param table tbody::-webkit-scrollbar {display: none;}


/*responsive*/
@media (max-width: 540px){
	.container {width: auto; padding-left: 3%; padding-right: 3%;}
	table#content tr td:first-child { width: 50px; }
	table#content tr td:first-child +td { width: 60px; }
	table#content tr td:first-child +td +td { width: 60px; }
	table#content tr td:first-child +td +td +td { width: 36px; }
	table#content tr td:first-child +td +td +td +td { width: 60px; }
  	table#content2 tr td:first-child { width: 50px; }
	table#content2 tr td:first-child +td { width: 60px; }
	table#content2 tr td:first-child +td +td { width: 60px; }
	table#content2 tr td:first-child +td +td +td { width: 36px; }
	table#content2 tr td:first-child +td +td +td +td { width: 60px; }
	.param { position: relative;  }
	#title { width: 150px !important; position: absolute;top:0;left: 0;z-index: 99; }
	#content { width: calc(100% - 150px) !important; display: block;float: left;margin-left: 150px;overflow-x: scroll; }
	#content thead,#content tbody { width: 620px; }
	#content::-webkit-scrollbar { height: 4px; }
  	#title2 { width: 150px !important; position: absolute;top:383px;left: 0;z-index: 99; }
	#content2 { width: calc(100% - 150px) !important; display: block;float: left;margin-left: 150px;overflow-x: scroll; }
	#content2 thead,#content2 tbody { width: 620px; }
	#content2::-webkit-scrollbar { height: 4px; }
	.pro_feach .chat { display: none; }
	.bio_box dl { width: 100%; height: auto;padding-bottom: 20px; }
	.bio_box dt { width: 100%;height: auto;float: none; }
	.bio_box dd { width: 100%;float: none;text-align: center; }
	.pro_feach ul a { width: 44%; }
	.pro_feach ul a:after { float: right; }
	.pro_feach ul a:last-child:after { content:"|"; }
	.bio_box { margin-bottom: 0; }
	.w900 { width: 100%; }
	.ljzx { display: none; }
	.reprolist li { width: 290px;margin: 20px auto;padding:40px 0;border-radius: 5px;float: none;background-color: #eeeeee; }
	.procapa,.hmtitlert,.cproyure .yurepic,.probtadva { display: none; }
	.cproyure li { width: 100%;float: none;margin:20px auto; }
	.yq_box dl { width: 100% !important;min-height: 315px;border-radius: 5px;margin:20px 0 !important; }
	.yq_box dt { min-height:248px;  }
	.protopyr a.ared { margin-left: 20px; }
	.proctleft { width: 100%;float: none;margin-top: 30px; }
	.pro_nav ul a { width: 20%;font-size: 1.4em; }
	.proctrbox,.protoplist { display: none; }
	#part_1 img { display: block;margin:0 auto; }
    .rele_pro { clear:both; }
	.rele_pro dl { width: 310px;float: none;border-radius:5px;margin:0 auto 20px;background-color: #eeeeee; }
	.rele_pro dl dt { width: 140px;background:#eeeeee;height:auto; }
	.rele_pro dl dd { padding: 10px;width:150px;  }
	.rele_pro dl dd span { font-size: 1.4em;width:auto;margin-bottom: 0;}
	.rele_pro dl dt img { padding-top: 15px;border-radius: 5px; }
	.reprotitle h3 { font-size: 2.4em; }
	.reprolist li:first-child+li+li+li { margin-right: auto; }
	.protitle { text-align: center;float: none;padding-top: 30px; }
	.hmtitlelf { float: none; }
	.cproyure li:hover .getq a { border-radius: 5px; }
	.proltcover { margin-bottom: 0;padding-bottom: 20px; }
	.reprotitle h3,.hmtitlelf h3 { font-size: 2.4em; }
	.pro_feach { height: auto;margin:30px 0 10px 0; }
	.pro_feach ul a:after { display: none; }
	.pro_feach ul {width: 299px; float: none;height: auto;margin:0 auto; }
	.pro_feach ul a {display: inline-block; width: 130px;height: 38px;line-height: 38px;border:1px solid #dcdcdc;float: none;padding: 0;text-align: center;border-radius: 5px;margin:0 20px 20px 0; }
	.pro_feach .on { background-color: #c70008;color:#f0f0f0 !important; } 
	.bio_box dl .pat { font-size: 1.5em; }
	.bio_box p { font-size: 1.3em; }
	.pro_feach ul a:first-child+a,.pro_feach ul a:first-child+a+a+a { margin-right:0; }
	.bg h3 { font-size: 2.4em; }
	.bg p { font-size: 1.4em; }
	.protopyr .yureicon { display: none; }
	.protopyr a.ared { margin-right: 40px !important; }
	.proctleft .part .ptitle h3 { width: 30%;margin-bottom: 20px;}
	.procontent .proctleft .ptitle p { width: 70%; } 
	.proctorder dd { display: none; }
    .protopin { height:auto; }
	#part_5 { margin-top: 0; }
	.protopinlf { float:none;width:auto;padding-bottom:15px; }
	.protopinrt dl dt { padding-top: 30px;text-align:center; }
	.protopinrt { float: none;width: 100%;margin-top: 55px; } 
	.protopinrt dl dt h1 { font-size: 1.6em; }
	.protopinrt dl dt span { font-size: 1.2em; }
	.protopinbt a { width: 100px;height: 35px;border-radius: 5px;line-height: 35px; }
	.protopinbt { width: 244px;margin:0 auto;display:none; } 
    .protopinrt dl dd { font-size:1.0em;display:none; }
	.procontent .proctleft .pro_nav em { display: none; }
	.bio_box img { border-radius: 10px; }
  	.pro_cover_bg {background:url("/skin/static/images/product-bg-4.jpg") center;height: 150px;margin-top:55px;}
  	.pro_bg_yr {background:url("/skin/static/images/product-bg-yr-4.jpg") center;height: 150px;margin-top:55px;}
  	.pro_bg_yq {background:url("/skin/static/images/product-bg-yq-4.jpg") center;height: 150px;margin-top:55px;}
  	.pro_bg_swz {background:url("/skin/static/images/product-bg-swz-4.jpg") center;height: 150px;margin-top:55px;}
  	.pro_bg_rm {background:url("/skin/static/images/product-bg-rm-4.jpg") center;height: 150px;margin-top:55px;}
    .procttop { margin-top:55px;}
	.protopyr { height: 200px; background-size: cover !important; }
  .protopinlf img { margin-top:0; }
  .rele_pro dl dd p em { font-size:0.8em;line-height:25px; }
}

@media (min-width: 540.7px) and ( max-width: 768px ){
	.container {width: auto; padding-left: 3%; padding-right: 3%;}
	table#content tr td:first-child { width: 50px; }
	table#content tr td:first-child +td { width: 60px; }
	table#content tr td:first-child +td +td { width: 60px; }
	table#content tr td:first-child +td +td +td { width: 36px; }
	table#content tr td:first-child +td +td +td +td { width: 60px; }
  	table#content2 tr td:first-child { width: 50px; }
	table#content2 tr td:first-child +td { width: 60px; }
	table#content2 tr td:first-child +td +td { width: 60px; }
	table#content2 tr td:first-child +td +td +td { width: 36px; }
	table#content2 tr td:first-child +td +td +td +td { width: 60px; }
	.param { position: relative;  }
	#title { width: 130px !important; position: absolute;top:0;left: 0;z-index: 99; }
	#content { width: calc(100% - 130px) !important; display: block;float: left;margin-left: 130px;overflow-x: scroll; }
	#content thead,#content tbody { width: 620px; }
	#content::-webkit-scrollbar { height: 4px; }
  	#title2 { width: 130px !important; position: absolute;top:382px;left: 0;z-index: 99; }
	#content2 { width: calc(100% - 130px) !important; display: block;float: left;margin-left: 130px;overflow-x: scroll; }
	#content2 thead,#content2 tbody { width: 620px; }
	#content2::-webkit-scrollbar { height: 4px; }
	.pro_feach .chat { display: none; }
	.bio_box { margin-bottom: 0; }
	.bio_box dl { width: 100%; }
	.bio_box dt { width: 40%;padding-top: 20px; }
	.w900 { width: 350px; }
	.ljzx { display: none; }
	.reprolist { width: 510px;margin:0 auto; }
	.reprolist li { width: 165px;margin:0 20px 20px 0;padding:0 40px 40px;border-radius: 28px 0;}
	.reprolist li:nth-child(2n) { margin-right: 0; }
	.cprolist { float: none; }
	.cproyure { width:508px;margin:0 auto;  } 
	.cproyure .yurepic { display: none; }
	.yq_box {  width: 514px;margin:0 auto; }
	.cproyure li { width: 239px;margin-bottom: 20px; }
	.cproyure li:first-child + li,.cproyure li:first-child + li+ li+ li { margin-left: 0; }
	.yq_box dl { width: 239px;height: 255px;border-radius: 5px; }
	.yq_box dl:first-child+dl { margin-right: 0; }
	.probtadva { margin:60px auto 80px; }
	.probtadva dd { width: 157px; }
	.probtadva dd:nth-child(3n+1) { margin-right: 0; }
	.probtadva dd img { padding:60px 51px 70px; }
	.fr form,.protoplist { display: none; }
	.proctleft { width: 100%;float: none; }
	.pro_nav ul a { width: 20%;font-size: 1.4em; }
	.proctrbox,.procapa,.probtadva { display: none; }
	#part_1 img { display: block;margin:0 auto; }
	.rele_pro dl { width: 100%;margin:20px 0;float: none;border-radius: 10px;}
	.rele_pro dl dt { width: 230px;height:auto; }
	.rele_pro dl:first-child+dl { margin-right: 0; }
	.proctleft .yq_box dl { width: 233px;height: 239px; }
	.protitle .hmtitlert { display: none; }
	.protitle { text-align: center;float: none;padding-top: 30px; }
	.hmtitlelf { float: none; }
	.cproyure li:hover .getq a { border-radius: 5px; }
	.proltcover { margin-bottom: 0;padding-bottom: 20px; }
	.reprotitle h3,.hmtitlelf h3 { font-size: 2.4em; }
	.pro_feach { font-size: 1.3em;margin:30px 0; }
	.pro_feach ul a:after { display: none; }
	.pro_feach ul { float: none;height: auto;width: 501px;margin:0 auto; }
	.pro_feach ul a {display: inline-block; width: 100px;height: 38px;line-height: 38px;border:1px solid #dcdcdc;float: none;padding: 0;text-align: center;border-radius: 10px;margin:0 10px; }
	.pro_feach .on { background-color: #c70008;color:#f0f0f0 !important; } 
	.bio_box dl .pat { font-size: 1.5em; }
	.bio_box p { font-size: 1.3em; }
	.procontent .proctleft .ptitle p { width: 80%; } 
	.proctorder dd { display: none; }
	.protopyr .yureicon { width: 364px;margin:0 auto;padding-top: 480px; }
	.protopyr .yureicon a { display: inline-block; width: 150px;height: 38px; line-height: 38px;float: none;margin:0; }
	.protopyr a.ared { margin-right: 60px !important; }
	.proctleft .part .ptitle h3 { width: 20%;margin-bottom: 20px;margin-top: 20px; }
	.proctleft .part .ptitle p { margin-top: 20px; }
	#part_5 { margin-top: 0; }
	.protopinrt { float: none;width: 100%; } 
	.protopinrt dl dd.pintro { display: none; }
	.protopinrt dl dt { text-align: center;margin-bottom:40px;padding-top: 40px; }
	.protopinbt { display: none; }
	.protopinlf { float: none;width:540px;margin:0 auto;}
	.protopinlf img { margin-top: 0; }
	.protopin { height: auto; }
    .protopinrt { margin-top:0; }
	.protopinrt dl dd { width: 375px;font-size: 1.8em;margin:20px auto;line-height: 38px;display:none; }
	.protopinrt dl dd span { width: 150px;margin-right: 30px;color:#999999; }
	.pro_cover_bg {background:url("/skin/static/images/product-bg-4.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_yr {background:url("/skin/static/images/product-bg-yr-4.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_yq {background:url("/skin/static/images/product-bg-yq-4.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_swz {background:url("/skin/static/images/product-bg-swz-4.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_rm {background:url("/skin/static/images/product-bg-rm-4.jpg") center;height: 200px;margin-top:55px;}
    .procttop { margin-top:55px;}
	.protopyr { height: 300px; background-size: cover !important; }
    .rele_pro dl dd { float:none;padding-left:260px; }
  .rele_pro dl dd span { width:100%; }
}


@media (min-width: 768.7px) and (max-width: 991.7px) {
	.container {width: 750px; margin: 0 auto;} 
	table { font-size: 0.8em; }
	table#title thead td { height: 40px; }
	.pro_feach .chat { width: 180px; }
	.bio_box dl { width: 370px;height: 180px; margin-right: 10px; }
	.bio_box dt { width: 180px;padding-top: 30px;height: auto; }
	.bio_box dd { width: 165px; }
	.bio_box span { display: none; }
	.bio_box dl .con, .bio_box dl .chat { width: 53px; }
	.reprolist li { width: 140px;padding: 0 20px 40px;margin:0 10px 40px 0; }
	.reprolist li .text h4 { font-size: 1.4em; }
	.cproyure .yurepic { display: none; }
	.cproyure li { width: 165px; }
	.cproyure li:first-child+li { margin-left: 0; }
	.yq_box dl { width: 359px;height: 315px; }
	.yq_box dl:first-child+dl { margin-right: 0; }
	.probtadva dd { width: 234px; }
	.probtadva dd:nth-child(3n+1) { margin-right: 0; }
	.probtadva dd img { padding:60px 85px 70px; }
	.proctleft { width: 100%;float: none; }
	.pro_nav ul a { width: 150px; }
	.proctrbox,.procapa,.protoplist,.yureicon { display: none; }
	#part_1 img { display: block;margin:0 auto; }
	.rele_pro dl dt { width: 290px; }
	.rele_pro dl dt img { padding-top: 10px;}
	.proctleft .yq_box dl { width: 233px;height: 239px; }
	.procontent .proctleft .ptitle p { width: 650px; } 
	.proctorder dd { display: none; }
	.protopyr .yureicon { width: 364px;margin:0 auto;padding-top: 480px; }
	.protopyr .yureicon a { display: inline-block; width: 150px;height: 38px;line-height: 38px;float: none;margin:0; }
	.protopyr a.ared { margin-right: 60px !important; }
	.protopin { height: 350px; }
	.protopinrt { width: 360px;font-size: 1.4em;margin-left: 50px; }
	.protopinrt dl dt h1 { font-size: 1.8em; }
	.protopinrt dl dt span,.protopinrt dl dd { font-size: 1em; }
	.protopinlf { width: 300px; }
	.protopinrt dl dd.pintro { display: none; }
	.protopinbt a { width: 120px; }
	.pro_cover_bg {background:url("/skin/static/images/product-bg-3.jpg") center;height: 300px;margin-top:55px;}
  	.pro_bg_yr {background:url("/skin/static/images/product-bg-yr-3.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_yq {background:url("/skin/static/images/product-bg-yq-3.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_swz {background:url("/skin/static/images/product-bg-swz-3.jpg") center;height: 200px;margin-top:55px;}
  	.pro_bg_rm {background:url("/skin/static/images/product-bg-rm-3.jpg") center;height: 200px;margin-top:55px;}
    .bio_box dl .pat { font-size:1.4em;height:30px; } 
    .procttop { margin-top:55px;}
	.protopyr { height: 400px; background-size: cover !important; }
}

@media (min-width: 992px) and (max-width: 1199.7px){
	.container {width: 980px; margin: 0 auto;}
	.bio_box dl { width: 470px; }
	.bio_box dt { width: 235px;padding-top: 23px;height: auto; }
	.bio_box dd { width: 210px; }
	.cproyure li { width: 172px; }
	.yq_box dl { width: 220px; }
	.probtadva dd { width: 143px; }
	.probtadva dd img { padding:60px 44px 70px; }
	.protopyr a.ared { margin-right: 60px !important; }
	.proctleft { width: 100%;float: none; }
	.pro_nav ul a { width: 196px; }
	.proctrbox { display: none; }
	#part_1 img { display: block;margin:0 auto; }
	.rele_pro dl {margin:20px 20px 20px 0;}
	.rele_pro dl:first-child+dl { margin-right: 0; }
	.proctleft .yq_box dl { width: 313px;height: 290px;margin:20px 20px 20px 0; }
	.proctleft .yq_box dl:first-child+dl+dl { margin-right: 0; }
	.reprolist li { width: 171px;padding: 0 25px 40px; }
	.hmform input.phone { width: 150px; }
	.proctorder dd { display: none; }
	.procontent .proctleft .ptitle p { width: 880px; }
	.protopyr .yureicon { width: 364px;margin:0 auto;padding-top: 480px; }
	.protopyr .yureicon a { display: inline-block; width: 150px;height: 38px;line-height: 38px;float: none;margin:0; }
	.protopinlf { width: 450px; }
	.protopin  { height: 400px; }
	.protopinrt dl dd.pintro { display: none; }
	.protopinlf img { margin-top: 50px; }
	.protopinbt { margin-top: 25px;margin-left: 50px; }
	.protopinrt dl { margin-left:50px; }
	.pro_cover_bg {background:url("/skin/static/images/product-bg-2.jpg") center;height: 400px;}
  	.pro_bg_yr {background:url("/skin/static/images/product-bg-yr-2.jpg") center;height: 300px;}
  	.pro_bg_yq {background:url("/skin/static/images/product-bg-yq-2.jpg") center;height: 300px;}
  	.pro_bg_swz {background:url("/skin/static/images/product-bg-swz-2.jpg") center;height: 300px;}
  	.pro_bg_rm {background:url("/skin/static/images/product-bg-rm-2.jpg") center;height: 300px;}
    .bio_box dl .pat { font-size:1.6em; }
}

@media (min-width: 1200px) {
.container {width: 1200px; margin: 0 auto;}
}