﻿@charset "utf-8";
body,article,section,h1,h2,hgroup,p,a,ul,ol,li,em,div,small,span,footer,canvas,figure,figcaption,input{margin:0;padding:0;}
body{padding:0;margin:0;font:14px/1.5 'Microsoft Yahei','Simsun';color: #333;background-color:white;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-webkit-text-size-adjust:none;position:relative; width:100%;}
img{border:none; vertical-align:middle;}
input:focus{outline:0 none;
	-webkit-user-modify:read-write-plaintext-only;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type=search]{-webkit-appearance:none;}
ul,ol,li{list-style:none;}
h1, h2, h3, h4, h5, h6
{
    font-size: 15px;
    font-weight: bold;
    display: inline;
}
:focus {
    outline-style: none;
    outline-width: 0;
}
a img {
	border:0;
	border-style:none;
}
img {
    vertical-align: middle;
}
table {
    empty-cells: show;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
em {
    font-style: normal;
}

a:link, a:visited {
    color: #333333 ;
    text-decoration: none;
}
a:hover {
    color: #666666;
    text-decoration: none;
}
a:active {
    color:#999;
}
.clearall {
    clear: both;
    font-size: 0;
    height: -1px;
    line-height: -5px;
    overflow: hidden;
  	padding:0;margin:0;
	border:0;
}
.main{margin:0 auto;width:100%;position:relative;}
.head{position:relative;z-index:100;}
.langbox{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;background:#257426;right:2%;width:25%;top:30%; position:absolute;z-index:999;line-height:2em;font-size:1em; text-align:center;}
.langbox a{color:#fff;}
.logo{ position:relative;width:100%;margin:0 auto;}
.logo .logoimg{display:inline-block;}
.w1200{width:100%;margin:0 auto;}
.nav{background:#fff;}
.nav a{display:inline-block;width:20%;padding:0 2%;; text-align:center;}
.bannerbox{ position:relative;z-index:0;width:100%;float:left;}
.bannerbox img{width:100%;}
.catlist{padding:10px 0;}
.catlist a{display:inline-block;width:46%;margin:1%;background:#008A79; text-align:center;color:#fff;height:30px;line-height:30px;}
.catlist .cat3,.catlist .cat4{background:#72B003;}
.main .crumbs{padding:1%;font-size:14px;border-bottom:1px dotted #ccc;margin:2% 0;}
.main .crumbs a{}
.newsbox{
   background:#DFE1E8;padding:15px;
}
.newsbox .title{font-size:18px; position:relative;height:30px;line-height:30px;}
.newsbox .title a{color:#23708C;}
.newsbox .title .more{display:inline-block;padding:0 10px;height:25px;line-height:25px;background:#23708C;color:#fff; position:absolute;top:2px;right:0;font-size:15px;}
.newsbox .textbox{background:#F3F4F7;padding:15px;}
.newsbox li{width:auto;float:none;border-bottom:1px solid #ccc;height:30px;line-height:30px;}
.aboutbox{background:#fff;padding:0 5%;}
.prodbox{background:#fff;padding:1%;}
.prodbox li{width:100%;float:left;font-size:15px; text-align:center;margin:1% 0;}
.prodbox li a{color:#fff;}
.roombox{background:#F0F0F0;padding:1% 0;}
.phonebox{ text-align:center; position:relative;background:#fff;padding:1% 0;color:#fff;}
.phonebox a{display:inline-block; vertical-align:middle;color:#fff;}
.phonebox .inbox{-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;background:#257426;left:2%;right:2%;width:96%;top:50%; position:absolute;z-index:999;line-height:2em;font-size:1.5em;}
.commbox{background:#fff;padding:1% 0;}
.contbox{background:#E1E1E1;padding:2% 0; text-align:center;line-height:25px;}
.main .pagecontent{line-height:20px;padding:10px;}
.main .pagecontent img{max-width:100%;}
.main .pagecontent .contenttext{overflow:hidden;padding:1%;}
.main .pagecontent .title{font-size:15px;font-weight:bold; display:block;margin:2%;border-bottom:2px solid #333;}
.main  .pagecontent .title label{font-size:16px;color:#333;}
.main  .pagecontent .title2{font-size:18px;display:block;text-align:center;margin:2% auto;margin-top:20px;}
.main  .pagecontent .title a{color:#e6713c;font-weight:normal;}
.main  .pagecontent .catlist{ text-align:left;padding:1% 2%;width:96%;}
.main  .pagecontent .catlist li{border-bottom:1px solid #047E8B;padding:1%;}
.main  .pagecontent .catlist .wname{font-size:15px;font-weight:bold;display:block;}
.main  .pagecontent .catlist .cname{display:inline-block;margin:5px 10px;}
.main  .pagecontent .listul li{height:25px;line-height:25px;overflow:hidden;}
.main  .pagecontent .listul .imgtextli{height:120px;line-height:normal;border:1px solid #dfdfdf; background:#fafafa;margin:5px auto;}
.main  .pagecontent .listul .imgtextli1{height:100px;line-height:normal;border-bottom:1px dotted #ccc; background:#fafafa;margin:5px auto;}
.main  .pagecontent .listul .imgtextli1 .title{border-bottom:1px solid #3c729f;font-weight:normal;height:20px;line-height:20px;}
.main  .pagecontent .listul .imgtextli1 .title a{font-weight:normal;color:#3c729f}
.main  .pagecontent .listul .imgleft{width:145px;text-align:center;float:left;overflow:hidden;padding:5px;}
.main  .pagecontent .listul .imgleft img{height:90px;margin:0;padding:0;}
.main  .pagecontent .listul .imgleft a{display:block;color:#3c729f;height:20px;line-height:20px;margin:0;padding:0;}
.main  .pagecontent .listul .imgright{width:390px;float:right;line-height:20px;overflow:hidden;padding:5px;}
.main  .pagecontent .listul .timea{float:none;color:#e6713c; font-style:italic; position:relative;}
.main  .pagecontent .listul .lifirst{border-bottom:1px dotted #ccc;padding:5px 5px 5px 0;height:100px;margin:0; line-height:normal;overflow:hidden;}
.main  .pagecontent .listul .lifirst img{padding:2px;border:1px solid #ccc;float:left;width:90px;margin:2px;}
.main  .pagecontent .listul .firstbox{width:440px;float:left;padding-left:5px;padding-top:5px;line-height:20px;}
.main  .pagecontent .listul .firstbox a{color:#4e799e;}
.main  .pagecontent .contenttext h1{color:#333;}
.main .picbox{}
.main .picbox dl{float:left;text-align:center;width:47%;margin:1%;padding:0;overflow:hidden;border:1px solid #ccc;-webkit-border-radius: .3em;   
    -moz-border-radius: .3em;  
    border-radius: .3em;}
.main .picbox dt img{height:150px;}
.main .picbox dd{height:20px;line-heght:20px;overflow:hidden;padding:0;margin:0;}
.main .picbox2{ }
.main .picbox2 dl{float:left;text-align:center;width:48%;margin:1%;padding:0;overflow:hidden;}
.main .picbox2 dt img{border:1px solid #ccc;height:120px;}
.main .picbox2 dd{height:20px;line-heght:20px;overflow:hidden;padding:0;margin:0;}
.main .picinbox{}
.main .picinbox img{}
.main .pageprenext{padding:10px;text-align:center;}
.h5title{padding:0; padding-left:16px;font-weight:bold;font-size:14px; text-align:left;height:30px;line-height:30px;}
.relevance,.comment{}
.relevance{ border:1px solid #C3D4E7;zoom:1; padding:5px 0 10px 5px;margin:5px; text-align:left;}
.main .relevance dl{float:left;text-align:center;width:138px;margin:0;}
.main .relevance dt img{width:120px;height:100px;padding:5px;border:1px solid #dfdfdf;margin:0;}
.main .relevance dd{height:20px;line-heght:20px;overflow:hidden;}
.main .relevance .listtext{display:inline-block;width:300px;text-align:left;height:20px;line-height:20px;padding-left:20px;}
.main .textbox{text-align:left;line-height:20px;}
.main .textbox h1{font-size:18px;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px dotted #666;display:block;}
.main .textbox .content{padding:20px; line-height:20px;}
.main .listbox{padding:0px 80px;background:url(../images/right1.jpg) repeat-y left top;}
.main .listbox a{}
.main .messagebox{background:url(../images/right1.jpg) repeat-y left top;padding:10px 50px;}
.main .messagebox h1{font-size:18px;margin-bottom:6px; text-align:center; padding:16px 0 8px; border-bottom:1px dotted #666;display:block;}
.blue{ color:##666666}
.related{ border-top:dashed 1px #ccc; margin-top:15px}
.related h5{padding-bottom:4px}
.related{ padding:10px 0 0}
.related a{ color:##666666}
.main .pagetitle{height:30px;line-height:30px;}
.main .pagetitle label{font-size:14px;font-weight:bold;display:inline-block;border-top:5px solid #9E231C}
.commentbox{margin-top:5px;padding:20px;}
.comment-form textarea{width:100%;border:1px solid #dfdfdf;}
.comment-form{ padding:0; margin:0 10px 10px 10px;}
.comment-form h5{ height:22px; padding-bottom:5px;border-bottom:1px solid #eaeaea;}
.comment-form strong{background: url(../images/icon/user_comment.png) no-repeat; padding-left:21px; float:left}
.yzm{display:none;position:absolute; background:url(../images/admin_img/login_ts140x89.gif) no-repeat; width:140px; height:89px;text-align:center; }
.yzm a:link,.yzm a:visited{color:#036;text-decoration:none;}
.yzm a:hover{ color:#C30;}
.yzm img{ cursor:pointer; margin:0px auto; width:130px; height:50px; margin-top:4px; border:1px solid #fff; margin-bottom:1px;}
.comment-form .posn{ padding:10px 0;display:none;}
.comment-title{ text-align:center; padding:5px 0 10px;display:block;}
.comment-title a:hover{	text-decoration: none;	color: #F60;}
.comment{border:1px solid #eaeaea;zoom:1;  padding:8px 15px;margin-bottom:5px;}
.comment h4{ border-bottom:1px solid #C3D4E7; padding-bottom:6px; margin-bottom:15px}
.comment .title{ margin-bottom:5px}
.comment .title span{ position:relative; top:-5px}
.comment .content{ line-height:20px; border-bottom:1px dotted #ccc;zoom:1; padding:8px 10px; margin:5px 0}
.comment .content span{display:block;}
.comment_button{margin-bottom:15px;}
.comment_button a{padding:5px; border:solid 1px #C3D4E7; }
.comment_button a.on{background:#4C7FB6; color:#fff;border:solid 1px #3E73A9}
.hr{background: url(../images/uline.gif) repeat-x center center;}

.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
/* 分页 */
#pages { padding:14px 0 10px; font-family:宋体 }
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;}
#pages a.a1 { background:#f8fafa; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span { display:inline-block; height:22px; line-height:22px; background:#480403; border:1px solid #480403; color:#fff; text-align:center;padding:0 10px;width:auto;}
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.bottom
{   
	position:fixed;
	bottom:0px; 
	left:0;
	right:0;
	width:100%;
	z-index:99999;
	background:#333;
	padding:10px 0;
	font-size:15px;
	overflow:hidden;
}
.bottom1
{ 
	float:left;
	width:25%;
	text-align:center; 
}
.bottom1 img{ vertical-align:middle;height:20px;width:auto;}
.bottom1 a{display:inline-block;color:#fff;height:20px; line-height:20px; vertical-align:middle;}


.mobile-inner-nav{
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 30px;
	padding-bottom: 80px;
	display: none;
	z-index:9999;
}
.mobile-inner-nav a{
	display: inline-block;
	line-height: 50px;
	text-decoration: none;
	width: 80%;
	margin-left: 10%;
	color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	font-weight:300;
}
.mobile-inner-nav a:hover{
	color: rgba(255,255,255,0.4);
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.mobile-inner-nav a{
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
			-webkit-animation-name: resize;
			animation-name: resize;
		}
		@-webkit-keyframes resize {
		from, 60%, 75%, 90%, to {
		    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}
		  0% {
			opacity: 0;
		    -webkit-transform: scale(5,5);
		    transform: scale(5,5);
		}
		  100% {
			opacity: 1;
		    -webkit-transform: scale(1,1);
		    transform: scale(1,1);
		} 
		}

		@keyframes resize {
		from, 60%, 75%, 90%, to {
		    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		}
		  0% {
			opacity: 0;
		    -webkit-transform: scale(5,5);
		    transform: scale(5,5);
		}
		  100% {
			opacity: 1;
		    -webkit-transform: scale(1,1);
		    transform: scale(1,1);
		}
		}