@charset "gb2312";
/* CSS Document */

*{margin:0;padding:0;}
.clear{ clear:both;}
.fr{ float:right; padding-right:15px; font:12px/51px "΢ÈíÑźÚ";}
.fr a{ color:#FFF;}
.fr a:hover{ color:#F00;}
li{list-style:none;}
a{text-decoration:none}
body{background:#67d6da;width:1440px;}
.top{background:url(../images/logo.jpg) no-repeat; width:100%; height:183px;}
.bj{ width:100%; text-align:center;}
.nav{
	width: 100%;
	height: 50px;
	
	margin: 0 auto;
	background:url(../images/sh.jpg);
}
.nav ul{width:1271px;height:100%; margin:0 auto; }
 .nav ul li{float:left;width:140px;height:100%; line-height:50px; text-align:center }
.nav ul li a{
	color:#fff;}
.nav ul li a:hover{
	color:#60F;}
.container{width:100%;background:#67d6da;}
.main{
	 width:1226px;margin:auto;
	padding-top:20px;

	}
.main1{
	width:364px;
	height:910px;
	
	float:left;
	}
.m1-L{
	width:345px;
	height:292px;
	background:#bcf6f7;
	padding-top:5px;
	padding-left:12px;
	}
.m1-L p{
	background:url(../images/xiao.jpg) no-repeat;
	width:325px;
	height:255px;
	margin-top:13px;
	}
.m2-L{
	width:364px;
	height:264px;
	background:#bcf6f7;
	margin-top:10px;
	}
.m2-L h3{
 width:345px;
 height:51px;
 background:url(../images/bt.jpg) repeat-x;
 font:16px;
    color:#FFF;
	line-height:51px;
	padding-left:20px;
	}
.m2-L h3  p{float:left;}
.m2-L-ul{
	
	width:364px;
	height:192px;

	}

.m2-L-ul li{
	width:360px;
	font:14px/32px;
    background:url(../images/zs.jpg) no-repeat 22px 18px;
	padding-top:16px;

	padding-left:20px
	}
.m2-L-ul li a{
	color:#000;
margin-left:20px;
	}
	
.m2-L-ul li a:hover {
	color:#F0F;
}
	
.m3-L{
	width:362px;
	height:313px;
	background:#bcf6f7;
	margin-top:10px;}
.m3-L h3{
	width:345px;
	height:51px;
	background:url(../images/bt.jpg) repeat-x;
	font:16px;
	color:#fff;
	line-height:51px;
	padding-left:20px;
	}
.m3-L h3 p{float:left}
.m3-L li{
	width:364px;
	height:23px;
	padding-top:20px;
	padding-left:35px;}


.main2{
	float:right;
	width:840px;
	height:896px;
	background:#bcf6f7;
	}
.m4-L{
	width:840px;
	height:312px;
	}
.m4-L-H{
	width:820px;
	height:51px;
	background:url(../images/bt.jpg) repeat-x ;
	font:16px;
	color:#fff;
	line-height:51px;
	padding-left:20px;
	}


.m4-L-H  p{margin-left:20px;
	float:left;
	}
.m4-list{
	margin-top:20px;
	margin-left:30px;
	margin-right:30px;
	line-height:40px;
		font:14px;
	color:#000;
	}	

.m5-L{
	width:840px;
	height:560px; float:right;
	}
.m5-L-H{
	width:820px;
	height:51px;
	background:url(../images/bt.jpg) repeat-x;
	font:16px;
	color:#fff;
	line-height:51px;
	padding-left:20px;
	}
.m5-L-H  p{margin-left:20px;
	float:left;
	}
.m5-L-list  li{
	width:260px;
	text-align:center;
	float:left;
	margin-left:15px;
	margin-top:8px;
	}
.m5-L-list  li img {
	margin-bottom:10px;}	
.main3{
	height:288px;
	width:1226px;
	margin:0 auto;
	margin-top:5px;
	background:#93f5f8;
	}
.main3 h3{
	height:51px;
	width:1226px;
	background:url(../images/bt.jpg) repeat-x;
	line-height:51px; color:#FFF; text-indent:15px;
	}
.main3 h3 p{
	margin-left:20px;
	float:left;
	color:#fff;}
.m6-L{padding-top:25px;
	padding-left:10px
	}
.main3 ul li{
	float:left;
	width:402px;
    height:186px;
	
	}
	
.main3 ul li img {display:block;float:left;}
.main3 ul li  a{ color:#000;}
.main3 ul li p{
	width:123px;
	float:right;
	margin-right:10px;margin-top:20px;
	font:14px/32px "ËÎÌå";
	}
	
.foot{
	
	width:100%;
	height:100px;
	background:#0393cf;
	 margin-top:80px;
	}
.h20{ padding-top:20px;}
.foot p{text-align: center; font: 14px/30px simsun; color:#fff }
.foot p a{color: #fff; padding: 5px 15px;}

.h23{
	width:70px;
	height:70px;
	
	margin-top:19px;
	margin-right:350px;
	float:right}
.h22{
	margin-left:130px;
	float:left;
	width:870px;
	}



/*×ÓÒ³*/
.L{ width:360px; float:left;}
.L-1{ width:100%; text-align:center;}
.L-1 li{ background:#BCF6F7; padding:10px 0; width:100%; }
.L-2{ width:100%; margin-top:20px;}
.L-2 li{ width:100%; height:50px; background:#45C3F6; font:16px/50px "΢ÈíÑźÚ"; text-indent:65px; margin-top:15px;}
.L-2 li a{ color:#000; display:inline-block; width:100%; height:100%;}
.L-2 li a:hover{ color:#DA202D;}
.L-3{ width:100%; margin-top:30px; background:#BCF6F7;}
.L-3-H{ width:100%; height:50px; font:16px/50px "΢ÈíÑźÚ"; color:#FFF; background:#45C3F6; text-align:center;}
.L-3 li{ font:16px/28px "΢ÈíÑźÚ"; color:#000; text-indent:50px; padding:7px 0;}
.R{ width:840px; float:right}
.R-h3{ width:100%; height:50px; background:#45C3F6; font:16px/50px "΢ÈíÑźÚ"; color:#FFF; padding-left:20px; margin-bottom:20px;}
.f-r{ float:right; padding-right:30px; font:12px/32px "΢ÈíÑźÚ"; color:#000;}
.f-r a{ color:#000;}
/*about.html*/
.about{width: 97%; margin: auto; margin-top: 20px; font: 14px/28px "΢ÈíÑźÚ"; color:#000;}
/*gbook.html*/
#gbooklist {width: 98%;text-align:center; font-size: 13px;}
#gbooklist .faq  ,#gbooklist .reply{text-align:left;width: 98%;word-wrap: break-word; word-break: break-all;}
#gbooklist .faq{margin-bottom:15px;}
#gbooklist .faqtit,#gbooklist .faqcon{padding-left:5px;}
#gbooklist .faqtit{background:#1FA510;color:#000000;font-size:14px;}
#gbooklist .reply{border: 1px dashed #FF0000;width:95%;margin-bottom:10px;margin-left:5px;padding:3px;}
.pageNavi{border:none;}
/* CSS Document */
#faqbox { margin-top:20px; margin-left:20px; font-size: 13px;}
#faqbox .faqline{ line-height:2em; height:35px; text-align:left}
#faqbox .faqline .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
/* ÔÚÏßÁôÑÔ */
.liu{margin: 10px 20px;}
.liu h4{font: 14px/32px microsoft yahei; background: url({aspcms:sitepath}/templates/green/images/news.png) no-repeat 0 center; padding-left: 20px;}
.liu li{border: 2px solid #27BBEC; margin-bottom: 15px;}
.liu-h{height: 32px;border-bottom: 1px dotted #999; padding-left: 30px; font: 12px/32px simsun; }
.liu-h span{margin-left: 20px;}
.liu-con{font: 12px/26px simsun; color: #666; margin: 5px 20px;}
.woliu{font:16px;width: 120px; height: 32px;display: block; border-radius: 4px; border: 1px solid #FAA51A;cursor:pointer; text-align:center;color:#fff; font:16px/32px microsoft yahei; background:#FAA51A; background: transparent -moz-linear-gradient(center top , #FAA51A, #F47A20) repeat scroll 0% 0%;}
/*news.html*/
.h10{height: 10px;}
.sp20{padding-left:20px}
.news-title {font: 20px/32px simsun; color:#000; text-align: center;}
.news-info{font: 12px/20px simsun; color: #000; text-align: center; border-bottom: 1px dotted #BBBDBF; margin-bottom: 10px; padding-bottom:5px;}
.news-text{width:97%; margin: auto}
.news-text {font: 14px/26px simsun; color: #000; margin-top: 2px; margin-bottom:2px;}
.bshare-custom{margin: 20px 0;  }
.bar{font: 14px/26px simsun; color:#000; text-align:center;}
.bar a{ color:#526673}
.bar a:hover{color: #0F7EC3}
/*newslist.html*/
.newslist {width: 95%; margin: auto;margin-top: 22px; padding:0 20px;}
.newslist  li{font: 16px/32px "΢ÈíÑźÚ"; color: #000; list-style: square; margin-top: 10px; }
.newslist  li:hover{color:#CF1F2A;}
.newslist  li a{height: 32px; color: #141414;}
.newslist  li span{padding-right: 20px; }
.newslist  li:hover a{color:#CF1F2A; }
/*productlist.html*/
.productlist ul{width: 98%; margin:auto; margin-top:30px;}
.productlist ul li{width: 260px;float: left; text-align: center; font: 14px/32px simsun; margin-top: 10px; margin-left:14px}
.productlist ul li:hover img{
 box-shadow:0 0 6px 0  #616161;
 -webkit-transition:all .1s linear,color 0;
 -moz-transition:all .1s linear,color 0;
 transition:all .1s linear,color 0;
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 transform:scale(1.05);
 }
.productlist ul li a{color:#000 }

/*Ò³ÊýÏÔʾÌõµÄcssÑùʽ*/
.pagelink{ float:right; height:26px; line-height:26px;background:rgba(0,170,213,0.1); margin:20px 0 0 0; padding:0 10px;font: 12px/24px "microsoft yahei";cursor:pointer;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}




/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí www.lanrentuku.com */
*{ margin:0 auto; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:325px; height:255px; margin-top:13px; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px;background:url( ../images/l.png) no-repeat; position:absolute; top:110px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url( ../images/r.png) no-repeat; position:absolute; top:110px; right:10px; z-index:10;}
#playBox .smalltitle {width:325px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 14px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}