/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"Microsoft YaHei"; background-color:#f6f7fb; font-size:12px;
}
*{ font-family:"Microsoft YaHei";}
@font-face {
  font-family: "HYJunHei-CEJ";
  src: url("/fonts/HYJunHei-CEJ.woff2") format("woff2"),
       url("/fonts/HYJunHei-CEJ.woff") format("woff"),
       url("/fonts/HYJunHei-CEJ.ttf") format("truetype"),
       url("/fonts/HYJunHei-CEJ.eot") format("embedded-opentype"),
       url("/fonts/HYJunHei-CEJ.svg") format("svg");
}
@font-face {
  font-family: "hklhj";
  src: url("/fonts/hklhj.woff2") format("woff2"),
       url("/fonts/hklhj.woff") format("woff"),
       url("/fonts/hklhj.ttf") format("truetype"),
       url("/fonts/hklhj.eot") format("embedded-opentype"),
       url("/fonts/hklhj.svg") format("svg");
}
dl,dt,dd,li,p,ul,h,h1,h2,h3,h4,h5,h6,b{ margin:0px; padding:0px; font-weight:normal;}
li,ul {list-style-type:none;}
span,i,em,b,e{font-style: normal;}
img{border:none;border:0;vertical-align:middle;}

textarea{outline:none;}



