﻿body{padding-top:0;}
.wrap {background:#fff;}
/*头部开始*/
body .g-hd {height:7.9em; overflow:hidden;}
body .g-hd .u-toptel { height:2em; line-height:2em;background:#ebebeb; font-size:1em; text-align:center; position:relative;}
body .g-hd .u-toptel:before { content:""; position:absolute; top:2.1em; left:0; width:100%; height:1px; border-bottom:1px dashed #ddd;}
body .g-hd .u-toptel:after { content:""; position:absolute; top:0.35em; left:50%; margin-left:-16%; width:1em; height:1.25em; 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: 1em; color:#0073bd; font-family:Impact;}
body .g-hd .logo { width:41.25%; padding:1.83em 3.125% 0;} /*logo边距*/
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:42.18%; margin:1.67em 0 0 0; font-size:1em; position:relative;}
body .g-hd .top_r:before { content:""; position:absolute; top:0; left:0; width:0.125em; height:3.125em; background:url(/mobile/images/common/hbor.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
body .g-hd .top_r img { padding:1em 0 0 4%; width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
/*头部结束*/

/*通栏广告*/
.g-adv{ height:12.458em;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.458em;overflow:hidden;}
.g-adv .m-box img{ display:block;width:100%;vertical-align:top;}

/*导航*/
.g_nav { height:5.89em; overflow:hidden; background:#0073bd; position:relative;}
.g_nav:before { content:""; position:absolute; top:2.95em; left:0; width:100%; height:1px; background:#00578f;}
.g_nav a li {position:relative;float:left; width:33.3%; text-align:center;height:2.95em; line-height:2.95em; font-size:1em; z-index:10; color:#fff;}
.g_nav a:first-child li { background:#2cad42;}
.g_nav a li:before { content:""; position:absolute; top:0; right:0; width:1px; height:2.95em; background:#00578f;}
.g_nav a:nth-child(3) li:before, .g_nav a:nth-child(6) li:before { background:none;}

/**/
.yx { margin-top:2.5em; height:12.9em; overflow:hidden;}
.yx h2 { height:2.5em; line-height:2.5em; font-size:1em; color:#fff; background:#70b5e1;}
.yx h2 em { padding:0 3%; text-align:center; display:inline-block; background:#0073bd; position:relative;}
.yx h2 em:before { content:""; position:absolute; top:2.5em; left:50%; width:0; height:0; margin-left:-0.5em; border-top:0.75em solid #0073bd; border-left:0.75em solid rgba(0,0,0,0); border-right:0.75em solid rgba(0,0,0,0);}

.y_list { width:100%; height:8.75em; padding:1.66em 0 0 0; overflow:hidden;}
.y_list a li { float:left; width:21%; margin:0 0 0 3.125%; overflow:hidden; text-align:center; display:inline;}
.y_list a li img {width:5.583em; height:5.583em;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.y_list a li span {display:block; text-align:center; width:100%; line-height:2.2em;overflow:hidden; font-size:1em; color:#333;}



/**/
.pk_box { position:relative; overflow:hidden; height:21.42em;}
.pk_box h2 { color:#0073bd; font-weight:bold; font-size:1.08em; height:1.93em; padding:2.15em 0 0 0; text-align:center; position:relative; z-index:10;}
.pk_box h2:before { content:""; position:absolute; top:0.98em; left:0; width:100%; height:1.93em; z-index:-1; background:url(/mobile/images/index/bt01.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.pk_box h2 em { color:#2cad42;}
.pk_tab { margin:0 3.125%; height:2.08em; overflow:hidden; background:#b6b6b6; font-size:1em;}
.pk_tab li {float: left;display:inline-block;height:2.08em;line-height:2.08em;color: #fff; width:33.1%; font-size: 1em; overflow:hidden; text-align:center; border-right:1px solid #fff; cursor:pointer;}
.pk_tab li:nth-child(3) { border:0;}
.pk_tab li.z-on {color:#fff; background: #0054a2;}
.pk_box .sclwrap_box , .pk_box .m-box{ height:14.95em;overflow:hidden;}
.c_pk {float: left;display: inline; height:14.95em;}
.c_pk .s_img { margin:1.67em 3.125% 0;}
.c_pk .s_img span { float:left; width:42.3%; height:6em; position:relative;}
.c_pk .s_img span img {width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.c_pk .s_img span i { position:absolute; bottom:-3%; right:-3%;}
.c_pk .s_img span .dui02 { position:absolute; bottom:-3%; left:-3%;}
.c_pk .s_img span i img {width:0.958em; height:0.958em;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.c_pk .s_img .vsbtn { float:left; width:2.75em; margin:1.6em 2% 0; display:inline;}
.c_pk .s_img .vsbtn img {width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.c_pk .s_s { padding:1.26em 0 3em 17.8%; color:#333;font-size:1em; overflow:hidden; clear:both; position:relative; z-index:10;}
.c_pk .s_s:before { content:""; position:absolute; z-index:-1; top:1.16em; left:14.8%; width:18.83em; height:3.79em; background:url(/mobile/images/index/jiabg.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.c_pk .s_s span {display:block; padding:0.4em 0 0 0;color: #0073bd;font-size:1em; font-weight:bold; overflow:hidden;}

/**/
.pro_box { overflow:hidden; height:24.3em; margin:0;}
.pro_c { padding:1.92em 3.125% 0; overflow:hidden;}
.pro_c h3 { width:100%; color:#fff;font-size:1em; font-weight:bold; height:1.67em; line-height:1.67em; position:relative; text-align:center; z-index:10;}
.pro_c h3:before { content:""; position:absolute; top:0.837em; left:0; width:100%; height:1px; background:#0073bd; z-index:-1;}
.pro_c h3:after { content:""; position:absolute; top:0; left:50%; margin-left:-4.2em; width:8.4em; height:1.67em; background:#0073bd; z-index:-1;}
.pro_c ul { padding:2% 0 5% 3%; overflow:hidden;}
.pro_c ul li {float: left; color: #333; font-size: 1em; line-height:1.8em; padding:0 6% 0 1.167em; overflow:hidden; position:relative;}
.pro_c ul li:before { content:""; position:absolute; top:0.9em; left:0; width:0.8em; height:0.08em; background:#b2b2b2;}
.pro_c ul child(3) li { margin-right:0;}


/**/
.honor_box { height:20.208em; overflow:hidden; margin:0;}
.honor_box .sclwrap_box,.honor_box .m-box  {height:20.208em;}
.hon_slide {position:relative;}
.honor_box .nowrap { margin:0 auto; width:80%;}
.hon_img {float:left;display:inline; overflow:hidden; padding:2.29em 0 0 0;}
.hon_img ul li {float:left;width:48%; overflow:hidden; margin-right:4%; display:inline;}
.hon_img ul a:nth-child(2) li { margin:0;}
.hon_img ul li img {width:100%; display:block; background:#fff; padding:0.125em; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.hon_img ul li span { text-align:center; display:block; color:#333; height:3.2em; line-height:3.2em; font-size:1em; overflow:hidden;}
.honor_box .prev, .honor_box .next {position:absolute;width:1.67em; height:4.125em; top:5.66em;z-index:9;cursor:pointer;}
.honor_box .prev img, .honor_box .next img {width:100%;vertical-align:top;}
.honor_box .prev {left:0;}
.honor_box .next {right:0;}

/**/
.bd01 { height:8.33em; font-size:1em; overflow:hidden; position:relative;}
.bd01 img { width:100%; height:8.33em; display:block;}
.bd01 .u-tel01 { position:absolute; top:5.35em; left:0; font-size:1em;}
.bd01 .u-tel01:before { content:""; position:absolute; top:0; left:1.67em; width:1em; height:1.25em; z-index:10;background:url(/mobile/images/index/tel01.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.bd01 .u-tel01 a { font-size: 1em; color:#cbdbed; font-family:Impact; padding:5.4em 0 0 3.12em;}



/**/
.m-ys { height:86.33em; overflow:hidden; position:relative; z-index:10; font-size:1em; margin:0 0 2.5em 0;}
.m-ys:before { content:""; position:absolute; top:0; left:6.875%; width:0.083em; height:86.33em; background:#c4dff0; z-index:-1;}
.m-ys:after { content:""; position:absolute; bottom:0; left:6.4%; width:0.33em; height:0.33em; border-radius:0.33em; background:#c4dff0; z-index:-1;}
.m-ys h2 { width:78.28%; padding:0 0 0 10%; display:block; overflow:hidden;}
.m-ys h2 img { width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.m-ys dl { font-size:1em; padding:7% 3.125% 1%;}
.m-ys dl dt { color:#0073bd; font-size:1.25em; font-weight:bold;}
.m-ys dl dt em { color:#0073bd; font-size:0.8em; width:2.04em; height:2.04em; line-height:2.04em; border-radius:1.65em; border:0.1em solid #0073bd; font-family:Impact; display:inline-block; margin-right:1.5%; font-weight:normal; background:#fff; text-align:center;}
.m-ys dl dd { padding:0 0 0 6.6%;}
.m-ys dl dd p { color:#333; font-size:1em; padding:0 0 4% 1.167em; position:relative;}
.m-ys dl dd p:before { content:""; position:absolute; top:0.7em; left:0; width:0.8em; height:0.08em; background:#b2b2b2;}
.m-ys dl dd p em { color:#2cad42;}
.m-ys dl dd span { width:79%; height:15.16em; display:block; padding:3% 0 0 7%;}
.m-ys dl dd span img { width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.m-ys dl:nth-child(3) dd span { width:81.3%; height:16.83em; display:block; padding:3% 0 0 6.4%;}
.m-ys dl:nth-child(3) dd span img { width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.m-ys dl:nth-child(4) dd span { width:96.6%; height:11.79em; display:block; padding:1% 0 0 3.4%;}
.m-ys dl:nth-child(4) dd span img { width:100%; display:block;}

/**/
.jz_centre { height:13.4em; overflow:hidden;}
.sub_tab { height:2.5em; font-size:1em; background:#70b5e1;}
.sub_tab li { float:left;color:#fff; height:2.5em; line-height:2.5em; padding:0 3%; cursor:pointer; position:relative;}
.sub_tab li.z-on { text-align:center; display:inline-block; background:#0073bd; position:relative;}
.sub_tab li.z-on:before { content:""; position:absolute; top:2.5em; left:50%; width:0; height:0; margin-left:-0.65em; border-top:0.75em solid #0073bd; border-left:0.75em solid rgba(0,0,0,0); border-right:0.75em solid rgba(0,0,0,0);}
.jz_centre .sclwrap_box , .jz_centre .m-box{ height:10.9em;}
.jz_list { height:10.9em; overflow:hidden;}
.jz_list dl { overflow:hidden; padding:1.92em 0 0 3.125%;}
.jz_list dl dt { width:27.65%; display:inline-block;}
.jz_list dl dt img {display:block;width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.jz_list dl dd {overflow:hidden; padding:0 0 0 5%; width:66.7%;}
.jz_list dl dd h3 { color:#0073bd; display:block; font-size:1em; font-weight:bold;}
.jz_list dl dd p { color:#666; font-size:1em; line-height:1.4em; padding:2% 0 0 0;}
.jz_list dl dd p a {color:#666; display:block; font-weight:bold; margin:2.8% 0 0 -3%;}

.hz_list { height:10.9em; overflow:hidden;}
.hz_list ul { padding:1.92em 0 0 13.75%; overflow:hidden;}
.hz_list ul li { width:8.5em; display:inline; float:left; margin:0 9.375% 0 0; overflow:hidden;}
.hz_list ul li img {display:block;width:8.33em; height:5.375em; border:1px solid #a9a9a9; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.hz_list ul li span { text-align:center; display:block; color:#616161; height:2.2em; line-height:2.2em; font-size:1em; overflow:hidden;}

/**/
.bd02 { height:8.33em; font-size:1em; overflow:hidden; position:relative;}
.bd02 img { width:100%; height:8.33em; display:block;}
.bd02 .u-tel02 { position:absolute; top:5.35em; left:0; font-size:1em;}
.bd02 .u-tel02 a { font-size: 1.08em; color:#fff; font-family:Impact; padding:5.6em 0 0 1.2em;}

/**/
.a_box { height:28.375em; overflow:hidden;}
.a_slide { margin:1.92em 3.125% 0; overflow:hidden;}
.a_slide dl {}
.a_slide dl dt { width:71.2%; height:13.54em; overflow:hidden; margin:0 0 0 14.5%; background:url(/mobile/images/index/abg.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
/*.a_slide dl dt:before { content:""; position:absolute; top:0; left:0; width:17.79em; height:13.54em;}*/
.a_slide dl dt img {width:100%; display:block; padding:1.25em; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.a_slide dl dd {}
.a_slide dl dd h3 { border-bottom:1px dashed #ccc; height:3.54em; font-size:1em; color:#2cad42; font-weight:bold; text-align:center;}
.a_slide dl dd h3 img { margin:4% 1% 0 0; vertical-align:text-bottom; width:30.6%; height:1.958em; display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.a_slide dl dd p { text-align:center; display:block; color:#333; padding:0.8em 5% 0;}

/**/
.dt_centre { height:27.75em; overflow:hidden; position:relative;}
.dtmore { position:absolute; top:1.2em; right:3.125%; color:#fff; font-size:0.92em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.dt_centre .sclwrap_box , .dt_centre .m-box{ height:25.25em;}
.n_list { float:left; display:inline;}
.n_list p { display:block; width:87.65%; margin:2em 3.125% 0;}
.n_list p img { width:100%; display:block;}
.n_list ul { padding:0.6em 0 0 3.125%;}
.n_list ul li {position:relative;padding-left:6%;line-height:2.2em; color:#333;font-size:1em;height:2em;overflow:hidden;}
.n_list ul li:before {content:"";position:absolute;left:0;top:0.6em;width:0.83em;height:0.83em; border-radius:0.83em;border:1px solid #333;}
.n_list ul li a{}



/*底部开始*/
.g-ft { width:100%; height:8.33em; overflow:hidden; position:relative;}
a.u_top { display:block; margin:0 3.125%; background:#ccc; height:2.33em; line-height:2.33em; font-size:1em; text-align:center; color:#333;}
.f_nav { height:5em; margin:0 auto; text-align:center; width:100%; max-width:640px; min-width:320px; background:#0073bd; position:fixed; bottom:0; z-index:999;}
.f_nav a { color:#fff; width:24.75%; height:5em; text-align:center; display:inline-block; float:left; font-size:1em; border-right:1px solid #004f81;}
.f_nav a img { width:2.25em; height:2.25em; display:block; margin:0.6em 0 0.2em 2.25em;}
.f_nav a:last-child { border:0;}


@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}
@media screen and (min-width:400px) {
	body { font-size:93%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:131%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}


