/*-----------------------------------------------------------------------------------------------------------------------*/
.g-adv{ height:12.5em; overflow:hidden; position:relative;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em; overflow:hidden;}
.g-adv .m-cnt{ position:absolute; bottom:0; left:45%; height:0.5em; overflow:hidden; width:3.75em;}
.g-adv .m-cnt li{ float:left; width:0.375em; height:0.375em; background:#fff; border-radius:20em; margin-right:0.3em;}
.g-adv .m-cnt li.z-on{ background:#128bdf;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{ margin-top:1.67em; height:7.83em; background:#128bdf;overflow:hidden; position:relative;}
nav:before{ position:absolute; content:""; width:100%; height:1px; top:50%; left:0; background:#4ba7e7; border-bottom:1px solid #6da975;}
nav a{ color:#fff; font-size:1em; width:33%; text-align:center; height:3.91em; line-height:3.91em; overflow:hidden; display:block; float:left; position:relative;}
nav a:before{ position:absolute; content:""; width:1px; height:3.91em; top:0; right:0; background:#4ba7e7; border-left:1px solid #6da975;}
nav a:nth-child(3n):before{ height:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-fang{ margin-top:1.75em; overflow:hidden; height:33em; background:url(/mobile/Images/Index/fang_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.u-tit{ height:2.5em; font-size:1em; color:#fff; text-align:center; background:#128bdf; font-weight:bold; overflow:hidden; line-height:2.5em; position:relative;}
.u-tit:before{ position:absolute; content:""; width:1.5em; height:1px; background:#fff; top:1.25em; left:4em;}
.u-tit:after{ position:absolute; content:""; width:1.5em; height:1px; background:#fff; top:1.25em; right:4em;}
.m-fang .sclwrap_box , .m-fang .m-box{ height:27.91em; overflow:hidden;}
.m-fang .con{ display:inline; float:left; width:100%;}
.m-fang .con dl{ margin-top:1.58em;}
.m-fang .con dt{ width:61.875%; margin:0 auto; overflow:hidden; position:relative; height:13.33em; overflow:hidden;}
.m-fang .con dt:before{ position:absolute; content:""; overflow:hidden; width:6.45em; height:2px; background:#128bdf; top:0; left:0;}
.m-fang .con dt:after{ position:absolute; content:""; overflow:hidden; width:6.45em; height:2px; background:#128bdf; top:11.75em; right:0;}
.m-fang .con dt img{ margin-top:0.375em}
.m-fang .con dt span{ display:block; width:2.23em; height:2.588em; overflow:hidden; text-align:center; font:1.41em Arial, Helvetica, sans-serif; color:#fff; line-height:2.588em; position:absolute; bottom:0; left:4.5em; background:url(/mobile/Images/Index/1.png) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-fang .con dd{ margin-top:0.875em; overflow:hidden;}
.m-fang .con dd b{ display:block; width:100%; font-size:1.08em; color:#0068c9; text-align:center; position:relative; height:1.9em; line-height:1.8em;}
.m-fang .con dd b:before{position:absolute; content:""; overflow:hidden; width:4em; height:2px; background:#0068c9; bottom:0; left:42.8%;}
.m-fang .con dd p{ padding:1em 1.125em 0 ; font-size:1em; color:#222222; line-height:1.2em; text-align:center;}
.m-fang .con dd i{ position:relative; width:6.1em; height:1.54em; line-height:1.54em; overflow:hidden; margin:2em auto 0; background:#128bdf; display:block; padding-left:0.4em; font-size:1em; color:#fff;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.m-fang .con dd i:before{ position:absolute; content:""; width:0.625em; height:0.583em; top:0.4em; right:0.5em; background:url(/mobile/Images/Index/fnag_ico.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-fang .m-cnt1{ padding-left:42.8%;}
.m-cnt1{ height:1em; overflow:hidden; width:7.75em;}
.m-cnt1 li{ float:left; width:0.66em; height:0.66em; background:#fff; border-radius:20em; margin-right:0.5em;}
.m-cnt1 li.z-on{ background:#128bdf;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-pro{ overflow:hidden; height:21.83em; border-bottom:1px solid #e1e1e1; position:relative; background:url(/mobile/Images/Index/fang_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-pro:before{ position:absolute; content:""; bottom:0; left:0; height:1px; width:100%; overflow:hidden; background:#fff;}
.m-pro .c-list{ height:2.16em; background:#c9c9c9; overflow:hidden;}
.m-pro .c-list li{ float:left; width:50%; text-align:center; line-height:2.16em; color:#535353; font-weight:bold;}
.m-pro .c-list li.z-on{ background:#128bdf; color:#fff;}
.m-pro .box-style{ position:relative;}
.m-pro .sclwrap_box , .m-pro .m-box{ height:19.6em; overflow:hidden;}
.m-pro .prev , .m-pro .next{ width:1.416em; height:1.416em; position:absolute; top:7.475em;}
.m-pro .prev{ left:2.5em;}
.m-pro .next{ right:2.5em;}
.m-pro .no_ov{ width:14.416em; margin:0 auto;}
.m-pro .m-box p{float:left; margin:2em auto 0; overflow:hidden; position:relative;}
.m-pro .m-box p img{ border:0.083em solid #128bdf;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.m-pro .m-box p span{ display:block; height:1.91em; background:#adadad; text-align:center; line-height:1.91em; position:absolute; top:10.00em; left:0; margin:0 0.6%; width:98.8%; color:#fff; font-size:1em;}
.m-pro .m-box p i{ width:6.5em; height:1.5em; text-align:center; line-height:1.5em; color:#555; font-size:1em; margin:1.5em auto ;display:block; background:url(/mobile/Images/Index/pro_ico11.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-ys{ height:39.83em; margin-top:1.66em; overflow:hidden;}
.m-ys h2{ height:3.722em; font-size:1.5em; text-align:center; font-weight:bold; line-height:3.722em; overflow:hidden; color:#fff; background:url(/mobile/Images/Index/ys_t.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-ys .m-cnt{ height:3.458em; margin-top:1.5em; overflow:hidden; position:relative; padding-left:18.28%;}
.m-ys .m-cnt:before{ position:absolute; content:""; width:100%; height:1px; background:#e0e0e0; top:1.5em; left:0;}
.m-ys .m-cnt li{ float:left; background:url(/mobile/Images/Index/ys_cur2.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%; color:#333333; font-size:1.66em; width:1.625em; height:2.075em; text-align:center; line-height:1.625em; z-index:3; position:relative; margin-right:1.15em; font-family:Arial, Helvetica, sans-serif; overflow:hidden; font-weight:bold;}
.m-ys .m-cnt li.z-on{ background:url(/mobile/Images/Index/ys_cur1.jpg) no-repeat center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%; color:#fff;}
.m-ys .sclwrap_box , .m-ys .m-box{ height:29.29em; overflow:hidden;}
.m-ys .con{ display:inline; float:left; width:100%;}
.m-ys .con h3{ font:0.75em Arial, Helvetica, sans-serif; color:#adadad; text-transform:uppercase; text-align:center; margin:0 4.5em; border-bottom:1px solid #d6d6d6; line-height:1.3em; padding-bottom:0.5em;}
.m-ys .con h3 b{ display:block; font:bold 1.66em "Microsoft Yahei"; color:#333; padding:0.2em 0 0}
.m-ys .con p{ margin-top:1em; line-height:0;}
.m-ys .con  span{ display:block; position:relative; margin:0 2em 0 1.25em; padding-left:1em; line-height:1.75em; text-align:center; font-size:1em;}
.m-ys .con  span:before{ position:absolute; content:""; border:0.1em solid #ffd973; border-radius:20em; width:0.3em; height:0.3em; top:0.8em; left:0;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-case{ height:26.25em; overflow:hidden; background:url(/mobile/Images/Index/fang_bj.jpg) repeat-y center top;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-case h2:before{width:3em; left:4em;}
.m-case h2:after{width:3em; right:4em;}
.m-case ul{ margin-top:2.16em;}
.m-case ul li{ float:left; width:43.4375%; line-height:0; height:10.625em; margin:0 0 0 1.25em;}
.m-case ul li span{ display:block; height:2.36em; font-size:0.91em; background:#dadada; color:#333; width:100%;  overflow:hidden; text-align:center; line-height:2.36em;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-jz{height:16.5em; overflow:hidden;}
.m-jz h2:before{width:4em; left:6.5em;}
.m-jz h2:after{width:4em; right:6.5em;}
.m-jz dl{ background:#ededed; height:14em; overflow:hidden; margin-top:1px; border-top:1px solid #cccccc; position:relative; line-height:0;}
.m-jz dl:before{ position:absolute; content:""; width:100%; height:1px; top:0; left:0; background:#fff;} 
.m-jz dl dt{ width:29.375%; margin:1.67em 0 0 1.67em; overflow:hidden;}
.m-jz dl dt span{ display:block; margin:0.79em auto 0; width:6.79em; border:1px solid #128bdf; background:#fff; height:1.67em; line-height:1.67em; text-align:center; overflow:hidden; color:#128bdf;}
.m-jz dl dd{ width:51.25%; padding:2em 2em 0 0; overflow:hidden;}
.m-jz dl dd a{ line-height:1.91em;  color:#555;}
.m-jz dl dd h3{ padding:0 0 0.875em 0; margin-bottom:0.75em; border-bottom:1px solid #c8c8c8; font-size:1em; line-height:1.6em; color:#333;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-lc{ height:23.54em; overflow:hidden;}
.m-lc h2:before{width:0.75em; left:9.25em;}
.m-lc h2:after{width:0.75em; right:9.25em;}
.m-lc ul{ margin:1.54em 0 0 2.41em;}
.m-lc ul li{ text-align:center; line-height:1.8em; float:left; width:6em; height:7.916em;  overflow:hidden; padding-top:4.325em; font-size:1em; color:#fff; margin:0 1.95em 1.875em 0; position:relative;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.m-lc ul li:before{ position:absolute; content:""; top:6em; width: 3.5em; height:2px; left:1.25em; background:#bdbdbd; overflow:hidden;}
.m-lc ul li i{ display:block; font:0.5em Arial, Helvetica, sans-serif; color:#bdbdbd;}
.m-lc ul li:nth-child(1){ background:url(/mobile/Images/Index/lc1.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(2){ background:url(/mobile/Images/Index/lc2.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(3){ background:url(/mobile/Images/Index/lc3.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(4){ background:url(/mobile/Images/Index/lc4.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(5){ background:url(/mobile/Images/Index/lc5.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(6){ background:url(/mobile/Images/Index/lc6.jpg) no-repeat;-webkit-background-size: 100%;	-moz-background-size: 100%;	-o-background-size: 100%;background-size: 100%;}
.m-lc ul li:nth-child(2):before{ background:#bdbdbd}
.m-lc ul li:nth-child(2) i{ color:#bdbdbd}
/*-----------------------------------------------------------------------------------------------------------------------*/
.m-about{ height:16.08em; overflow:hidden;}
.m-about h2:before{width:3em; left:7.5em;}
.m-about h2:after{width:3em; right:7.5em;}
.m-about p{ width:57.34%; margin:1.75em 0 0 1.25em; overflow:hidden; position:relative;}
.m-about p span{ display:block; position:absolute; top:10.15em; left:0; width:100%; height:1.9em; line-height:1.9em; font-size:0.83em; color:#fff; text-align:center; background:rgba(0,0,0,0.5)}
.m-about i{ display:block; margin-top:1.75em; width:33.9%; overflow:hidden;}
.m-about i a{ display:block; width:8.04em; background:#d5d5d5; height:2.5em; text-align:center; line-height:2.5em; overflow:hidden; margin-bottom:1.25em; color:#333;}
.m-about i a:first-child{ background:#128bdf; color:#fff;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.m-news{ height:17.125em; background:#ededed; overflow:hidden; position:relative;}
.m-news i{ display:block; position:absolute; top:0; right:0; width:4.4em; line-height:2.5em; height:2.5em; overflow:hidden; color:#333;}
.m-news .m-cnt{ height:2.5em; line-height:2.5em; overflow:hidden; background:#d5d5d5;}
.m-news .m-cnt li{ float:left; padding:0 2em; font-size:1em; color:#333; border-right:1px solid #bfc1c1; height:2.5em;}
.m-news .m-cnt li.z-on{background:#128bdf; color:#fff;}
.m-news .sclwrap_box , .m-news .m-box{ height:14em; overflow:hidden;}
.m-news .con{ display:inline; float:left; width:100%;}
.m-news p{ float:left; width:40.78%; overflow:hidden; margin:1em 0 0 0; padding:1em;}
.m-news p img{ border:0.125em solid #c5c5c5;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-shadow:0.1em 0.1em 0.2em #666;}
.m-news .con ul{ width:50%; margin-top:1.6em;}
.m-news .con ul li{ line-height:1.6em; color:#6d6d6d;}

















@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:85%;}
}
@media screen and (min-width:375px) {
	body { font-size:87.5%;}
}
@media screen and (min-width:380px) {
	body { font-size:89.5%;}
}
@media screen and (min-width:480px) {
	body { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	body { font-size:129%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}