/*Generated by wjdhcms 3.0 */



.product-message .btn-tj {



	background-color: #2f2f2f;



}

.case-list li .more {



	background-color: #2f2f2f;



}



.news-tab .on {



	background-color: #2f2f2f;



}



.news-top .info span{



	background-color: #2f2f2f;



}



.pages .current {



	background-color: #2f2f2f;



	border: 1px solid #2f2f2f;



}



.product-info a svg {



	fill: #2f2f2f;



}



.driving-way .hd li.on {

    background-color: #2f2f2f;

}





.social_nav5 li.cur{ background:#2f2f2f;}





.social_nav5 .erji{ border: 0.083rem solid #2f2f2f;}



.social_nav5 .erji a{border-bottom:0.083rem solid #2f2f2f; display:block;color:#2f2f2f; }



.m-hz .prev,.m-hz .next { border:solid 1px #2f2f2f;}





.m-ph{ background:#2f2f2f; }



.social_nav5{background-color:#2f2f2f;}



.g-ft h2{  background:#2f2f2f; }



/*tb*/

/*tb*/

html{font-size: 85%;}







.g_hd{overflow:hidden;background:#fff;height:5.5em; border-top:3px solid #EEEEEE;border-bottom: 1px solid #ececec;}



  .m-logo{float:left;padding-left:2%;padding-top:2%;width:32%;height:auto;}



.m-logo img{width:100%;height:auto;}











.m-tel{padding-top:5%;}



.u-text{overflow:hidden;font-weight:normal;display:block;color:#666666;text-align:left;font-size: 1em;}



.u_text1{display:block;color:#666666;font-weight:bold;font-size: 1.2em;}



.g-ft{height:35em;background:#fafafa;margin-top:5%;padding-top:1.33em;position:relative;}



.g-ft:before{content:"";position:absolute;width:100%;height:2.5em;background:#fff;border-bottom:1px dashed #c7c7c7;left:0;top:0;z-index:0;}



.g-ft:after{background:url(../images/up.jpg) no-repeat;display:block;left:48%;top:1%;-webkit-background-size:100%;width:1em;height:0.583em;content:"";position:absolute;-moz-background-size:100%;-o-background-size:100%;z-index:9;}



.u_up{position:relative;z-index:1;}



.u_up span{background:#2f2f2f;width:32%;display:block;border-radius:1em;text-align:center;color:#fff;margin:0 auto;font-size:1.33em;padding:1% 0;}

.u_up span{background:#2f2f2f;}

.g_fnav{padding:5% 3% 0 3%;    height: auto;



    overflow: hidden;}



.g_fnav a{display:block;border:1px solid #dedede;background:#fff;width:31%;height:1.83em;line-height:1.83em;text-align:center;margin-right:2%;margin-bottom:3%;float:left;font-size:1em;color:#33322d;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



.g_fnav a:nth-child(3n){margin-right:0;}



.g-ft .u_ba{font-size:1em;color:#505050;text-align:center;padding:3% 0 0% 0;}



.g-ft .u_ba img{ width:35%;}



.g-ft .u_ba a{ color:#333333;}



.g-ft .u_code{margin:0 auto 20%;width:43%;display:block;}



.g-ft .u_code img{width:100%;}



.g-ft .u_code em{display:block;text-align:center;height:2em;line-height:2em;color:#1d1d1d;font-size:1em;}



.g_fnav1{border-top:1px solid #e1e1e1;width:100%;background:#b12128;position:fixed;bottom:0;max-width:640px;min-width:320px;height:4.5em;z-index:99;background:#fdfcfc;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfcfc),to(#dcdcdc));background-image:-webkit-linear-gradient(top,#fdfcfc,#dcdcdc);background-image:-moz-linear-gradient(top,#fdfcfc,#dcdcdc);background-image:-o-linear-gradient(top,#fdfcfc,#dcdcdc);background-image:-ms-linear-gradient(top,#fdfcfc,#dcdcdc);background-image:linear-gradient(top,#fdfcfc,#dcdcdc);}



.g_fnav1 li{float:left;width:25%;height:auto;position:relative;padding-top:0.8em;}



.g_fnav1 li:before{background:url(../images/line2.png) no-repeat;width:0.083em;height:4.5em;content:"";position:absolute;right:0;top:0;background-size:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;z-index:8;}



.g_fnav1 a:nth-child(4) li:before{background:none;}



.g_fnav1 a:nth-child(4) li{background:#2f2f2f;}



.g_fnav1 a:nth-child(4) li span{color:#fff;}



.g_fnav1 li em{display:block;text-align:center;width:29%;margin:0 auto;height:2.25em;}



.g_fnav1 li em img{width:100%;}



.g_fnav1 li span{display:block;font-size:1em;color:#171717;text-align:center;}



.g_fnav1 .u_lst8{position:absolute;border:1px solid #e1e1e1;bottom:4.4em;left:46%;width:8em;background:#fff;border-radius:0.5em;}



.g_fnav1 .u_lst8:before{background:url(../images/ico.jpg) no-repeat;width:1.16em;height:0.5em;content:"";position:absolute;left:46%;bottom:-0.5em;background-size:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;z-index:8;}



.g_fnav1 .u_lst8 li{height:2.2em;line-height:2.2em;width:8em;text-align:center;padding-top:0;border-bottom:1px solid #e1e1e1;}



.g_fnav1 .u_lst8 li:last-child{border-bottom:none;}



.g_fnav1 .u_lst8 li:before{background:none;}



.g_fnav1 .u_lst8 li a{color:#1e1e1e;height:2.2em;line-height:2.2em;display:block;font-size:1em;}



.g_fnav1 .u_lst8 li:nth-child(1){background:none;}



.g-back {



    overflow: hidden;



    position: relative;



    text-align: right;



    margin-top: 1px;



    height: 38px;



    padding: 7px 11px 0 9px;



}.g-back .u-bp {



    background-position: 0 0;



}



.g-back a {



    display: inline-block;



    font-size: .875em;



    height: 32px;



    line-height: 28px;



    width: 32px;



    position: relative;



}











.m-btit{line-height: 35px;padding-left: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-top: 1px solid #d9d9d9;box-shadow: 0 1px #fff;position: relative;background-color: #f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);background-image: linear-gradient(top, #f6f6f6, #eaeaea);border-bottom: 1px solid #d9d9d9}



.m-btit:before{content: "";position: absolute;left: 0;top: 0;width: 100%;border-top: 1px solid #fff}



.m-btit span{padding: 0 8px;position: relative;height: 100%;top: -12px;display: inline-block}



.m-btit span:before{content: "";position: absolute;background: #7c7c7c;width: 8px;height: 8px;left: 2px;top: 3px;z-index: 10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}



.m-btit span:after{content: "";position: absolute;width: 8px;height: 8px;left: 1px;top: 3px;z-index: 11;background-color: #f2f2f2;background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eee));background-image: -webkit-linear-gradient(top, #f2f2f2, #eee);background-image: -moz-linear-gradient(top, #f2f2f2, #eee);background-image: -o-linear-gradient(top, #f2f2f2, #eee);background-image: -ms-linear-gradient(top, #f2f2f2, #eee);background-image: linear-gradient(top, #f2f2f2, #eee);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg)}



/*index*/

/*index*/

@charset "utf-8";/* CSS Document*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea{margin:0;padding:0;}

body{font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;padding-top:1px;background:#fff;}

li, ol{list-style:none;}

ins{text-decoration:none;}

i, em{font-style:normal;}

a{text-decoration:none;font-family:"Microsoft Yahei";}

a:hover{cursor:pointer;text-decoration:none;}

a:active{star:expression(this.onFocus=this.blur());}

:focus{outline:0;}

.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

img{padding:0;margin:0;}

a img{border:none;}

input,textarea{border:none;font-family:"Microsoft Yahei";font-size:13px;}

h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;}





/*nav*/





.m_tel {

	margin:2% 3% 0 3%;

	background:#2f2f2f;

	height:2.75em;

	line-height:2.75em;

	border-radius:0.5em;

	width:74%;

	padding-left:20%;

}

.m_tel {

	display:block;

	color:#fff;

	font-weight:normal;

	font-size:1em;

	position:relative;

}

.m_tel:before {

	background:url(../images/tel1.gif) no-repeat;

	display:block;

	left:10%;

	top:23%;

	-webkit-background-size:100%;

	width:1.583em;

	height:1.75em;

	content:"";

	position:absolute;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:9;

}

.m_tel b {

	color:#fff;

	font-size:1.5em;

	font-family:arial;

}

.m_nav {

	margin:3% 3% 0 3%;

	height:17.66em;

}

.m_nav li {

	float:left;

	width:32.5%;

	height:1.6em;

	border-radius:0.5em;

	margin-right:1%;

	margin-bottom:0.25em;

	text-align:center;

	color:#fff;

	font-size:1.08em;

	padding-top:3.4em;

	position:relative;

}

 .m_nav a:nth-child(3) li, .m_nav a:nth-child(5) li, .m_nav a:nth-child(6) li {

 margin-right:0;

}

.m_nav .li1 {

	background:#92cf68;

}

.m_nav .li2 {

	background:#58b5e1;

}

.m_nav .li3 {

	background:#fcc955;

}

.m_nav .li4 {

	width:66%;

	height:2.2em;

	background:#2f2f2f;

	padding-top:8em;

}

.m_nav .li5 {

	background:#df3eac;

}

.m_nav .li6 {

	background:#f7774c;

}

.m_nav .li1:before {

	background:url(../images/nav1.jpg) no-repeat;

	width:4em;

	height:2.5em;

	content:"";

	position:absolute;

	left:25%;

	top:10%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.m_nav .li2:before {

	background:url(../images/nav2.jpg) no-repeat;

	width:2.66em;

	height:2.5em;

	content:"";

	position:absolute;

	left:33%;

	top:10%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.m_nav .li3:before {

	background:url(../images/nav3.jpg) no-repeat;

	width:3.33em;

	height:2.08em;

	content:"";

	position:absolute;

	left:28%;

	top:16%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.m_nav .li4:before {

	background:url(../images/nav4.jpg) no-repeat;

	width:5.83em;

	height:6.333em;

	content:"";

	position:absolute;

	left:33%;

	top:13%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.m_nav .li5:before {

	background:url(../images/nav5.jpg) no-repeat;

	width:2.5em;

	height:2.41em;

	content:"";

	position:absolute;

	left:35%;

	top:10%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.m_nav .li6:before {

	background:url(../images/nav6.jpg) no-repeat;

	width:2.91em;

	height:2.91em;

	content:"";

	position:absolute;

	left:32%;

	top:10%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

/*nav*/









.g-adv {

	height:auto;

}

.g-adv .sclwrap_box, .g-adv .m-box {

	overflow:hidden;

}

.g-adv .m-box li img {

	width:100%;

}

.g-adv .m-cnt {

	background:#aaaaaa;

}

.g-adv .m-cnt li {

	float:left;

	width:33.3333%;

}

.g-adv .m-cnt li.z-on {

	background:#4a4a4a;

}

/*banner*/































































































































































































































































































































































































































































































































.g_ys {

	position:relative;

	width:94%;

	height:25.375em;

	background:#fff;

	margin:0 3%;

	padding-top:2em;

}

.g_ys h2 {

	width:100%;

	height:3.3em;

	font-size:1em;

	color:#666666;

	font-weight:bold;

	position:relative;

	text-align:center;

	z-index:0;

}

.g_ys h2 em {

	font-size:1.66em;

	display:block;

}

.g_ys h2:before {

	background:url(../images/fatit.jpg) no-repeat;

	width:100%;

	height:3.5em;

	content:"";

	position:absolute;

	left:0;

	top:0.5em;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:-1;

}

.g_ys .m-box {

	padding-top:2%;

}

.g_ys .m-cnt {

	height:1em;

	width:25%;

	position:absolute;

	left:40%;

	top:96%;

	z-index:12;

}

.g_ys .m-cnt li {

	width:0.75em;

	height:0.75em;

	display:inline;

	float:left;

	background:#aaaaaa;

	border-radius:185px;

	margin-right:0.41em;

}

.g_ys .m-cnt li.z-on {

	background:#ff4f12;

}

.g_ys .m-box .con {

	float:left;

	display:inline;

}

.g_ys .u_lst1 {

	margin:2em 1em 0 0.9em;

}

.g_ys .u_lst1 li {

	width:100%;

	float:left;

}

.g_ys .u_lst1 li img {

	width:100%;

}

.g_ys .m_gy2 {

	padding:0 1em 0 0.9em;

}

.g_ys .m_gy2 dt {

	float:left;

	width:15%;

	color:#2f2f2f;

	font-size:2.91em;

	font-family:impact;

	font-weight:normal;

}

.g_ys .m_gy2 dd {

	position:relative;

	float:left;

	width:85%;

}

.g_ys .m_gy2 h4 {

	font-size:1.5em;

	font-weight:bold;

	color:#666666;

	height:1.6em;

	line-height:1.6em;

	overflow:hidden;

}

.g_ys .m_gy2 h4 em {

	text-transform:uppercase;

	color:#e4e4e4;

	font-family:arial;

	font-size:0.55em;

	font-weight:normal;

	display:inline-block;

	padding-left:0.5em;

}

.g_ys .m_gy2 p {

	color:#5c5c5c;

	line-height:1.5em;

	font-size:1em;

}

.g_fl {

	margin:4% 3% 0 3%;

	background:#fff;

	overflow:hidden;

}

.g_fl h2 {

	font-size:1.5em;

	color:#666666;

	font-weight:bold;

	text-align:center;

	height:2.5rem;

	display:block;

	line-height:2.5rem;

}

.g_fl .m-cnt li {

	color:#fff;

	display:inline;

	float:left;

	font-size:1.25em;

	font-weight:normal;

	width:30%;

	padding-left:14%;

	position:relative;

	background-color:#2f2f2f;

	width:36%;

	white-space:nowrap;

	text-overflow:ellipsis;

	overflow:hidden;

}

.g_fl .m-cnt li:before {

	background:url(../images/ico2.jpg) no-repeat;

	width:1em;

	height:1em;

	content:"";

	position:absolute;

	left:13%;

	top:25%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.g_fl .con {

	float:left;

	display:inline;

}

.g_fl .u_lst2 {

	margin:3.5% 2% 0 2%;

}

.g_fl .u_lst2 li {

	float:left;

	width:44%;

	border-bottom:1px dashed #e2e2e2;

	height:2em;

	line-height:2em;

	overflow:hidden;

	color:#666666;

	font-size:1em;

	padding-left:6%;

	position:relative;

	white-space:nowrap;

	text-overflow:ellipsis;

	overflow:hidden;

}

.g_fl .u_lst2 li:before {

	background:url(../images/ico1.jpg) no-repeat;

	width:0.291em;

	height:0.5em;

	content:"";

	position:absolute;

	left:3%;

	top:39%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

 .g_fl .u_lst2 a:nth-child(9) li, .g_fl .u_lst2 a:nth-child(10) li {

 border-bottom:none;

}

.g_pro {

	position:relative;

	height:auto;

	margin-top:0.8em;

}

.g_pro h2 {

	display:block;

	background:#2f2f2f;

	font-size:1.16em;

	font-weight:bold;

	color:#fff;

	padding:3% 0 2.7% 6%;

	position:relative;

}

.g_pro h2:before {

	background:url(../images/ico2.jpg) no-repeat;

	width:1.41em;

	height:1.41em;

	content:"";

	position:absolute;

	right:5%;

	top:25%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:8;

}

.g_pro .m-box {

	padding-top:3%;

}

.g_pro .m-cnt {

	height:1em;

	width:25%;

	position:absolute;

	left:40%;

	top:84%;

	z-index:12;

}

.g_pro .m-cnt li {

	width:0.75em;

	height:0.75em;

	display:inline;

	float:left;

	background:#aaaaaa;

	border-radius:185px;

	margin-right:0.41em;

}

.g_pro .m-cnt li.z-on {

	background:#e97d78;

}

.g_pro .m-box .con {

	float:left;

	display:inline;

}

.g_pro .u_lst1 {

	background:#fff;

	margin:0 3%;

	padding-left:3%;

	padding-top:1em;

	height:15.25em;

}

.g_pro .u_lst1 li {

	float:left;

	width:46%;

	margin-right:3%;

}

.g_pro .u_lst1 li img {

	width:100%;

	border:1px solid #ece6e6;

	height: 8rem;

}

.g_pro .u_lst1 li em {

	display:block;

	color:#292929;

	font-size:1.08em;

	height:3em;

	line-height:3em;

	white-space:nowrap;

	text-overflow:ellipsis;

	overflow:hidden;

	text-align:center;

}

.g_js {

	margin:0 3% 0 3%;

	background:#fff;

}

.g_js h2 {

	display:block;

	font-size:1.66em;

	font-weight:bold;

	color:#666666;

	padding:8% 0 6% 0;

	text-align:center;

}

.g_js .u_lst2 {

	padding-left:3%;

	padding-bottom:3%;

}

.g_js .u_lst2 li {

	float:left;

	width:11em;

	height:7.3em;

	margin-right:2%;

	border:1px solid #e3e2e2;

	margin-bottom:2%;

	padding-top:1.1em;

}

 .g_js .u_lst2 li:nth-child(2n) {

 margin-right:0;

}

.g_js .u_lst2 li span {

	width:42%;

	display:block;

	margin:0 auto;

}

.g_js .u_lst2 li span img {

	display:block;

	width:100%;

}

.g_js .u_lst2 li em {

	display:block;

	text-align:center;

	color:#666666;

	font-size:1em;

	font-weight:bold;

	height:2em;

	line-height:2em;

	overflow:hidden;

}

.g_an {

	margin:4% 3% 0 3%;

	background:#fff;

	padding-top:1.8em;

}

.g_an h2 {

	width:100%;

	height:3.3em;

	font-size:1.66em;

	color:#666666;

	font-weight:bold;

	position:relative;

	text-align:center;

	z-index:0;

}

.g_an h2 em {

	font-size:0.66em;

	display:block;

}

.g_an h2:before {

	background:url(../images/anlitit.jpg) no-repeat;

	width:100%;

	height:3em;

	content:"";

	position:absolute;

	left:0;

	top:0;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:-1;

}

.g_an .m-cnt li {

	color:#fff;

	display:inline;

	float:left;

	font-size:1.08em;

	font-weight:normal;

	width:33.333%;

	position:relative;

	text-align:center;

}

 .g_an .m-cnt li:nth-child(1) {

 background:#92cf68;

}

 .g_an .m-cnt li:nth-child(2) {

 background:#58b5e1;

}

 .g_an .m-cnt li:nth-child(3) {

 background:#fcc956;

}

 .g_an .m-cnt li:nth-child(4) {

 background:#2f2f2f;

}

 .g_an .m-cnt li:nth-child(5) {

 background:#f7774e;

}

 .g_an .m-cnt li:nth-child(6) {

 background:#df41ac;

}

.g_an .con {

	float:left;

	display:inline;

}

.g_an .u_lst2 {

	margin:6% 0 0 3%;

}

.g_an .u_lst2 li {

	float:left;

	width:47%;

	margin-right:2%;

	margin-bottom: 5px;

}

.g_an .u_lst2 li img {

	width:100%;

	height: 8rem;

}

.g_an .u_lst2 li em {

	display:block;

	text-align:center;

	font-size:1em;

	color:#737373;

	height:2em;

	line-height:2em;

	overflow:hidden;

}

.g_fa {

	height:auto;

	margin:5% 3% 0 3%;

	background:#fff;

	padding-top:1.8em;

}

.g_fa h2 {

	width:100%;

	height:3.3em;

	font-size:1em;

	color:#666666;

	font-weight:bold;

	position:relative;

	text-align:center;

	z-index:0;

	margin-bottom:1.8em;

}

.g_fa h2 em {

	font-size:1.66em;

	display:block;

}

.g_fa h2:before {

	background:url(../images/fatit.jpg) no-repeat;

	width:100%;

	height:3.5em;

	content:"";

	position:absolute;

	left:0;

	top:0.5em;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:-1;

}

.g_fa .m-cnt li {

	color:#fff;

	display:inline;

	float:left;

	font-size:1.08em;

	font-weight:normal;

	width:50%;

	position:relative;

	text-align:center;

}

 .g_fa .m-cnt a:nth-child(1) li {

 background:#92cf68;

}

 .g_fa .m-cnt a:nth-child(2) li {

 background:#58b5e1;

}

 .g_fa .m-cnt a:nth-child(3) li {

 background:#fcc956;

}

 .g_fa .m-cnt a:nth-child(4) li {

 background:#df41ac;

}

.xban, .xban img {

	width:100%;

	display:block;

}

.demo-box {

	height: auto;

	margin:5% 3% 0 3%;

	background:#fff;

	overflow:hidden;

}

.demo-box .column-list {

	border-bottom:1px solid #d3d3d3;

}

.demo-box .column-list li {

	position:relative;

	display:inline;

	color:#666666;

	float:left;

	font-size:1.16em;

	font-weight:bold;

	text-align:center;

	width:30%;

}

.demo-box .column-list li:after {

	content:"";

	position:absolute;

	left:0;

	top:-0.41em;

	width:0.083em;

	height:3.25em;

	background:url(../images/line.jpg) no-repeat;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

}

 .demo-box .column-list li:nth-child(1):after {

 background:none;

}

.demo-box .change-box {

	float:left;

	display:inline;

}

.demo-box .m_zj {

	padding: 3%;

}

.m-gsimg img {

	max-width:100%;

	height:180px;

	margin:0 auto;

	display:block;

}

.demo-box .m_zj .ab {

	border:1px solid #e9e5e5;

	padding:0.2em;

	width:97%;

}

.demo-box .m_zj .ab img {

	width:100%;

	display:block;

}

.demo-box .m_zj .wz {

	padding: 4%;

	color:#666666;

	font-size:1.08em;

	line-height:1.5em;

	height: 7.5em;

	overflow:hidden;

}

.demo-box .m_zj span {

	display:block;

	margin: 0 auto;

	width:18.25em;

}

 .demo-box .m_zj span a:nth-child(1) {

 background:#cecece;

 width:7.5em;

 height:2em;

 line-height:2em;

 border-radius:0.5em;

 text-align:center;

 display:inline-block;

 color:#242424;

 font-size:1.08em;

 margin-right:1em;

}

 .demo-box .m_zj span a:nth-child(2) {

 background:#2f2f2f;

 width:7.5em;

 height:2em;

 line-height:2em;

 border-radius:0.5em;

 text-align:center;

 display:inline-block;

 color:#fff;

 font-size:1.08em;

}

.demo-box .column-list li img {

	width:100%;

}

.demo-box .column-list li {

	width:49%;

}

.demo-box .column-list li.z-on {

	color:#666666;

	border-bottom:0.083em solid #8a8a8a;

	position:relative;

}

.demo-box .column-list li.z-on:before {

	background:url(../images/zon.jpg) no-repeat;

	content:"";

	position:absolute;

	left:50%;

	bottom:-0.295em;

	width:0.75em;

	height:0.29em;

	padding-top:-2px;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:9;

}

.demo-box .box-style {

	padding:1.66em 8% 0 8%;

	position:relative;

	width:84%;

	float:left;

	display: inline;

}

.demo-box .box-style .prev, .demo-box .box-style .next {

	height:1.83em;

	line-height:1.83em;

	position:absolute;

	text-align:center;

	top:50%;

	width:1.08em;

	z-index:99;

}

.demo-box .box-style .prev {

	left:3%;

}

.demo-box .box-style .next {

	right:3%;

}

.demo-box .box-style .prev img, .demo-box .box-style .next img {

	width:100%;

}

.demo-box .box-style .page {

/* width: 100%!important; */

}

.demo-box .box-style .page li {

	float:left;

	width:100%;

	border:0.33em solid #e2dfdf;

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

.demo-box .box-style .page li em {

	width:70%;

	display:block;

	text-align:center;

	padding:1.58em 15% 0 15%;

}

.demo-box .box-style .page li em img {

	width:100%;

	height: 9rem;

}

.demo-box .box-style .page li span {

	display:block;

	height:3.3em;

	line-height:3em;

	text-align:center;

	color:#666666;

	font-size:1em;

	width:100%;

	margin-top:0

}

.demo-box .box-style .page span {

	display:block;

	margin:6% auto 0 auto;

	width:18.25em;

}

 .demo-box .box-style .page span a:nth-child(1) {

 background:#cecece;

 width:7.5em;

 height:2em;

 line-height:2em;

 border-radius:0.5em;

 text-align:center;

 display:inline-block;

 color:#242424;

 font-size:1.08em;

 margin-right:1em;

 margin-bottom:1em;

 margin-top:1em;

}

 .demo-box .box-style .page span a:nth-child(2) {

 background:#2f2f2f;

 width:7.5em;

 height:2em;

 line-height:2em;

 border-radius:0.5em;

 text-align:center;

 display:inline-block;

 color:#fff;

 font-size:1.08em;

 margin-bottom:1em;

 margin-top:1em;

}

.g_zx {

	height: auto;

	margin:4% 3% 0 3%;

	background:#fff;

	overflow:hidden;

}

.g_zx .m-cnt {

	border-bottom:1px solid #d3d3d3;

}

.g_zx .m-cnt li {

	color:#666666;

	position:relative;

	display:inline;

	width:33.33%;

	float:left;

	font-size:1.16em;

	font-weight:bold;

	text-align:center;

}

.g_zx .m-cnt li:after {

	content:"";

	position:absolute;

	left:0;

	top:-0.41em;

	width:0.083em;

	height:3.25em;

	background:url(../images/line.jpg) no-repeat;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

}

 .g_zx .m-cnt li:nth-child(1):after {

 background:none;

}

.g_zx .m-cnt li.z-on {

	color:#666666;

	position:relative;

}

.g_zx .m-cnt li.z-on:before {

	background:url(../images/zon1.jpg) no-repeat;

	content:"";

	position:absolute;

	left:0;

	bottom:-0.416em;

	width:8.3em;

	height:0.416em;

	padding-top:-2px;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:9;

}

.g_zx .zx-c {

	float:left;

	display:inline;

}

.zx-c .u_lst7 {

	padding: 10px 0 5px;

	float:left;

	display:inline;

}

.zx-c .u_lst7 li {

	border-bottom:1px dashed #dadada;

	height:2.25em;

	line-height:2.25em;

	font-size:1em;

	color:#666666;

	overflow:hidden;

	margin:0 7%;

	position:relative;

	padding-left:4%;

}

.zx-c .u_lst7 li:before {

	width:0.3em;

	height:0.3em;

	border-radius:185px;

	border:0.125em solid #dad9d9;

	content:"";

	position:absolute;

	left:0;

	top:35%;

	background-size:100%;

	-webkit-background-size:100%;

	-moz-background-size:100%;

	-o-background-size:100%;

	z-index:9;

}

.zx-c .u_lst7 li a {

	color:#666666;

}

.zx-c .u_lst7 li:last-child {

	border-bottom:none;

}

.zx-c .u_lst7 li span {

	color:#666666;

	font-weight:normal;

}

 @media screen and (min-width:320px) {

 .g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box li img {

 height:162px;

}

 .g_ys .sclwrap_box, .g_ys .m-box {

 height:auto;

}

 .g_fl .sclwrap_box, .g_fl .m-box {

 height:auto;

}

 .g_fl .m-cnt, .g_an .m-cnt, .g_fa .m-cnt {

 height:60px;

}

 .g_fl .m-cnt li, .g_an .m-cnt li, .g_fa .m-cnt li {

 height:30px;

 line-height:30px;

}

 .g_pro .sclwrap_box, .g_pro .m-box {

 height:203px;

}

 .g_an .sclwrap_box, .g_an .m-box {

 height:auto

}

 .demo-box .box-style .sclwrap_box, .demo-box .box-style {

 height: auto;

}

 .demo-box .column-list li, .demo-box .column-list, .g_zx .m-cnt, .g_zx .m-cnt li {

 height:39px;

 line-height:39px;

}

 .g_zx .sclwrap_box, .g_zx .m-box {

 height:auto;

}

}

 @media screen and (min-width:360px) {

 .g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box li img {

 height:182px;

}

 .g_ys .sclwrap_box, .g_ys .m-box {

 height:auto;

}

 .g_fl .sclwrap_box, .g_fl .m-box {

 height:auto;

}

 .g_fl .m-cnt, .g_an .m-cnt, .g_fa .m-cnt {

 height:60px;

}

 .g_fl .m-cnt li, .g_an .m-cnt li, .g_fa .m-cnt li {

 height:30px;

 line-height:30px;

}

 .g_pro .sclwrap_box, .g_pro .m-box {

 height:227px;

}

 .g_an .sclwrap_box, .g_an .m-box {

 height: auto;

}

 .demo-box .box-style .sclwrap_box, .demo-box .box-style {

 height:auto;

}

 .demo-box .column-list li, .demo-box .column-list, .g_zx .m-cnt, .g_zx .m-cnt li {

 height:43px;

 line-height:43px;

}

 .g_zx .sclwrap_box, .g_zx .m-box {

 height:auto;

}

}

 @media screen and (min-width:480px) {

 .g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box li img {

 height:243px;

}

 .g_ys .sclwrap_box, .g_ys .m-box {

 height:auto;

}

 .g_fl .sclwrap_box, .g_fl .m-box {

 height:auto;

}

 .g_fl .m-cnt, .g_an .m-cnt, .g_fa .m-cnt {

 height:60px;

}

 .g_fl .m-cnt li, .g_an .m-cnt li, .g_fa .m-cnt li {

 height:30px;

 line-height:30px;

}

 .g_pro .sclwrap_box, .g_pro .m-box {

 height:304px;

}

 .g_an .sclwrap_box, .g_an .m-box {

 height: auto;

}

 .demo-box .box-style .sclwrap_box, .demo-box .box-style {

 height:412px;

}

 .demo-box .column-list li, .demo-box .column-list, .g_zx .m-cnt, .g_zx .m-cnt li {

 height:58px;

 line-height:58px;

}

 .g_zx .sclwrap_box, .g_zx .m-box {

 height:280px;

}

}

 @media screen and (min-width:568px) {

 .g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box li img {

 height:290px;

}

 .g_ys .sclwrap_box, .g_ys .m-box {

 height:480px;

}

 .g_fl .sclwrap_box, .g_fl .m-box {

 height:256px;

}

 .g_fl .m-cnt, .g_an .m-cnt, .g_fa .m-cnt {

 height:60px;

}

 .g_fl .m-cnt li, .g_an .m-cnt li, .g_fa .m-cnt li {

 height:30px;

 line-height:30px;

}

 .g_pro .sclwrap_box, .g_pro .m-box {

 height:361px;

}

 .g_an .sclwrap_box, .g_an .m-box {

 height: auto;

}

 .demo-box .box-style .sclwrap_box, .demo-box .box-style {

 height:489px;

}

 .demo-box .column-list li, .demo-box .column-list, .g_zx .m-cnt, .g_zx .m-cnt li {

 height:69px;

 line-height:69px;

}

 .g_zx .sclwrap_box, .g_zx .m-box {

 height:332px;

}

}

 @media screen and (min-width:639px) {

 .g-adv .sclwrap_box, .g-adv .m-box, .g-adv .m-box li img {

 height:325px;

}

 .g_ys .sclwrap_box, .g_ys .m-box {

 height:540px;

}

 .g_fl .sclwrap_box, .g_fl .m-box {

 height:288px;

}

 .g_fl .m-cnt, .g_an .m-cnt, .g_fa .m-cnt {

 height:60px;

}

 .g_fl .m-cnt li, .g_an .m-cnt li, .g_fa .m-cnt li {

 height:30px;

 line-height:30px;

}

 .g_pro .sclwrap_box, .g_pro .m-box {

 height:406px;

}

 .g_an .sclwrap_box, .g_an .m-box {

 height: auto;

}

 .demo-box .box-style .sclwrap_box, .demo-box .box-style {

 height:550px;

}

 .demo-box .column-list li, .demo-box .column-list, .g_zx .m-cnt, .g_zx .m-cnt li {

 height:78px;

 line-height:78px;

}

 .g_zx .sclwrap_box, .g_zx .m-box {

 height:374px;

}