/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
img {
	width: 100%;
	vertical-align: middle;
}
.con {
	display: inline;
	float: left;
}
/*导航*/



nav {
	width: 100%;
	overflow: hidden;
	text-align: center;
	background-color:#333;
}
nav li {
	float: left;
	width: 33%;
	background: url(../images/nav_tag.png) no-repeat left center;
}
nav li:nth-of-type(3n) {
	width: 34%;
}
.g-bd nav li a {
	display: block;
	line-height: 2.5em;
	text-align: center;
	color: #fadc48;
}
/*广告*/



.g-adv {
	position: relative;
	height: auto;
}
.g-adv .sclwrap_box, .g-adv .m-box {
	height: 12.5em;
	overflow: hidden;
}
/*产品*/



.m-cp {
	overflow: hidden;
}
.com {
	margin-top:0.2em;
	padding: 0.5em 4.6875% 0.5em 1.875%;
	background-color:#4A403F;
}
.com a:nth-of-type(1) {
	float: right;
	width: 1.55em;
	height: 1.75em;
	background: url(../images/com_more.png) no-repeat center;
	background-size: 1.55em 0.34em;
}
.com a:nth-of-type(2) {
	padding: 0 2%;
	border-left: 0.42em solid #FFFFFF;
	font-size: 116%;
	color: #fafafa;
}
.m-cp .demo-box {
	overflow: hidden;
}
.m-cp .column-list {
	padding: 1.33em 3.125% 0;
	overflow: hidden;
}
.m-cp .column-list li {
	float: left;
	width: 47.5%;
	margin-bottom: 0.5em;
	line-height: 2em;
	border: 1px solid #cccccc;
	color: #666666;
	text-align: center;
	border-radius: 2px;
}
.m-cp .column-list li:nth-of-type(2n) {
	float: right;
}
.m-cp .column-list li.z-on {
	border-color: #b30806;
	color: #b30806;
}
.m-cp .box-style {
	position: relative;
	overflow: hidden;
}
.m-cp .sclwrap_box, .m-cp .m-box {
	height: 19.8em;
	overflow: hidden;
}
.m-cp p {
	margin: 0 3%;
	padding: 0em 0 1em;
	overflow: hidden;
}
.m-cp p a {
	float: left;
	width: 48%;
	padding-top: 0.5em;
	line-height: 2.2em;
}
.m-cp p a:nth-of-type(2n) {
	float: right;
}
.m-cp .prev, .m-cp .next {
	position: absolute;
	width: 1.125em;
	height: 1.142em;
	top: 88.5%;
	background: url(../images/cp_icon1.png) no-repeat center top;
	background-size: 1.125em 1.142em;
	z-index: 10;
}
.m-cp .prev {
	left: 43.4375%;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.m-cp .next {
	right: 43.4375%;
}
.no_ov a {
	text-align: center;
	overflow: hidden;
	color: #7E7E7E;
	font-size: 90%;
}
.no_ov a span {
	/*border: 1px solid #ececec;
	padding:2%;*/
	display: block;
}
.no_ov a img {
	width: 100%;
	height: 6em;
	/*border: 1px solid #ececec;*/
	/*margin: 2%;*/
}
.contact img {
	width: 40%;
}
/*专业*/



.m-zy {
	position: relative;
	padding: 1.75em 3.125% 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.m-zy .sclwrap_box, .m-zy .m-box {
	height: 33.1em;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	background: #FFF;
	overflow: hidden;
}
.m-zy h3 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0.8em 0 0.7em 0; /*background: url(../images/zy_sd.gif) no-repeat center bottom; background-size:contain; */
	text-align: center;
}
.m-zy h3 a {
	font-size: 116%;
	color: #c80000;
	font-weight: bold;
}
.m-zy p {
	margin: 0.3em 3%;
	padding: 0.3em 0 0.4em 4%;
	border-bottom: 1px dashed #cccccc;
	background: url(../images/zy_icon1.gif) no-repeat left 0.5em;
	background-size: 0.667em 0.75em;
	line-height: 1.375em;
	color: #666666;
}
.m-zy p:last-of-type {
	border: none;
}
.m-zy dl {
	padding: 0.4em 3% 0;
}
.m-zy dt {
	float: left;
	width: 75%;
	border: 1px solid #e1e1e1;
}
.m-zy dd {
	float: right;
	width: 23.7%;
}
.m-zy dd a {
	display: block;
	padding-bottom: 0.3em;
}
.m-zy dd a img {
	border: 1px solid #e1e1e1;
}
.m-zy .m-cnt {
	position: relative;
	margin-top: 0.2em;
	text-align: center;
}
.m-zy .m-cnt li {
	border-radius: 100px;
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin: 0 1px;
	background: #E4CB4C;
	color: #ffffff;
	text-align: center;
	line-height: 1.6em;
}
.m-zy .m-cnt li.z-on {
	background: #FFA200;
}
.m-zy h4 {
	padding: 1em 6.25% 0;
}
.m-zy h4 a {
	float: left;
	width: 43%;
	line-height: 2em;
	color: #A81317;
	border-radius: 3px;
	text-align: center;
	background: #FADC48; /* Old browsers */
}
.m-zy h4 a:nth-of-type(2) {
	float: right;
	background: #FADC48; /* Old browsers */
}
.m-zy h4 a:nth-of-type(2) b {
	font-size: 116%;
}
/*厂家*/



.m-cj {
	clear: both;
	padding: 0 4.532% 2.6em;
	overflow: hidden;
}
.m-cj h2 {
	padding: 2.3em 0 0 0;
}
.m-cj dl {
	float: left;
	width: 32%;
	height: 8.55em;
	margin: 5em 2% 0 0;
	background: #e4e4e4;
	border-radius: 3px;
	text-align: center;
}
.m-cj dl:nth-of-type(3n) {
	margin-right: 0;
}
.m-cj dt {
	position: relative;
	width: 5.584em;
	height: 5.584em;
	margin: -2.792em auto 0.3em;
	padding: 0.34em;
	background: #ffffff;
	border-radius: 5.584em;
	border: 1px solid #e2e2e2;
	overflow: hidden;
}
.m-cj dt a {
	display: block;
	width: 5.584em;
	height: 5.584em;
	background: #2d8ccc url(../images/cj_icon1.gif) no-repeat center;
	background-size: 2.084em 2.125em;
	border-radius: 5.584em;
}
.m-cj dd {
	color: #666666;
}
.m-cj dl:nth-of-type(2) dt a {
	background-image: url(../images/cj_icon2.gif);
	background-size: 2.9584em 2.125em;
}
.m-cj dl:nth-of-type(3) dt a {
	background-image: url(../images/cj_icon3.gif);
	background-size: 2.5417em 2.125em;
}
.m-cj dl:nth-of-type(4) dt a {
	background-image: url(../images/cj_icon4.gif);
	background-size: 2.834em 2.084em;
}
.m-cj dl:nth-of-type(5) dt a {
	background-image: url(../images/cj_icon5.gif);
	background-size: 2.625em 1.834em;
}
.m-cj dl:nth-of-type(6) dt a {
	background-image: url(../images/cj_icon6.gif);
	background-size: 2.25em 2em;
}
#changebox2 {
	display: none;
}
#changebox3 {
	display: none;
}
#changebox4 {
	display: none;
}
#changebox5 {
	display: none;
}
#changebox6 {
	display: none;
}
#changebox7 {
	display: none;
}
#changebox8 {
	display: none;
}
#changebox9 {
	display: none;
}
.zkcom {
	line-height: 1.6em;
}
/*案例*/



