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

/*1 重定义浏览器默认样式
	Name:			style_reset
	Explain:		重定义浏览器默认样式
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; font-weight:normal; }

li{list-style-type:none;list-style:none;}



ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:\5FAE\8F6F\96C5\9ED1,Arial;_font-family:Arial,\5b8b\4f53;font-size:12px;color: #333;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}


a { text-decoration:none; cursor: pointer;  
-webkit-transition: color .3s ease-in-out;
-moz-transition: color .3s ease-in-out;
-o-transition: color .3s ease-in-out;
transition: color .3s ease-in-out; }
a:hover { text-decoration:none;   }

a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*清除浮动*/
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va-t{ vertical-align:top!important}.va-m{ vertical-align:middle!important}.va-b{ vertical-align:bottom!important}
/*浮动*/
.l{float:left!important;_display:inline}.r{float:right!important;_display:inline}
body{  background: url(../images/bj1.jpg) center bottom; background-attachment:fixed; }



/* ------------------------------------------ 首页 ----------------------------------------------------- */


div#home { width:100%; height:100%; display:block; overflow:hidden; background:url(../images/bj1.jpg) center bottom no-repeat; z-index:1;
-webkit-animation:star-move 400s linear infinite;
-moz-animation:star-move 400s linear infinite;
-ms-animation:star-move 400s linear infinite;
animation:star-move 400s linear infinite;
}

.wall { position: absolute; top:0; left:0; bottom:0; right:0;}

#flower { position: relative; bottom:0; margin:0 auto; width:100%; height:100%; display:block; overflow:hidden; background: url(../images/flower.png) center bottom no-repeat; z-index:3; }
#flower:hover { cursor:pointer;}
.ztname { width:365px; height:535px; position: absolute; left:50%;  margin-left:-200px; margin-top:-310px; top:50%; z-index:10;}

.mouse { width:126px; height:42px; position:fixed; left:50%; bottom:30px; margin-left:-63px; z-index:11;  }







/* ------------------------------------------ 综合页 ----------------------------------------------------- */

.warp { width:1160px; margin:0 auto;}


.zhy {  width:1160px; float:left; margin:0;  position:relative } 

.lef1 {width:24%; float:left;height:560px;  position:relative;  background:rgba(0,0,0,.1); }

