/* CSS stone */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
body { min-width:320px; max-width:640px; font-size:0.75em; margin:0 auto; font-family:Microsoft Yahei,Arial,Verdana,SimSun; font-weight:normal; }
a:link,a:visited{ font-style: normal;}
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle;}
ul,ol,li{list-style:none;}
p{ /*text-align:justify; text-justify:inter-ideograph;*/}
/*no-line*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
a{ text-decoration:none; outline:0;}
.clear{ clear:both; line-height:0; display:block; height:0;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.fl{ float:left;}
.fr{ float:right;}
.relarive{ position:relative;}
.abosulte{ position:absolute;}
.opaci{ opacity:0;}
.hide{ display:none;}

#header{ position:absolute; right:0; top:0px; width:100%; padding-top:1em; height:40px; z-index:600; text-align:right;}
#header .menu{ width:32px; height:30px; float:right; margin-right:20px;}
#header .menu a{ display:block; width:32px; height:30px; background:url(../images/ico_menu.gif) repeat-x center;}
#header .menu_nav{height:100%; width:100%; display:none; background:url(../images/icos.png); position:absolute; right:0px; top:0px;}
#header ul{ height:960px; width:100px; background:#3e3a39; position:absolute; right:-100px; top:0px; text-align:center; opacity:0;}
#header ul li{ width:60px; height:80px; margin:0 auto 10px; background:url(../images/line.png) no-repeat center bottom; padding-bottom:10px; text-align:center;}
#header ul li a{ display:block; width:60px; height:80px; position:relative;}
#header ul li a .img{ width:60px; height:60px; }
#header ul li a .ping{ color:#FFF;}
#header ul li a:hover .ping{ color:#b8501b;}

#wapper{ min-width:320px; max-width:640px; margin: 0 auto; background:#cfb86f; position:relative; overflow:hidden;}
#wapper .header{ position:fixed; right:5%; top:68px; width:9%; height:auto; z-index:600;}
#wapper .header a{ display:block; width:100%; margin-bottom:10px;}
#wapper .logo{ height:60px; position:absolute; left:9%; top:66px; background:url(../images/logo.png) no-repeat;}
#wapper .layer{ width:100%; }
#wapper .layer .m_cont{ width:84%; height:100%; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-42%;}
#wapper .layer .diver{ width:100%; height:auto; position:absolute; top:22%; left:-4%;}
#wapper .layer .decer{ width:36%; top:0; left:0%; color:#FFF; }
#wapper .layer .cont_w{ width:83%; top:40%; left:11%; color:#FFF;}
#wapper .layer .cont_w h1{ color:#FFF; font-size:3.25em; }
#wapper .layer .cont_w h3{ color:#FFF; font-size:1.85em; margin-top:10px;}
#wapper .layer .cont_w p{ font-size:1.5em; line-height:1.5em; display:block; font-family:Arial, Helvetica, sans-serif;}
#wapper .layer .cont_w a{ margin-left:33px; color:#004561; font-size:15px;}

#wapper .layer .gamdite{ width:36%; top:-12%; left:65%; color:#FFF;}
#wapper .layer .plaza{ width:36%; }
#wapper .layer .plaza .pl_left{ width:100%; position:absolute; top:-2.1em; left:0%; color:#FFF; font-size:1.125em; line-height:1.5em;}
#wapper .layer .plaza .pl_left h1{ color:#FFF; font-size:1.25em; font-weight:normal;}
#wapper .layer .plaza .pl_left a{ color:#e60033;}
#wapper .layer .plaza .imgae{ width:36%; position:absolute; top:0; right:0%; opacity:0;}

#wapper .layer .brand{ width:100%; height:363px;}
#wapper .layer .brand .imgae{ width:36%; position:absolute; top:0; left:0%; }
#wapper .layer .brand .pl_left{width:65%; position:absolute; top:22%; right:-5%; color:#FFF; font-size:1.125em; line-height:1.5em; text-align:right}
#wapper .layer .brand .pl_left h1{ color:#FFF; font-size:1.25em; font-weight:normal;}
#wapper .layer .estate{ width:36%; left:65%; top:5%; }
#wapper .layer .delicate{ width:360px; height: 100px; text-align:right; position:absolute; left:-6%; top:76%; color:#FFF; cursor: pointer;}
#wapper .layer .delicate h1{ color:#FFF; font-size:1.85em; display:block;}
#wapper .layer .delicate h3{color:#FFF; font-size:1.85em; display:block; }
#wapper .layer .delicate p{line-height:1.87em; font-size:1.5em;}
#wapper .layer .delicate a{ color:#003e68;}

#wapper .teamwid{width:88%; margin:0 auto; padding-top:20%; padding-bottom:56px; line-height:1.5em;}
#wapper .teamwid li{ margin-bottom:10px; width:48%;}
#wapper .team_one{background:#a6847d; color:#FFF; }
#wapper .t-one{ background:#9a889f; color:#FFF; padding-top:27%; padding-bottom:56px;}
#wapper .t-one p.t-img{ display:block;}
#wapper .t-one h2{ display:block; width:80%; margin:10px auto 20px;}
#wapper .t-one h2 p{ font-size:1.875em;}
#wapper .t-one h2 span{ font-size:1.5em;}
#wapper p.t-word{ display:block;  width:80%; margin:0 auto; line-height:1.875em; font-size:1.125em; }
#wapper .three-cont{ width:73.75%; top:15%; left:50%; margin-left:-36.785%;}
#wapper .three-cont span{ display:block; position:absolute; top:34%; left:20px; width:85%; color:#FFF; line-height:20px;}
#wapper .t-four{ background:#25324d; padding-top:50px; height:240px; padding-bottom:20px; color:#FFF;}
#wapper .t-four p.t-img{ display:block; margin-bottom:20px;}
#wapper .t-four p.t-word{ display:block; width:80%; }
#wapper .t_six{ background:#a6847d; padding-top:60px; padding-bottom:60px; color:#FFF;}
#wapper .t_six .t-img{ display:block; margin-bottom:10px; position:relative; top:60px;}
#wapper .t_six p.t-word{ display:block; width:80%; margin:0 auto; line-height:1.875em; font-size:1.125em; margin-bottom:15px; position:relative; top:60px;}
#wapper .t_six ul.sixs{ width:85%; margin:0 auto;}
#wapper .t_six ul.sixs li{ width:46%; float:left; margin-right:10px; margin-bottom:10px;}
#wapper .TPlaza{ background:#7ca4b1; padding:20px 0 60px; color:#FFF; position:relative;}
#wapper .TPlaza .teamwid{ padding:10px 0 160px; position:relative;}
#wapper .TPlaza p.t-img{ display:block; margin-bottom:10px;}
#wapper .TPlaza p.t-word{ display:block; width:80%; margin:0 auto; line-height:1.875em; font-size:1.125em; margin-bottom:15px; position:relative; top:60px;}
#wapper .TPlaza p.t-image{ position:absolute; width:68%; left:6%; top:60%; z-index:66}
#wapper .t-ten p.t-img{ display:block;}
#wapper .t-ten .ten-cont{ top:15%; left:50%; margin-left:-42%; width:85%;}
#wapper .t-ten .ten-cont .ten-contImg{ width:79%; display:block;}
#wapper .t-ten .ten-cont .ten_imgs{ position:absolute; top:100%; right:0; z-index:32; width:68%;}
#wapper .t-ten .ten-cont .ten_conter{ position:absolute; top:30%; left:0; z-index:34; width:100%; color:#FFF; text-align:left;}
#wapper .t-ten .ten-cont .ten_conter p.t-word{ display:block; width:68%; line-height:20px; font-size:0.8125em; margin-top:15px; margin-left:15px;}
#wapper .t-eleven{ background:#d5b889; padding-top:19%; padding-bottom:44%; color:#FFF;}
#wapper .t-eleven .t-img{ display:block; margin-bottom:10px; position:relative; top:60px; opacity:0;}
#wapper .t-eleven p.t-word{position:relative; top:60px; display:block; width:78%; margin:0 auto; line-height:1.875em; font-size:1.125em; margin-top:10px;}
#wapper .pimgs{ top:-2%; left:0; z-index:10; opacity:0}
#wapper .algin{ text-align:right;}
#wapper .b_img{ display:block;}
#wapper .wid{ width:88%; height:80%; padding-top:18%; color:#FFF; left:50%; top:60px; margin-left:-44%;}
#wapper .wid .widimg{ display:block; margin-bottom:15px; }
#wapper .three_cont{ width:88%; height:100%; padding-top:3%; color:#FFF; left:50%; top:0; margin-left:-44%; }
#wapper .three_cont .widimg{ display:block; margin-bottom:0px; }
#wapper .three_cont .wind_cont{ width:65%; float:left; padding-top:10px;line-height:20px; font-size:1em; }
#wapper .three_cont .b_imgss{ position:absolute; top:29%; right:-10%; width:42%;}
#wapper .b_three{min-height:278px; background:#033649; }
#wapper .b_four{ height:100%; background:#036564;}
#wapper .wid_fonr{ width:88%; height:100%; padding-top:12%; color:#FFF; margin:0 auto; padding-bottom:10%;}
#wapper .b_four .wid_fonr .widimg{ display:block; margin-bottom:15px; position:relative; top:60px; opacity:0}
#wapper .b_four .wid_fonr .fonr_cont{ clear:both; height:100%; margin-top:10%; position:relative; top:60px; opacity:0;}
#wapper .b_four .wid_fonr .fonr_cont .cont_img{ width:37%;}
#wapper .b_four .wid_fonr .fonr_cont .cont_word{ width:60%;}
#wapper .b_four .wid_fonr .fonr_cont .cont_word h1{ font-size:1.5em;}
#wapper .b_four .wid_fonr .fonr_cont .cont_word h2{ font-size:1em; line-height:16px; text-transform:uppercase;}
#wapper .b_five{ background:#033649; min-height:325px;}
#wapper .b_five .wid_fonr{ color:#FFF; position:relative; top:60px;}
#wapper .b_five .titlew{ display:block; font-size:1.875em; font-weight:bold;}
#wapper .b_five .en_w{padding-top:5px; display:block; font-size:1.25em; font-weight:bold; text-transform:uppercase;}
#wapper .b_five .cn_w{ padding-top:15px; line-height:20px; }
#wapper .b_seven .five_cont{ width:88%; top:26%; left:50%; margin-left:-44%; opacity:0;}
#wapper .b_seven .five_cont .pcs{ display:block; position:absolute; top:35%; left:50%; width:78%; margin-left:-44%; color:#FFF; line-height:18px; }
#wapper .b_laza{ background:#6b648e;}
#wapper .b_laza .laza_cont{ width:88%; top:10%; left:50%; margin-left:-44%; color:#FFF; opacity:0}
#wapper .b_laza .laza_cont h4{ display:block; margin-bottom:20px;}
#wapper .b_laza .laza_cont h4 span{ font-size:1.8em}
#wapper .b_laza .laza_cont h4 p{ font-size:2.35em;}
#wapper .b_laza .laza_cont p.pcs{ line-height:20px;}
#wapper .b_zh{ background:#6b648e;}
#wapper .b_zh .laza_cont{ width:88%; margin:0 auto; padding:10% 0; color:#FFF;}
#wapper .b_zh .laza_cont h4{ display:block; margin-bottom:20px;}
#wapper .b_zh .laza_cont h4 span{ font-size:1.8em}
#wapper .b_zh .laza_cont h4 p{ font-size:2.5em;}
#wapper .b_zh .laza_cont h4 em{ font-style:normal; font-size:1.8em; text-transform:uppercase;}
#wapper .b_zh .laza_cont p.pcs{ line-height:20px;}
#wapper .b_zh .laza_cont p.pcs b{ font-size:1.25em}
#wapper .b_eleven .eleven_cont{width:88%; top:15%; left:50%; margin-left:-44%; color:#FFF; opacity:0;}
#wapper .b_eleven .eleven_cont .pcs{width:90%; position:absolute; top:6%; left:5%; color:#FFF;}
#wapper .b_eleven .eleven_cont .p_tl{ font-size:1.625em;}
#wapper .b_eleven .eleven_cont h2{ display:block; font-size:2em; margin-bottom:5px;}
#wapper .b_eleven .eleven_cont .conts{ width:80%; line-height:18px;}
#wapper .b_tupie{ background:#a37860;}
#wapper .b_tupie .laza_cont{ width:88%; margin:0 auto; padding:12% 0; color:#FFF;}
#wapper .b_tupie .laza_cont h4{ display:block; margin-bottom:20px;}
#wapper .b_tupie .laza_cont h4 span{ font-size:1.8em}
#wapper .b_tupie .laza_cont h4 p{ font-size:2.5em;}
#wapper .b_tupie .laza_cont p.pcs{ line-height:20px;}
#wapper .cen_cont{ width:88%; margin:0 auto; padding:5% 0 20%; color:#FFF;}
#wapper .c_one{ background:#a1b1af; padding-top:15%;}
#wapper .c_one .cen_cont p{ margin-top:10px;}
#wapper .c_two{ background:#ba938d; padding-top:10%;}
#wapper .c_two .cen_cont p{ margin-top:10px; opacity:0;}
#wapper .c_three{ background:#476384; padding-top:10%;}
#wapper .c_three .cen_cont p{ margin-top:10px; position:relative; top:60px; opacity:0;}
#wapper .c_four{ background:#6b7560; padding-top:10%;}
#wapper .c_four .cen_cont p{ margin-top:10px; opacity:0;}
#wapper .c_fiveds{ background:#476384;padding-top:10%;}
#wapper .c_fiveds .c_f1{}
#wapper .c_five{ background:#2a3f53; padding-top:10%;}
#wapper .c_five .cen_cont p{ margin-top:10px; position:relative; top:60px; opacity:0;}
#wapper .c_six{ background:#cdac81; text-align:right;}
#wapper .c_six .cen_cont p{ margin-top:10px; position:relative; top:60px; opacity:0;}
#wapper .c_six p{color:#000000; line-height:1.5em;}
#wapper .c_six p strong{color:#3a2424; }
#wapper .cen_conts{ width:80%; margin:0 auto;}
#wapper .s_one{ background:#a57f8a; padding-top:10%;}
#wapper .s_one .cen_cont p{ margin-top:10px;}
#wapper .s_two{ background:#6a8ca9; padding-top:10%;}
#wapper .s_two .cen_cont p{ margin-top:10px;}
#wapper .s_three p{ position:relative; top:0; opacity:1;}
#wapper .s_four{ background:#9a6b51; padding-top:10%;}
#wapper .s_four .cen_cont p{ margin-top:10px; position:relative; top:60px; opacity:0;}
#wapper .s_five{ background:#553a64; padding-top:10%; }
/*#wapper .s_five .cens_conts{color:#6a8ca9;}*/
#wapper .s_five .cens_conts{color:#fff;}

