.m-nav{font-size:1em;background:-webkit-gradient(linear,0 0,0 100%,from(#FB1200 ),to(#BF0000));overflow:hidden;}
.m-nav li{display:inline-block;color:#fff; line-height:2.5em;height:2.5em; text-align:center; float:left;width:32.7%; border-right:1px #FB1200 solid; border-left:1px #BF0000  solid; font-size:17px; font-weight:bold}

.m-nav li:hover{color:#FAED00;  background:-webkit-gradient(linear,0 0,0 100%,from(#FB1200),to(#BF0000));}
.m-nav li.on{color:#FAED00;  background:-webkit-gradient(linear,0 0,0 100%,from(#FB1200),to(#BF0000));}

.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;}

.m-nav a:nth-child(1) li,.m-nav a:nth-child(2) li,.m-nav a:nth-child(3) li{ border-bottom:1px #BF0000    solid;}
.m-nav a:nth-child(4) li,.m-nav a:nth-child(5) li,.m-nav a:nth-child(6) li{ border-top:1px #FB1200  solid;}


	  
.g-adv{margin:1.25em 0;width:100%; position:relative;clear:both;}
.g-adv li img{width:100%;padding:0;}
.g-adv .sclwrap_box ,.g-adv .m-box{ position:relative;}
/*.g-adv .m-cnt{ width:100%; background:#cccac6; position:absolute; bottom:0; left:0; z-index:10; height:0.5em; display:block;}
.g-adv .m-cnt li{ float:left; height:0.5em; }
.g-adv .m-cnt li:nth-child(1){ width:33.3%;}
.g-adv .m-cnt li:nth-child(2){ width:33.3%;}
.g-adv .m-cnt li:nth-child(3){ width:33.4%;}
.g-adv .m-cnt .z-on { background:#9a0404; }/*通栏广告  状态栏 当前*/
@media screen and (min-width:320px){
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:150px; overflow:hidden;}}
@media screen and (min-width:360px) {
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:170px; overflow:hidden;}}

@media screen and (min-width:480px) {
	 .g-adv .sclwrap_box ,.g-adv .m-box{ height:225px; overflow:hidden;}}

@media screen and (min-width:568px) {
	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:270px; overflow:hidden;}}

@media screen and (min-width:639px) {
	 .g-adv,.g-adv .sclwrap_box ,.g-adv .m-box{ height:300px; overflow:hidden;}}



 
 
.g-proc{ clear:both;}
.m-pb-t{line-height:3em;height:3em;background:-webkit-gradient(linear,0 0,0 100%,from(#BF0000 ),to(#FB1200));display:block;padding:0 4.687%;font-size:1em;overflow:hidden; }	
a.m-pb-t{ color:#fff;}
.m-pb-t h2{ display:inline-block;width:87%; float:left; font-size:1.25em;}


.m-pb-t h2 i{ display:inline-block; float:left;width:5.687%;margin:0.15em 1.56% 0 0;}
.m-pb-t h2 i img{width:100%;}
.m-pb-t span{ margin:0.2em 0 0;width:5.1%;float:right; display:inline-block;}
.m-pb-t span img{width:100%;}
.m-proc{ clear:both;padding:0.416em 0 0 4.687%;}
.m-proc a{ display:inline-block; text-align:center; font-size:18px;width:43.43%; float:left;margin:0 3.125% 0.416em 0; border:1px #e3e3e3 solid;padding:0.625em 0 0;height:2.291em; overflow:hidden; background: url(../imagesmob/list_nav_bg.png)repeat-x;}
.m-proc a b{ display:block; font-weight:100; font-size:1em; color:#BF0000 ; line-height:1.5em;height:1.5em; overflow:hidden;}
.m-proc a span{ display:block; font-weight:100; font-size:0.5em; color:#666; line-height:1.3em;height:1.3em; overflow:hidden;}
.m-proc a:last-child{padding:0; line-height:2.916em;height:2.916em; overflow:hidden;padding:0;}
.m-proc a:last-child b{ line-height:2.916em;height:2.916em; }



.g-brd{ clear:both;margin:1.1em 0 0.4em;}
.g-brd h3{ display:block; text-align:center; color:#fff; font-size:1.25em; line-height:4.66em;height:4.66em; overflow:hidden;padding:3.166em 0 0;
background:url(../imagesmob/brd_t.jpg) center top no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto; font-weight:bold;}
.g-brd i{ display:block;margin:1.25em 4.68%;width:90.2%;}
.g-brd i img{width:100%; vertical-align:top; display:block;}
.g-brd ul{padding:0 4.687% 0 5.156%; display:block; font-size:1em; color:#666;}
.g-brd li{ display:block;padding:0 0 0 110px; position:relative; height:125px}
.g-brd li em{ display:inline-block;width:100px; position:absolute; overflow:hidden;left:0;top:0.25em; text-align:center; z-index:1; height:110px}
.g-brd li em img{ vertical-align:top; display:block;width:100%; overflow:hidden;margin:0 auto;}
.g-brd li h4{ font-size:1.08em; line-height:1.846em;height:1.846em; overflow:hidden; color:#BF0000 ; font-weight:bold; border-bottom:1px #bcbcbc dashed;}
.g-brd li h4 b{ font-weight:100; color:#666; font-family:impact, Arial;margin:0 2% 0 0; font-size:1.5em; float:left;}
.g-brd li p{ clear:both; line-height:1.25em;padding:0.66em 0 1em; display:block;}





/*工程案例*/
.m-pb-t1{margin:0 0 0.4em;}
.g-cer { clear:both;overflow: hidden;position:relative;
background:url(../Images/Index/bgbg.gif) left 22.3em no-repeat;
-webkit-background-size:100% 1px;
-moz-background-size:100% 1px;
-o-background-size:100% 1px;
background-size:100% 1px;height:24em;}
.cas_l{ position:absolute;width:100%;height:1px; display:block;left:0;top:19.3em;top:0; z-index:10;}
.cas_l img{width:100%;}
.g-cer .sclwrap_box{ position:relative;overflow: hidden;height:20em;}
.g-cer .m-cnt{ font-size:1em;height:11.08em; overflow:hidden;padding:0 0 0 4.687%}
.g-cer .m-cnt li{ display:inline-block; text-align:center; font-size:1em;width:43.43%; float:left;margin:0 3.125% 0.416em 0; border:1px #e3e3e3 solid;padding:0.625em 0 0;height:2.291em; overflow:hidden;background: url(../imagesmob/list_nav_bg.png)repeat-x;}

.g-cer .m-cnt li b{ display:block; font-weight:110; font-size:18px; color:#BF0000 ; line-height:1.5em;height:1.5em; overflow:hidden;}
.g-cer .m-cnt li a{ display:block; font-weight:110; font-size:18px; color:#BF0000 ; line-height:1.5em;height:1.5em; overflow:hidden;}
.g-cer .m-cnt li a:hover{ color:#F18201}
.g-cer .m-cnt li span{ display:block; font-weight:110; font-size:0.5em; color:#666; line-height:1.3em;height:1.3em; overflow:hidden;}
.g-cer .m-cnt a{color:#222; text-align:center;width:100%; display:block;padding:0; line-height:2.916em;height:2.916em; overflow:hidden;padding:0;}
.g-cer .no_ov {margin:0 5.687% 0 4.3%;overflow: hidden; }
.g-cer .page{width:100%; float:left; overflow:hidden;}
.g-cer .no_ov a{ display:inline-block;width:47.75%;margin:0 1.5% 0 0;overflow:hidden; text-align:center; float:left; margin-top:5px;
}
.g-cer .no_ov a img{width:100%; vertical-align:top; display:block;border:1px #ebeaea solid;padding:0.1em;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;height:auto;}
.g-cer .no_ov a span{display:block; line-height:1.2em;height:2.33em;overflow:hidden; font-size:1em; color:#666;}
.g-cer .no_ov a:nth-child(2){margin:0;}
.g-cer .prev{ z-index:9; width:9%; position:absolute; top:11em; left:40%;}
.g-cer .next{ z-index:9; width:9%;position:absolute; top:11em; right:40%;}
.g-cer .prev img,.g-cer .next img{width:100%; vertical-align:top; display:block;}

.g-sbox .box-style{ position:relative;}




.g-abt{ clear:both;}
.m-abt{ text-align:left; font-size:1em;padding:0.9em 10px 0; clear:both;}
.m-abt i{ display:inline-block;width:58.75%;margin:0 auto; text-align:center;
background:url(../Images/Index/abt_img_bg.jpg) left top no-repeat;
-webkit-background-size:100% auto;
-moz-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;}
.m-abt img{display:block;max-width:100%;}
.m-abt i img{margin:0 auto;width:96.09%;padding:0.458em 0 3.2em;}
.m-abt h3{ display:block; line-height:2em;height:2em; overflow:hidden; color:#222; font-size:1.25em; font-weight:bold;}
.m-abt p{ display:block; color:#666; line-height:1.416em;padding:0 0 0.5em;}
.m-abt a{ display:inline-block; text-align:center;margin:0 auto; color:#fff; font-size:1em;width:21.56%;margin:0 auto; line-height:1.5em;height:1.5em; overflow:hidden; background:#BF0000 ;}








/*案例*/
.g-act{margin:1.15em 0 0; clear:both; position:relative;}
.g-act .sclwrap_box,.g-act .m-box{ position:relative;overflow:hidden;}
.g-act .nowarp{padding-top:0.7em; clear:both; height:auto;}
.g-act .prev{ z-index:9; width:5.937%; position:absolute; top:3.6em; left:4.687%;}
.g-act .next{ z-index:9; width:5.937%;position:absolute; top:3.6em; right:4.687%;}
.g-act .prev img,.g-act .next img{width:100%;}
.g-act .m-box div{width:100%; float:left;}
.g-act .m-box a{text-align:center; display:inline-block; float:left;width:41.375%;margin:0 0 0 3.5%;overflow:hidden;}
.g-act .m-box a img{width:100%; border:1px #e4e4e4 solid;display:block;padding:0.125em;
box-sizing:border-box;
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;}
.g-act .m-box a span{ display:block; line-height:2.33em;height:2.33em;overflow:hidden; font-size:1em; color:#666;}
.g-act .no_ov {margin:0 5.31% 0 10.93%;overflow:hidden;}


.g-act .m-box div{ float:left;width:100%;}
@media screen and (min-width:320px){
	 .g-act,.g-act .sclwrap_box{ height:163px; overflow:hidden;}}
@media screen and (min-width:360px) {
	  .g-act,.g-act .sclwrap_box{ height:184px; overflow:hidden;}}

@media screen and (min-width:480px) {
	  .g-act,.g-act .sclwrap_box{ height:245px; overflow:hidden;}}

@media screen and (min-width:568px) {
	 .g-act,.g-act .sclwrap_box{ height:290px; overflow:hidden;}}

@media screen and (min-width:639px) {
	 .g-act,.g-act .sclwrap_box{height:326px; overflow:hidden;}}
	 
	 
	 


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:90%;}
}
@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%;}
}




/*产品热线*/
.m-cptel {
	POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #02b2ba; PADDING-LEFT: 58px; PADDING-RIGHT: 0px; HEIGHT: 40px; PADDING-TOP: 0px; border-radius: 3px
}
.m-cptel:before {
	Z-INDEX: -2; POSITION: absolute; WIDTH: 180px; HEIGHT: 10px; CONTENT: ""; TOP: 17px; LEFT: 16px; box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -webkit-box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -moz-box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg)
}
.m-cptel:after {
	Z-INDEX: -2; POSITION: absolute; WIDTH: 180px; HEIGHT: 10px; CONTENT: ""; TOP: 17px; LEFT: 16px; box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -webkit-box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -moz-box-shadow: 0 15px 4px rgba(46, 46, 46, 1.0); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -o-transform: rotate(-3deg); transform: rotate(-3deg)
}
.m-cptel:after {
	RIGHT: 16px; LEFT: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg)
}
.m-cptel .u-tel {
	POSITION: absolute; WIDTH: 25px; DISPLAY: block; BACKGROUND: url(../imagesmob/tel01.png) no-repeat; FLOAT: left; HEIGHT: 25px; TOP: 8px; LEFT: 16px; background-size: 100%; -webkit-background-size: 100%
}


.m-cptel .u-bt {
	PADDING-RIGHT: 2px; COLOR: #fff; FONT-SIZE: 16px
}
.m-cptel A {
	FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #fff; FONT-SIZE: 19px
}
.m-cptel .u-tel .z-ln-1 {
	Z-INDEX: 10; POSITION: absolute; BORDER-RIGHT-WIDTH: 2px; WIDTH: 9px; DISPLAY: inline-block; BORDER-TOP-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 9px; BORDER-LEFT-WIDTH: 0px; TOP: -3px; RIGHT: -1px; border-radius: 0 35px 0 0; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: 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
}
.m-cptel .u-tel .z-ln-2 {
	Z-INDEX: 10; POSITION: absolute; BORDER-RIGHT-WIDTH: 2px; WIDTH: 6px; DISPLAY: inline-block; BORDER-TOP-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 6px; BORDER-LEFT-WIDTH: 0px; TOP: 0px; RIGHT: 2px; border-radius: 0 30px 0 0; animation-name: xshow2; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: 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
}
.m-cptel .u-tel .z-ln-3 {
	Z-INDEX: 10; POSITION: absolute; BORDER-RIGHT-WIDTH: 2px; WIDTH: 3px; DISPLAY: inline-block; BORDER-TOP-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 3px; BORDER-LEFT-WIDTH: 0px; TOP: 3px; RIGHT: 5px; border-radius: 0 35px 0 0; animation-name: xshow; animation-duration: 4s; animation-timing-function: linear; animation-iteration-count: 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
}
.pp_c {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 20px; HEIGHT: 100%; OVERFLOW: hidden; PADDING-TOP: 0px
}
.pp_c .ppjs {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 28px; PADDING-LEFT: 0px; PADDING-RIGHT: 20px; HEIGHT: 160px; FONT-SIZE: 15px; OVERFLOW: hidden; PADDING-TOP: 10px
}
.pp_c UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px; HEIGHT: 520px; OVERFLOW: hidden; PADDING-TOP: 5px
}
.pp_c UL LI {
	POSITION: relative; WIDTH: 125px; DISPLAY: inline; FLOAT: left; HEIGHT: 165px; MARGIN-RIGHT: 29px
}
.pp_c UL LI:before {
	POSITION: absolute; WIDTH: 125px; DISPLAY: block;  HEIGHT: 86px; CONTENT: ""; border-radius: 86px
}

.pp_c UL LI IMG {
	Z-INDEX: 100; POSITION: relative; MARGIN: 7px 0px 0px 6px; VERTICAL-ALIGN: middle
}
.pp_c UL LI SPAN {
	TEXT-ALIGN: center; LINE-HEIGHT: 28px; DISPLAY: block; COLOR: #BF0000; FONT-SIZE: 18px; OVERFLOW: hidden;WIDTH: 110px;
}
.pp_c UL LI SPAN1 {
	TEXT-ALIGN: center; LINE-HEIGHT: 20px; DISPLAY: block; COLOR: #BF0000; FONT-SIZE: 15px; OVERFLOW: hidden;
}





<!-- 在线订购 -->
.u-line {
	POSITION: relative; BACKGROUND-COLOR: #ededed; DISPLAY: block; HEIGHT: 15px
}
.u-line:before {
	POSITION: absolute; WIDTH: 100%; HEIGHT: 1px; BORDER-TOP: #ccc 1px solid; CONTENT: ""; TOP: 0px; LEFT: 0px
}
.u-line:after {
	POSITION: absolute; WIDTH: 100%; HEIGHT: 1px; BORDER-TOP: #fff 1px solid; CONTENT: ""; TOP: 1px; LEFT: 0px
}
.m-jm {
	BORDER-BOTTOM: #BF0000 3px solid; POSITION: relative; BORDER-LEFT: #BF0000 3px solid; MARGIN: 5px 18px 18px 15px; WIDTH: 90%; HEIGHT: 100%; OVERFLOW: hidden; BORDER-TOP: #BF0000 3px solid; BORDER-RIGHT: #BF0000 3px solid
}
.m-jm:before {
	BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; BORDER-LEFT: #fff 1px solid; WIDTH: 279px; HEIGHT: 213px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
.m-jm:after {
	Z-INDEX: -1; POSITION: absolute; BACKGROUND-COLOR: #ededed; WIDTH: 100%; HEIGHT: 17px; TOP: 0px; LEFT: 0px
}
.m-jm H2 {
	POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 110px; PADDING-RIGHT: 0px; BACKGROUND: url(../imagesmob/aff.jpg) no-repeat 9px 16px; HEIGHT: 28px; COLOR: #BF0000; FONT-SIZE: 16px; FONT-WEIGHT: bold; PADDING-TOP: 24px; background-size: 94px 34px; -webkit-background-size: 94px 34px; -moz-background-size: 94px 34px
}
.m-jm H2:before {
	POSITION: absolute; WIDTH: 205px; BOTTOM: 0px; BACKGROUND: #BF0000; HEIGHT: 1px; CONTENT: ""; LEFT: 73px
}
.m-jm H2:after {
	POSITION: absolute; WIDTH: 205px; BOTTOM: 2px; BACKGROUND: #BF0000; HEIGHT: 1px; CONTENT: ""; LEFT: 54px
}




.g-bd .m-bz {
	HEIGHT: 100%; OVERFLOW: hidden
}
.g-bd .m-bz H2 {
	POSITION: relative; PADDING-BOTTOM: 0px; LINE-HEIGHT: 42px; border-bottom:#F58100 2px solid; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 42px; COLOR: #BF0000; FONT-SIZE: 18px; FONT-WEIGHT: bold; PADDING-TOP: 0px; border-radius: 2px; text-align:center
}



.g-bd .m-bz span{ margin:0.2em 0 0;width:5.1%;float:right; display:inline-block; margin-right:20px}
.g-bd .m-bz span img{width:100%;}


.g-bd .m-bz H2:before {
	
}
.g-bd .m-bz .bz_c {
	HEIGHT:100%; OVERFLOW: hidden;  width:100%; margin-top:10px
}
.g-bd .m-bz .bz_c DL {
	PADDING-BOTTOM: 3px; MARGIN-TOP: 12px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; BACKGROUND: #d9f7f8; HEIGHT: 111px; OVERFLOW: hidden; PADDING-TOP: 3px
}
.g-bd .m-bz .bz_c DL DT {
	POSITION: relative; WIDTH: 40%; BACKGROUND: #039fa6; HEIGHT: 111px
}
.g-bd .m-bz .bz_c DL DT:before {
	POSITION: absolute; BORDER-LEFT: #039fa6 10px solid; WIDTH: 0px; HEIGHT: 0px; CONTENT: ""; TOP: 46px; RIGHT: -10px
}
.g-bd .m-bz .bz_c DL DT IMG {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; WIDTH: 110px; PADDING-left: 10px; PADDING-TOP: 3px
}
.g-bd .m-bz .bz_c DL DD {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-LEFT: 10px; WIDTH: 55%; PADDING-RIGHT: 0px; COLOR: #039fa6; FONT-SIZE: 15px; PADDING-TOP: 23px
}
.g-bd .m-bz h2:before {

}