body{background:#fff; }

.m-nav{ background:#fff; position:relative; margin-top:0.5em;}
.m-nav:before{content:""; position:absolute; top:0; right:0; width:100%; height:1px; z-index:9; background:#4b4b4b;}
.m-nav li{ font-size: 1.2em;width: 27.33%; float: left;  position: relative;  color: #000; height: 3em;line-height: 2.5em;text-align: center; }
.m-nav a:nth-child(1) li:after{ content:""; position:absolute; top:1.2em; left:80%; border-top:0.5em solid #fff; border-left:0.4em solid rgba(0,0,0,0); border-right:0.4em solid rgba(0,0,0,0);}
.m-nav li span{float:right;}
.ban .sclwrap_box ,.ban .m-box{ height:13em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.pro{ width:93.75%; margin:1.583em auto 0;}
.pro .sclwrap_box ,.pro .m-box{ height:39em;overflow:hidden;}
.pro .m-cnt{ height:2.6em; overflow:hidden;}
.pro .m-cnt li{ width:48%; float:left; text-align:center; height:2.22em; line-height:2.22em; border:0.125em solid #000; font-size:1em; color:#040000;}
.pro .m-cnt li.z-on{ background:#bf0222;border:0.125em solid #bf0222; color:#fff; position:relative;}
.pro .m-cnt li.z-on:before{ content:""; position:absolute; top:0.9em; left:70%;border-top:0.5em solid #fff; } /*border-left:0.4em solid rgba(0,0,0,0); border-right:0.4em solid rgba(0,0,0,0); */
.pro .m-cnt li:last-child{ border-left:0;}
.more{ font-size:0.75em; color:#040000; text-transform:uppercase; border:2px solid #9e9e9e; padding:0.15em 0.5em; width:18%; margin:0.6em auto 1em; text-align:center;}
.pro .con{ float:left; width:100%;}
.pro .con li{ width:48.33%; height:19.4em; position:relative;}
.pro .con li img{ width:100%; display:block;}
.pro .con li span{ display:block; font-size:0.92em; text-align:center; color:#040000; height:2em; line-height:2em;}
.pro .con li p{ width:3.17em; height:3.75em; overflow:hidden; position:absolute; top:0; left:3%; display:none;}
.pro .con li p img{ width:100%;}
.pro .con a:nth-child(2n-1) li{ float:left;}
.pro .con a:nth-child(2n) li{ float:right;}

.guan1{ background:url(/mobile/Images/Index/guan1.jpg) no-repeat center top; background-size:100% auto;}
.guan1 p{     font-size: 1.16em; color: #fff; height: 2em; overflow: hidden;padding: 4.8em 0 1.5em 39%;background-size: 1em 1em;} 

.g-ys{margin-top:0.3em; }
.g-ys h3{ text-align:center; font-size:1.25em; color:#040000;}
.g-ys h3 i{ display:block; font-size:0.4em; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.54em;}
.g-ys dl{ padding-top:2.3em; width:5.8em;}
.g-ys dt{ font-size:0.92em; font-weight:bold; color:#bf0222; border-top:0.16em solid #bf0222; width:96.7%; padding:0.3em 0 0.2em 0;}
.g-ys dd{ margin-top:0.3em; font-size:0.8em; color:#040000; line-height:1.5em; width:7em;}
.g-ys .f-fr{ text-align:right;}
.g-ys .f-fl dl{ padding-bottom:1.6em;}

.g-bran h2{ text-align:center; font-size:0.92em; color:#040000;}
.g-bran h2 span{ display:block; width:52.65%; margin:2em auto 0;}
.g-bran h2 span img{ width:100%;}
.g-bran h2 p{ font-size:1.36em;}
.g-bran h3{ padding-bottom:2.8em; background:url(/mobile/Images/Index/line.jpg) no-repeat center bottom; background-size:100% auto;}
.g-bran h3 p{ width:86.7%; margin:1em auto 0;}
.g-bran h3 img{ width:100%; display:block;}
.g-bran dl{ width:89.875%; margin-left:6.7%; padding:1em 0 1.1em 0;}
.g-bran dt{ font-size:2.625em; color:#fff; background:#bf0222;width:1.8em; height:1.8em; text-align:center; line-height:1.8em; overflow:hidden; float:left;}
.g-bran dd{ width:78%; float:right;}
.g-bran dd h4{ font-size:1em; color:#bf0222;}
.g-bran dd p{ font-size:0.89em; color:#040000; line-height:1.5em; margin-top:0.7em;}


.g-coop{ background:url(/mobile/Images/Index/coop_bg.jpg) no-repeat center top; background-size:100% auto; margin-top:1.2em;}
.g-coop h3{ text-align:center; color:#bf0222; font-size:1.17em; padding-top:1em;}
.g-coop h3 i{ display:block; font-size:0.43em; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; color:#fff; letter-spacing:0.6em;}
.coop{ position:relative;}
.coop .sclwrap_box ,.coop .m-box{ height:10em;overflow:hidden;}
.coop .prev{ width:1.2083em; height:1.42em; position:absolute; top:2.25em; left:3.125%;}
.coop .next{width:1.2083em; height:1.42em; position:absolute; top:2.25em; right:3.125%;}
.coop .prev img,.coop .next img{ width:100%;}
.coop .nowarp{ width:77.5%; margin:0.25em auto 0;}
.coop .con{ float:left; width:100%;}
.coop .con li{ width:48.18%;}
.coop .con li img{ display:block; width:100%;}
.coop .con li p{ text-align:center; font-size:0.92em; color:#646261; padding-top:0.5em; overflow:hidden;}
.coop .con a:nth-child(2n-1) li{ float:left;}
.coop .con a:nth-child(2n) li{ float:right;}

.g-wit{ width:93.75%; margin:0.2em auto 0;}
.g-wit h3{ text-align:center; font-size:1.25em; color:#1e1e1e;}
.g-wit h3 i{ display:block; text-align:center; font-size:0.4em; text-transform:uppercase; letter-spacing:0.5em;}
.g-wit h3 p{ text-align:center; font-size:0.6em; width:35%; background:url(/mobile/Images/Index/wit_line.gif) no-repeat center center; background-size:100% 1px; margin:0 auto; text-transform:uppercase;}
.g-wit dl{ height:7.7083em; overflow:hidden; background:#f1e9dd; margin-top:1.42em;}
.g-wit dt{ width:36%; float:left; margin:0.775em 0 0 3.83%;}
.g-wit dt img{ width:100%; display:block;}
.g-wit dd{ width:53%; position:relative; float:right; font-size:0.92em; line-height:1.5em; color:#040000; padding-top:0.775em; padding-right:3%; height:7.5em;}
.g-wit dd i{ display:block; width:1.708em; height:1.625em; position:absolute; bottom:0; right:0;}
.g-wit dd i img{ display:block; width:100%;}

.g-ho{ margin-top:2em;}
.g-ho h3{ font-size:1em; padding-left:35.93%;}
.g-ho h3 span{ display:inline-block; font-size:1.16em; color:#1e1e1e; background:url(/mobile/Images/Index/ho_h.gif) no-repeat left 0.2em; background-size:1.55em 1.508em; padding-left:2.3em;}
.g-ho h3 i{ display:block; font-size:0.5em; text-transform:uppercase; color:#1e1e1e; letter-spacing:0.4em;}
.g-ho h3 p{ width:11em; background:url(/mobile/Images/Index/wit_line.gif) no-repeat left center; background-size:100% 1px; text-align:center; font-size:0.75em; color:#040000; text-transform:uppercase;}
.ho{ position:relative;}
.ho .sclwrap_box ,.ho .m-box{ height:15.5em;overflow:hidden;}
.ho .prev{ width:1.5em; height:1.79em; position:absolute; top:4.25em; left:3.125%;}
.ho .next{width:1.5em; height:1.79em; position:absolute; top:4.25em; right:3.125%;}
.ho .prev img,.ho .next img{ width:100%;}
.ho .nowarp{ width:54.84%; margin:0.8em auto 0;}
.ho .con{ float:left; width:100%;}
.ho .con p{width:100%;}
.ho .con p img{width:100%; display:block;}
.ho .con p span{ display:block; text-align:center; font-size:0.92em; line-height:2.5em; color:#666;}

.g-about{ background:url(/mobile/Images/Index/about_bg.jpg) no-repeat center top; background-size:100% auto;}
.g-about h2{ width:51.56%; float:right; font-size:1.08em; color:#1e1e1e;}
.g-about h2 i{ display:block; font-size:1.15em; color:#bf0222; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #aeadab; padding-bottom:0.2em;}
.g-about dt{ width:62.1875%; margin:0.8em 0 0 10.3%;}
.g-about dt img{ width:100%;}
.g-about dd{ width:88.28%; margin:4.17em 0 0 4.6%; font-size:0.92em; line-height:1.75em; text-indent:2em; color:#494948;}


@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%;}
}