#wapper .xen_cont{width:88%; margin:0 auto; padding:10% 0 4%; color:#FFF; position:relative; top:60px; opacity:0; }
#wapper .xen_cont .x_word{ line-height:1.5em; margin-top:10px; padding-bottom:5%; font-size:1.12em}
#wapper .xen_cont .x_word p{ margin:0; text-transform:uppercase;}
#wapper .x_one{ background:#7e684d; padding-top:10%;}
#wapper .x_one .cen_cont p.img{ margin-top:10px;}
#wapper .x_two{ background:#033649;}
#wapper .x_two .xen_cont{width:88%; margin:0 auto; padding:0% 0 4%; color:#FFF; position:relative; top:60px; opacity:0; }
#wapper .x_two .cen_cont p.img{ margin-top:10px;}

#wapper .x_three{background:#7d98ab; padding-top:5%;}
#wapper .x_five{background:#505b36; padding-top:10%;}
#wapper .x_six{background:#6e5c5e; padding-top:2%;}
#wapper .seven_cont{width:94%; top:100px; left:50%; margin-left:-47%; padding:5% 0 5%; color:#FFF; /*background:url(../images/pings.png) no-repeat center top; background-size:100%;*/ opacity:0}
#wapper .seven_cont .x_word{width:95%; margin:0 auto; padding:4% 0 10%; color:#FFF;}
#wapper .x_eight{background:#071534; padding-top:10%;}
#wapper .x_eight .xen_cont{width:88%; margin:0 auto; padding:10% 0 14%; color:#FFF;}

