.g-nav{position:relative;

    background: no-repeat center top;-webkit-background-size:100% 100%;

	-moz-background-size: 100% 100%;

	-o-background-size: 100% 100%;

	background-size: 100% 100%;}

.g-nav li{ width:25%; line-height:295%; font-size:1em; color:#fff; text-align:center; float: left; position:relative;

    background-color:#FFF;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#C30304), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #C30304, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #C30304, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #C30304, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #C30304, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #C30304, #E60012); position:relative;}

.g-nav li:before{ content:""; position:absolute;width:1px;height:100%;right:0;top:0; background:#fff; z-index:9;}

.g-nav li:after{ content:""; position:absolute;width:1px;height:100%;left:0;top:0; background:#fff; z-index:9;}

.g-nav a:nth-child(1) li:after,.g-nav a:nth-child(5) li:after{ background:none;}

.g-nav a:nth-child(4) li:before,.g-nav a:nth-child(8) li:before{ background:none;}

.g-nav a:nth-child(1) li,.g-nav a:nth-child(2) li,.g-nav a:nth-child(3) li,.g-nav a:nth-child(4) li{ border-bottom:1px #fff solid;}

.g-adv{width:100%; position:relative;height:225px; clear:both;}

.g-adv li img{width:100%;padding:0;}

.g-adv .sclwrap_box ,.g-adv .m-box{ height:225px; position:relative;}





.pros{ width:47%;float:left; }

/*热销*/



.m-pb-t{line-height:2.43em; border-top:1px #E60012 solid;height:2.43em; overflow:hidden;display:block;padding:0 3.75%;position:relative;font-size:1.16em;

    background-color:#f48f01;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e32635), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #e32635, #E60012);}	

.m-pb-t:before{ content:""; position:absolute;width:100%;height:1px; background:#fff;left:0;top:1px; z-index:9;}

.m-pb-t h2{ font-weight:bold;color:#fff;font-size:1.16em;overflow:hidden;}

.m-pb-t h2 span{ font-weight:100;color:#fff; font-size:1em; float:right;}

.m-pb-t a{color:#fff; }

.g-hot{ clear:both;}

.m-hot{ clear:both; padding:1.45em 5% 0 4.375%;}

.m-hot a{margin:0 0 1.44em; display:block;}

.m-hot a .ee{ float:left; display:inline-block;width:49.06%; box-shadow:2px 2px 2px #e2e2e2;}

.m-hot a .ee img{width:100%; display:block;

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box;padding:2px; border:1px #c3c3c3 solid;}

.m-hot a .pros{ display:inline-block; float:right;width:44.5%;}

.m-hot a .pros b{ display:block; font-size:1.167em; color:#E60012; line-height:1.87em;height:1.87em; overflow:hidden;}

.m-hot a .pros span{ display:block; font-size:0.9em; color:#000; line-height:2em;height:5.8em; overflow:hidden;}

.m-hot .pros i{ display:inline-block; text-align:center; font-style:normal; color:#fff;width:100%; font-size:1em;

    background-color:#f48f01;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e32635), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #e32635, #E60012);

		 -moz-border-radius:3px;   

    -o-border-radius:3px; 

   -webkit-border-radius:3px;

    border-radius:3px; line-height:1.458em;}





/*搜索*/

.g-ser{position:relative;padding:1.5em 0 0 5.78%;height:4.56em; overflow:hidden;

    background-color:#f48f01;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e32635), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #e32635, #E60012);}

.g-ser .m-ipt{margin-right:23.4%; display:block;}

.g-ser .u-bt{width:16.56%; float:right;margin-top:0;margin-right:5.47%;position:relative;background-color:none;height:2.85em; line-height:2.85em; overflow:hidden; border-bottom:1px #9e0000 solid;

background:#ffa312;

background-image: -moz-linear-gradient(top, #ffe254, #ffb421 50%, #ffa312 50%,#ff7900);

background-image: -webkit-gradient(linear, left top, right top, from(#ffe254), color-stop(0, #ffb421), color-stop(0.5, #ffa312), color-stop(0.5, #ffa312), to(#ff7900)); 

background-image: -webkit-linear-gradient(top, #ffe254, #ffb421 50%, #ffa312, #ffa312 50%, #ff7900);

background-image: -o-linear-gradient(top, #ffe254, #ffb421 50%, #ffa312, #ffa312 50%, #ff7900);

background-image: -ms-linear-gradient(top, #ffe254, #ffb421 50%, #ffa312 50%,#ff7900);

background-image:linear-gradient(top, #ffe254, #ffb421 50%, #ffa312 50%,#ff7900);

display:inline-block;font-size:1.16em; font-weight:bold; color:#000; position:relative;

-moz-border-radius:0.17em;   

    -o-border-radius:0.17em; 

   -webkit-border-radius:0.17em;

    border-radius:0.17em; position:relative;}

.g-ser .u-in{float:right; position:absolute; z-index:100; right:4.47%; top:1em; width:16.56%;background:transparent;height:3.25em;overflow:hidden;

font-size:1.16em;}

.g-ser .u-key{width:100%; position:relative;

    color:#8e8e8e;

	font-size:1.16em;

	line-height:2.85em; 

	height:2.85em;

	overflow:hidden;

	text-indent:2.5%;

	float:left;

	background:#fff; border:none;

	box-shadow:none;

	 -moz-border-radius:0.17em;   

    -o-border-radius:0.17em; 

   -webkit-border-radius:0.17em;

    border-radius:0.17em;} 

.g-ser .u-key:before{ content:""; position:absolute;width:100%;height:0.708em; display:block;

   -moz-border-radius:0.17em 0.17em 0 0;   

    -o-border-radius:0.17em 0.17em 0 0; 

   -webkit-border-radius:0.17em 0.17em 0 0;

    border-radius:0.17em 0.17em 0 0;

	background-color:#f19729;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1a74b), to(#f08300)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #f1a74b, #f08300);left:0;bottom:0; z-index:9;}	

	

.g-ser .u-bt:before{content:""; position:absolute;width:100%;height:0.708em; display:block;

   -moz-border-radius:0.17em 0.17em 0 0;   

    -o-border-radius:0.17em 0.17em 0 0; 

   -webkit-border-radius:0.17em 0.17em 0 0;

    border-radius:0.17em 0.17em 0 0;

	background-color:#f19729;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1a74b), to(#f08300)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #f1a74b, #f08300); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #f1a74b, #f08300);left:0;top:-2.85em; z-index:9;}	

/*

@media screen and (min-width:360px) {.g-ser .u-key{line-height:180%; }}

@media screen and (min-width:480px) {.g-ser .u-key{line-height:185%; }}

@media screen and (min-width:568px) {.g-ser .u-key{line-height:190%; }}

@media screen and (min-width:639px) {.g-ser .u-key{line-height:244%; }}*/







/*电话*/

.g-tel{ border-top:1px #E60012 solid; clear:both; position:relative; display:block;padding:0 0 0 16.25%; color:#010101; font-size:-0.833em;

    background-color:#f1f0f0;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ccc)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #fafafa, #ccc); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #fafafa, #ccc); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #fafafa, #ccc); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #fafafa, #ccc); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #fafafa, #ccc); line-height:4.14em;height:4.14em;}

.g-tel b{font-size:1.6em; color:#E60012;}

.g-tel .u-tel{display:block;width:7.03%; height:2em; background:url(../images/tel.png) no-repeat; position:absolute;left:4.9%; top:34%; background-size:100% auto;}

.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:1px solid #e8710d;}

.g-tel .u-tel .z-ln-1{z-index:10;

	display:inline-block;

	width:3px;

	height:3px;

	top:5px;

	right:5px;

	border-width: 1px 1px 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	animation-name: xshow2; /*动画名称*/

	animation-duration: 4s;/* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/

.g-tel .u-tel .z-ln-2{z-index:10;

	display:inline-block;

	width:6px;

	height:6px;

	border-width: 1px 1px 0 0;

	border-radius:0 35px 0 0;

	position:absolute;

	top:2px;

	right:2px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/

.g-tel .u-tel .z-ln-3{z-index:10;  

	display:inline-block;

	width:9px;

	height:9px;

	border-width: 1px 1px 0 0;

	border-radius:0 35px 0 0;

	position:absolute;

	top:-1px;

	right:-1px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/

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

	.g-tel .u-tel{ /*height:39%;*/}

	.g-tel .u-tel .z-ln-1{

	width:3px;

	height:3px;

	top:5px;

	right:5px;}

	.g-tel .u-tel .z-ln-2{

	width:6px;

	height:6px;

	top:1px;

	right:1px;}

	.g-tel .u-tel .z-ln-3{

	width:10px;

	height:10px;

	top:-3px;

	right:-3px;}

}

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

	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #e60012;border-width: 2px 2px 0 0;}

	.g-tel .u-tel{ /*height:39%;*/}

	.g-tel .u-tel .z-ln-1{

	width:5px;

	height:5px;

	top:8px;

	right:8px;}

	.g-tel .u-tel .z-ln-2{

	width:9px;

	height:9px;

	top:3px;

	right:3px;}

	.g-tel .u-tel .z-ln-3{

	width:13px;

	height:13px;

	top:-2px;

	right:-2px;}

}

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

	.g-tel .u-tel{ /*height:43%;*/}

	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #e66b0a;border-width: 2px 2px 0 0;}

	.g-tel .u-tel .z-ln-1{

	width:6px;

	height:6px;

	top:10px;

	right:10px;}

	.g-tel .u-tel .z-ln-2{

	width:12px;

	height:12px;

	top:5px;

	right:5px;}

	.g-tel .u-tel .z-ln-3{

	width:17px;

	height:17px;

	top:0;

	right:0;}

}

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

	.g-tel .u-tel{/* height:39%;*/}

	.g-tel .u-tel .z-ln-1 ,.g-tel .u-tel .z-ln-2 ,.g-tel .u-tel .z-ln-3{ border:2px solid #e60012; border-width: 3px 3px 0 0;}

	.g-tel .u-tel .z-ln-1{

	width:7px;

	height:7px;

	top:10px;

	right:10px;}

	.g-tel .u-tel .z-ln-2{

	width:12px;

	height:12px;

	top:5px;

	right:5px;}

	.g-tel .u-tel .z-ln-3{

	width:17px;

	height:17px;

	top:0;

	right:0;}

}





/*产品中心*/

.g-cen{ clear:both;}

.g-cen li{ clear:both; display:block;padding:0.916em 4% 1em 4%;

background:url(../images/st_sd.jpg) left bottom no-repeat;-webkit-background-size:100% 1.16em;

-moz-background-size:100% 1.16em;

-o-background-size:100% 1.16em;

background-size:100% 1.16em; }

.g-cen li p{ display:inline-block; float:left;width:59.375%;}

.m-cen p a{ font-size:1em; color:#4f5341; display:inline-block; float:left; line-height:242%;width:31.25%;}

.m-cen p{ display:block;width:59.375%; float:left;}

.m-cen p b{ display:block; line-height:1.916em;height:1.916e; color:#E60012; border-bottom:0.25em #E60012 solid;width:100%;}

.m-cen p span{ display:block;padding:0.33em 0 0 2.81%;}

.m-cen p span a{ line-height:2em;padding-right:2%; text-overflow:clip;white-space:nowrap;overflow:hidden; display:inline-block; float:left; font-family:"Microsoft YaHei";width:100%; font-size:1em; color:#231915;}

.m-cen li em{ display:inline-block; float:right;width:33.5%;}

.m-cen li em img{width:100%; display:block;}

.m-cen i{ display:block; clear:both;}

.m-cen li:last-child{ background:none;}





/*网上选择*/

.g-net{ clear:both;padding:0.8em 0 0.7em; text-align:center;

background:url(../images/ys_sd.jpg) left bottom no-repeat;-webkit-background-size:100% 3.875em;

-moz-background-size:100% 3.875em;

-o-background-size:100% 3.875em;

background-size:100% 3.875em; }

.g-net h3{  display:block; text-align:center; line-height:1.83em;height:2.2em; overflow:hidden; font-size:1.33em; color:#E60012;}

.g-net h3 span{margin:0 0 0 1%; display:inline-block; text-align:center;width:50.625%;  line-height:1.83em;font-size:0.6em; color:#fff;height:2.375em; 

background:url(../images/net_ic1.jpg) center top no-repeat;-webkit-background-size:100% 2.375em;

-moz-background-size:100% 2.375em;

-o-background-size:100% 2.375em;

background-size:100% 2.375em; }

.g-net h4{ display:block; text-align:center; line-height:1em;height:1em; overflow:hidden; font-size:1.79em; color:#222; font-weight:bold;}

.g-net ul{ text-align:left; display:block;padding:1.2em 0 0;}

.g-net li{ display:inline-block; float:left;width:;padding:0 0 0 3.75%;width:45.6%;}

.g-net li h5{ display:block;height:3em; overflow:hidden; font-size:1em;}

.g-net li i{ display:inline-block;width:10.4%; float:left;margin:0 0.4em 0 0;}

.g-net li i img{width:100%;}

.g-net li b{ font-size:1.33em; color:#E60012;}

.g-net li span{ display:block; font-size:1em; color:#222; line-height:1.875em;}

.g-net ul li:nth-child(3){ padding:0.8em 0 0.7em 3.75%;clear:both; float:none; display:block;width:93.125%;}

.g-net ul li:nth-child(3) i{width:4.8%;}

.g-net a{ display:inline-block;margin:0 auto; clear:both; font-size:1em; color:#fff;width:31.25%; line-height:1.83em;height:1.83em;

    background-color:#f48d00;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e32635), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #e32635, #E60012);

	-moz-border-radius:2px;   

    -o-border-radius:2px; 

   -webkit-border-radius:2px;

    border-radius:2px;}













/*优势*/

.g-ys li h5{ width:100%;}

.g-ys li h5 img{ width:100%;}

.g-ys{ clear:both;}

.g-ys h3{line-height:2.47em;height:2.47em; font-weight:bold; color:#fff;overflow:hidden;display:block;font-size:1.67em; text-align:center;

    background-color:#f48f01;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e32635), to(#E60012)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #e32635, #E60012); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #e32635, #E60012);}	

.g-ys ul{ display:block;padding:1.5em 5.93% 0 5%;}

.g-ys li{ display:block;padding:0 0 0.34em;}

.g-ys li h4{ display:block;height:3.55em; overflow:hidden; font-size:1em;}

.g-ys li h4 b{ float:left; color:#E60012; font-size:3em; line-height:0.8em; font-family:Arial;}

.g-ys li h4 span{ display:inline-block; float:right;width:84.78%;}

.g-ys li h4 span i{ text-transform:uppercase; font-style:normal; display:block; font-weight:bold; color:#e67d86; font-size:0.6em;height:1em; line-height:1em; overflow:hidden;}

.g-ys li h4 span em{ font-style:normal; display:block; font-weight:bold; color:#E60012; font-size:1.3em;height:1.58em; line-height:1.2em; overflow:hidden;}

.g-ys li:last-child em{height:auto;}

.g-ys p{ clear:both;}

.g-ys p span{ clear:both;display:block; line-height:1.67em; font-size:1em; color:#231915;padding:0 0 1.04em 4.68%;

background:url(../images/ys_ic.jpg) left 0.58em no-repeat;-webkit-background-size:2.18% 0.67em;

-moz-background-size:2.18% 0.67em;

-o-background-size:2.18% 0.67em;

background-size:2.18% 0.67em;}

.g-ys a{ display:block; text-align:center;height:3.91em; line-height:3.91em; font-size:1em; color:#000;position:relative;

    background-color:#f3f3f3;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#d1d1d1)); /*针对苹果老式浏览器写的兼容*/

	background-image: -webkit-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对苹果浏览器写的兼容*/

	background-image: -moz-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对火狐浏览器写的兼容*/

	background-image: -o-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对欧朋浏览器写的兼容*/

	background-image: -ms-linear-gradient(top, #fbfbfb, #d1d1d1); /*背景渐变，针对手机微软浏览器写的兼容*/

	background-image: linear-gradient(top, #fbfbfb, #d1d1d1);}

.g-ys a:before{ content:""; position:absolute;width:0.8em;height:0.8em; display:inline-block; background:#4e4e4e;

-moz-border-radius:0.8em;   

    -o-border-radius:0.8em; 

   -webkit-border-radius:0.8em;

    border-radius:0.8em;left:26.875%;top:1.58em; z-index:6;}

.g-ys a:after{ content:""; position:absolute;display:inline-block; background:#4e4e4e; border-top:0.4em #f2f2f2 solid; border-left:0.2em transparent solid;border-right:0.2em transparent solid;left:27.7%;top:1.88em; z-index:9;}













/*案例*/

.g-show{ clear:both;}

.m-show{ clear:both;padding:1.58em 0 0 6.56%;}

.m-show a{ display:inline-block; float:left;width:43.9%;margin:0 5.47% 0.4em 0;}

.m-show a img{width:100%;border:1px #d5d5d5 solid; display:block;padding:0.17em; height:109px;

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */}

.m-show a i img{width:100%; 

box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */}

.m-show a span{margin:3.5% 0 8%; display:block; text-align:center; font-size:1em; color:#231915;}

.m-show p{ display:block; clear:both;}





/*荣誉资质*/

.g-hon{ height:100%;clear:both; position:relative;}

.g-hon .sclwrap_box,.g-hon .m-box{ position:relative;height:100%; overflow:hidden;}

.g-hon .nowarp{ margin-left:4%;}

.g-hon .prev{ width:4.69%; position:absolute; top:32%; left:5.47%;}

.g-hon .prev img,.g-hon .next img{width:100%;}

.g-hon .next{ width:4.69%; position:absolute; top:32%; right:5.47%;}

.g-hon .u-con{ text-align:center; width:42.19%; margin-top:1.2%;}

.g-hon .u-con a img{width:100%; height:148px; margin:0 auto; display:block;}

.g-hon .u-con li{ display:block;width:100%;}

.g-hon .u-con li span{ display:block; font-size:1em; margin:6% 0 0;line-height:150%;color:#222;}

.g-hon .u-con li b{ padding:0 0 2%;display:block; position:relative;z-index:9;}

.g-hon  .no_ov {margin:5% 27.5% 0;overflow:hidden;}

.g-hon p{ display:block; clear:both;}





/*荣誉资质*/

.g-inf{ margin-top:0; clear:both;height:auto;}

.g-inf .u-con ul{ margin:0.5em 3.125% 4.4% 4.687%;}

.g-inf .u-con li{ font-size:1em; color:#222; line-height:2.5em; height:2.5em; clear:both;}

.g-inf .u-con li i{ float:right; font-style:normal; color:#959595;}





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

	 .g-hon{height:240.9px;}

	 .g-hon .sclwrap_box{height:240.9px;}

	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:185.8px;}

	 .g-adv{ height:185.8px;}}

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

	 .g-hon{height:266px;}

	 .g-hon .sclwrap_box{height:266px;}

	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:204px;}

	 .g-adv{ height:204px;}}



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

	 .g-hon{height:421.4px;}

	 .g-hon .sclwrap_box{height:421.4px;}

	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:338.8px;}

	 .g-adv{ height:338.8px;}}



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

	 .g-hon{height:498.7px;}

	 .g-hon .sclwrap_box{height:498.7px;}

	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:400.8px;}}



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

	 .g-hon{height:400px;}

  	 .g-hon .sclwrap_box{height:400px;}

	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:451px;}}





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

	body { font-size:75%;}

}

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

	body { font-size:83%;}

}

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

	body { font-size:112%;}

}

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

	body { font-size:120%;}

}

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

	body { font-size:150%;}

}




























.picScroll{margin:10px auto; background:#fff url("../images/ttbg.jpg") top left no-repeat; padding:0px 10px 0px 10px;}
.picScroll .bd ul{ width:100%;  float:left; padding:10px 0px;}
.picScroll .bd li{ width:33%; float:left; font-size:14px; text-align:center; 
}
.picScroll2 .bd li{ width:50%; float:left; font-size:14px; text-align:center; margin:10px 0}
.picScroll .bd li p a{ font-size:15px}

.picScroll .bd li img{ width:95%;background:url("../images/loading.gif") #fff center center no-repeat; -moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px; 
	background:#fff;
	-moz-box-shadow:0px 4px 5px #9C9C9C; 
	-webkit-box-shadow:0px 4px 5px #9C9C9C;
	box-shadow:0px 4px 5px #9C9C9C;
	position:relative;
	z-index:2;}
.picScroll .bd li p{ height:46px; line-height:46px; overflow:hidden; width:95%;margin: 0 auto; margin-top:5px }

.picScroll .hd{ height:38px; line-height:38px;overflow:hidden; text-align:left;  padding:0 10px;}
.picScroll .hd h3 { font-size:20px; font-weight:bold; color:#fff; padding-left:10px}
.picScroll .hd ul{ float:right; padding-top:16px;}
.picScroll .hd li{ float:left; width:8px; height:8px; background:#BDBDBD; margin:0 5px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.picScroll .hd .on{ background:#d3a358;  }
.picScroll .prev,.picScroll .next{ display:block; float:right;  width:18px; height:18px; background:url("../images/pisScrollIcons.gif") -6px -7px no-repeat; overflow:hidden; margin:11px 5px 0 5px;  }
.picScroll .next{ background-position:-34px -7px; }
.picScroll .prevStop{ background-position:-6px -40px; }
.picScroll .nextStop{ background-position:-34px -40px; }

.slideBoxbann{ position:relative; overflow:hidden; margin:6px auto; max-width:650px; }
.slideBoxbann .hd{ position:absolute; height:26px; line-height:26px; bottom:0; right:0; z-index:1; }
.slideBoxbann .hd li{ display:inline-block; width:5px; height:5px;padding-bottom:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBoxbann .hd li.on{ background:#fff;  }
.slideBoxbann .bd{ position:relative; z-index:0; }
.slideBoxbann .bd li{ position:relative; text-align:center;  }
.slideBoxbann .bd li img{ background:url("../images/loading.gif") center center no-repeat;  vertical-align:top; width:100%;}
.slideBoxbann .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.slideBoxbann .bd li .tit{ display:none; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url("../images/focustitlebg.png") repeat-x; color:#fff;  text-align:left;  }

.text_area{
	margin:10px auto; background:#fff url("../images/ttbg.jpg") top left no-repeat; padding:0px 10px 0px 10px;
}
.text_area .list_divider{
font-size: 20px;
font-weight: bold;
color: #fff;
padding-left: 10px;
height:38px;
line-height:38px
}
.text_area .list_content{
	padding:5px 10px;
	line-height: 2em;
	overflow: hidden;
}
.text_area .list_title{
	margin: 0px 5px;
	padding:10px 0px;
	text-align: center;
	font-size:12px;
	line-height: 3em;
	border-bottom: 1px solid #d3a358;
	overflow: hidden;
}
.text_area .list_info{
	padding:15px 10px;
	line-height: 2em;
	font-size:14px;
	overflow: hidden;
}
.proimg {margin:10px 0;-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px; 
	background:#fff;
	-moz-box-shadow:0px 4px 5px #9C9C9C; 
	-webkit-box-shadow:0px 4px 5px #9C9C9C;
	box-shadow:0px 4px 5px #9C9C9C;
	position:relative;
	z-index:2;}
.text_area .list_photo{padding:10px 5px;}
.text_area .list_lablename{padding:10px 0px;font-size:14px;font-weight: bold;border-bottom: 1px solid #d3a358;margin: 0px 8px;}
.text_area .list_botton{padding:10px 0px;text-align: center;border-bottom: 1px solid #d3a358;margin: 0px 8px;}
.text_area .list_stt{padding:10px 10px;text-align: left;line-height: 200%;border-bottom: 1px solid #d3a358;margin: 0px 8px;}

.list_content img{float: left;width:110px;height:auto;padding:5px 10px 0px 0px}
.text_list {width:100%;overflow: hidden;}
.text_list li{border-top:1px dotted #383838;padding:5px 0px 5px 10px;background: url("../images/icon1.gif") no-repeat left;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.text_list li:first-child{border-top:0px;}