@media screen and (min-width: 320px) {
	body{font-size: 75%;}
}
@media screen and (min-width: 360px) {
	body{font-size: 85.25%;}
}
@media screen and (min-width: 400px) {
	body{ font-size: 100%;}
}
@media screen and (min-width: 480px) {
	body{font-size: 112.5%;}
}
@media screen and (min-width: 568px) {
	body{font-size: 133%;}
}
@media screen and (min-width: 639px) {
	body{
		font-size: 150%;
	}
}
/* **************************************** */
/*
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;


-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
*/
/* **************************************** */
.m-nav{overflow: hidden; overflow: hidden; background: #eb3d00;}
.m-nav li{ width: 33.33333%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; border-left: 1px solid #ff4200;border-right: 1px solid #d33700;border-bottom: 1px solid #d33700; border-top: 1px solid #ff4200; height: 3.216667em; line-height: 3.216667em; float: left; text-align: center; color: #fff;}
.m-nav a:nth-child(1) li,
.m-nav a:nth-child(4) li{ border-left: none;}
.m-nav a:nth-child(3) li,
.m-nav a:nth-child(6) li{ border-right: none;}
/**/
.swipe {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	margin-bottom:0.28em;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.swipe_pic {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-size: 60px auto;
	background-repeat: no-repeat;
}
.swipe_pic img {
	width: 100%;
}
.swipe_num {
	position: absolute;
	right: 45%;
	bottom: 1em;
}
.swipe_num li {
	float: left;
	width: 6px;
	height: 6px;
	font-size: 0;
	text-indent: 999rem;
	background: #fff;
	margin: 0 4px;
	overflow: hidden;

}
.swipe_num li.active {
	width: 6px;
	height: 6px;
	border-radius:5px;
}
.swipe_num li.active{  background:#f9cc0f; box-shadow:0 0 1px #f9cc0f; border-radius:5px;}

/**/


.m-nt{ padding-bottom:1em; overflow:hidden;}
.m-nt h2 img{ width:100%}
.m-nt p{ padding: 0.3em 0 0 20%; background:url(../Images/nt_bg.jpg) no-repeat center top; background-size:contain; line-height:2.53em;}
.m-nt p b{ display:block; padding-bottom:0.75em; font-size:1.25em; color:#333333;}


/*产品展示*/
.g-cpzs{ overflow: hidden;}
.g-cpzs h2{ height: 3em; background: #eb3d00; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.g-cpzs h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-cpzs h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.g-cpzs h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}

.m-cpzs{ padding-bottom:1.25em; overflow:hidden;}
.m-cpzs p{ padding:0 5.625%; overflow:hidden;}
.m-cpzs p a{ float:left; width:48%; padding:1em 0 0 0; text-align:center; color:#333333;}
.m-cpzs p a:nth-of-type(2n){ float:right;}
.m-cpzs p a img{ display:block; width:95%; margin:0 auto 0.3em; padding:3px; border:1px solid #e5e5e5;}
.m-cpzs .more{ position:relative; display:block; padding: 0 0 0 15%; line-height:3.1em; text-align:center; color:#000000; text-align:center;background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#d4d4d4)); margin-top:1em; 
background-image: -webkit-linear-gradient(top,   #fafafa, #d4d4d4); 
background-image: -moz-linear-gradient(top, #fafafa, #d4d4d4);
background-image: linear-gradient(top,  #fafafa, #d4d4d4);}
.m-cpzs .more:before{ position:absolute; content:''; width:0.7917em; height:0.9em; left:38%; top:1.2em; background:url(../Images/cpzs_icon1.png) no-repeat center top; background-size: contain;}



.g-lct{ height: 40.08333em; overflow: hidden;
background:url(../Images/lct.jpg) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.g-lct h2{ padding-top:1.375em; height: 5.875em; font-size: 1em;  color: #fff; text-align: center; color: #fff;}
.g-lct h2 em{ display: block; font-size: 1.6667em; font-weight: bold; color: #fff; height: 1.825em;}
.g-lct h2 b{ display: block; line-height: 2.3em; color: #fff; font-weight: normal;}
.g-lct .u-btn{ display: block; width: 7.25em; height: 1.875em; line-height: 1.875em; text-align: center; margin: 0 auto; color: #222222; background: #fdc400; border-radius: 9.375em; margin-bottom: 1.25em;}
.m-lct{ display: block; padding: 0 1.6667em;}
.m-lct dl{ width: 10.25em; overflow: hidden;}
.m-lct dt{ display: block;}
.m-lct dt img{ display: block; width: 100%; height: auto; overflow: hidden;}
.m-lct dd{ line-height: 2.8333em; overflow: hidden; height: 4.41667em; text-align: center; color: #fff; font-weight: bold;}
.m-lct dl:nth-child(1n){ float: left;}
.m-lct dl:nth-child(2n){ float: right;}


/**/
.g-case{}
.g-case h2{ height: 5em; overflow: hidden; font-size: 1em; position: relative;}
.g-case h2:after{ display: inline-block; height: 2.0416667em; width: 100%;position: absolute;left: 0; top: 0;content: "";z-index: 0;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.g-case h2 a{ position: relative; z-index: 1; display: block;}
.g-case h2 em{ display:block; text-align: center; color: #eb3d00; font-size: 1.8em; font-weight: bold; height: 1.86667em;line-height: 1.66667em; border-bottom: 1px solid #cfcfcf; position: relative;}
.g-case h2 em:after{ content: ""; position: absolute; left: 50%; margin-left: -1em; width: 2em; height: 0.16667em; background: #eb3d00; bottom: -0.08em}
.g-case h2 b{ display: block; font-size: 0.75em; height: 1.5em; line-height: 1.5em; text-align: center; color: #333; font-weight:normal;}

.case .sclwrap_box ,.case{ height:24.2em;overflow:hidden;}
.case01{ width:90%; margin:1em auto 0; height:7em; overflow:hidden;}
.g-case .case01 li { color: #fff;display: inline; float: left;font-size: 1.08em;font-weight: normal;width: 33.333%; position: relative;  text-align: center; line-height:3em; height:3em;}
.g-case .case01 li:nth-child(1){background: #f7774e;}
.g-case .case01 li:nth-child(2){background: #92cf68;}
.g-case .case01 li:nth-child(3){background: #58b5e1;}
.g-case .case01 li:nth-child(4){background: #fcc955;}
.g-case .case01 li:nth-child(5){background: #fa6567;}
.g-case .case01 li:nth-child(6){background: #df3eac;}

.case02{ margin-top:1em; position:relative;}
.case02 .prev{ width:1.5em; height:1.5em; overflow:hidden; position:absolute; top:6.175em; left:4.6%;}
.case02 .next{width:1.5em; height:1.5em; overflow:hidden; position:absolute; top:6.175em; right:4.6%;}
.case02 .prev img,.case02 .next img{ display:block; width:100%;}
.case02 .no_ov{ width:71.72%; margin:0 auto;}
.case02 .page p img{ display:block; width:100%; height:13.6em;}
.case02 .page p span{ display:block; text-align:center; color:#555; padding-top:0.4em;}

/**/
.m-case{ padding: 0.8333em 1.25em 0; height:13.9em; position: relative;}
.m-case .prev,
.m-case .next{ position: absolute; top: 6.233em; width: 1.58333em;}
.m-case .prev img,
.m-case .next img{ width: 100%; height: auto;display: block;}
.m-case .prev{ left: 1.25em;}
.m-case .next{ right: 1.25em;}
.m-case .nowarp,
.m-case .sclwrap_box,
.m-case .m-box,
.m-case .con{ height: 17.5em; overflow: hidden;}
.m-case .con{ width: 100%; display: block; float: left;}
.m-case .nowarp{ margin: 0 4.8333em;}
.m-case .con a{ display: block;}
.m-case .con img{ display: block; width: 100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 1px; border: 1px solid #bfbfbf;}
.m-case .con i{ display: block; height: 2.25em; line-height: 2.25em; text-align: center; color: #666}
/**/
/**/
.g-abt{ height: 24.4em; overflow: hidden;}
.g-abt h2{ height: 3em; background: #eb3d00; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.g-abt h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-abt h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.g-abt	 h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
/**/
.m-abt{ padding: 0.8333em 1.25em 0; height:13.9em; position: relative;}
.m-abt .prev,
.m-abt .next{ position: absolute; top: 6.133em; width: 1.58333em;}
.m-abt .prev{ left: 1.25em;}
.m-abt .next{ right: 1.25em;}
.m-abt .prev img,
.m-abt .next img{ width: 100%; height: auto;display: block;}
.m-abt .nowarp,
.m-abt .sclwrap_box,
.m-abt .m-box,
.m-abt .con{ height:20.8333em; overflow: hidden;}
.m-abt .con{ width: 100%; display: block; float: left;}
.m-abt .nowarp{ margin: 0 0em;}
.m-abt .con a{ display: block;}
.m-abt .con em{ display: block; margin: 0 3.9166em; position: relative;}
.m-abt .con em:after{ position: absolute; left: 0; bottom:-1em; height: 1em; content: ""; width: 100%;
background:url(../Images/abtY.jpg) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}
.m-abt .con img{ display: block; width: 100%;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0.08333em; border: 1px solid #c5c5c5; background: #e5e5e5}
.m-abt .con i{ display: inline-block;  text-align: center; color: #eb3d00}
.m-abt .con b{ display: block; height:2.3em ;line-height:2.3em ; color: #222222; text-align: center; padding-top: 1em;}
.m-abt .con span{ color: #666; text-align: center; display: block; line-height: 1.5em;}
/**/
.g-news{ height: 18.333em;}
.g-news .m-cnt{ height: 3em;  background: #eb3d00; padding-right: 1.25em}
.g-news .m-cnt li{ width: 6.574em; height: 2.769em; float: left; text-align: center; line-height: 2.769em; font-size: 1.08333em;color: #fff; position: relative;}
.g-news .m-cnt li.z-on{ background: #fdc500; color: #222222;}
.g-news .m-cnt li.z-on:after{left: 50%;margin-left:;bottom: -0.25em; border-top:0.3em solid #fdc500; border-left: 0.3em solid #fff;border-right: 0.3em solid #fff; content: ""; position: absolute;}
.g-news .m-cnt .more{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.g-news .m-cnt li:nth-child(1){ border-right: 1px solid #eb3d00}
.g-news .m-cnt li:nth-child(2){ border-right: 1px solid #eb3d00;border-left: 1px solid #ffffff;}
.g-news .m-cnt li:nth-child(3){border-left: 1px solid #ffffff;}
.g-news .sclwrap_box,
.g-news .m-box,
.g-news .con{ display: block; height: 13.5em; overflow: hidden;}
.g-news .sclwrap_box{ padding-top: 0.6667em;}
.g-news .con{ display: block; width: 100%; float: left;}
.g-news .con a{ display: block; margin: 0 1.25em; color: #666; height: 2.29166em;line-height: 2.29166em; padding-left: 1.25em; position: relative; overflow:hidden;}
.g-news .con a:after{ position: absolute; left: 0; top: 0.78em; width: 0.5em; height: 0.5em; border-radius: 100%; border: 0.0833em solid #eb3d00;content: ""}

.khjz{ height: 32.5em; overflow: hidden; }
.khjz h2{ height: 3em; background: #eb3d00; line-height: 3em; overflow:hidden; padding: 0 1.25em; font-size: 1em; position: relative;}
.khjz h2 i{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}
.khjz h2 em{ font-size: 1.25em; color: #fff; padding-left: 1.3333em;}
.khjz h2:after{ left: 1.25em; position: absolute; content: ""; top: 0.91666em; width: 1.16667em;height: 1.16667em;
background:url(../Images/proFlIco.png) no-repeat center top;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
}

.m-wit{ padding: 1.2em 1.25em 0;}
.m-wit a{ display: block; height:9.2333em;}
.m-wit dl{ display: block; height: 9em; overflow: hidden;}
.m-wit dt{ float: left; width: 40.27%; overflow: hidden;}
.m-wit dt img{display: block; width: 100%; height:8.5em; -webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; padding: 0.08333em; border: 1px solid #bfbfbf;}
.m-wit dd{float: right; width: 56.27%; overflow: hidden;}
.m-wit dd h3{ color: #222222; font-size: 1em; height: 1.875em; line-height: 1.875em; overflow: hidden;}
.m-wit dd p{ line-height: 1.6667em; height: 5.05em; overflow: hidden; color: #666}
.m-wit dd i{ color: #c4261d}

/**/

/* 导航 */
.m_nav{margin: 3% 3% 0 3%; height: 20.1em;}
.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: 1em; 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,.m_nav a:nth-child(7) 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:4em;background: #fa6567; padding-top: 8.5em;}
.m_nav .li4 span{ font-size:0.8em;}
.m_nav .li5{background: #df3eac; padding-top: 2.4em;}
.m_nav .li6{background: #f7774c; padding-top: 2.4em;}
.m_nav .li7{background: #eb3d00; padding-top: 2.4em;}

.m_nav .li1:before{
  background:url(/m/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(/m/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(/m/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(/m/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(/m/images/nav5.jpg) no-repeat; width: 2.111em; height: 2.111em; 
content:"";position:absolute;left:36%;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(/m/images/nav6.jpg) no-repeat; width: 2.111em; height: 2.111em; 
content:"";position:absolute;left:36%;top:10%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.m_nav .li7:before{
  background:url(/m/images/nav7.jpg) no-repeat; width: 2.111em; height: 2.111em; 
content:"";position:absolute;left:36%;top:10%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:8;

}

.g-ys{ margin-top:0.5em;}
.g-ys h3{ background:url(/m/Images/ys_h.jpg) no-repeat center top; background-size:100% auto; font-size:1.5em; color:#fff; padding:1.4em 0 3em 36%;}
.g-ys h3 p{ color:#f4ef3a; font-size:0.83em;}
.ys{ position:relative;}
.ys .sclwrap_box ,.ys .m-box{ height:29em;overflow:hidden;}
.ys .nowarp{ width:100%; float:left;}
.ys .prev{ width:1.6em; height:1.6em; overflow:hidden; position:absolute; top:11.5em; left:4.6%; z-index:9;}
.ys .next{width:1.6em; height:1.6em; overflow:hidden; position:absolute; top:11.5em; right:4.6%;z-index:9;}
.ys .prev img,.ys .next img{ display:block; width:100%;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%; margin-top:1em;}
.ys .con dd{ width:86.8125%; margin:0 auto;}
.ys .con dd h4{ font-size:1.25em; color:#333; line-height:1.8em; height:2em; font-weight:bold;}
.ys .con dd h4 em{ display:inline-block; float:left; font-size:1.09em; text-align:center; width:1.8em; height:1.8em; line-height:1.8em; font-family: Arial, Helvetica, sans-serif; background:url(../Images/ys_h.gif) no-repeat center top; background-size:100% auto; color:#fff; margin-right:5%;}
.ys .con dd h4 span{ color:#ef8100;}
.ys .con dd p{ color:#454545; line-height:1.5em; padding:0.6em 0 0 0.5em;}
.ys .con dd p span{ color:#ef8100;}

.g_fa { height: 19.7em; margin: 0% 3% 0 3%; background: #fff; padding-top: 1.2em;}
.g_fa h2{ height: 4.5em; overflow: hidden; font-size: 1em; position: relative;}
.g_fa h2:after{ display: inline-block; height: 2.0416667em; width: 100%;position: absolute;left: 0; top: 0;content: "";z-index: 0;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-ms-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.g_fa h2 a{ position: relative; z-index: 1; display: block;}
.g_fa h2 em{ display:block; text-align: center; color: #eb3d00; font-size: 1.2em; font-weight: bold; height: 1.86667em;line-height: 1.66667em; border-bottom: 1px solid #cfcfcf; position: relative;}
.g_fa h2 em:after{ content: ""; position: absolute; left: 50%; margin-left: -1em; width: 2em; height: 0.16667em; background: #eb3d00; bottom: -0.08em}
.g_fa h2 b{ display: block; font-size: 0.75em; height: 1.5em; line-height: 1.5em; text-align: center; color: #333; font-weight:normal;}
.g_fa .m-cnt li { color: #fff;display: inline; float: left;font-size: 1.08em;font-weight: normal;width: 33.3%; 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;}


.xban,.xban img{width: 100%;display: block;}


.g-kr{ margin-top:1.67em;}
.tit1{ font-size:1.3em; text-align:center; font-weight:bold; background:url(/m/Images/h.gif) no-repeat center top; background-size:15.625% 2.5em; height:2.5em; line-height:2.5em; overflow:hidden;}
.tit1 p{ font-size:0.95em; color:#555;}
.tit1 p span{ color:#eb3d00;}
.kr .sclwrap_box ,.kr .m-box{ height:14.2em;overflow:hidden;}
.kr{ width:100%; margin:1.53em auto 0;}
.kr .m-cnt{ height:3em; background:#eb3d00;}
.kr .m-cnt li{ width: 33.3333%; height: 2.769em; float: left; text-align: center; line-height: 2.769em; font-size: 1.08333em;color: #fff; position: relative;}
.kr .m-cnt li.z-on{ background: #fdc500; color: #222222;}
.kr .m-cnt li.z-on:after{left: 50%;margin-left:;bottom: -0.25em; border-top:0.3em solid #fdc500; border-left: 0.3em solid #fff;border-right: 0.3em solid #fff; content: ""; position: absolute;}

.kr2{ margin-top:1.43em;}
.kr2 dt{ width:34.827%; float:left;}
.kr2 dt img{ display:block; width:100%;}
.kr2 dd{ width:59.724%; float:right;}
.kr2 dd h4{ height:1.4em; font-size:1em; font-weight:bold; color:#eb3d00; line-height:1.4em;}
.kr2 dd h4 span{ display:inline-block; float:right; width:37.33%;}
.kr2 dd h4 img{ width:100%; display:block;}
.kr2 dd p{ color:#333; line-height:1.33em;}
.kr2 h5{ font-size:1em; height:0.375em; background:#afafaf; overflow:hidden; margin-top:1.25em;}
.kr2 h5 a{ display:inline-block; height:0.375em; float:left; width:33.3333%;}
.kr2 h5 a.cur01{ background:#eb3d00;}

/* 荣誉证书 */
.demo-box { height: 26.25em; background: #fff;   overflow: hidden;}
.demo-box .column-list {background-color:#eb3d00; padding-right: 1.25em}
.demo-box .column-list li { position: relative;
    display: inline; color: #fff;
    float: left;
     font-size: 1.08333em;
    text-align: center;
    width: 40%;
}
.demo-box .column-list li.z-on{ background: #fdc500; color: #222222;}
.demo-box .column-list li.z-on:after{left: 50%;margin-left:;bottom: -0.25em; border-top:0.3em solid #fdc500; border-left: 0.3em solid #fff;border-right: 0.3em solid #fff; content: ""; position: absolute;}
.demo-box .column-list .more{ display: block; overflow: hidden; color: #fff; float: right; width: 1.25em; line-height: 1.15em; border: 1px solid  #fff; border-radius: 100%; text-align: center;  height: 1.25em; margin: 0.8333em 0 0;}

.demo-box .change-box{float: left; display: inline;}
.demo-box .m_zj{padding: 4% 3% 0 3%; }
.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-top: 1em;color: #666666; font-size: 1.08em; line-height: 1.2em; padding-right: 4%; height: 2.3em; overflow: hidden;}
.demo-box .m_zj span{display: block; margin: 6% auto 0 auto; text-align:center;}
.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; }



.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: 40%;
    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%;}
.demo-box .box-style .page .f_cb{}
.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%;}
.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; text-align:center; }
.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; }

/* 最小宽度为320象素用以下样式 */
@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: 270px;}
.g_fl .sclwrap_box,.g_fl .m-box { height: 144px;}
.g_fl .m-cnt,.g_an .m-cnt,.g_fa .m-cnt {height: 90px;}
.g_fl .m-cnt li,.g_an .m-cnt li,.g_fa .m-cnt li{height: 45px;line-height: 45px;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 203px;}
.g_an .sclwrap_box,.g_an .m-box { height: 188px;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 275px;}
.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: 187px;}

}

/* 最小宽度为360象素用以下样式 */
@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: 302px;}
.g_fl .sclwrap_box,.g_fl .m-box { height: 161px;}
.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: 50px;line-height: 50px;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 227px;}
.g_an .sclwrap_box,.g_an .m-box { height: 210px;}
.demo-box .box-style .sclwrap_box,.demo-box .box-style {height: 308px;}
.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: 210px;}

}

/* 最小宽度为480象素用以下样式 */
@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: 405px;}
.g_fl .sclwrap_box,.g_fl .m-box { height: 216px;}
.g_fl .m-cnt,.g_an .m-cnt,.g_fa .m-cnt {height: 77px;}
.g_fl .m-cnt li,.g_an .m-cnt li,.g_fa .m-cnt li{height: 67px;line-height: 67px;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 304px;}
.g_an .sclwrap_box,.g_an .m-box { height: 282px;}
.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;}
}

/* 最小宽度为568象素用以下样式 */
@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: 90px;}
.g_fl .m-cnt li,.g_an .m-cnt li,.g_fa .m-cnt li{height: 80px;line-height: 80px;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 361px;}
.g_an .sclwrap_box,.g_an .m-box { height: 334px;}
.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;}



}

/* 最小宽度为639象素用以下样式 */
@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: 100px;}
.g_fl .m-cnt li,.g_an .m-cnt li,.g_fa .m-cnt li{height: 90px;line-height: 90px;}
.g_pro .sclwrap_box,.g_pro .m-box {height: 406px;}
.g_an .sclwrap_box,.g_an .m-box { height: 376px;}
.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;}
}