﻿body{padding-top:0;}
.wrap {background:#fff;}
/*头部开始*/
body .g-hd {height:6.125em; overflow:hidden; position:relative;}
body .g-hd .logo { width:100%; ;}
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:50%; margin-top:1.25em; padding:0.66em 0 5% 4%; color:#0d2bc4; font-weight:bold; font-size:1em; position:relative;}
body .g-hd .top_r:before { content:""; position:absolute; top:0; left:0; width:0.5em; height:4.17em; background:url(hbor.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
body .g-hd .top_r span { color:#6a6a6a; font-weight:normal; display:block;}

/*头部结束*/

/*通栏广告*/
.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:15.25em; overflow:hidden; margin:1.54em 0 0 0;}
.g_nav a li {position:relative;float:left; width:25.625%; margin:0 1.5% 1.55em 5.3%; text-align:center;height:6.16em; font-size:1em; color:#fff; background:#26a500; border-radius:0.3em;}
.g_nav a li img { display:block; width:3.33em; height:3.33em; margin:0.5em auto 0.2em;}
.g_nav a:nth-child(3) li, .g_nav a:nth-child(6) li { margin-right:0;}

/**/
.pro_box { overflow:hidden; height:23.875em; margin:0 4.5% 0 3.9%; width:91.6%; position:relative; z-index:10;}
.pro_box:before { content:""; position:absolute; top:0; left:0; width:24.4em; height:22.58em; z-index:-1; background:url(bgpro.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.pro_box a.bt_p { font-size:1em;}
.pro_box a.bt_p img {width:21.9em; height:3.5em; margin:1.92em 0 0 1.75em;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.pro_c { padding:3% 4% 0;}
.pro_c h3 { color:#fff;font-size:0.83em; height:1.75em; line-height:1.75em; margin:3% 0 0 0; position:relative; z-index:10;}
.pro_c h3:before { content:""; position:absolute; top:0.125em; left:0; width:6.3em; height:1.85em; z-index:-1; background:url(listh3.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.pro_c h3:after { content:""; position:absolute; top:0.85em; right:5em; width:26%; height:1px; background:#cdcdcd;}
.pro_c h3 i {font-size:0.9em; width:6.3em; height:1.85em; text-align:center; display:inline-block;}
.pro_c h3 em { font-size:1.2em; color:#7a7b7a; text-transform:uppercase; padding:0 0 0 2.2%; display:inline-block;}
.pro_c h3 span { font-size:1.2em; background:#0eba00; border-radius:0.5em; width:4.125em; height:1.455em; text-align:center;}
.pro_tab { padding:3% 0 0 0; overflow:hidden;}
.pro_tab li {float: left;display:inline; color:#6f6f6f; width:28%; font-size: 1em; line-height:2em; padding:0 0 0 5%; overflow:hidden; position:relative;}
.pro_tab li:before { content:""; position:absolute; top:0.8em; left:1%; width:0.25em; height:0.42em; background:url(lidd.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}

/**/
.yx {overflow:hidden;}
.yx h2 { background: #0D2BC4;height:2.1em; line-height:2.1em; font-weight:bold; color:#fff; font-size:1.25em; overflow:hidden; position:relative; z-index:10; padding:0 0 0 4%;}
.yx h2:before { content:""; position:absolute; top:0; left:0; width:100%; height:2.1em; z-index:-1; background:url(bar.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.yx h2 span { display:inline-block; width:2.06em; height:2.1em;}
.yx h2 span img {width:100%; height:auto; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.y_list { padding:1.208em 0 0 4%; overflow:hidden;}
.y_list li { float:left; width:45.75%;  border:1px solid #dedede; border-bottom:0; margin:0 3% 3% 0; overflow:hidden; display:inline; position:relative; height:218px;}
.y_list li img {width:100%; height:150px;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.y_list li span a { display:block; text-align:center; width:100%; height:2.708em; line-height:1.8em; overflow:hidden; font-size:1em; color:#3f3f3f;}
.y_list li em {display:block; text-align:center; height:1.83em; overflow:hidden;}
.y_list li em a { width:50%; height:1.83em; line-height:1.83em; background:#0d2bc4; text-align:center; overflow:hidden; font-size:1em; color:#fff; display:inline-block;border:1px solid #079701; border-right:0;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-o-box-sizing:border-box;}
.y_list li em a:first-child { border:1px solid #ddd; border-left:0; background:#f0f0f0; width:50%; color:#333; }
.y_list li:nth-child(2n) { margin-right:0;}

/**/
.bd01 { height:8.16em; font-size:1em; overflow:hidden; position:relative;}
.bd01 img { width:100%; height:8.16em; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.bd02 { margin-top:1.25em;}

/**/
.min_box { height:29.16em; overflow:hidden; position:relative; z-index:10; border-bottom:1px solid #d6d6d6; margin-top:1.16em;}
.min_box:before { content:""; position:absolute; top:0; left:0; width:100%; height:19.375em; z-index:-1; background:url(bg02.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.min_box h2 { margin:5.21em 0 0 25.6%; width:60%; font-size:1.16em; color:#15a415; text-indent:1%; font-weight:bold;}
.min_box h2 em { display:block; background:#ff3e03; color:#fff; height:1.33em; font-size:1.07em; margin-bottom:1%;}
.min_box ul { margin:2.5em 0 0 3.5%;}
.min_box ul li { position:relative; padding:0 0 0 3.1125%; margin-bottom:2.5%; line-height:1.6em; font-size:0.95em; color:#666;}
.min_box ul li:before { content:""; position:absolute; top:0.4em; left:0; width:0; height:0; border-left:0.45em solid #ff3e03; border-top:0.45em solid rgba(0,0,0,0); border-bottom:0.45em solid rgba(0,0,0,0);}

/**/
.ys_box { overflow:hidden; height:45.29em; border-bottom:1px solid #d6d6d6; background:url(bgys.gif) repeat;}
.ys_box h2 { color:#fff; position:relative; z-index:10; font-size:1.08em; padding:4.82em 0 0 0; text-align:center;}
.ys_box h2:before { content:""; position:absolute; top:2.23em; left:50%; margin-left:-9.345em; width:18.69em; height:4.11em; z-index:-1; background:url(bt02.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.ys_box .sclwrap_box , .ys_box .m-box{ height:36em;overflow:hidden;}
.c_ys {float: left;display: inline; height:23.7em;}
.c_ys p { width:73.125%; margin:0.358em auto 5%;}
.c_ys p img { width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.c_ys:nth-child(2) p { width:82.8%; margin:2.5em auto 5%;}
.c_ys:nth-child(3) p { width:82.8%; margin:3.16em auto 9%;}
.c_ys:nth-child(4) p { width:71.875%; margin:1.5em auto 5%;}
.c_ys .ys01 { height:22.625em; padding:0 4.6%;}
.c_ys .ys01 dt { padding:0 0 1% 0; color:#1ea71f; font-size:1em; font-weight:bold; position:relative; overflow:hidden;}
.c_ys .ys01 dt:before { content:""; position:absolute; bottom:0; left:14%; width:85.59%; height:0.16em; background:url(ysx.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.c_ys .ys01 dt em { float:left; color:#fff; position:relative; margin-right:3%; display:inline; z-index:10; font-size:1.42em; font-family:Impact; font-weight:normal; width:1.94em; height:2.23em; line-height:1.94em; text-align:center;}
.c_ys .ys01 dt em:before { content:""; position:absolute; top:0; left:0; width:1.94em; height:2.23em; z-index:-1; background:url(01.gif) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.c_ys .ys01 dt span { color:#666; display:block; font-weight:normal;}
.c_ys .ys01 dd { padding:1.5% 0 0 13.8%; line-height:2em; color:#666;}
.ys_tab { margin:0 auto; width:22.5%; height:1.958em; text-align:center;}
.ys_tab li {float:left;display:inline-block; background:#c5c5bf; width:1.2em;height:1.2em; border-radius:1.2em; margin:0 1%; cursor:pointer;}
.ys_tab li.z-on {color:#fff; background:#079701;}

/**/
.yuan_box { height:24em; margin:1.875em 0 0 0; position:relative; z-index:10;}
.yuan_box:before { content:""; position:absolute; top:0; left:5.5%; width:23.758em; height:22.25em; z-index:-1; background:url(bgyuan.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.yuan_box ul li { float:left; text-align:center; padding:7.4em 0 5.6% 0; color:#666; width:33.33%; font-size:0.92em;}
.yuan_box ul li span { display:block; font-weight:bold; font-size:1.09em; line-height:2em;}

/**/
.case_box { overflow:hidden; width:92.2%; height:29.29em; margin:0 3.9%; border:1px solid #d6d6d6; border-radius:0.6em; background:url(bgall.gif) repeat; position:relative;}
.case_box:before { content:""; position:absolute; top:0; left:0; width:99.6%; height:25.2em; border:1px solid #fff; border-radius:0.6em;}
.case_box a.bt_c { font-size:1em;}
.case_box a.bt_c img {width:21.92em; height:3.458em; margin:1.92em 0 0 6%;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.case_box .sclwrap_box , .case_box .m-box{ height:21.5em;overflow:hidden;}
.c_case {float: left;display: inline; height:23.7em;}
.c_case p { width:87.6%; margin:1.625em auto 0;}
.c_case p img { width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.c_tab { margin:0 auto; width:27.5%; height:1.958em; text-align:center;}
.c_tab li {float:left;display:inline-block; background:#c5c5bf; width:1.2em;height:1.2em; border-radius:1.2em; margin:0 1%; cursor:pointer;}
.c_tab li.z-on {color:#fff; background:#079701;}

/**/
.shang_box { height:41.375em; margin:2.208em 0 0 0;}
.shang_box a.bt_s { display:block; font-size:1em; background:#079701; width:100%; height:5.04em; padding:1.75em 0 0 0;}
.shang_box a.bt_s img {width:23.83em; height:3.83em; display:block; margin:0 auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.s_c { background:#f8ffd9; height:32.255em; overflow:hidden; padding:2.33em 3.125% 0;}
.s_c dl { position:relative; height:7.5em; z-index:10; margin-bottom:2.2%;}
.s_c dl:before { content:""; position:absolute; top:-0.04em; right:0; width:87.2%; height:7.42em; border:1px solid #079701; z-index:-1;}
.s_c dl:nth-child(2n):before { left:0;}
.s_c dl:nth-child(3) dd, .s_c dl:nth-child(4) dd { width:68%;}
.s_c dl dt { width:29.6%; height:29.6%;}
.s_c dl dt img { width:100%; height:auto;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.s_c dl dd { width:65%; padding:4% 1% 0;}
.s_c dl dd h3 { color:#079701; font-weight:bold; font-size:1em;}
.s_c dl dd p { color:#3d3d3d; font-size:0.9em;}

/**/
.lc_box { height:16.58em; background:#f7f8f7; position:relative; z-index:10;}
.lc_box:before { content:""; position:absolute; top:2em; left:3.9%; width:24.75em; height:9.66em; background:url(lcbg.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; z-index:-1;}
.lc_box ul { padding:2em 0 0 0; overflow:hidden;}
.lc_box ul li { float:left; width:24.2%; height:3.583em; text-align:center; padding:1.8em 0 0 0; margin:0 6% 0.88em 3.9%; display:inline; font-size:1em; color:#333; overflow:hidden;}
.lc_box ul li:first-child { color:#fff; padding:0.3em 0 0 0; line-height:1.2em;}
.lc_box ul li:first-child em { display:block; font-weight:bold;}
.lc_box ul li:nth-child(3), .lc_box ul li:nth-child(6) { margin-right:0;}
.lc_box ul li:nth-child(4), .lc_box ul li:nth-child(5), .lc_box ul li:nth-child(6) { margin-bottom:0;}
.u_xq { display:block; width:72.8%; height:1.64em; line-height:1.6em; color:#fff; font-size:1.16em; text-align:center; margin:0 auto; background:#079101; border-radius:0.4em; box-shadow:0 0.15em 0 #3ca837;}

/**/
.about_box { height:26.33em; overflow:hidden; margin-top:1.75em;}
.about_box dl { padding:1.25em 0 0 3.9%; overflow:hidden;}
.about_box dl dt { width:24.79em;}
.about_box dl dt img {width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.about_box dl dd { padding:0.6em 3.125% 0 0; line-height:2em; color:#666; font-size:1em;}
.about_box dl dd a { color:#666;}


/**/
.sub_tab {background: #0D2BC4; font-size:1.25em; height:2.1em; position:relative; z-index:10;}
.sub_tab:before { content:""; position:absolute; top:0; left:0; width:100%; height:2.1em; z-index:-1; background:url(bar.jpg) no-repeat; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
.sub_tab li { font-size:1em; float:left; color:#fff; height:2.1em; line-height:2.1em; padding:0 6%; font-weight:bold; cursor:pointer; border-right:1px solid #88dc80;}
.sub_tab li:nth-child(2) { border:0;}
.al_box { height:19.5em; overflow:hidden; position:relative;}
a.al_more { position:absolute; top:0; right:0; z-index:15;}
a.al_more img {width:2.58em; height:2.625em; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.al_box .sclwrap_box , .al_box .m-box{ height:13.5em;overflow:hidden;}
.al_c { height:15.55em; overflow:hidden;}
.al_list {}
.al_list ul { width:100%; float:left; display:inline;}
.al_list ul li { float:left; width:44.53%; margin:1.5em 0 0 4% ; overflow:hidden; display:inline; position:relative;}
.al_list ul li img { width:100%; height:auto; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.al_box .m-cnt{ width:28%; height:0.75em; margin:0 auto;}
.al_box .m-cnt li{ float:left; width:1.2em; height:1.2em; background:#c5c5bf; border-radius:1.2em; margin:0 2.8%;}
.al_box .m-cnt li.z-on {background:#079701;}


/**/
.dt_centre { height:21.56em; 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.9em;}
.n_list { float:left; display:inline;}
.n_list ul { padding:1.8em 0 0 5.9%;}
.n_list ul li {position:relative; padding-left:8%; height:2.4em; line-height:2.4em; color:#484848;font-size:1em;}
.n_list ul li:before {content:"";position:absolute;left:0;top:0.7em;width:0.6em;height:0.6em; border-radius:0.6em; border:0.25em solid #11b800;}

/*底部开始*/
.g-ft { width:100%; height:8em; overflow:hidden; position:relative;}
.g-ft p { background:#ff3e03; height:3.42em; line-height:3.42em; font-size:1em; color:#fff; padding:0 5.125% 0 3.9%;}
.g-ft p a{color:#fff;}
.g-ft p a.u_top { font-size:1em;}
.g-ft p a.u_top img {width:2.33em; height:2.375em; margin:0.54em 0 0 0;display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.f_nav { height:4.458em; margin:0 auto; border:1px solid #0fac00; text-align:center; width:100%; max-width:640px; min-width:320px; position:fixed; bottom:0; z-index:999; background-color:#11c600;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#14d800), to(#0fb600));
	background-image: -webkit-linear-gradient(top, #14d800, #0fb600);
	background-image: -moz-linear-gradient(top, #14d800, #0fb600);
	background-image: -o-linear-gradient(top, #14d800, #0fb600);
	background-image: -ms-linear-gradient(top, #14d800, #0fb600);
	background-image: linear-gradient(top, #14d800, #0fb600);}
.f_nav:before { content:""; position:absolute; top:0; left:0; width:100%; height:1px; background:#3bdf2a;}
.f_nav:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#3bdf2a;}

.f_nav li { position:relative; width:24.75%; height:4.458em; text-align:center; display:inline-block; float:left; font-size:1em;}
.f_nav li a { color:#fff; width:100%; height:4.458em; display:inline-block;}
.f_nav li a img { width:2.66em; height:2.5em; display:block; margin:0.3em 0 0 1.96em;}


@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%;}
}