#wapper .news_one{ background:#cdac81; color:#FFF; height:100%;}
#wapper .news_one .news_cont{ padding:10% 0; width:88%; margin:0 auto; line-height:1.5em}

#wapper .tend_cont{ width:80%; top:6%; left:50%; margin-left:-40%;}

#footer{ height:52px; width:100%; position:fixed; bottom:0px; left:0px; z-index:733; background:url(../images/menuicos.png) repeat top; }
#footer span{ display:block; margin:0; width:19.8%; height:52px; background:url(../images/alis.png) no-repeat right top; float:left;}
#footer a{ display:block; padding-top:33px; width:100%; float:left; font-size:1em; text-align:center; color:#FFF;}
#footer a.a1{ background:url(../images/tell.png) no-repeat 50% 3px;} 
#footer a.a2{ background:url(../images/add.png) no-repeat 50% 3px;}
#footer a.a3{ background:url(../images/index.png) no-repeat 50% 3px;}
#footer a.a4{ background:url(../images/lou.png) no-repeat 50% 3px;}
#footer a.a5{ background:url(../images/news.png) no-repeat 50% 3px;}

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	   -moz-animation-duration: 2s;
	     -o-animation-duration: 2s;
	        animation-duration: 2s;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;	
		-webkit-transform: translateY(-30px);
	}	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-30px);
	}	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-30px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-30px);
	}	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;	
		-webkit-transform: translateY(50px);
	}	
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInUp {
	0%{
		opacity: 0;
		-moz-transform: translateY(50px);
	}	
	100%{
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(50px);
	}	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInleft {
	0% {
		opacity: 0;	
		-webkit-transform: translateX(-50px);
	}	
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInleft {
	0%{
		opacity: 0;
		-moz-transform: translateX(-50px);
	}	
	100%{
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInleft {
	0% {
		opacity: 0;
		-o-transform: translateX(-50px);
	}	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInleft {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeInleft {
	-webkit-animation-name: fadeInleft;
	-moz-animation-name: fadeInleft;
	-o-animation-name: fadeInleft;
	animation-name: fadeInleft;
}
@-webkit-keyframes fadeInright {
	0% {
		opacity: 0;	
		-webkit-transform: translateX(50px);
	}	
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInright {
	0%{
		opacity: 0;
		-moz-transform: translateX(50px);
	}	
	100%{
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInright{
	0% {
		opacity: 0;
		-o-transform: translateX(50px);
	}	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInright {
	0% {
		opacity: 0;
		transform: translateX(50px);
	}	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.fadeInright {
	-webkit-animation-name: fadeInright;
	-moz-animation-name: fadeInright;
	-o-animation-name: fadeInright;
	animation-name: fadeInright;
}
.mic{ display:block; width:220px; height:25px; line-height:25px; position:fixed; right:10px; bottom:10px; z-index:2; font-size:12px; text-shadow:0 0 1px #fff; color:#333;text-align: right;}