input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none;}
input{ outline:none;}
a{

  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.q1{max-width:640px;min-width:320px;margin:0 auto;overflow:hidden;position:relative;}
.q2{ width:95%; margin:0 auto; overflow:hidden; margin-top:0.2rem; border-radius:0.1rem;}
.q2 img{ width:100%;}
.q5{ width:95%; margin:0 auto; overflow:hidden; margin-top:0.2rem;}

.q3{ width:85%; float:left; background-color:#FFFFFF; border-radius:0.5rem; overflow:hidden;}
.q3 dl{ width:85%; float:left;}
.q3 dt{ float:right; width:15%;}
.q4{
	width:100%;
	line-height:0.5rem;
	box-sizing:border-box;
	border-top-style: none; font-size:0.23rem; color:#666666; padding-left:0.2rem;
	border-right-style: none;background-color: unset !important;
	border-bottom-style: none;outline: medium;
	border-left-style: none;
}

.q6{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;background-color: transparent; text-align:center; width:100%;outline: medium;
}
.q6 span{ display:inline-block; line-height:0.5rem; font-size:0.3rem; cursor:pointer; color:#6c6c6c;}
.q7{ width:95%; margin:0 auto; overflow:hidden; margin-top:0.3rem;}
.q7 span{ width:0.1rem; height:0.3rem; display:inline-block; background-color:#2cb68c; float:left; border-radius:2px;  margin-top:0.05rem;}
.q7 p{ font-size:0.3rem; color:#000000; font-weight:bolder; margin-left:0.1rem; float:left;}
.q7 em{ display:inline-block; float:right; font-size:0.22rem; color:#666666; cursor:pointer;}
.q7 e{ display:inline-block; font-size:0.22rem;}
.q8{ float:right; text-align:center;}
.q8 span{ display:inline-block; width:0.3rem; height:0.3rem; text-align:center; line-height:0.3rem; font-size:0.2rem; color:#FFFFFF; border-radius:0.5rem;background: -webkit-linear-gradient(left,#ffd07f, #ff8e29); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#ffd07f, #ff8e29); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#ffd07f, #ff8e29); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#ffd07f, #ff8e29); /* 标准的语法（必须放在最后） */}
.q8 p{ background-color:#d6384c; font-size:0.15rem; color:#FFFFFF; border-radius:0.3rem; padding-left:0.15rem; padding-right:0.15rem;}
.q9{ float:right; line-height:0.5rem;}
.q9 span{ display:inline-block; font-size:0.45rem; color:#d6384c; cursor:pointer;}
.q10{ width:95%; margin:0 auto; background-color:#FFFFFF; margin-top:0.2rem; overflow:hidden; border-radius:0.1rem; padding-bottom:0.2rem; box-shadow: 0 0 7px #d6d6d6; margin-bottom:0.2rem;}
.q11{ overflow:hidden; width:95%; margin:0 auto;}
.q11 li{ float:left; width:25%; text-align:center; margin-top:0.2rem;}
.q11 img{ width:85%;}
.q11 p{ font-size:0.22rem; color:#474747;}
.q12{
	width:95%;
	margin:0 auto;
	overflow:hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ededed; margin-top:0.2rem;
}
.q12 img{ float:left; height:0.5rem; margin-top:0.2rem;}
.q12 dl{ float:right; width:78%; overflow:hidden; line-height:0.5rem; margin-top:0.2rem;}
.q12 p{ font-size:0.24rem; float:left; color:#666666; cursor:pointer; width:87%;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q12 span{ display:inline-block; float:right; font-size:0.3rem; color:#d6384c;}
.q13{ width:95%; margin:0 auto; overflow:hidden; margin-top:0.2rem; border-radius:0.1rem;background: -webkit-linear-gradient(top,#ff848d, #e71c20); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top,#ff848d, #e71c20); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top,#ff848d, #e71c20); /* Firefox 3.6 - 15 */
    background: linear-gradient(top,#ff848d, #e71c20); /* 标准的语法（必须放在最后） */}
.q14{
	overflow:hidden;
	box-sizing:border-box;
	border-radius:0.1rem;
	background-color:rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding:0.2rem;
	background-image: url(../images/casesa.png);
	background-position: right top;
	background-repeat: no-repeat;
}
.q15{
	overflow:hidden;
	line-height:0.7rem;
	font-size:0.27rem;
	color:#FFFFFF;
	font-family: "HYJunHei-CEJ";
	font-weight:bolder;
	background-image: url(../images/casesa.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.q15 span{ display:inline-block; font-size:0.35rem; margin-left:0.2rem; color:#fbe5c9; float:left; font-weight:normal; margin-right:0.05rem;}
.q16{ height:1rem; overflow:hidden;}
.q17{ overflow:hidden; width:100%;}
.q17 li{ float:left; width:230px; overflow:hidden; margin-right:10px; border-radius:0.1rem;}
.q17 dl{ height:150px; overflow:hidden;}
.q17 img{ width:100%; height:150px; object-fit: cover;}
.q17 p{ text-align:center; padding-bottom:0.1rem; padding-top:0.1rem; background-color:#990000; color:#FFFFFF; font-size:0.22rem;overflow: hidden;/*超出部分隐藏*/
white-space: nowrap;/*不换行*/
text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q18{ width:95%; margin:0 auto; overflow:hidden; margin-top:0.4rem;}
.q18 span{ display:inline-block; float:left; font-size:0.3rem; font-family: "HYJunHei-CEJ"; font-weight:bolder; color:#333333;}
.q18 em{ display:inline-block; float:right; line-height:0.4rem; font-size:0.22rem; color:#666666;}
.q18 i{ display:inline-block; font-size:0.3rem; float:right;}
.q19{ overflow:hidden; margin-top:0.2rem;}
.q19 li{ float:left; margin-left:2%; width:47%; overflow:hidden; border-radius:0.1rem; background-color:#FFFFFF; margin-top:0.2rem;}
.q19 img{ width:100%;}
.q19 dl{ padding:0.15rem; overflow:hidden;}
.q19 p{ font-size:0.27rem; color:#666666; text-align:justify; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q19 span{
	display:inline-block;
	line-height:0.35rem; margin-top:0.1rem;
	padding-left:0.15rem;
	padding-right:0.15rem; font-size:0.18rem;
	border: 1px solid #ff94a2; margin-right:0.05rem; border-radius:3px; color:#ff94a2;
}
.q20{max-width:640px;min-width:320px;margin:0 auto;overflow:hidden;}
.q21{
	width:100%;
	line-height:0.5rem;
	box-sizing:border-box;
	border-top-style: none; font-size:0.23rem; color:#666666; padding-left:0.2rem;
	border-right-style: none; background-color:#f7f7f7;
	border-bottom-style: none;outline: medium;
	border-left-style: none;
}
.q22{ width:85%; float:right; background-color:#f7f7f7; border-radius:0.5rem; overflow:hidden;}
.q22 dl{ width:85%; float:left;}
.q22 dt{ float:right; width:15%;}
.q23{ float:left; line-height:0.5rem; overflow:hidden;}
.q23 span{ display:inline-block; font-size:0.3rem; color:#333333;}
.q24{
	background-color:#f7f7f7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f0f0f0;
}
.q25{ width:100%; margin:0 auto; overflow:hidden; padding-top:0.2rem; padding-bottom:0.2rem; box-sizing:border-box; padding-left:2.5%; padding-right:2.5%; background-color:#FFFFFF;}
.q26{ width:95%; margin:0 auto; margin-top:0.2rem; padding-bottom:0.2rem;}
.q26 li{ overflow:hidden; margin-top:0.2rem;}
.q26 img{ width:30%; border-radius:0.1rem;}
.q26 dl{ float:right; width:65%;}
.q26 p{ font-size:0.25rem; color:#666666; text-align:justify; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
.q26 span{
	display:inline-block;
	margin-top:0.1rem;
	font-size:0.18rem;
	margin-right:0.05rem; color:#ff94a2;
}
.q27{
	overflow:hidden;
	padding-bottom:0.1rem;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e6;
}
.q27 ul{white-space: nowrap;overflow-x: auto; margin-top:0.2rem;}
.q27 ul li{display: inline-block; margin-left:0.2rem; position: relative; font-size:0.3rem; font-weight:bolder;  overflow:hidden;}
.q27 .av{
	color:#d6384c;

}
.q28{ width:95%; margin:0 auto; overflow:hidden; font-size:0.2rem; font-family: "HYJunHei-CEJ"; color:#333333; margin-top:0.2rem;}
.q29{ overflow:hidden; background-color:#FFFFFF;}
.q29 span{ display:inline-block; font-size:0.35rem; color:#333333; cursor:pointer; float:left; line-height:0.7rem; width:10%; text-align:center;}
.q29 dl{ width:80%; text-align:center; line-height:0.7rem; font-size:0.3rem; color:#333333; font-weight:bolder;font-family: "HYJunHei-CEJ"; float:left;}
.q29 em{ display:inline-block; font-size:0.35rem; color:#333333; cursor:pointer; float:right; line-height:0.7rem; width:10%; text-align:center;}
.q30{ overflow:hidden; width:95%; margin:0 auto;}
.q30 li{ overflow:hidden; padding-top:0.2rem; padding-bottom:0.1rem; border-bottom-width: 0px; background-color:#FFFFFF;border-radius:5px; margin-top:0.1rem;
	border-bottom-style: solid;
	border-bottom-color: rgba(0, 0, 0, 0.08);}
.q30 dl{ float:left; width:95%; font-size:0.3rem; color:#000; padding-left:2%;box-sizing:border-box;overflow: hidden;/*超出部分隐藏*/
	white-space: nowrap;/*不换行*/
	text-overflow:ellipsis;/*超出部分文字以...显示*/}
.q30 dt{ font-size:0.2rem; color:#666666; padding-top:0.2rem;}
.q30 span{ float:right; width:0.2rem; color:#666;box-sizing:border-box; margin-right:0.1rem; margin-top:0.13rem; font-size:0.2rem;}
.q31{ text-align:center; overflow:hidden; margin-top:0.2rem; padding-bottom:0.2rem;}
.q31 span{ display:inline-block; line-height:0.5rem; padding-left:0.3rem; padding-right:0.3rem; background-color:#e9e9e9; font-size:0.23rem; color:#333; cursor:pointer; margin-left:0.05rem; margin-right:0.05rem; border-radius:4px;}
.q31 .q32{ background-color:#d6384c; color:#FFFFFF;}
.q33{ overflow:hidden; }
.q34{ text-align:center; font-size:0.3rem; padding-bottom:0.2rem; padding-top:0.2rem;}
.q35{ width:95%; margin:0 auto; overflow:hidden; font-size:0.27rem; color:#333; line-height:180%; background-color:#FFFFFF; padding:0.1rem 0.2rem 0.2rem 0.2rem; box-sizing:border-box; border-radius:0.1rem;
}
.q35 p{ margin-top:0.1rem;}
.q35 img{ width:100%;}
.q35 strong{ color:#d6384c;}
.q36{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	position: fixed;
	z-index:999999999999999999999;
}
.q37{
	max-width:640px;
	min-width:320px;
	margin:0 auto; overflow:hidden;
	background-color:#ffffff;
	border-bottom-width: 1px; text-align:center;
	border-bottom-style: solid;
	border-bottom-color: #f4f4f4;
}
.q37 li{ float:left; width:50%; line-height:0.7rem; font-size:0.25rem; cursor:pointer; height:0.7rem; font-weight:bolder;font-family: "HYJunHei-CEJ"; color:#333333;}
.q37 .q39{
	background-image: url(../images/wee.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.q38{ height:0.85rem; overflow:hidden;}
.q39{
	overflow:hidden;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e6;
}
.q39 ul{white-space: nowrap;overflow-x: auto; margin-top:0.2rem;}
.q39 ul li{display: inline-block; margin-left:0.15rem; position: relative; overflow:hidden; text-align:center; background-color:#FFFFFF; padding:0.1rem;}
.q39 img{ width:1rem;}
.q39 p{ font-size:0.2rem; color:#333333;}
.q39 .av p{
	color:#d6384c;

}
.q40{ overflow:hidden;}
.q40 img{ width:100%;}
.q41{ width:95%; margin:0 auto; margin-top:0.2rem; padding:0.2rem; box-sizing:border-box; background-color:#FFFFFF; border-radius:0.1rem; overflow:hidden;}
.q41 p{ font-size:0.35rem; color:#333333; font-weight:bolder;font-family: "HYJunHei-CEJ"; margin-bottom:0.1rem;}
.q41 li{ float:left; width:50%; overflow:hidden; font-size:0.22rem; color:#666666; padding-bottom:0.1rem; padding-top:0.1rem;  box-sizing:border-box;}
.q41 dl{ overflow:hidden; padding-bottom:0.1rem;}
.q41 span{
	display:inline-block;
	line-height:0.35rem; margin-top:0.1rem;
	padding-left:0.15rem;
	padding-right:0.15rem; font-size:0.18rem;
	border: 1px solid #c58e68; margin-right:0.08rem; border-radius:3px; color:#c58e68;
}
.q42{ width:95%; margin:0 auto; background-color:#FFFFFF; margin-top:0.2rem; font-size:0.32rem; padding-bottom:0.2rem; padding-top:0.2rem; color:#333333; text-align:center; font-weight:bolder;font-family: "HYJunHei-CEJ";}
.q43{
	width:95%;
	margin:0 auto;
	overflow:hidden;
	margin-top:0.2rem;
	background-color:#FFFFFF;
	padding:0.2rem;
	box-sizing:border-box;
	border-radius:0.1rem;
	font-size:0.25rem;
	text-align:justify;
	line-height:180%;
	color:#333333;
	background-image: url(../images/bj.jpg);
	background-repeat: no-repeat;
	background-position: left center;background-attachment:fixed;
}
.q43 p{ margin-top:0.15rem;}
.q43 img{ width:100%;}
.q43 strong{ color:#d6384c;}
.q45{ text-align:center; font-size:0.3rem; padding-top:50vh; color:#666;}


















/*产品展示样式*/
#ProList{ }
p#change{ float:left; width:25%;}
p#change span{ display:inline-block; line-height:0.8rem; font-size:0.25rem; padding-left:0.2rem; width:100%; box-sizing:border-box; font-family: "HYJunHei-CEJ"; font-weight:bolder;}
p#change span.hover{
	background-color:#FFFFFF;
	color:#d6384c;
	background-image: url(../images/dd.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#ProList div.changeCon{
	display:none; width:75%; float:right; background-color:#FFFFFF; height:93vh; overflow:auto;
}




    .m_head_nav {
        position: fixed;
        top: 100%;
        left: 100%;
        width: 0;
        height: 0;
        z-index: 9999999999;
        overflow-y: scroll;
        background-color:#f7f7f7;
        opacity: 0;
        transition: left .2s;
    }

    .m_head_nav.on {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 1;
        transition: left .2s;
    }



.clear{ clear:both;}
.e21{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	position: fixed;
	z-index:999999999999999999999;
}
.e22{
	max-width:640px;
	min-width:320px;
	margin:0 auto;
	background-color:#ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d5d5d5;
}
.e22 li{
	width:25%;
	float:left;
	text-align:center;
	box-sizing:border-box;
	color:#909090;
	overflow:hidden; padding-bottom:0.1rem; padding-top:0.1rem;
	cursor:pointer;
}
.e22 span{ font-size:0.35rem;}
.e22 p{ font-size:0.22rem; margin-top:0.05rem;}
.e22 li:nth-child(4n){border-right-width: 0px; }
.e22 .e23{ color:#d6384c;}