@charset "utf-8";
#h_pro{ width:100%; height:1400px; background:url(/img/pbg.jpg); position:relative;}
.h_pro_top{ width:100%; height:56px; background:url(/img/bg.png) repeat-x;}

@-webkit-keyframes STAR-MOVE {
from {
background-position:600% 0%
}
to { 
background-position: 0% 0%
}
}
@keyframes STAR-MOVE {
from {
background-position: 600% 0%
}
to { 
background-position: 0% 0%
}
}
.wall{
position: absolute;
top:100px;
left: 0;
bottom: 0;
right: 0;
}
div#background{
background: url('/img/yun.png') repeat-x 5% 0%;
background-size: cover;
-webkit-animation: STAR-MOVE  140s linear infinite;
-moz-animation: STAR-MOVE  140s linear infinite;
-ms-animation: STAR-MOVE  140s linear infinite;
animation: STAR-MOVE  140s linear infinite;
}

.h_title{ width:500px; text-align:center; margin:30px auto; height:110px; position:relative; z-index:99;}
.h_title em{ font-size:30px; color:#000; line-height:45px;}
.h_title img{ padding:5px 0;}
.h_title span{ font-size:18px;}

.h_pro_con{ width:100%; height:auto; margin:0 auto; position:relative; z-index:99;}
.h_pro_con_tit { width:660px; OVERFLOW: hidden; HEIGHT:55px; margin:0 auto; text-align:center;}
.h_pro_con_tit span {FONT-SIZE:19px; FLOAT:left; WIDTH:200px; LINE-HEIGHT:55px; background:#999; margin:0 10px; color:#fff; border-radius:5px; cursor: pointer; box-shadow:0px 0px 8px #999;}
.h_pro_con_tit span a{TEXT-DECORATION: none;}
.h_pro_con_tit span.hover { height:55px; background:#0093e8; cursor: hand; color:#fff; box-shadow:0px 0px 8px #999;}
.h_pro_con_tit span.hover a{ COLOR: #fff; TEXT-DECORATION: none; }
.h_pro_con_con { OVERFLOW: hidden; ZOOM: 1; width:100%; height:auto; }
.h_pro_con_con_top{ width:1200px; height:630px; margin:0 auto; position:relative;}

.feiji{ position:absolute; z-index:99; right:28%; top:370px;}
.feiji>a img{position: absolute; left:0px; top:0px; transition:all 1.0s ease;-moz-transition:all 1.0s ease; -webkit-transition:all 1.0s ease; -o-transition:all 1.0s ease;}
.feiji>a.n-hover , .feiji>a:hover img{left:-40px; top:0;}
.jiu_yuan{ width:400px; height:400px; background:url(/img/yuan.png) no-repeat; position:absolute; left:380px; top:90px;}
.jiu_pic{ width:310px; height:310px; position:absolute; left:400px; top:150px; text-align:center;}
.jiu_pic img{ height:306px; width:auto;}
.jiu_yun{ width:312px; height:230px; background:url(/img/yuns.png) no-repeat; position:absolute; right:300px; top:210px;}
.jiu_yuns{ width:898px; height:305px; background:url(/img/xian.png) no-repeat; position:absolute; right:300px; top:320px;}
.jiu_tit{ width:137px; height:298px;position:absolute; right:300px; top:60px;}

#featureContainer {WIDTH:1240px; margin:5px auto 0;}
#feature {POSITION: relative;}
#block{ width:1200px; height:410px; margin:0 auto;}
#feature .prev {TEXT-INDENT: -9999px; WIDTH:44px; DISPLAY: block; BACKGROUND: url(/img/feature_left.gif) center top; FLOAT: left; HEIGHT:44px; BORDER-TOP: #999 0px dotted; TOP: -230px; left:-50px;}
#feature .next {TEXT-INDENT: -9999px; WIDTH:44px; DISPLAY: block; BACKGROUND: url(/img/feature_right.gif) center top; FLOAT: right; HEIGHT:44px;TOP:-230px; right:-50px;}
#feature .prev:hover { BACKGROUND-POSITION: center bottom }
#feature .next:hover { BACKGROUND-POSITION: center bottom }
.featureUL { POSITION: relative; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; FLOAT: left; LEFT: 0px;}
.featureBox {WIDTH:300px; FLOAT: left; HEIGHT: 410px; OVERFLOW: hidden; text-align:center;}
#botton-scroll {Z-INDEX: 0; MARGIN: 0px auto; WIDTH:1200px; FLOAT: left; HEIGHT:410px; }
#block {Z-INDEX: 0; POSITION: relative; OVERFLOW: hidden;}

.featureBox p{ display:block; width:100%; height:67px; background:url(/img/ttbg.png) center no-repeat; line-height:67px; text-align:center; margin-top:15px;}
.featureBox p a{ color:#fff; font-size:16px;}
.li_img{ width:264px; height:265px; background:url(/img/pbg.png) center no-repeat; padding-top:42px; text-align:center; padding-bottom:10px; margin:0 auto;}
.li_img img{ width:auto; height:265px;}
.li_img:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

#h_about{ width:100%; height:877px; background:url(/img/abg.jpg) center no-repeat;}
.h_about{ width:1200px; height:697px; padding-top:180px; text-align:center; position:relative;}
.h_about p{font-size:15px; line-height:33px;}
.h_about p a{ background:#0093e8; padding:7px 20px; border-radius:6px; color:#fff;}
.h_about em{ position:absolute; left:0; bottom:90px; display:block; width:100%; text-align:center; font-size:18px;}

#h_news{ width:100%; height:770px; background:url(/img/pbg.jpg); position:relative; padding-top:30px;}
.walls{
position: absolute;
top:0px;
left: 0;
bottom: 0;
right: 0;
}
div#backgrounds{
background: url('/img/yuny.png') repeat-x 5% 0%;
background-size: cover;
-webkit-animation: STAR-MOVE  210s linear infinite;
-moz-animation: STAR-MOVE  210s linear infinite;
-ms-animation: STAR-MOVE  210s linear infinite;
animation: STAR-MOVE  210s linear infinite;
}
.h_news{ width:1200px; z-index:999; position:relative;}
.h_news_l{ width:393px;}
.h_news_l_tit{ width:393px; height:87px; background:url(/img/titbg.jpg) left no-repeat; box-shadow:0px 0px 5px #999;}
.h_news_l_tit span{ font-size:28px; line-height:87px; padding-left:30px; color:#fff;}
.h_news_l_con{ width:351px; height:390px; border:1px #b7b7b7 solid; background:#fff; margin-top:15px; padding:20px; box-shadow:0px 0px 5px #999;}
.h_news_l_con img{ width:351px; height:190px;}
.h_news_l_con em{ line-height:30px; padding:15px 0; float:left; width:100%; border-bottom:1px #ddd solid; text-align:center; font-size:18px;}
.h_news_l_con p{ float:left; padding:15px 5px 0; line-height:25px; font-size:14px; color:#555;}

.h_news_r{ width:785px;}
.h_news_r_tit{ width:785px; height:87px; background:url(/img/titbg.jpg) left no-repeat; box-shadow:0px 0px 5px #999;}
.h_news_r_tit span{ font-size:28px; line-height:87px; padding-left:30px; color:#fff;}
.h_news_r_con{ width:743px; height:390px; border:1px #b7b7b7 solid; background:#fff; margin-top:15px; padding:20px; box-shadow:0px 0px 5px #999;}
.h_news_r_con img{ width:290px; height:370px; float:left;}
.h_news_r_con ul{ width:420px; float:right;}
.h_news_r_con ul li{ width:420px; height:40px; line-height:40px; border-bottom:1px #ddd dashed;}
.h_news_r_con ul li a{ font-size:14px; padding-left:5px;}
.h_news_r_con ul li span{ float:right; color:#999;}

#h_lixi{ width:100%; height:887px; background:url(/img/lxbg.jpg) center no-repeat; float:left;}
.h_lixi{ width:1200px; margin-top:40px;}
.h_lixi_l{ width:600px;}
.h_lixi_l_tit{ width:600px; height:70px; line-height:70px; text-align:center;}
.h_lixi_l_tit span{ font-size:30px;}
.h_lixi_l_con{ width:370px; padding-left:230px; padding-top:60px;}
.h_lixi_l_con p{ font-size:15px; line-height:38px;}
.h_lixi_l_con em{ font-size:14px; color:#666; float:left; margin-top:35px; margin-left:80px;}
.h_lixi_l_con span{ font-size:30px; color:#0093e8; line-height:40px; margin-left:80px;}

.h_lixi_r{ width:600px;}
.h_lixi_r_tit{ width:600px; height:70px; line-height:70px; text-align:center;}
.h_lixi_r_tit span{ font-size:30px;}
.h_lixi_r_con{ width:600px; padding-top:60px; font-size:14px; color:#666;}
.htxt{ width:160px; height:30px; line-height:30px; background:#ccc; border:0; padding:0 10px; outline:none;}
.htxts{ width:80px; height:30px; background:#ccc; border:0; padding:0 10px; outline:none;}
.htxty{ width:420px; height:65px; background:#ccc; border:0; padding:10px; outline:none;}