﻿body{padding-top:0;}

.wrap {background:#fff;}

/*头部开始*/

.g-hd {height:8.1em;} /*头部整体布局样式*/

.logo{width:14.375%;padding: 2.5% 0 0 8.4375%;} /*logo边距*/

.hd_slogan {padding: 4% 0 0 2.5%;width: 73.125%;font-size: 1em;}

.hd_slogan h2 {font: bold 1.08em "Microsoft Yahei";}

.hd_slogan p {padding-top: 1%;}



.top_tel {line-height:2.67em;font-size: 1em;}

.tel_side {padding-left:7.25%;}





a.u-num {font-size:1.17em;}

.u-tel_01 .s-ln-1,.u-tel_01 .s-ln-2,.u-tel_01 .s-ln-3{	border: 0.1em solid #41b0de;}/*电话闪动声波颜色*/

.u-tel_01{ width:1.33em; height:1.33em;left:0;top:28%; } /*头部电话图标*/

.u-tel_01 .z-ln-1{z-index:10;

	display:inline-block;

	width:0.3em;

	height:0.3em;

	border-width: 0.1em 0.1em 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	top:0.3em;

	right:0.3em;}

.u-tel_01 .z-ln-2{z-index:10;

	display:inline-block;

	width:0.5em;

	height:0.5em;

	border-width: 0.1em 0.1em 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	top:0.1em;

	right:0.1em;}

.u-tel_01 .z-ln-3{z-index:10;

	display:inline-block;

	width:0.7em;

	height:0.7em;

	border-width: 0.1em 0.1em 0 0;

	border-radius:0 30px 0 0;

	position:absolute;

	top:-0.1em;

	right:-0.1em;}







/*头部结束*/



/*头部结束*/



/*导航*/

.g_nav {width:100%;position:relative;padding-bottom:6%;margin-bottom:1%;text-align:center;z-index:10;color:#fff;}

.g_nav li {position:relative;float: left;width: 20.9375%;height:4.077em;margin:5.2% 4.84375% 0 4.84375%;padding-top:1em;text-align:center;font: 1.08em/1.46em "Microsoft Yahei";

background:url(../images/nav.gif) no-repeat;

background-size: 100% 100%;

-webkit-background-size: 100% 100%;

-moz-background-size: 100% 100%;

-o-background-size: 100% 100%;}

.g_nav a {color:#fff;}

.g_nav img {display: block;width: 100%;}

.g_nav a:nth-child(1) li,.g_nav a:nth-child(4) li {margin-left: 8.5%;}









/*通栏广告*/

.g-adv{ position:relative;height:auto;}

.g-adv .sclwrap_box , .g-adv .m-box{ height:12.5em;overflow:hidden;}

.g-adv .m-box img{ display:block;width:100%;vertical-align:top; }

.g-adv .m-cnt {position: absolute;left:0;bottom:-1.9em;width: 100%;height: 1.9em;text-align:center;border-bottom: 1px solid #5c9c0f;background: #78bc27;}

.g-adv .m-cnt li {display: inline-block;width: 0.75em;height: 0.75em;border-radius: 10em;margin: 0 0.5%;margin-top: 0.5em;background: #fff;}

.g-adv .m-cnt li.z-on {background: #518611;}



.line1 {position: relative;}

.line1 img {width: 100%;display: block;}

.line1 .p1 {position: absolute;left:0;top:27%;width: 100%;text-align: center;font: bold 1.33em/1.4em "Microsoft YaHei";color: #3a3a3a;}

.line1 .p1 a {color: #ff9600;}

.line1 .p1 span {color: #ff9600;display: inline-block;padding: 0 0.3em;background: #fff;}



.vs_bg .sclwrap_box , .vs_bg .m-box{ height:28.5em;overflow:hidden;}

.vs_box {float: left;display: inline;}

.v_name {text-align: center;font: bold 1em/1.584em "Microsoft YaHei";color: #fff;} 

.v_name span {display: inline-block;padding:0 2%;background: #a3a3a3;}

.vs_box1 {padding:0 4.6875%;}

.vs_box1 dl {padding: 4% 0;}

.vs_box1 dt {font: bold 1em/1.5em "Microsoft YaHei";color: #343434;}

.vs_box1 dd {padding-top:1%;font: 1em/1.5em "Microsoft YaHei";color: #555;}

.v_line {padding-top: 5%;}

.v_line img {display: block;width: 100%;}

.v_tips {padding-top:4%;text-align: center;font: 1em/1.5em "Microsoft YaHei";color: #5f5f5f;}



.vs_box2 {padding:0 3.125%;}

.vs_box2 .v_name span {background: #3a3a3a;}

.v2_icon {float: left;width: 15%;margin-top: 8.5%;}

.v2_icon img {display: block;width: 100%;}

.v2_text {float: right;width: 81.33%;padding-top: 5%;}

.v2_text dl {padding: 4% 0;}

.v2_text dt {font: bold 1em/1.5em "Microsoft YaHei";color: #3a3a3a;}

.v2_text dd {padding-top:1%;font: 1em/1.5em "Microsoft YaHei";color: #555;}





.c_tab {font: 1em/2.5em "Microsoft YaHei";color: #fff;}

.c_tab li {float: left;width: 42.96875%;margin: 4% 2.1875% 0 2.1875%;text-align: center;color: #fff;background: #3a3a3a;}

.c_tab li.z-on {background: #ff890a;}

.c_tab li:nth-child(2n-1) {margin-left: 4.5%;}

a.c_tabmore {position: absolute;width: 42.96875%;right: 5%;top: 22.12%;z-index:10;text-align: center;color: #fff;background: #ff890a;font: 1em/2.5em "Microsoft YaHei";}

.c_tab li:last-child{background: #ff890a;}

.c_tab li:last-child a{text-align: center;color: #fff;font: 1em/2.5em "Microsoft YaHei";}



.case_bg {position: relative;}

.case_bg .sclwrap_box , .case_bg .m-box{ height:26.5em;overflow:hidden;}

.case_box dl {float: left;display: inline;padding-top: 1.3%;}

.case_box dt {width: 90.625%;margin-left: 4.6875%;}

.case_box dt img {width: 100%;display: block;}

.case_box dd {width: 90.625%;margin-left: 4.6875%;text-align:center;font: 1em/2.67em "Microsoft YaHei";color: #003d6a;background: #e5e5e5;}

.case_box dd a {color: #003d6a;}







.odds_tit {margin-top: 4.2%;}

.odds_tit img {width: 100%;display: block;}

.odds_bg .sclwrap_box , .odds_bg .m-box{ height:26.9em;overflow:hidden;}

.odds_box {float: left;display: inline;}

.o_img img {width: 100%;display: block;}

.odds_box dl {padding: 0 6.1875% 0 5.625%;}

.odds_box dt {position: relative;}

.odds_box dt img {display: block;width: 100%;}

.o_text {position: absolute;left:0;top:0;width: 100%;}

.o_text b {display: block;float: left;width: 15.6%;padding-top:0.5em;text-align: center;font: bold 1.67em/1.67em "Arial";color: #fff;}

.o_textbox {float: left;width: 81.5%;padding-left: 0.5em;}

.o_textbox .p1 {padding-top:1%;font: bold 1.08em/1.307em "Microsoft YaHei";color: #ff890a;}

.o_textbox .p1 span {color: #3a3a3a;}

.o_textbox .p2 {font: 0.583em "Arial";color: #9c9c9c;text-transform: uppercase;letter-spacing:-0.5px;}

.odds_box dd {padding: 2% 0 0 15.6%;font: 1em/1.83em "Microsoft YaHei";color: #555;}

.odds_box dd span {color: #ff890a;}



.odds_bg .m-cnt {text-align: center;height: 1.875em;}

.odds_bg .m-cnt li {display: inline-block;width: 0.75em;height: 0.75em;margin:0 0.2%;border-radius: 10em;background: #56a4db;}

.odds_bg .m-cnt li.z-on {background: #0065ad;}







.title {position:relative;padding:0 5%;font-size: 1em;height:2.75em;background:#3a3a3a;overflow:hidden;}

.title .tit_tx {float: left;font: bold 1.17em/2.357em "Microsoft YaHei";color: #fff;}

.title i {float: right;font: 0.83em/2.5em "Arial";color: #fff;padding-top: 0.4em;}



.submu h3 {margin: 0 4.6875%;margin-top:3.8%;border: 1px solid #000;font: 1.083em/2em "Microsoft YaHei";}

.submu h3 a {position:relative;display: block;color:#fff;text-indent:3%;border: 1px solid #88bfe4;background: #3a3a3a;}

.submu h3 a:before {content: "";position: absolute;right:3%;top:24%;width:0.9em;height:0.923em;

background:url(../images/icon1.gif) no-repeat;

background-size: 100% 100%;

-webkit-background-size: 100% 100%;

-moz-background-size: 100% 100%;

-o-background-size: 100% 100%;}



.submu ul {padding: 1.5% 0 0 0;font: 1em/2.083em "Microsoft YaHei";color: #78bc27;}

.submu li {position:relative;float: left;padding-left:5%;width: 28%;}

.submu li:before {content: "";position: absolute;right: 0;top: 34%;width: 1px;height:48%;border-right: 1px dotted #333;}

.submu a {color: #666;}

.submu a:nth-child(3n) li:before {display: none;}

.submu a:nth-child(3n-1) li {width: 29%;}

.submu ul:nth-child(2) a:nth-child(5) li {width: 38%;}

.submu ul:nth-child(2) a:nth-child(5) li:before {display: none;}



.c_list {padding:3.8% 0 1% 0;}

.c_list li {color:#5b5b5b;float:left;position:relative;margin:3.5% 2.34% 1% 2.34%;width:43.125%;font-size:1em;box-sizing:border-box;border:1px solid #c4c4c4;}

.c_list li img {width:100%;display:block;box-sizing:border-box;}

.c_list p {position:absolute;left:0;bottom:0;width:100%;text-align:center;color: #555;font: 0.917em/1.82em "Microsoft YaHei";box-sizing:border-box;background: rgba(214,214,214,.7);height:1.82em;overflow:hidden}

.c_list a:first-child li, .c_list a:nth-child(3) li {margin-left: 4.5%;}





.par_til {position:relative;padding:0 5%;font-size: 1em;height:2.25em;border:1px solid #dedede;border-width:1px 0;overflow:hidden;

background: #f5f5f5;

background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); 

background-image: -webkit-linear-gradient(top, #fff, #f0f0f0); 

background-image: -moz-linear-gradient(top, #fff, #f0f0f0); 

background-image: -o-linear-gradient(top, #fff, #f0f0f0); 

background-image: linear-gradient(top, #fff, #f0f0f0);}

.par_til .tit_tx {float: left;font: 1em/2.25em "Microsoft YaHei";color: #3a3a3a;}

.par_til i {float: right;font: 0.83em/2.25em "Arial";color: #555;padding-top: 0.4em;}



.partner {padding-top: 6%;}

.par_box {padding-top:6%;position:relative;}



.par_box .nowrap {width: 74.375%;margin: 0 auto;}

.par_box .sclwrap_box,.par_box .m-box  {height:9.9em;overflow: hidden;}

.parnter {float:left;display:inline;position: relative;}

.parnter li {float: left;margin-right:5%;position: relative;width: 47.5%;}

.parnter li img {width: 100%;display: block;box-sizing:border-box;border: 1px solid #d6d6d6;}

.parnter p {display:block;text-align:center;color: #555;font: 0.83em/2.1em "Microsoft YaHei";height: 2.1em;

overflow: hidden;}

.parnter a:nth-child(2) li {margin-right: 0;}





.par_box .prev, .par_box .next {position:absolute;width:4.0625%;top:37%;z-index:99;cursor:pointer;}

.par_box .prev img, .par_box .next img {width:100%;vertical-align:top;display: block;}

.par_box .prev {left:4.6875%;}

.par_box .next {right:4.6875%;}





.ab_bk {padding-top: 6.5%;height:10em;position: relative;}

.ab_bk dt {float: left;width: 35.625%;}

.ab_bk dt img {width: 100%;display: block;margin-left: 13%;}

.ab_bk dd {float: left;width: 52.8125%;margin-left: 8%;}

.ab_bk dd h3 {font: 0.917em "Microsoft Yahei";color: #555;}

.ab_bk dd p {padding-top:0.5em;font: 0.83em/1.8em "Microsoft Yahei";color: #555;}

.ab_btn {padding-top:1%;font: 0.83em/2em "Microsoft Yahei";color: #fff;}

.ab_btn a {display:block;color: #fff;width:52%;background:#ff9600;text-align: center;}





.hot_box {padding-top:6%;position:relative;}

.hot_box .nowrap {width: 61.5625%;margin: 0 auto;}

.hot_box .sclwrap_box,.hot_box .m-box  {height:12.8em;overflow: hidden;}

.hot_box li {float: left;display:inline;position: relative;width: 100%;}

.hot_box li img {width: 100%;display: block;box-sizing:border-box;}

.hot_box li span {position: absolute;left:0;bottom:0;display: block;width:100%;text-align:center;color:#555;font: 0.83em/2.2em "Microsoft YaHei";background: rgba(169,169,169,.5);}



.hot_box .prev, .hot_box .next {position:absolute;width:4.0625%;top:44%;z-index:99;cursor:pointer;}

.hot_box .prev img, .hot_box .next img {width:100%;vertical-align:top;display: block;}

.hot_box .prev {left:10%;}

.hot_box .next {right:10%;}



.sub_tab {position:relative;font-size: 1em;height:2.5em;border:1px solid #dedede;border-width:1px 0;overflow:hidden;

background: #f5f5f5;

background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0)); 

background-image: -webkit-linear-gradient(top, #fff, #f0f0f0); 

background-image: -moz-linear-gradient(top, #fff, #f0f0f0); 

background-image: -o-linear-gradient(top, #fff, #f0f0f0); 

background-image: linear-gradient(top, #fff, #f0f0f0);}

.sub_tab li {float: left;position:relative;padding: 0 5%;font: 1em/2.3em "Microsoft YaHei";color: #555;}

.sub_tab li:before {content:"";position: absolute;right:0;top: 30%;width: 1px;height: 42%;background: #555;}

.sub_tab li:last-child:before {display: none;}

.sub_tab li.z-on {color: #3a3a3a;}

a.ck_more {position: absolute;right:5%;top:0;z-index:1000;font: 0.83em/3em "Arial";color: #555;}

/*新闻中心*/

.web_news {position:relative;z-index:999;}

.web_news .sclwrap_box , .web_news .m-box{ height:18em;}

.n_box {float: left;display: inline;}

.n_list {padding: 4.5% 4.6875% 0 4.6875%;font-size:0.917em;color:#666;}

.n_list a {color:#666;}

.n_list li {position:relative;padding-left:6.9%;height:2.18em;line-height:2.18em;overflow:hidden;}

.n_list li:before {content: "";position: absolute;left:0;top: 45%;width: 0.5em;height: 0.5em;border-radius: 2em;background: #ddd;}











/*底部开始*/

.u-top {height:auto;}

.u-top span{position:relative; display:inline-block;padding-left:1.53em;font-size:1.25em;line-height:3.267em;} /*回到顶部图标样式*/

.u-top span:before {content:"";top:36%;width: 1.2em;height: 1.2em;}



.f_nav {font-size: 1.083em;width:100%;line-height: 1.62em;text-align: center;padding-top: 6.5%;}

.f_nav a {padding:0 3%;}







.m-bmu .p2{font-size:1.083em;line-height:1.615em;color: #666;padding-top: 6%;}

.m-bmu .p1{color:#555;text-align:center;}

.m-bmu .p3{padding-top:1.5%;line-height:1.5em;font-size:1em;color:#555;text-align:center;}

.m-bmu{ padding:0 0 40% 0;text-align:center; font-size:1em; position:relative;}



.toobar {font-size: 1em;border-bottom: 0.625em solid #3a3a3a;}

.toobar li {width: 23%;box-sizing:border-box;height: 7.75em;}

.toobar li b {width: 81.1%;height: 5em;border-radius: 0.3em;}

.toobar li span {line-height: 2em;}



@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%;}

}