.browser {float:left;width:0px;height:560px; color:#fff;overflow:hidden;opacity:0;text-align:center;position:relative; -webkit-transition: background .17s ease-in-out;-moz-transition: background .17s ease-in-out;-o-transition: background .17s ease-in-out;transition: background .17s ease-in-out; }
#browser-0{ background-image: url(../images/bj1.jpg);background-size:cover; background-position: 60% 50%;}
#browser-1{ background-image: url(../images/soonbj1.jpg);background-size:auto 100%; background-position: right 0%;}
#browser-2{ background-image: url(../images/soonbj2.jpg);background-size:auto 100%; background-position: left 0%;}
#browser-3{ background-image: url(../images/soonbj3.jpg);background-size:auto 100%; background-position: 50% 0%; }
#browser-4{ background-image: url(../images/soonbj4.jpg);background-size:auto 100%; background-position: 85% 0%;}
#browser-5{ background-image: url(../images/soonbj5.jpg);background-size:auto 100%; background-position: 50% 0%;}


/*左侧内容*/
.leftbox { width:80%; position: absolute; z-index:70; top:32px; left:10%; overflow:hidden; }
.leftbox h2 { font-size:60px; color:#fff; line-height:60px; font-weight:bold; -webkit-font-smoothing:antialiased; text-align:left; padding:0 0 21px 0;}
.leftbox h2 b { font-size:60px; color:#734d48; line-height:53px; background:#fff; height:54px; font-weight:bold; display:inline-block;}
.leftbox h2 p { font-size:20px; line-height:48px; font-family:Arial; font-weight:bold; padding:0 0 4% 0;}
.leftbox h3 {  float:left; color:#e9d2d0; font-size:14px; line-height:23px; font-weight:normal;  text-align:left; text-justify:auto; text-align:justify;}
.leftbox h3 span {  float:right; padding:2px 0 0 0; }
.leftbox h3 span img { width:60px; height:auto; margin-bottom:6px; margin-left:5px;}
.leftbox h3 p { width:100%; text-align:right; float:left; margin-top:-5px;}
.leftbox h4 { width:100%; font-size:12px; line-height:16px; text-justify:auto; text-align:justify; float:left; padding-top:5px;}
.leftbox h4 a { background:#ebe5e4; padding:5px 10px 3px 10px; color:#5a3231; display: inline-block;}
.leftbox h4 a:hover { background:#5a3231; color:#fff;}

.leftlogo { position: absolute; z-index:75; top:30px; right:10%; overflow:hidden;  }



/*右侧效果*/
.browser.firstAnim {width:15.2%;opacity: 1;-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)}
.browser.firstAnim.hover{ width:31.2%;-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)}
.browser.firstAnim.hover2{ width:11.2%;-webkit-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-moz-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);-o-transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03);transition: width 0.8s cubic-bezier(.57, .01, .13, 1.03)}
.browser-hover{ cursor:pointer}



/*右侧内容*/
.toppic{margin-left:auto;margin-right:auto;height:600px; }
.browser.firstAnim .toppic{width:100%; position:relative;transition: all 0.8s  cubic-bezier(.57, .01, .13, 1.00); top:7%; color:#a30000; }
.browser.firstAnim .toppic .teepic{ width:80%;height:auto; }

.browser.firstAnim .toppic p{ transition: all 0.8s  cubic-bezier(.57, .01, .13, 1.00); filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; font-size:15px; line-height:20px; font-weight:bold; color:#333;}
.browser.firstAnim.hover .toppic p{ transition: all 0.8s  cubic-bezier(.57, .01, .13, 1.00);  font-size:22px; line-height:20px; }
.buyBox{ display:none;transition: all 0.8s cubic-bezier(.57, .01, .13, 1.03)}
.hover .buyBox{ display:block; position:absolute; top:27%; left:10%; width:80%; font-size:15px; color:#333;  font-weight:normal; line-height:26px; text-align:left; text-justify:auto; text-align:justify; }




/*底部内容*/
.down { width:96%; float:left;  display:block; background:#4a8188;padding:20px 2% 35px 2%;}


.w32 { width:32%; float:left; margin:0 1.5%; }
.w36 { width:36%; float:left; margin:0 2%; }
.w22 { width:22%; float:left; margin:0 1.5%; }

.tit { width:100%; float:left; font-size:24px; font-weight: bold; color:#fff; padding:15px 0 12px 0px; line-height:26px;}
.tit span { float:right; color:#999; line-height:14px; font-size:11px; font-family: Arial; }
.tit span strong { font-weight:bold; padding:0 0 0 2px;} 
.tit span a { display:inline-block; padding:4px 6px 2px 6px; color:#28474b; border:1px solid #396469; background:#4a8188;}
.tit span a:hover { color:#c8d9db; background:#396469; border:1px solid #396469;}
.tit b { font-size:16px; color:#fff; font-weight: bold;  }
.tit a { color:#fff; }

.tuwen { width:100%; float:left; padding:8px 0 0 0px;}
.tuwen img { float:right; width:130px; height:166px; margin:9px 0 0 20px;  }
.tuwen h3 { font-size:18px; color:#fff;  line-height:42px; height:42px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.tuwen h3 a { color:#fff; text-decoration:none; }
.tuwen h3 a:hover { color:#fff; text-decoration: underline; }
.tuwen p { overflow:hidden; font-size:13px; color:#c8d9db; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;line-height:23px; height:92px; padding:2px 0 0 0px;text-justify:auto; text-align:justify; }
.tuwen span { font-size:16px; color:#fff; line-height:44px;}

.video { width:100%; float:left; padding:17px 0 0 0px; overflow:hidden;}
.video img { width:100%; height:166px; }


.aboutus { width:100%; float:left; padding:17px 0 0 0px; overflow:hidden;}
.aboutus img { width:100%; height:80px; }
.aboutus p { width:100%; float:left; font-size:14px; color:#fff; line-height:21px;text-justify:auto; text-align:justify; padding:14px 0 0 0px; }


.thanks { width:100%; float:left; font-size:14px; color:#fff; line-height:24px;text-justify:auto; text-align:justify;  padding:14px 0 0 0px; }

/*活动新闻*/
.act { width:100%; float:left; padding:9px 0 0 0px; } 
.act ul li { width:100%; float:left; font-size:14px; line-height:30px; color:#fff; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.act ul li a { color:#fff; }
.act ul li a:hover { color:#fff; text-decoration:underline; }
.act ul li b { color:#fff; font-weight:bold; padding:0 6px 0 0px; }
.act ul li span { float:right; font-size:12px;  color:#c8d9db;}
.act ul li:hover b { color:#fff;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;  }




.copy { width:100%; margin:0 auto; overflow:hidden; color:#c7b0ac; font-size:13px; line-height:28px; text-align:center; padding:32px 0 30px 0px;text-shadow:0px 0px 5px rgba(0,0,0,0.7);}
.copy a { color:#c7b0ac; } 
.copy a:hover { color:#fff; }