body{ background:#fff;}

.ban{ margin-top:0.9em;}
.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.m-nav{ height:5.16em; overflow:hidden; position:relative;}
.m-nav:before{ content:""; position:absolute; top:50%; width:100%; height:1px; left:0; background:#76dcff; border-bottom:1px solid #0088ff;}
.m-nav li{ width:33.333%; height:2.583em; line-height:2.583em; font-size:1em; text-align:center; color:#fff; float:left; position:relative;background: #2fbffe; /* Old browsers */
background: -moz-linear-gradient(top,  #2fbffe 1%, #027be3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2fbffe), color-stop(100%,#027be3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2fbffe 1%,#027be3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2fbffe 1%,#027be3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2fbffe 1%,#027be3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2fbffe 1%,#027be3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fbffe', endColorstr='#027be3',GradientType=0 ); /* IE6-9 */}

.g_nav { height:5.92em; overflow:hidden; margin:0.5em 0 0 1.4%;}
.g_nav a li {position:relative;float:left; width:32%; margin:0 1.25% 1.25% 0; text-align:center;height:2.583em; line-height:2.583em; font-size:1em; color:#fff; position:relative; z-index:10;}
.g_nav a li:before { content:""; position:absolute; top:0; left:0; width:8.42em; height:2.583em; z-index:-1; background:url(/mobile/images/index/n01.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.g_nav a:nth-child(4) li { font-weight:bold; text-shadow:0.08em 0.08em 0 #c56715;}
.g_nav a:nth-child(4) li:before { background:url(/mobile/images/index/n02.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.g-pro{ margin-top:2.83em;}
.g-pro h3 img{ display:block; width:100%;}
.g-pro ul{ margin-top:1.5em;}
.g-pro li{ width:5.7083em; float:left; margin:0 5%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li p{ text-align:center; color:#646464; padding:0.8em 0;}
.g-pro a:nth-child(4) li,.g-pro a:nth-child(5) li{ margin:0 8%;}
.g-pro a:nth-child(4) li{ padding-left:11%;}

.ys{ position:relative; width:93.75%; margin:1.5em auto 0;}
.ys .sclwrap_box ,.ys .m-box{ height:25em;width:16.33em; position:absolute; top:0; left:8.7083em;overflow:hidden;}
.ys .con{width:100%; float:left;}
.ys .con p{ width:100%; height:16.33em; border:1px solid #c8c8c8; box-sizing:border-box; position:relative; z-index:8;}
.ys .con p img{ width:100%; display:block;}
.ys .con p span{ display:block; width:14.33em; height:5.33em; position:absolute; bottom:0; left:0; background:url(/mobile/Images/Index/bg.png); background-size:60px 60px; color:#fff; line-height:1.25em; padding:1em 1em 0 1em;}
.ys .m-cnt li{ width:7.583em; height:6.75em; background:url(/mobile/Images/Index/ys_bg.gif) no-repeat center top; background-size:100% auto; z-index:9; text-align:center; color:#646464; font-weight:bold;}
.ys .m-cnt li span{ display:block; font-size:1.5em; padding-top:0.8em;}
.ys .m-cnt li i{ display:block; font-size:0.5em; font-weight:normal;}
.ys .m-cnt li.z-on{background:url(/mobile/Images/Index/ys_bg2.gif) no-repeat center top; background-size:100% auto; color:#fff;}
.ys .m-cnt li:nth-child(1){ position:absolute; top:1.5em; left:0;}
.ys .m-cnt li:nth-child(2){ position:absolute; top:9.54em; left:0;}
.ys .m-cnt li:nth-child(3){ position:absolute; top:17.5em; left:0;}
.ys .m-cnt li:nth-child(4){ position:absolute; top:17.5em; left:8.708em;}
.ys .m-cnt li:nth-child(5){ position:absolute; top:17.5em; right:0;}


.g-yh{ margin-top:2em;}
.g-yh h3 img{ display:block; width:100%;}
.yh .sclwrap_box ,.yh .m-box{ height:21.5em;overflow:hidden;}
.yh .con{ width:100%; float:left;}
.yh2{ margin-top:1.8em; padding:0 3.125%;}
.yh2 dl:nth-child(2n-1){ float:left;}
.yh2 dl:nth-child(2n){ float:right;}
.yh2 dl{ width:45.83%;}
.yh2 dt img{ width:100%; display:block;}
.yh2 dd{ margin-top:1.25em;font-size:1em; color:#333; line-height:1.5em; text-align:center; padding:0 5%;}
.yh2 dd b{ color:#047ee5;}
.yh .m-cnt{ height:1em; font-size:1em; margin:0 0 0 43%; overflow:hidden;}
.yh .m-cnt li{ width:1em; height:1em; border-radius:1em; background:#d1d1d1; overflow:hidden; margin-right:1em; float:left;}
.yh .m-cnt li.z-on{ background:#8c8c8c;}

.g-supp{margin-top:2em; background:#e5f1fc url(/mobile/Images/Index/supp_bg.gif) no-repeat center bottom; background-size:100% auto; padding-bottom:2.7em;}
.g-supp h3 img{ width:100%; display:block;}
.g-supp h4 img{width:100%; display:block; margin-top:2.7em;}
.g-supp dl{ width:93.75%; margin:0.8em auto 0;}
.g-supp dt img{ display:block; width:100%;}
.g-supp dd{ padding-right:3.3%;}
.g-supp dd p{ font-size:1em; color:#646464; line-height:1.5em; background:url(/mobile/Images/Index/supp_line.gif) no-repeat 6.3% 0.9em; background-size:0.67em 0.208em; padding:0.3em 0 0.3em 17%;}

.g-ser{ margin-top:2.5em; padding-bottom:2em;}
.g-ser h3 img{width:100%; display:block;}
.g-ser dl{ width:93.75%; margin:2.17em auto 0;}
.g-ser dt{ width:45%; float:left;}
.g-ser dt img{ width:100%; display:block;}
.g-ser dd{ width:55%; float:right; margin-top:1em;}
.g-ser dd p{ color:#000; line-height:2em; background:url(/mobile/Images/Index/ser_star.gif) no-repeat left 0.35em; background-size:1.42em 1.42em; padding-left:12%;}
.g-ser dd b{ color:#1d8be8;}

.g-par{ background:#f1f1f1; border-top:0.25em solid #ddd;}
.g-par h3 img{ width:100%; display:block; padding-top:4.3em;}

.par .sclwrap_box{ height:10.5em;overflow:hidden;}
.par{ position:relative; width:93.75%; margin:2.08em auto 0;}
.par .nowarp{ width:86.67%; margin:0 auto;}
.par .prev{ width:1.67em; height:1.67em; overflow:hidden; position:absolute; top:2.5em; left:0;}
.par .next{width:1.67em; height:1.67em; overflow:hidden; position:absolute; top:2.5em; right:0;}
.par .prev img,.par .next img{ width:100%; display:block;}
.par .con{ float:left; width:100%;}
.par .con li{ width:46.5%;}
.par .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.par .con li p{ text-align:center; line-height:2em; color:#646464; height:2em; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.par .con a:nth-child(2n-1) li{ float:left;}
.par .con a:nth-child(2n) li{ float:right;}

.wit{ width:93.75%; margin:2.7em auto 0; position:relative;}
.wit h5{ color:#fff; position:absolute; padding-right:5%; top:0.5em ; right:4%; font-size:1em;}
.wit h5:before{ content:""; position:absolute; top:0.3em; right:0; width:1em; height:1em; background:url(/mobile/Images/Index/more.png) no-repeat;-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.wit .sclwrap_box ,.wit .m-box{ height:12.8em;overflow:hidden;}
.wit .m-cnt{height:2.583em; background:url(/mobile/Images/Index/faq_h.gif) no-repeat center top; background-size:100% auto; font-size:1em; color:#fff; line-height:2.583em;}
.wit .m-cnt li{ width:35%;height:2.583em; float:left; text-align:center;}
.wit .m-cnt li.z-on{background:url(/mobile/Images/Index/hover.gif) no-repeat center top; background-size:100% auto; text-shadow:1px 1px 1px #e67817;}
.wit .con{ float:left; width:100%;}
.wit .con dl{ border:1px solid #c8c8c8; padding-top:1em;}
.wit .con dt{ width:44.5%; float:left; margin:0 0 1em 0.8em;}
.wit .con dt img{ display:block; width:100%; border:1px solid #c8c8c8; box-sizing:border-box;}
.wit .con dd{ width:44.33%; padding-right:4%; float:right; font-size:1em; color:#646464; line-height:1.5em;}
.wit .con dd b{ display:block; padding-top:0.3em;}


.g-faq{ width:93.75%; margin:1.15em auto 0; border:1px solid #ccc; border-top:0;}
.g-faq h3{ height:2.583em; background:url(/mobile/Images/Index/faq_h.gif) no-repeat center top; background-size:100% auto; font-size:1em; padding:0 4% 0 7%; color:#fff; line-height:2.583em;}
.g-faq h3 span{ color:#fff; position:relative; padding-right:5%;}
.g-faq h3 span:before{ content:""; position:absolute; top:0.8em; right:0; width:1em; height:1em; background:url(/mobile/Images/Index/more.png) no-repeat;-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.g-faq dl{ padding:1.1em 0 1.4em 0; border-bottom:1px dashed #ccc; margin:0 3% 0 3%;}
.g-faq dl:last-child{ border:0;}
.g-faq dt{ font-size:1em; font-weight:bold; color:#0078e3; background:url(/mobile/Images/Index/q.gif) no-repeat left 0; background-size:1.33em 1.5em; padding-left:8%; padding-bottom:0.2em;}
.g-faq dd{ color:#646464; line-height:1.67em;background:url(/mobile/Images/Index/a.gif) no-repeat left 0.1em; background-size:1.33em 1.5em; padding-left:8%;}

.line{ width:93.75%; margin:0 auto;}
.line img{ display:block; width:100%;}

@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%;}
	.ban .sclwrap_box ,.ban .m-box{ height:13.8em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
}
body .g-hd {height:11.458em; overflow:hidden;}
body .g-hd .u-toptel { height:3.33em; line-height:3.33em; border-bottom:1px solid #dfdfdf; color:#666; font-size:1em; text-align:center; padding:0 0 0 14%; position:relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);}
body .g-hd .u-toptel:before { content:""; position:absolute; top:0.83em; left:50%; margin-left:-38%; width:1.625em; height:1.625em; z-index:10;background:url(/mobile/images/common/tel.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
body .g-hd .u-toptel a { font-size:1.66em; color:#ff930f; font-family:Impact;}
body .g-hd .logo { width:34.68%; padding:2.583em 3.125% 0 5.3%;}
body .g-hd .logo img {width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body .g-hd .top_r { width:49.68%; padding:1.48em 0 0 3.125%; color:#2d8ce8; font-weight:bold; font-size:1.25em; position:relative;}
body .g-hd .top_r:before { content:""; position:absolute; top:1.5em; left:0; width:2px; height:3em;
background-image: -webkit-gradient(radial, left top, left bottom, from(#949494), to(#fff)); 
background-image: -webkit-radial-gradient(circle, #949494, #fff); 
background-image: -moz-radial-gradient(circle, #949494, #fff); 
background-image: radial-gradient(circle, #949494, #fff);}
body .g-hd .top_r span { color:#666; font-weight:normal; font-size:0.8em; line-height:1.2em; display:block;}