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(3) li { font-weight:bold; text-shadow:0.08em 0.08em 0 #c56715;}
.g_nav a:nth-child(3) li:before { background:url(/mobile/images/index/n02.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}

.g-ys{ margin-top:2.33em;}
.pic img{ width:100%; display:block;}

.ys{ margin-top:0.67em;}
.ys .sclwrap_box ,.ys .m-box{ height:31em;overflow:hidden;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd{ width:77.75%; margin:0.4em auto 0; background:url(/mobile/Images/Index/ys01.gif) no-repeat left 0.2em; background-size:3.75em 5.5em; padding-left:16%;}
.ys .con dd h4{ font-size:1.5em; color:#ff9c12; font-weight:bold; background:url(/mobile/Images/Index/ys_line.gif) no-repeat center bottom; background-size:100% auto; padding-bottom:0.3em;}
.ys .con dd h4 span{ display:block; font-size:0.67em; color:#535353;}
.ys .con dd p{ color:#333; line-height:1.5em; margin-top:0.8em;}
.ys .con dd p b{ color:#005bac;}
.ys .con:nth-child(2) dd{background:url(/mobile/Images/Index/ys02.gif) no-repeat left 0.2em; background-size:3.75em 5.5em;}
.ys .con:nth-child(3) dd{background:url(/mobile/Images/Index/ys03.gif) no-repeat left 0.2em; background-size:3.75em 5.5em;}
.ys .m-cnt{ height:1em; overflow:hidden; font-size:1em; margin:0 0 0 38%;}
.ys .m-cnt li{ width:1em; height:1em; border-radius:1em; background:#86c6f5; margin-right:1em; float:left;}
.ys .m-cnt li.z-on{ background:#0e8deb;}

.g-fen{ width:93.75%; margin:2.5em auto 0;}
.g-fen h3{ font-size:1.5em; font-weight:bold; text-align:center; background:url(/mobile/Images/Index/pro_h.jpg) no-repeat center top; background-size:100% auto; color:#fff; padding:0.2em 0 0.3em 0;}
.g-fen h3 i{ display:block; font-size:0.67em; color:#5aadef; text-transform:uppercase; font-weight:normal;}
.fen .sclwrap_box ,.fen .m-box{ height:49.5em;overflow:hidden;}
.fen .m-cnt{ border:0.125em solid #0782e7; border-top:0; padding-top:1.67em; border-radius:0 0 0.2em 0.2em; background:#f6f6f6;}
.fen .m-cnt li{ width:42.10%; height:2.5em; line-height:2.5em; border:1px solid #bcbbbb; border-radius:0.2em; font-size:1em; font-weight:bold; margin:0 3%; float:left; margin-bottom:1.6em;background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f6f6 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */}
.fen .m-cnt li span{ display:inline-block; width:13.5%; margin:0.5em 15% 0 4%; float:left;}
.fen .m-cnt li span img{ display:block; width:100%;}
.fen .con{ float:left; width:100%;}
.fen .con ul{ padding-top:2.5em;}
.fen .con li{ width:38.33%; margin:0 5%;}
.fen .con li img{ display:block; width:100%; border:1px solid #d8d8d8; box-sizing:border-box;}
.fen .con li p{ font-size:1em; text-align:center; color:#333; line-height:3em; height:3em; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.fen .con a:nth-child(2n-1) li{ float:left;}
.fen .con a:nth-child(2n) li{ float:right;}

.guan1{ background:url(/mobile/Images/Index/guan1.gif) no-repeat center top; background-size:100% auto; padding:7.2em 0 4em 0;}
.guan1 p{ font-size:1.25em; font-weight:bold; color:#fff; padding:0.3em 0.5em; background:url(/mobile/Images/Index/guan_lx.gif) no-repeat 5% center; background-size:0.8em 1.05em; padding-left:10%; width:35%; border:0.17em solid #fff; margin:0 auto;}

.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.5em; padding:0 3.125%;}
.yh2 dl:nth-child(2n-1){ float:left;}
.yh2 dl:nth-child(2n){ float:right;}
.yh2 dl{ width:45%;}
.yh2 dt{ width:68.5%; margin:0 auto;}
.yh2 dt img{ width:100%; display:block;}
.yh2 dd{ margin-top:1.25em;}
.yh2 dd h4{ font-size:1.08em; font-weight:bold; text-align:center;}
.yh2 dd b{ color:#047ee5;}
.yh2 dd p{ font-size:1em; color:#333; line-height:1.5em; text-align:center;}
.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-ser{ margin-top:2.6em; background:#fafafa; padding-bottom:2.33em;}
.g-ser dt img{ width:100%; display:block;}
.g-ser dd{ margin-top:1.65em;}
.g-ser dd p{ color:#000; line-height:2em; background:url(/mobile/Images/Index/ser_star.gif) no-repeat 7.65% 0.45em; background-size:1.42em 1.42em; padding-left:21%;}
.g-ser dd b{ color:#1d8be8;}
.g-ser dd em{ padding-left:21%; display:block; margin-top:1.5em; width:15.08em; height:2.583em; font-size:1em;}
.g-ser dd em img{ width:100%;}

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

.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;}
.par .con a:nth-child(2n-1) li{ float:left;}
.par .con a:nth-child(2n) li{ float:right;}

.guan2{ background:url(/mobile/Images/Index/guan2.gif) no-repeat center top; background-size:100% auto;}

.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.5em 0 1.4em 0; border-bottom:1px dashed #ccc; margin:0 1% 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;}
	.fen .sclwrap_box ,.fen .m-box{ height:52.5em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
	.fen .sclwrap_box ,.fen .m-box{ height:49.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;}