@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}

/*header*/
header{ overflow:hidden; width:94%; margin:0 auto; height:5.5em;}
header h1{ width:40%; float:left; margin-top:2%;}
header h1 img{ display:block; width:100%;}
header .wen{ overflow:hidden; text-align:right; float:right; margin-top:5%;}
header .wen h2{ font-size:1em; color:#2a2a2a; margin-bottom:0.3em; font-weight:normal;}
header .wen a{ background:url(../images/phone.png) no-repeat left center; background-size:0.9em; line-height:1.2em; color:#ff8400; font-size:0.9em; padding-left:1.2em;}

/*nav*/
nav{ overflow:hidden; width:100%; background-color:#ff8400;}
nav a{ display:block; float:left; width:25%; font-size:1em; color:#fff; text-align:center; padding:1em 0; border-bottom:1px solid #cd6a00; background:url(../images/navBor.jpg) repeat-y top right}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*banner*/
.banner{ overflow:hidden; width:100%;}
.banner img{ display:block; width:100%;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.5);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#FF8400;}
.focus .bd{ position:relative; z-index:0;}
.focus .bd li img{ width:100%;}
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.jxBox{ overflow:hidden; width:100%; height:0.9em; background-color:#f4f4f4;}



.in_nav { text-align:center; overflow:hidden;  padding:0.1rem 0.16rem 0.3rem; }
.in_nav ul li { float:left; width:25%; padding:0.18rem 0px;  }
.in_nav ul li a { color:#4b4b4b; }
.in_nav ul li .img img { width:80%; }
.in_nav ul li p { padding-top:0.1rem; }

/*td*/
.td{ overflow:hidden; width:94%; padding:1em 0; margin:0 auto;}
.td li{  width:39%; float:left; padding:0.5em 0;padding-left:10%;}
.td h3{ font-size:1em; color:#000; font-weight:normal; margin-bottom:0.3em;}
.td p{ font-size:0.7em; color:#000;}
.td .lb{ border-right:1px dotted #ccc;}
.td .bb{ border-bottom:1px dotted #ccc;}
.td li:nth-child(1){ background:url(../images/Index/td01.png) no-repeat 2% center; background-size:15%;}
.td li:nth-child(2){ background:url(../images/Index/td02.png) no-repeat 2% center; background-size:15%;}
.td li:nth-child(3){ background:url(../images/Index/td03.png) no-repeat 2% center; background-size:15%;}
.td li:nth-child(4){ background:url(../images/Index/td04.png) no-repeat 2% center; background-size:15%;}

/*pro*/
.pro{ overflow:hidden; width:100%;}
.pro .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:1.5em;}
.pro .menu li{ float:left; width:33%; margin-right:0.33%; text-align:center; font-size:1em; color:#000; padding:1em 0; background-color:#bfbfbf; position:relative}
.pro .menu li:last{ width:33.3%;}
.pro .menu li b{ display:none; width:10px; height:6px; background:url(../images/Index/fl_s.png) no-repeat center; position:absolute; left:50%; margin-left:-5px; bottom:-6px;}
.pro .menu li.on{ background-color:#ff8400; color:#fff;}
.pro .menu li.on b{ display:block;}
.pro .list{ overflow:hidden; width:96%; margin:0 auto;}
.pro .list li{ float:left; width:50%;}
.pro .list li img{ display:block; width:90%; margin:0 auto; margin-bottom:0.5em;}
.pro .list li p{ font-size:1em; color:#333; text-align:center; width:90%; margin:0 auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:1em;}
.pro .more{ display:block; width:70%; text-align:center; font-size:0.9em; color:#333; margin:2em auto 3em auto; border:1px solid #999; border-radius:5px; padding:1em 0}

/*ad01*/
.ad01{ overflow:hidden; width:100%;}
.ad01 img{ display:block; width:100%;}

	.adds{background:#efefef; color:#666; padding:2px 6px; margin-bottom:6px; font-size:14px;}

/*优势*/
.g-ys{ width:100%; max-width:640px; min-width:320px; height:75rem; overflow:hidden;  position:relative; background:url(../images/ys_bg.jpg) no-repeat top center; -moz-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt{display: block;width: 20rem;height: 5.25rem;line-height: 0; margin:0 auto; padding:1.2rem 0 1.5rem;}
.g-ys .m-bt img{ width:100%}
.g-ys .prev{ width:1.79rem; position:absolute; top:48.75rem; left:10rem;}
.g-ys .next{ width:1.79rem; position:absolute; top:48.75rem; right:10rem;}
.g-ys .nowarp { margin:0;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .ys_pic{display: block;width: 100%;height: 22.75rem;}
.g-ys .ys_pic img{ width:100%;}
.g-ys dl{ width:25rem; margin:0 auto; padding:0 0 1.5rem;}
.g-ys dl dt{ width:15.83rem;height: 2.25rem;line-height: 2.25rem; display:inline-block; overflow:hidden; background:url(../images/ys_dtbg.png) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys dl dt em{ display:block; width:3rem;text-align: center; float:left;font-size: 1.58rem;color: #fff;font-weight: bold; font-style:italic;}
.g-ys dl dt b{ display:block; float:left; width:11rem; padding:0 0 0 0.5rem;}
.g-ys dl dt b a{ font-size:1rem; color:#666;}
.g-ys dl dd{ font-size:1em; color:#666; line-height:160%; width:100%;}
.g-ys dl dd span{display: block;font-size: 0.58rem;color: #a8a8a8;text-transform: uppercase;height: 1.5rem;line-height: 1.5rem;overflow: hidden;}
.g-ys dl dd p{font-size: 0.92rem;color: #333;line-height: 1.88rem;overflow: hidden;position: relative; padding:0 0 0 0.75rem;}
.g-ys dl dd p:before{ content:"";position: absolute;top: 45%;left: 0;background: #fff; border:#8d8d8d 2px solid;width: 0.21rem;height: 0.21rem;
border-radius:5rem;               
-webkit- border-radius:5rem;
-moz-border-radius:5rem;
-o-border-radius:5rem;}
.g-ys dl dd b{ color:#de5a40;}


/*about*/
.about{ overflow:hidden; width:100%;}
.about h3{ font-size:1.25em; color:#333; text-align:center; margin-top:1.66em; padding-bottom:1em; margin-bottom:2em; background:url(../images/titleBg.png) no-repeat center bottom; background-size:100%; font-weight:normal;}
.about h3 a{ color:#333;}
.about .more{ display:block; width:70%; text-align:center; font-size:0.9em; color:#333; margin:2em auto 3em auto; border:1px solid #999; border-radius:5px; padding:1em 0}
.about img{ display:block; width:94%; margin:0 auto; margin-bottom:1.25em;}
.about p{  color:#333; line-height:1.25em; width:94%; margin:0 auto; overflow:hidden; height:10em; text-indent:2em;}

/*news*/
.news{ overflow:hidden; width:100%;}
.news .menu{ overflow:hidden; width:100%; padding-bottom:0.5em; margin-bottom:1.5em;}
.news .menu li{ float:left; width:33%; margin-right:0.33%; text-align:center; font-size:1em; color:#000; padding:1em 0; background-color:#bfbfbf; position:relative}
.news .menu li:last{ width:33.3%;}
.news .menu li b{ display:none; width:10px; height:6px; background:url(../images/Index/fl_s.png) no-repeat center; position:absolute; left:50%; margin-left:-5px; bottom:-6px;}
.news .menu li.on{ background-color:#ff8400; color:#fff; font-weight:bold}
.news .menu li.on b{ display:block;}
.news .newsBox{ overflow:hidden; width:94%; margin:0 auto; margin-bottom:2.5em}
.news .nlist{ overflow:hidden; width:100%; margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #ccc;}
.news .nlist h5{ font-size:1em; color:#333; margin-bottom:0.6em; background:url(../images/Index/news.png) no-repeat left center; background-size:1em; padding-left:4%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .nlist p{ font-size:1em; line-height:1.5em; height:3em; overflow:hidden; color:#666; width:96%; margin-left:4%;}
.news .jxBox{ padding-bottom:5em;}

/*footer*/ 
footer{ overflow:hidden; width:100%; height:4.7em; position:fixed; left:0; bottom:0; background-color:#2e2e32;}
footer a{ display:block; float:left; width:25%; background:url(../images/f_b.png) repeat-y right top; text-align:center; font-size:1em; color:#fff; height:4.7em;}
footer img{ display:block; width:30%; margin:0.4em auto;}







@media screen and (min-width:320px) {
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}