@charset "utf-8";

@media( max-width:800px){
#banner{ display:none;}
#mySwipe{ display:inherit;}
.swipe {width: 100%;margin: 0 auto;	overflow: hidden;	visibility: hidden;	position: relative;	width: 100%;	background: #fff;}
.swipe-wrap {overflow: hidden;	position: relative;}
.swipe-wrap > div {	float: left;	width: 100%;	position: relative;}
.swipe-wrap > div a {	display: block;	background: url(images/loading.gif) no-repeat center center;}
.swipe-wrap img {	width: 100%;}
/**-------------**/

#top{ background:url(image/topdi.jpg) center top; width:100%; background-size:100% auto; overflow:hidden;}
#top .a{ width:95%; margin:0 auto; overflow:hidden; color:#fff; font-size:.8rem; line-height:1.6rem;}

#top1{width:100%;}
#top1 .a{ width:100%; margin:0 auto; overflow:hidden;}
#top1 .a .logo{ width:100%;}
#top1 .a .logo img{ height:2rem; margin:.5rem;}
#top1 .a .logo p{ float:right;}
#top1 .a .logo p img{ height:3rem; margin:0;}
#top1 .a .menu{ width:100%; overflow:hidden; z-index:20; display:none;}
#top1 .a .menu dl{ list-style:none;}
#top1 .a .menu dl dd{ width:100%;}
#top1 .a .menu dl dd a{ display:block; background:#eee; color:#fff; font-size:.9rem; text-align:center; font-weight:bold; line-height:2.8rem;}
#top1 .a .menu dl dd a.it{ color:#333;}
#top1 .a .menu dl dd.d2 a{ background:url(image/a1.png)}
#top1 .a .menu dl dd.d3 a{ background:url(image/a2.png)}
#top1 .a .menu dl dd.d4 a{ background:url(image/a3.png)}
#top1 .a .menu dl dd.d5 a{ background:url(image/a4.png)}
#top1 .a .menu dl dd.d6 a{ background:url(image/a5.png)}

#top1 .a .menu dl dd .zmenu{display:none;}
#top1 .a .menu dl dd .zmenu ul{ list-style:none;}
#top1 .a .menu dl dd .zmenu ul li a{ padding:0 24px; font-weight:normal;}
#top1 .a .menu dl dd .zmenu ul li a:hover{ text-decoration:underline;}

#top1 .a .menu dl dt{}
#top1 .a .menu dl dt a{ display:block; color:#fff; background:url(image/bit1.png) 55% no-repeat #FF9F00; line-height:2.8rem; text-align:center; width:100%;}
#top1 .a .menu dl dt .lan{background:#FF9F00; display:none;}
#top1 .a .menu dl dt .lan ul{ list-style:none;}
#top1 .a .menu dl dt .lan ul li a{ background:none; line-height:2.8rem;}


.index_tt{ width:95%; margin:0 auto; overflow:hidden; background:url(image/line.jpg) center repeat-x; text-align:center; margin-top:1rem;}
.index_tt span{ background:#fff; padding:0 20px; font-size:1.2rem; font-family:"华文楷体"; line-height:2rem; color:#333;}


#index_pro{ width:100%; margin:0 auto; overflow:hidden;}
#index_pro ul{ list-style:none;}
#index_pro ul li{ text-align:center; width:90%; margin:0 auto; padding-bottom:1rem;}
#index_pro ul li p.a{ font-size:30px; color:#000; line-height:50px;}
#index_pro ul li p.b{ font-size:14px; line-height:2rem; color:#333;}
#index_pro ul li p.c img{ width:100%;}
#index_pro ul li p.over{ background:rgba(51,51,51,0.8); margin-top:-12rem; z-index:20; width:90%; padding-top:1rem; height:11rem;  position:absolute; text-align:center;}
#index_pro ul li p.over a{ color:#fff; line-height:2rem; display:block; font-size:.9rem; transition:font 0.5s,color 0.5s;}
#index_pro ul li p.over a:hover{ color:#49C2EF;font-size:20px;}

#index_news{ width:90%; overflow:hidden; box-shadow:0px 0px 20px #ccc; margin:30px auto 40px auto;}
#index_news ul{ list-style:none;}
#index_news ul li{ width:100%;}
#index_news ul li a{ display:block;}
#index_news ul li a img{ width:100%;}
#index_news ul li a p{ padding:0 20px; border-left:solid 1px #E9E9E9; border-right:solid 1px #E9E9E9;}
#index_news ul li a p.a1{ font-size:26px; line-height:70px; padding-top:20px; color:#444;}
#index_news ul li a p.a2{ font-size:16px; line-height:25px; color:#666;}
#index_news ul li a p.a3{ font-size:14px; line-height:24px; color:#666; padding-top:20px;}
#index_news ul li a p.a4{ font-size:16px; line-height:24px; color:#DB7566; padding-top:20px; padding-bottom:30px; border-bottom:solid 1px #E9E9E9;}
#index_news ul li a:hover p.a4{ color:#49C2EF;}

#weather{ background:#1782EA; width:100%; overflow:hidden; text-align:center;}
#weather img{ width:100%;}

#bottom{ background:url(image/bottom.jpg) center; height:453px; overflow:hidden;}

#website{ width:100%; margin:0 auto; overflow:hidden;}
#website ul{ list-style:none}
#website ul li{ width:33.33%; text-align:center; float:left; padding-top:2rem;}
#website ul li a{ color:#fff; line-height:1.5rem; font-size:0.8rem;}
#website ul li img{ width:60%;}
#website ul li p.a{ padding-top:20px;}
#website ul li p.a a{ font-size:1.1rem; line-height:3rem;}
#website ul li p a:hover{ text-decoration:underline;}

.bottom_hline{ background:url(image/hline.png) right bottom no-repeat,url(image/hline.png) left bottom no-repeat;}

#copyright{ width:90%; margin:50px auto 0 auto; padding-top:25px; font-size:.7rem; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.5); color:#fff;}
#copyright span{ display:block}
#copyright a{ color:#fff;}
#copyright a:hover{ text-decoration:underline;}

#about_banner{ background:url(image/aboutpic.jpg) center top; background-size:150% auto; height:120px; width:100%; overflow:hidden;}

#about_menu{ width:100%; overflow:hidden; background:#1782EA;}
#about_menu ul{ list-style:none; width:100%; margin:0 auto; overflow:hidden;}
#about_menu ul li{ float:left; width:33.33%;}
#about_menu ul li a{ display:block; line-height:50px; text-align:center; color:#fff; transition:background 0.5s;}
#about_menu ul li a.a1{ background:#AA8DC3;}
#about_menu ul li a.a2{ background:#6BA2DB;}
#about_menu ul li a.a3{ background:#4ED0F2;}
#about_menu ul li a.a1:hover{ background:#9156C4}
#about_menu ul li a.a2:hover{ background:#3887DA}
#about_menu ul li a.a3:hover{ background:#31B0D1}

.title{ font-size:30px; line-height:40px; width:100%; margin:0 auto; overflow:hidden; text-align:center; color:#000; font-family:"华文楷体"; padding-top:50px;}
.title p{ font-size:12px; color:#999; line-height:14px; background:url(image/line.jpg) center repeat-x; font-family:"微软雅黑";}
.title p span{ background:#fff; padding:0 20px;}

#about{ width:90%; margin:30px auto 50px auto; overflow:hidden;}
#about img{ width:100%;}

#top_title{ width:60%; margin:0 auto; overflow:hidden;}
#top_title p{ width:56%; position:absolute; margin-top:-40px; z-index:80; background:#1580D9; padding:5px 2%;}
#top_title p span{ display:block; border:solid 1px #fff; color:#fff; line-height:3rem;  font-size:1.2rem; text-align:center;}

#position{ width:95%; font-size:.8rem; margin:0 auto; overflow:hidden; text-align:center; line-height:1.4rem; border-bottom:solid 1px #aaa; color:#333; padding-top:35px;}
#position a{ color:#666; font-size:.8rem;}
#position a:hover{ color:#000;}

.food_tt{ width:95%; margin:0 auto; overflow:hidden; background:url(image/line1.jpg) center repeat-x; text-align:center; margin-top:1rem;}
.food_tt span{ background:#fff; padding:0 20px; font-size:1.2rem; font-family:"华文楷体"; line-height:2rem; color:#333;}

.food_con{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px;}
.food_left{width:100%; overflow:hidden;}
.food_left p.a1 img{ width:100%}
.food_left p.a2{ font-size:16px; color:#000; line-height:90px;}
.food_left p.a3{ font-size:13px; color:#666; line-height:16px;}
.food_left p.a4{ font-size:13px; color:#000; line-height:26px; padding-top:10px;}
.food_left p.a5{ font-size:13px; color:#000; line-height:26px;}
.food_left p.a6{}
.food_left p.a6 a{ font-size:1rem; line-height:2.6rem; color:#d00; border-bottom:solid 2px #333;}


.food_right{overflow:hidden; width:100%; padding-top:1rem;}
.food_right ul{ list-style:none;}
.food_right ul li{ float:left;  width:50%;}
.food_right ul li a{ display:block; line-height:55px; color:#000; width:95%; margin:0 auto; font-size:1rem;}
.food_right ul li a img{ width:100%;}

#water{ width:100%; background:url(image/water.jpg) center top no-repeat; background-size:163% auto; overflow:hidden;}

#water_con{ width:100%; margin:0 auto; }
.a_layer{ background:url(water/di.png); width:100%; text-align:center; height:auto; overflow:hidden; position:absolute; z-index:50;}
.a_layer img{ margin:26px 0 0 26px; width:90%;}
#p1{ display:none;}
#p2{ display:none;}
#p3{ display:none;}
#p4{ display:none;}
#p5{ display:none;}
#p6{ display:none;}

#yangsheng{ width:100%; background:url(image/yangsheng.jpg) center top no-repeat; background-size:163% auto; overflow:hidden;}
#yangsheng_con{ width:100%; margin:0 auto; }
.y_layer{ background:url(water/di.png); width:100%; text-align:center; height:auto; overflow:hidden; position:absolute; z-index:50;}
.y_layer img{ margin:26px 0 0 26px; width:90%;}
#yp1{ display:none;}
#yp2{ display:none;}
#yp3{ display:none;}
#yp4{ display:none;}
#yp5{ display:none;}
#yp6{ display:none;}
#yp7{ display:none;}
#yp8{ display:none;}
#yp9{ display:none;}
#yp10{ display:none;}

#wuzhou{ width:100%; background:url(image/wuzhou.jpg) center top no-repeat; background-size:163% auto; overflow:hidden;}
#wuzhou_con{ width:100%; margin:0 auto; }
.w_layer{ background:url(water/di.png); width:100%; text-align:center; height:auto; overflow:hidden; position:absolute; z-index:50;}
.w_layer img{ margin:26px 0 0 26px; width:90%;}
#wp1{ display:none;}
#wp2{ display:none;}
#wp3{ display:none;}
#wp4{ display:none;}
#wp5{ display:none;}
#wp6{ display:none;}
#wp7{ display:none;}
#wp8{ display:none;}
#wp9{ display:none;}
#wp10{ display:none;}
#wp11{ display:none;}
#wp12{ display:none;}
#wp13{ display:none;}
#wp14{ display:none;}
#wp15{ display:none;}


#news{ width:100%; margin:0 auto; overflow:hidden;}

#newsli{ width:90%; margin:0 auto;overflow:hidden;}
#newsli ul{ list-style:none;}
#newsli ul li{ border-bottom:solid 1px #eee; padding-bottom:20px; overflow:hidden; padding-top:20px;}
#newsli ul li a{ display:block;}
#newsli ul li a p.a0{ float:left;  width:25%; overflow:hidden; margin-right:.8rem;}
#newsli ul li a p.a0 img{width:100%;}
#newsli ul li a div{overflow:hidden;}
#newsli ul li a div p.a1{ font-size:1rem; color:#000; line-height:1.2rem;}
#newsli ul li a div p.a2{ font-size:.8rem; line-height:1rem; color:#333;}
#newsli ul li a div p.a3{ font-size:.7rem; color:#666; padding-top:.5rem;}

#newsdate{ width:90%; overflow:hidden; float:right; padding-top:20px;}
#newsdate dl{ list-style:none;}
#newsdate dl dt{ line-height:40px; font-size:18px; color:#000; width:100%;}
#newsdate dl dd{ width:50%; float:left;}
#newsdate dl dd a{ display:block; color:#333; line-height:40px; font-size:14px;background:url(image/line2.jpg) left bottom no-repeat;background-size:0px 2px; transition:background 0.5s;}
#newsdate dl dd a:hover{ background:url(image/line2.jpg) left bottom no-repeat; background-size:100px 2px;}
#newsdate dl dd a.it{ background:url(image/line2.jpg) left bottom no-repeat; background-size:100px 2px;}

#page{ width:90%; overflow:hidden; padding-top:30px; padding-bottom:2rem; margin:0 auto;}
#page ul{ list-style:none;}
#page ul li{ float:left; width:10%; margin:0 1.25%;}
#page ul li a{ display:block; font-size:14px; line-height:2rem; font-size:.6rem; text-align:center; border:solid 1px #eee; transition:background 0.5s,color 0.5s;}
#page ul li a:hover{ background:#1580D9; color:#fff;}
#page ul li a.it{ background:#1580D9; color:#fff;}

#detail{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:3rem;}
#detail p.a1{ font-size:24px; line-height:30px; color:#000; padding:30px 0;}
#detail p.a2{ font-size:14px; line-height:30px;}
#detail .a3{ padding-bottom:30px; overflow:hidden;}
#detail .a2 img{ width:100%;}

#faq{ width:90%; margin:10px auto 50px auto; overflow:hidden;}
#faq ul{ list-style:none;}
#faq ul li{ border-bottom:solid 1px #eee; padding-bottom:20px; padding-top:20px;}
#faq ul li div.wen{ overflow:hidden;}
#faq ul li div.wen span{ display:block; float:left; width:40px; height:40px; line-height:40px; background:#1782ea; border-radius:50px; text-align:center; color:#fff; margin-right:30px;}
#faq ul li div.wen p{ line-height:20px; color:#000; font-size:18px; overflow:hidden; padding:0px 0 10px 0;}
#faq ul li div.da{ overflow:hidden; padding-top:10px;}
#faq ul li div.da span{ display:block; float:left; width:40px; height:40px; line-height:40px; background:#1aa500; border-radius:50px; text-align:center; color:#fff; margin-right:30px;}
#faq ul li div.da p{ line-height:24px; color:#666; font-size:14px; overflow:hidden;}

#mykuang{ width:100%; margin:0 auto; padding-bottom:50px; overflow:hidden;}
#right{ display:none;}


#map{ width:100%; overflow:hidden; overflow:hidden;}
#map img{ width:100%;}
.map0{position:absolute; z-index:500; display:none;}
.click{display:block; width:100px; height:50px; position:absolute; z-index:500; cursor:pointer; display:none;}



}