.m-al {
	overflow: hidden;
}
.m-al .g-test {
	position: relative;
	overflow: hidden;
}
.m-al .sclwrap_box, .m-al .m-box {
	height: 11em;
	overflow: hidden;
}
.m-al .nowarp {
	margin: 0 8% 0.3em 8%;
}
.m-al .con a {
	display: block;
	padding: 1.5em 0 0.4em 0;
	text-align: center;
	color: #666666;
	width: 50%;
	float: left;
	overflow: hidden;
}
.m-al .con a img {
	height: 7em;
	border: 1px solid #ececec;
	padding: 0.2em;
	width: 89%;
}
.m-al .con a span {
	display: block;
	width: 80%;
	overflow: hidden;
	font-size: 80%;
	margin: 0 auto;
}
.m-al .prev, .m-al .next {
	position: absolute;
	width: 2.375em;
	height: 4.625em;
	top: 26%;
	background: url(../images/al_icon1.gif) no-repeat center top;
	background-size: 2.375em 4.625em;
	z-index: 10;
}
.m-al .prev {
	left: 0%;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.m-al .next {
	right: 0;
}
/*简介*/



.m-jj {
	padding-bottom: 2.5em;
	overflow: hidden;
}
.m-jj .sclwrap_box, .m-jj .m-box {
	height: 22.8em;
	overflow: hidden;
}
.m-jj .con a {
	display: block;
	margin: 0 3.125%;
	padding: 1.46em 0 1.2em;
	background: url(../images/jj_sd2.gif) no-repeat center bottom;
	background-size: contain;
	text-align: center;
	color: #666666;
	width: 100%
}
.m-jj .con a img {
	display: block;
	width: 84%;
	margin: 0 auto 0.5em;
	padding: 0 8% 1.375em;
	background: url(../images/jj_sd.gif) no-repeat center bottom;
	background-size: contain;
}
.m-jj .m-cnt {
	margin: 0 3.125%;
	padding-bottom: 1px;
	overflow: hidden;
	background: url(../images/jj_bor1.gif) repeat-x left bottom;
	text-align: center;
}
.m-jj .m-cnt li {
	display: inline-block;
	margin: 0 5%;
	padding: 0 1% 0.4em;
	color: #666666;
}
.m-jj .m-cnt li.z-on {
	border-bottom: 5px solid #FADC48;
}
/*资讯*/



.m-zx {
	overflow: hidden;
}
.m-zx .m-cnt {
	position: relative;
	padding: 0.4em 4.6875% 0;
	overflow: hidden;
	background:#4A403F;
}
.m-zx .m-cnt:before {
	position: absolute;
	content: '';
	width: 0.42em;
	height: 1.34em;
	background: #fff;
	left: 1.875%;
	top: 1em;
}
.m-zx .m-cnt li {
	float: left;
	padding: 0.4em 3% 0.3em;
	color: #ffffff;
	font-size: 116%;
}
.m-zx .m-cnt li.z-on {
	background: #ffffff;
	border-radius: 4px 4px 0 0;
	color: #8f0100;
	-moz-box-shadow: 2px 0px 2px #bce1fa, -2px -2px 2px #1081ca;
	-ms-box-shadow: 2px 0px 2px #bce1fa, -2px -2px 2px #bce1fa;
	-o-box-shadow: 2px 0px 2px #bce1fa, -2px -2px 2px #1081ca;
}
.m-zx .m-cnt a {
	float: right;
	width: 1.792em;
	height: 1.792em;
	margin-top: 0.4em;
	background: url(../images/zx_icon1.png) no-repeat;
	background-size: 1.792em 1.792em;
}
.m-zx .sclwrap_box, .m-zx .m-box {
	height: 11em;
	overflow: hidden;
}
.m-zx dl {
	padding: 1.375em 4% 0;
}
.m-zx dl dt {
	float: left;
	width: 40%;
	padding: 3px;
	border: 1px solid #dedede;
}
.m-zx dl dd {
	float: right;
	width: 56%;
}
.m-zx dl dd p {
	position: relative;
	padding: 0 0 0 6%;
	line-height: 1.91em;
	border-bottom: 1px dashed #cccccc;
	font-size: 90%;
	color: #666666;
}
.m-zx dl dd p a {
	color: #666666;
}
.m-zx dl dd p:last-of-type {
	border: none;
}
.m-zx dl dd p:after {
	position: absolute;
	content: '';
	width: 0.3em;
	height: 0.3em;
	left: 0;
	top: 0.5em;
	border-radius: 0.4em;
	border: 2px solid #cccccc;
}
 @media screen and (min-width:320px) {
body {
	font-size: 75%;
}
}
 @media screen and (min-width:360px) {
body {
	font-size: 87%;
}
}
 @media screen and (min-width:400px) {
body {
	font-size: 100%;
}
}
 @media screen and (min-width:480px) {
body {
	font-size: 112%;
}
}
 @media screen and (min-width:568px) {
body {
	font-size: 131%;
}
}
 @media screen and (min-width:639px) {
body {
	font-size: 150%;
}
}
.zk11_top {
	width: 100%;
	height: 1.6em;
	margin-top: 1em;
	font-size: 90%;
	color: #999999;
	text-align: center;
	margin-bottom: 4em;
	border-top: 1px solid #f6f6f6;
	font-size: 90%;
	color: #999999;
	line-height: 2.5em;
	position: relative;
}
.zk11_top a.asss {
	position: absolute;
	right: 1%;
	width: 7.5%;
}
.zk11_top a img {
	width: 100%;
	vertical-align: inherit;
	margin-top: 0.15em;
}