body{padding-top:0;}
.wrap {background:#fff;}
/*澶撮儴寮€濮�*/
.g-hd {height:8.4em;} /*澶撮儴鏁翠綋甯冨眬鏍峰紡*/
.logo{width:87px;padding: 6% 0 0 7.8%;} /*logo杈硅窛*/
.hd_slogan {padding: 6% 0 0 0;margin-left:2.8%;width: 57.8%;font-size: 1em;}
.hd_slogan h2 {font: 18px "Microsoft Yahei";}
.hd_slogan p {font: bold 1.0em "Microsoft Yahei";}

.top_tel {font: bold 1em/2.5em "Microsoft Yahei";}
.tel_side {padding-left:8.25%;}


a.u-num {font-size:1.33em;}
.u-tel_01 .s-ln-1,.u-tel_01 .s-ln-2,.u-tel_01 .s-ln-3{	border: 0.1em solid #fff;}/*鐢佃瘽闂姩澹版尝棰滆壊*/
.u-tel_01{ width:1.583em; height:1.583em;left:0;top:20%; } /*澶撮儴鐢佃瘽鍥炬爣*/
.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;z-index:10;color:#fff;}
.g_nav ul {padding: 1.4% 0 5% 0;}
.g_nav li {position:relative;float:left;width:25.625%;margin: 3.5%;height:5.69em;text-align:center;line-height:1.5em;font: 1.083em "Microsoft Yahei";border-radius: 0.3em;
background:#0073bf;
background-image: -webkit-gradient(linear, left top, left bottom, from(#00a6e9), to(#0055a7)); 
background-image: -webkit-linear-gradient(top, #00a6e9, #0055a7); 
background-image: -moz-linear-gradient(top, #00a6e9, #0055a7); 
background-image: -o-linear-gradient(top, #00a6e9, #0055a7); 
background-image: linear-gradient(top, #00a6e9, #0055a7);}
.g_nav li:before {content:"";position:absolute;left:50%;top:25%;z-index:10;}
.g_nav li b {display: block;width:61%;padding-top:0.8em;margin:0 auto;}
.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: 5%;}
.g_nav a:nth-child(1) li {
background:url(../images/Index/home_bg.gif) no-repeat;
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;}


/*閫氭爮骞垮憡*/
.g-adv{ position:relative;height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:140px;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;}


/*---鎼滅储----*/
.g-se{position:relative;z-index:100;padding:2.3% 2.125% 2.3% 2.125%;
background:#6b6b6b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cbcbcb)); 
background-image: -webkit-linear-gradient(top, #f5f5f5, #cbcbcb); 
background-image: -moz-linear-gradient(top, #f5f5f5, #cbcbcb); 
background-image: -o-linear-gradient(top, #f5f5f5, #cbcbcb); 
background-image: linear-gradient(top, #f5f5f5, #cbcbcb);} 
.g-se:before {content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 1px;background: #e7e7e7;}
.g-se .m-ipt{margin-right:21.5%;}
.g-se .u-bt{ /*position:absolute;right:3.125%;*/float:right;width:20%;display:block; line-height:0;height:1.7em;font: 1.25em/1.7em "Microsoft Yahei";text-align:center;border: 1px solid #e5e5e5; border-radius:0.1em; z-index:99;color:#333;
background: none;}
.g-se .u-bt img {width:100%;display:block;}
.g-se .u-bt em {display: block;font-style: normal;border: 1px solid #fff;border-radius:0.1em;text-shadow:0 1px 1px rgba(255,255,255,1);
background:#6b6b6b;
background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#8d8d8d)); 
background-image: -webkit-linear-gradient(top, #cdcdcd, #8d8d8d); 
background-image: -moz-linear-gradient(top, #cdcdcd, #8d8d8d); 
background-image: -o-linear-gradient(top, #cdcdcd, #8d8d8d); 
background-image: linear-gradient(top, #cdcdcd, #8d8d8d);}

.g-se .u-in{  position:absolute; z-index:100; right:3.125%; top:20%; width:18.5%; height:4.5em;background:none;}
.g-se .u-key1{width:100%;
	box-shadow: 0.5em 0.5em 0.5em rgba(0,0,0,.1) inset;
	font-size:1em;
	color:#bebebe; 
	height:2.167em; 
	padding:0;
	line-height:2.167em; 
	background:#fff;
	border:none;
	border-radius:0;
	border:1px solid #d2d2d2;
	text-indent:5%;
	float:left;} /*鎼滅储涓殑璇疯緭鍏ュ叧閿瘝鏍峰紡*/
.g-se .u-bt:before,.g-se .u-bt:after{display:none;}/*鎼滅储鎸夐挳-鏀惧ぇ闀滅洿绾块鑹�*/



.title {position:relative;padding:0 3% 0 0;font-size: 1em;height:2.6em;overflow:hidden; background-color:#0e6dc9}
.title .tit_tx {float: left;height:2.55em;font: bold 1em/2.516em "Microsoft YaHei";color: #fff;padding: 0 4%;border: 0.042em solid #035298;box-shadow: 0 0 1px rgba(117,167,218,1) inset;
background:#008ede;
background-image: -webkit-gradient(linear, left top, left bottom, from(#008ede), to(#0f6cc9)); 
background-image: -webkit-linear-gradient(top, #008ede, #0f6cc9); 
background-image: -moz-linear-gradient(top, #008ede, #0f6cc9); 
background-image: -o-linear-gradient(top, #008ede, #0f6cc9); 
background-image: linear-gradient(top, #008ede, #0f6cc9);}
.title i {float: right;font: 1em/2.5em "Microsoft YaHei";color: #fff;}


.clist_box {}
.c_list {padding:4% 0 1.5% 0;}
.c_list li {color:#5b5b5b;float:left;position:relative;margin:0 3%;width:40.156%;font-size:1em;box-sizing:border-box;}
.c_list li img {width:100%;display:block;box-sizing:border-box;}
.c_list li b {display: block;}
.c_list li b img {border: none;}
.c_list p {display:block;text-align:center;color: #5b5b5b;font-size: 1em;line-height: 2em;height:3.25em;}
.c_list a:nth-child(2n-1) li {margin-left: 6.5%;}

.p_more1 {text-align: center;}
.p_more1 span {display: block;width: 72.66%;margin:0 auto;position: relative;}
.p_more1 span a {position: absolute;left:0;top:0;width: 100%;text-align: center;font: 1.17em/2em "Microsoft YaHei";color: #fff;}
.p_more1 img,.p_more2 img {display:block;width:100%;}

.case_listbox {padding-bottom: 5.5%;}
.case_list {padding:1% 0 3% 0;}
.case_list li {color:#5b5b5b;float:left;position:relative;margin:3% 1.8% 1% 1.8%;width:44.0625%;font-size:1em;box-sizing:border-box;padding:0.083em;border:1px solid #c4c4c4;}
.case_list li img {width:100%;display:block;box-sizing:border-box;}
.case_list p {position:absolute;left:0.083em;bottom:0.083em;width:98.6%;text-align:center;color: #fff;font: 1em/1.67em "Microsoft YaHei";box-sizing:border-box;background: rgba(0,0,0,.5);}
.case_list a:nth-child(2n-1) li {margin-left: 3.5%;}

.p_more2 {text-align: center;}
.p_more2 span {display: block;width: 55.2%;margin:0 auto;position: relative;}
.p_more2 span a {position: absolute;left:0;top:0;width: 100%;text-align: center;font: 1.083em/2.385em "Microsoft YaHei";color: #fff;}

.gg_01 {margin-top: 1%;}
.gg_01 img,.o_img img,.o_numb img {display: block;width: 100%;}


.o_numb {float: left;width: 14.6875%;margin-left: 3.125%;}
.o_text {float: left;width: 75%;margin-left: 3.9%;}
.o_text dl {margin-bottom: 6%;}
.o_text dt {padding-top:3%;font: bold 1.5em "Microsoft YaHei";color: #d20107;}
.o_text dd {margin-top: 1%;}
.o_text dd p {position: relative;padding: 3% 0 3% 10%;font: 1em/1.25em "Microsoft YaHei";border-bottom:1px dashed #cbcbcb;color: #666;}
.o_text dd b {color: #008fdf;}
.o_text dd p:last-child {border: none;}
.o_text dd p:before {content:"";position: absolute;left: 0;top: 0.7em;width: 1.17em;height: 1.17em;text-align: center;color:#fff;
background:url(../images/Index/icon1.gif) no-repeat;
background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;}
.o_text dl {margin-bottom: 5.6%;}
.o_text dl:last-child dd p {padding: 4% 0 4% 10%;}
.o_text dl:last-child dd p:before {top: 0.9em;}


.adv1_tel {color: #fff;font-size: 1em;height: 3.8em;
background:url(../images/Index/tel_bg.jpg) no-repeat;  
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;}
.adv1_tel a {color: #fff;}
.adv1_tel span {font-size: 1.416em;font-family: "Arial";}
.c-tel {text-indent:17.8%;position:relative;line-height:3.5em;}

/*------phone--------*/
a.s-tel {font-size:1em;color:#fff;}
a.s-tel span {font-family:"Microsoft YaHei";font-size: 1.17em;}
a.s-tel b {font: bold 1.6em "Arial";}
.s-tel .u-tel_01 .s-ln-1, .s-tel .u-tel_01 .s-ln-2, .s-tel .u-tel_01 .s-ln-3{	border-color: #fff;}/*鐢佃瘽闂姩澹版尝棰滆壊*/
.s-tel .u-tel_01{ width:1.57em; height:1.465em;left:9%;top:32%; display:block; float:left; position:absolute;
background:url(../images/Index/tel_01.png) no-repeat;  
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;}


a.s_more {position: absolute;right:3%;top:0;z-index:1000;font: 1em/2.5em "Microsoft YaHei";color: #999;}
.tabitem1 {position:relative;font-size: 1em;height:2.6em;background:#f2f2f2;border-bottom:1px solid #0866c5;box-shadow: 0 -1px 0 rgba(117,167,218,1) inset;}
.tabitem1 li { position: relative; padding: 0 7%;float:left;height:2.55em;font: bold 1em/2.516em "Microsoft YaHei";color: #0670cc;cursor: pointer;}
.tabitem1 li.z-on {color:#fff;border: 0.042em solid #035298;box-shadow: 0 0 1px rgba(117,167,218,1) inset;
background:#008ede;
background-image: -webkit-gradient(linear, left top, left bottom, from(#008ede), to(#0f6cc9)); 
background-image: -webkit-linear-gradient(top, #008ede, #0f6cc9); 
background-image: -moz-linear-gradient(top, #008ede, #0f6cc9); 
background-image: -o-linear-gradient(top, #008ede, #0f6cc9); 
background-image: linear-gradient(top, #008ede, #0f6cc9);}

.show_box {margin-top:5%;position:relative;height: 33.6em;overflow: hidden;}
.ab_bk {padding-top: 5%;position: relative;}
.ab_bk .nowrap {width: 70.3125%;margin: 0 auto;}
.ab_bk .sclwrap_box,.ab_bk .m-box  {height:30em;overflow: hidden;}
.abimg {float:left;display:inline;}
.abimg dt img {width: 100%;display: block;box-sizing:border-box;border: 0.125em solid #b4b9c8;}
.abimg dd h3 {margin-top:4%;font: bold 1em/2em "Microsoft Yahei";color: #666;border-bottom: 1px dashed #d0d0d0;}
.abimg dd p {padding-top: 0.5%;font: 1em/1.75em "Microsoft Yahei";color: #666;}
.ab_btn {padding-top: 6%;}
.ab_btn a {display:inline-block;width:40.44%;margin-right: 5%;}
.ab_btn img {display:block;width:100%;}

.ab_bk .prev, .ab_bk .next {position:absolute;width:7.35%;top:15%;z-index:99;cursor:pointer;}
.ab_bk .prev img, .ab_bk .next img {width:100%;vertical-align:top;display: block;}
.ab_bk .prev {left:4.2%;}
.ab_bk .next {right:4.2%;}




.title2 .tit_tx {padding:0 8%;}
/*鏂伴椈涓績*/
.web_news {position:relative;z-index:999;}
.web_news .sclwrap_box , .web_news .m-box{ height:10.1em;}
.n_box {float: left;display: inline;}
.n_list {padding: 2% 4.6875% 1.8% 4.6875%;font: 1.083em/2.31em "Microsoft Yahei";color:#666;}
.n_list a {color:#666;}
.n_list li {position:relative;padding-left:6%;height:2.31em;border-bottom:1px dashed #cecece;overflow:hidden;}
.n_list li:before {content: "";position: absolute;left:0;top: 40%;width: 0.615em;height: 0.615em;
background:url(../images/Index/icon2.gif) no-repeat;  
background-size:100% 100%;
-webkit-background-size:100% 100%;
-moz-background-size:100% 100%;
-o-background-size:100% 100%;}
.n_list a:last-child li {border: none;}





/*搴曢儴寮€濮�*/
.u-top {height:auto;}
.u-top span{position:relative; display:inline-block;padding-left:7%;font-size:1em;line-height:2.9em;} /*鍥炲埌椤堕儴鍥炬爣鏍峰紡*/
.u-top span:before {content:"";top:28%;width:1.5em;height:1.417em;}

.f_nav {font-size: 1.083em;width:100%;line-height: 2.3em;text-align: center;padding-top: 3%;}
.f_nav a {padding:0 3%;}



.m-bmu .p2{font-size:1em;line-height:1.615em;padding-top: 4%;}
.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 25% 0;text-align:center; font-size:1em; position:relative;}

.qr{ width:31.875%;padding-top:4.5%; text-align:center; margin:0 auto; }/*搴曢儴浜岀淮鐮佹牱寮�*/
.qr img {display:block;width:100%;}



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

.content111{width:300px; margin:10px auto; clear:both;}
.content111 img{ width:100%}