@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;font-family:"Microsoft YaHei";-webkit-text-size-adjust:none;color:#606060;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0;vertical-align:bottom;width:100%;}
ul,li{list-style-type:none;}
a{color:#606060;text-decoration:none;}
input:focus,select:focus,option:focus,textarea:focus{ outline:none;}
textarea,input[type=date],input[type=number]{ resize:none; border: none;}
button:hover,input[class*=b]:hover{ cursor:pointer;}
i,u,b{font-style: normal;font-weight: normal;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.rel{position:relative;}
.container{width:100%;max-width:768px;min-width:300px;height:100%;margin:0 auto;}
.grey_bg{background:#efefef;}
.index_box{padding:3% 0;}

/*header*/
.head_box{padding:2% 0;}
.search{position:absolute;left:2%;top:20%;width:7%;}
.meau{position:absolute;right:2%;top:20%;width:7%;}

.ss{width:0;height:35px;position:absolute;left:0;top:100%;overflow:hidden;z-index:7;}
.ss_bd{width:68%;height:35px;border:none;background:#fff;float:left;color:#333333;padding:0 0 0 12%;font-family:"微软雅黑";border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:16px;}
.ss_btn{width:20%;float:left;line-height:35px;background:#3b454e;border:none;color:#fff;font-family:"微软雅黑";border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;font-size:18px;}

#ceng{display:none; width:100%; height:100%;z-index:100;position:absolute; top:0;  right:0; }
#close{width:10%;padding:3%;float:left;opacity: 0.6;position:absolute;top:0;right:0;}
.type{width:100%;background:rgba(0,0,0,.8);height:100%;float:right;}
.type ul {padding-top:20%;}
.type ul li a {
    color: #fff;
    display: block;
    line-height: 300%;
    text-align: center;
    display: block;
    font-size: 1rem;
    transition: color 0.2s ease 0s;
    width: 100%;
}
.type ul li {
    color: #fff;
}

#pagenavi { position: absolute; bottom: 2%; left: 50%; margin-left: -50%; width: 100%; z-index: 1; text-align: center; padding: 8px 0; }
#pagenavi a { width: 8px; height: 8px; line-height: 99em; background: #fff;border:#fff solid 1px; border-radius: 50%; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { border:#fff solid 1px; background:none;}

/*index*/
.index_list{padding:5% 0;}
.index_list li{width:33.33%;background:url(../images/line.png) no-repeat left center;background-size:1px 100%;padding:3% 0;line-height:2;float:left;box-sizing:border-box;}
.index_list li:first-child{background:none;}
.index_list li img{width:60%;}
.pro_tit{padding:3% 0;line-height:2;color:#3f3f3f;}
.pro_tit dt{background:url(../images/tit_bg.png) no-repeat center center;background-size:40%;font-size:18px;font-weight:bold;}
.pro_tit dd{text-transform:uppercase;}
.pro_list{padding:2%;}
.pro_list li{width:46%;float:left;margin:2%;line-height:3;}
.pro_more{width:30%;margin:5% auto;border:#333 solid 1px;border-radius:15px;line-height:30px;display:block;}

.news_bg{background:#3b454e;padding:5% 0;}
.news_tit{padding:3% 0;line-height:2;color:#fff;}
.news_tit dt{background:url(../images/news_tit.png) no-repeat center center;background-size:40%;font-size:18px;font-weight:bold;}
.news_tit dd{text-transform:uppercase;}
.news_list{padding:2% 3%;margin-bottom:5%;}
.news_list li{padding:3% 0;border-bottom:#fff solid 1px;line-height:1.8;}
.news_list li a{color:#fff;}
.news_list li h3{font-weight:normal;line-height:2.6;background:url(../images/icon04.png) no-repeat left center;background-size:8%;padding-left:10%;font-size:18px;}
.news_more{width:30%;margin:5% auto;border:#fff solid 1px;color:#fff;border-radius:15px;line-height:30px;display:block;}

.lab_list{padding:1.5%;}
.lab_list li{width:30.33%;margin:1.5%;float:left;}
.line20{height:20px;line-height:0;background:#efefef;}
.contact_box{padding:5%;line-height:2;}
.contact_tit{font-size:20px;text-transform:uppercase;line-height:3;}
.contact_ewm{width:30%;margin-top:6%;}

/*footer*/
.bot_bg{position:fixed;left:0;bottom:0;width:100%;padding:2% 0;background:#202020;}
.bot_list li{width:25%;float:left;line-height:2;}
.bot_list li img{width:32%;}
.bot_list li a{color:#fff;}

/*main*/
.main_con{padding:3%;line-height:2;}
.main_news{padding:3%;}
.main_news li{padding:4% 0;border-bottom:#ddd solid 1px;}
.main_news_pic{width:35%;}
.main_news_con{width:100%;color:#999;}
.main_news_con h3{font-weight:normal;line-height:1.8;font-size:16px;color:#333;}




.main_tit font{position:absolute;left:0;top:3%;width:100%;}
.main_con{padding:5% 5% 5%;line-height:2;background:url(../images/m03.png) no-repeat right bottom;background-size:50%;}

.gbook_box{ overflow:hidden; margin-top:5%;}
form{ overflow:hidden; padding:0 3%;}
form span{ display:block; font-size:15px;line-height: 32px; color:#4d4d4d; float:left; margin:0 3% 0 0;}
.formfield_s {
	width: 79%;
	height: 32px;
	line-height: 32px;
	background:#fff1f0;
	padding-left:2%;
	font-size:13px;
	font-family:"Microsoft YaHei";
	color:#999291;
	float:right;
	margin-bottom:17px;
	border:none;
	letter-spacing:1px;
}
.for_sheet_q {
	width: 77%;
	height: 135px;
	line-height: 32px;
	padding:1% 2%;
	background:#fff1f0;
	font-size:13px;
	font-family:"Microsoft YaHei";
	color:#999291;
	float:right;
	border:none;
	letter-spacing:1px;
}
.sh_b_1{float:right; background-color:#ff989c; color:#ffffff; font-size:16px; padding:1% 5%; border:none 0; margin-top:25px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sh_b_2{float:right; background-color:#b2b2b2; color:#ffffff; font-size:16px; padding:1% 5%; border:none 0; margin-top:25px; margin-right:5%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


.s_about_box{}
.s_new_box{ margin:5% 0;}
.s_case_box{ margin:5% 0;}

.subnav { width:100%; color:#505050; height:auto; overflow:auto; padding:10px 0 10px 0; clear:both; text-align:center;}
.subnav li { /*float:left; border:1px solid #717171;*/ margin:1.5% 2.5%; -webkit-box-shadow: 3px 3px 3px;
width:32%;
  -moz-box-shadow: 3px 3px 3px;
  box-shadow: 3px 3px 3px; background:#089c08 none repeat scroll 0 0; display:inline-block; padding:5px 15px;
  -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
.subnav li a:link,.subnav li a:visited {padding:0 9px 0 9px; color:#FFF; font-size:14px; text-align:center;}
.subnav a:active { color:#FFF;}


.index_type a{display:inline-block;padding:5px 2px;}