body{padding-top:0;}
.wrap {background:#fff;}
/*头部开始*/
.g-hd {height:7.25em;} /*头部整体布局样式*/
.g-hd:before {height:0.33em;}
.logo{width:17.5%;padding: 5% 0 0 6%;} /*logo边距*/
.hd_slogan {padding-top: 7.3%;margin-left:2.8%;width: 58.6%;font-size: 1em;}
.hd_slogan h2 {font: bold 1.17em/1.5em "Microsoft Yahei";}

.top_tel {line-height:2em;font-size: 1em;}
.tel_side {padding-left:11.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 #1279d1;}/*电话闪动声波颜色*/
.u-tel_01{ width:1.33em; height:1.33em;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;background: #1279d1;}
.g_nav:before {content: "";position: absolute;left:0;top: 50%;z-index:10;width: 100%;height: 1px;background: #b8d7f1;}
.g_nav li {position:relative;float:left;width:35%;height:2.417em;text-align:center;font: bold 1em/2.417em "Microsoft Yahei";}
.g_nav li:before {content: "";position: absolute;right:0;top: 0;z-index:10;width: 1px;height:100% ;background: #b8d7f1;}
.g_nav a {color:#fff;}
.g_nav img {display: block;width: 100%;}
.g_nav a:nth-child(3n) li {width:30%;}
.g_nav a:nth-child(3n) li:before {display: none;}
.g_nav a:first-child li {background: #ffa246;
background-image: -webkit-linear-gradient(top, #ffa246, #ff7f01); 
background-image: -moz-linear-gradient(top, #ffa246, #ff7f01); 
background-image: -o-linear-gradient(top, #ffa246, #ff7f01); 
background-image: -ms-linear-gradient(top, #ffa246, #ff7f01); 
background-image: linear-gradient(top, #ffa246, #ff7f01);}


/*通栏广告*/
.g-adv{ position:relative;height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:12.417em;overflow:hidden;}
.g-adv .m-box img{ display:block;width:100%;vertical-align:top; }
.g-adv .m-cnt{ width:100%; position:absolute; bottom:-1.5%; left:0; z-index:1;height:1.5%;background:#cecece;}
.g-adv .m-cnt li{ position:relative;float:left; width:33.333%; height:100%;}
.g-adv .m-cnt li.z-on {background:#00467f;}


.pt1 {margin-top: 4.5%;}
.title {position:relative;padding-left:10.625%;padding-right:2.8%;font-size: 1em;height:2.6em;border:1px solid #ddd;border-width:1px 0;overflow:hidden;}
.title:before {content: "";position: absolute;left:3%;top: 25%;width: 1.67em;height: 1.417em;
background:url(/mobile/images/Index/icon1.gif) no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
.title .tit_tx {float: left;font: bold 1em/2.6em "Microsoft YaHei";color: #1279d1;}
.title i {float: right;font: 1em/2.6em "Arial";color: #959595;}

.tabitem1 {position:relative;margin-left:3.125%;font-size: 1em;}
.tabitem1 li { position: relative; float:left; width: 38%;padding-left:3%;margin: 0 4% 3.5% 4%;line-height:2.33em;text-align:center;color: #707070;border-radius:0.3em;border: 1px solid #dfdfdf;cursor: pointer;}
.tabitem1 li:before {content: "";position: absolute;left: -1em;top:0;width: 2.25em;height: 2.25em;
background:url(/mobile/images/Index/icon2.png) no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
.tabitem1 li.z-on {color: #1279d1;font-weight: bold;}


.custom {padding:3.5% 0 2% 0;}
.custom .sclwrap_box,.custom .m-box  {height:29.5em;overflow: hidden;}

.box_line {float: left;display: inline;}
.c_list {padding:1.5% 0 0 0;}
.c_list li {color:#fff;float:left;position:relative;margin:0 1.5%;width:45.78%;font-size:1em;box-sizing:border-box;}
.c_list li img {width:100%;display:block;box-sizing:border-box;border:0.125em solid #e3e3e3;}
.c_list p {display:block;text-align:center;color: #707070;font-size: 1em;line-height: 2.25em;height:2.25em; overflow:hidden;}
.c_list a:first-child li {margin-left: 2.5%;}
.c_list a:nth-last-of-type(-n+2) li p {height: 2.6em;}

.pro_btn {text-align: center;margin-top:3.5%;position: relative;}
.pro_btn:before {content: "";position: absolute;left:0;top: 50%;width: 100%;height: 1px;background: #e3e3e3;}
.pro_btn a {position: relative;z-index:10;display: inline-block;border-radius: 10em;width: 4em;height: 3.3em;padding-top:0.7em;line-height:1em;color:#707070;text-align:center;font-size:1em;border: 1px solid #d2d2d2;font-family: "Arial";box-shadow: 0 -1px 2px #fff inset;
background: #f7f7f7;
background-image: -webkit-linear-gradient(top, #fff, #eee); 
background-image: -moz-linear-gradient(top, #fff, #eee); 
background-image: -o-linear-gradient(top, #fff, #eee); 
background-image: -ms-linear-gradient(top, #fff, #eee); 
background-image: linear-gradient(top, #fff, #eee);}


.odds_tit img {display: block;width: 100%;}

.odds_bg {padding-top: 2%;padding-bottom:7%;}
.odds_tab {position:relative;height:1.83em;font: bold 1em/1.83em "Microsoft Yahei";text-align: center;}
.odds_tab:before {content: "";position: absolute;left:0;top:50%;width: 100%;height: 1px;background: #d7d7d7;}
.odds_tab li { position: relative; display: inline-block; margin:0 0.5%;width:1.833em;height:1.833em;border-radius:10em;box-sizing:border-box;text-align:center;color: #8c8c8c;background:#fff;border:1px solid #b8b8b8;cursor: pointer;}
.odds_tab li.z-on {color: #fff;background: #f08100;border-color: #f08100;}

.o_box {float: left;display: inline;}
.odds_bg .sclwrap_box,.odds_bg .m-box  {height:30.6em;overflow: hidden;}
.part {position: relative;font-size: 1em;margin-top:1%;padding:0 5% 0 11%;}
.part dt {position: relative;padding-left: 3%; height:1.917em;border-bottom:1px solid #e8e8e8;font: bold 1em "Microsoft YaHei";color: #1279d1;}
.part dt:before {content: "";position: absolute;left: 0;bottom: 2px;width: 100%;height: 1px;background: #e8e8e8;}
.part .numb {position:absolute;left:-2.2em;top: 0;width:2.5em;height:2.25em;}
.part .numb img {width: 100%;display: block;}
.part dd {padding-left: 3%;padding-top: 2%;}
.part dd p {position: relative;padding-bottom:1%;line-height: 1.67em;color:#8a8a8a;border-bottom: 1px dashed #cacaca;}
.part dd p span {color: #ff7f00;}
.part dd p:before {content: "";position: absolute;left:-0.8em;top:0.7em;width: 0.5em;height: 0.5em;
background:url(/mobile/images/Index/o_li.gif) no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
.part dd p:last-child {border: none;}

.o_img {padding-top: 2%;}
.o_img img {display: block;width: 100%;}

.o_tel {font-size: 1em;text-align: center;}
.o_tel span {float: left;width: 22.656%;margin-left: 22.2%;}
.o_tel span img {display: block;width: 100%;}
.o_tel i {padding-left:2%;float: left;font: 1.25em/1em "Arial";color: #ff8900;}
.o_tel i a {color: #ff8900;}


.four_tit {margin-top: 6%;}
.four_tit img {display: block;width: 100%;}
.four_ul {padding-top: 1.5%;}
.four_ul li {float: left;width: 40.78%;height: 10.917em;margin:1.4% 1.4% 1.4% 6.4%;padding-top:1em;border-radius:0.4em;text-align:center;font-size:1em;border: 1px solid #e3e3e3;}
.four_ul li.fff{  margin-left: 3.4%;}
.four_ul li b {display: block;width: 6.67em;height: 6.67em;margin: 0 auto;}
.four_ul li b img {display: block;width: 100%;}
.four_ul li p {text-align: center;color: #707070;line-height: 1.4em;padding-top:0.3em;height: 4.7em;}
.four_ul li p span {font-size: 1.25em;color: #1279d1;}

.c_sg1 {margin-top: 3%;}
.c_sg1 img {display: block;width: 100%;}

.title2 {position:relative;padding: 0 2.8%;font-size: 1em;height:2.5em;border:1px solid #ddd;border-width:1px 0;border-top:0.125em solid #1277cf;}
.title2 .tit_tx {float: left;position:relative;padding-left:7.625%;font: bold 1em/2.5em "Microsoft YaHei";color: #1279d1;}
.title2 .tit_tx:before {content: "";position: absolute;left:0;bottom:-1px;z-index:10;width: 100%;height:1px;padding-right: 10%;background: #ff7f00;}
.title2 .tit_tx:after {content: "";position: absolute;left:0;top: 25%;width: 1.5em;height: 1.5em;
background:url(/mobile/images/Index/icon3.gif) no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;}
.title2 .tit_tx span {float: left;}
.title2 .tit_tx em {float:left;text-indent:0.5em;padding-top:6%;font: bold 0.83em "Arial";color: #333;}
.title2 i {float: right;font: 1em/2.6em "Arial";color: #959595;}
.title3 .tit_tx em {padding-top:5%;font: bold 0.83em "Arial";}

.case_block {padding-bottom: 3.8%;}
.case_block .sclwrap_box,.case_block .m-box  {height:12.6em;overflow: hidden;}
.parnter {float: left;display: inline;}
.parnter ul {padding:4.5% 0 0 0;}
.parnter li {color:#fff;float:left;position:relative;margin:0 1.5%;width:45.78%;font-size:1em;box-sizing:border-box;}
.parnter li img {width:100%;display:block;box-sizing:border-box;border:0.125em solid #e3e3e3;}
.parnter p {display:block;text-align:center;color: #707070;font-size: 1em;line-height: 2em;}
.parnter a:first-child li {margin-left: 2.5%;}

.case_btn {text-align: center;position: relative;}
.case_btn:before {content: "";position: absolute;left:0;top: 50%;z-index: 1;width: 100%;height: 1px;background: #d7d7d7;}
.case_btn:after {content: "";position: absolute;left:50%;top: 30%;margin-left:-7.4375%;z-index: 2;width: 14.875%;height: 1em;background: #fff;}
.case_btn .prev, .case_btn .next {position: relative;z-index:3;display:inline-block;margin:0 1.5%;width:5.9375%;z-index:99;cursor:pointer;}
.case_btn .prev img, .case_btn .next img {width:100%;vertical-align:top;display: block;}

.ab_bk {margin-top: 8%;}
.bkimg {padding: 4.5% 2.8% 0 2.8%;}
.abimg {border: 0.33em solid #e6e6e6;box-sizing:border-box;font-size: 1em;padding-top: 1.375em;}
.abimg b {display: block;width: 73%;margin: 0 auto;}
.abimg img {width: 100%;display: block;height:10rem;}
.abimg p {text-align: center;font: 1.17em/2.4285em "Microsoft Yahei";height: 2.785em;color: #707070;}


.honor_block {padding-top: 6.5%;}
.honor ul {padding:4.5% 0 0 0;}
.honor li {color:#fff;float:left;position:relative;margin:0 1.5%;width:45.78%;font-size:1em;box-sizing:border-box;}
.honor li img {width:100%;display:block;box-sizing:border-box;border:0.125em solid #e3e3e3;}
.honor p {display:block;text-align:center;color: #707070;font-size: 1em;line-height: 2em; height:2em; overflow:hidden;}
.honor a:first-child li {margin-left: 2.5%;}


.show_box {padding-top: 4.6%;}
.show_block .sclwrap_box,.show_block .m-box  {height:13.9em;overflow: hidden;}
.showimg {float: left;display: inline;}
.showimg ul {padding:4.5% 0 0 0;}
.showimg li {color:#fff;float:left;position:relative;margin:0 1.5%;width:45.78%;font-size:1em;box-sizing:border-box;}
.showimg li img {width:100%;display:block;box-sizing:border-box;border:0.125em solid #e3e3e3;}
.showimg p {display:block;text-align:center;color: #707070;font-size: 1em;line-height: 2em; height:2em; overflow:hidden;}
.showimg a:first-child li {margin-left: 2.5%;}


a.ck_more {position: absolute;right:3%;top:0.125em;z-index:1000;font: 1em/2.5em "Arial";color: #959595;}
.sub_tab {position:relative;padding: 0 2.8%;font-size: 1em;height:2.5em;border:1px solid #ddd;border-width:1px 0;border-top:0.125em solid #1277cf;}
.sub_tab li{float: left;position:relative;width:22%;text-align:center;font: 1em/2.5em "Microsoft YaHei";color: #404040;}
.sub_tab li span {display: inline-block;height: 2.5em;position: relative;padding:0 4%;}
.sub_tab li:before {content: "";position: absolute;right: 0;top: 30%;width: 1px;height: 40%;background:#b2b2b2;}
.sub_tab li.z-on {font-weight: bold;color: #1279d1;}
.sub_tab li.z-on span:before {content: "";position: absolute;left:0;bottom: -0.1em;width:100%;height: 0.125em;background: #ff7f00;}
.sub_tab li.z-on span:after {content: "";position: absolute;left:50%;bottom: -0.3em;margin-left:-0.3em;width:0;height: 0;border-top: 0.3em solid #ff7f00;border-left: 0.3em solid transparent;border-right: 0.3em solid transparent;}
.sub_tab li:last-child:before {display: none;}

/*新闻中心*/
.web_news {position:relative;z-index:999;margin-top: 5.8%;}
.web_news .sclwrap_box , .web_news .m-box{ height:9.2em;}
.n_box {float: left;display: inline;}
.ndl {padding: 2% 1.56% 0 2.8%;}
.ndl dt {float: left;width: 33%;padding-top: 3%;}
.ndl dt img {display: block;width: 100%;}
.ndl dd {float: right;width: 65%;}

.n_list {font-size:1em;color:#707070;}
.n_list a {color:#707070;}
.n_list li {position:relative;padding-left:0.67em;height:2.25em;line-height:2.25em;overflow:hidden;}
.n_list li:before {content: "";position: absolute;left:0;top: 45%;width: 0.3em;height: 0.3em;border-radius: 2em;background: #b1b1b1;}


/*底部开始*/
.g-ft {padding:0 0 25% 0;}
.u-top {height:auto;}
.u-top span{position:relative; display:inline-block;padding-left:6%;font-size:1.08em;line-height:2.69em;} /*回到顶部图标样式*/
.u-top span:before {content:"";top:36%;border-bottom: 0.7em solid #b5b5b5;border-left: 0.6em solid transparent;border-right: 0.6em solid transparent;}


.m-bmu .p2{font-size:1em;color: #666;padding-top: 2%;}
.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{ text-align:center; font-size:1em; position:relative;}


.toobar {font-size: 1em;}
.toobar li {width: 25%;box-sizing:border-box;padding-top: 0.4em;height: 5em;border-left: 1px solid #dbdbdb;border-right: 1px solid #fff;}
.toobar li b {width: 45%;height: 2.5em;}
.toobar li span {line-height: 1.33em;}



@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%;}
}
