@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0;border:0;}
body{font-family:"΢���ź�";font-size:12px;line-height:24px;}
ul li{ list-style:none;}
a {text-decoration: none; color:#58595b;}
a:hover {text-decoration: none;color:#3267a3;}
a:focus {text-decoration: none;color:#58595b;}
.container {
    margin: 0 auto;
}
.horizental-item{
	float: left;
}
html{
	height: 100%;
}
body{
	height: 100%;
}
#pass-phoenix-list-login{
	width:224px;
}
.pass-login-pop-img, .pass-login-pop-img img{
  height: 362px !important;
 
}

#ad {
    width: 100%;
    height: 0;
}
.full_height{
	height: 100%;
	min-height: 818px;
	 overflow:hidden;
}
.page{
	height: 100%;
}

#page_home{
	background:url(images/bg1.jpg) center top;
}
#splash {
    min-width: 960px;
    height: 100%;
}
.splash-container {
	top:120px;
	text-align: center;
    position: relative;
}

.qrcode{
	margin-top: 5px;
	height: 90px;
	width: 90px;
}

#qrcode_hint{
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	margin-left: 2px;
	margin-top: 5px;
}

.download-button {
	display: block;
    text-align: center;
    cursor: pointer;
}
#splash_introduction{
	text-align: center;
	font-size: 20px;
    line-height: 31px;
	color: rgb(255, 255, 255);
}
#splash_download_qrcode {
	left: 10px;
    position: relative;
	height: 110px;
	width: 200px;
	z-index: 0;
	text-align: left;
}

#page_home #splash_introduction {    
	margin-top: 25px;
	text-shadow: 2px 2px 2px rgb(235, 125, 39);
}
#page_home #download_btn_group{
	margin: 0 auto;
	margin-top: 60px;
	width: 760px;
}
#page_home #splash_download_button {
	position: relative;
	z-index: 1;
}
#page_home #download_place_holder{
	width: 200px;
	height: 1px;
}

#page_home .download-button {
    width: 320px;
	height: 100px;
}

#page_home .download-button:hover {
}

#page_home .download-button:active {

}

#page_home .download-button:hover .download-title {
    background-color: rgb(255, 216, 185);
}

#page_home .download-button:hover .download-subtitle {
    background-color: rgb(255, 216, 185);
}
#page_home .download-button .download-title {
    background-color: rgb(255, 255, 255);
	padding-top: 10px;
    font-size: 28px;
    line-height: 74px;
    font-weight: bold;
    color: rgb(72, 83, 66);
    border-radius: 2px 2px 0 0;
}
#page_home .download-button .download-subtitle {
    border:0px;
	border-top: 1px rgb(226, 117, 33);
	border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 11px;
    line-height: 31px;
    color: rgb(196, 110, 28);
    border-radius: 0 0 2px 2px;
}
#page_home #ct_link{
	margin-top: 30px;
	color: white;
	
}

.footer{
	position: absolute;
	top: 690px;
	text-align: center;
	width: 100%;
	height: 88px;
}

#dash{
	margin: 0 auto;
	height: 2px;
	width: 763px;
	background:url(images/dot.png) repeat-x;
	_display:none;
	position: relative;
	top: 27px;
	overflow:hidden;
}
#progress{
	margin: 0 auto;
	height: 2px;
	width: 150px;
	left: -325px;
	background:#005ca8;
	position: relative;
	top: 25px;
}
#navbtns{
	width: 800px;
	position: relative;
	z-index: 1;
}

.navbtn{
	width: 110px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	display: inline-block;
	color:#1c211f;
}
.navbtn div{font-size:12px;margin-top:6px;}
.navbtn a:hover{
	color:#3267a3;
}
.navbtn img{
	width: 50px;
}

#page_intro{ background:url(images/bg2.jpg) center top; text-align:center; color:#3b7b07;}
#page_intro img{display:inline;margin-top:30px;}
#page_intro h3{font-size:15px; margin-top:8px;margin-bottom:10px;}
#page_intro p{ text-indent:24px; text-align:left;width:770px; margin:0px auto 10px auto;}

#page_gift{background:url(images/bg3.jpg) center top; text-align:center;}
.yzch1{ margin-top:30px;}
#page_gift h3{font-size:15px;color:#8a5e25;margin-top: 8px;}
.yzc{width:960px;margin:-15px auto 0px auto; text-align:left;}
.yzc img{position:absolute;}
.yzcimg1{margin-left:110px;}
.yzc li{font-size:14px;line-height:32px;}
.yzc li a{color:#000;}
.yzc li a:hover{color:#3267a3;}
.yzc li.b a{font-size:30px;line-height:32px;}
.yzc li span{background:url(images/yzcbg.jpg) no-repeat center;padding:6px 15px;color:#fff;margin-right:10px;}
.yzc ul{position:absolute;}
.yzc .ul1{margin-left:370px;margin-top:30px;}
.yzcimg2{margin-left:610px;margin-top:95px;}
.yzc .ul2{margin-left:110px;margin-top:305px;}
.yzc .ul3{margin-left:460px;margin-top:260px;}
.yzc .ul4{margin-top:385px; text-align:right;}
.yzc .ul5{margin-left:360px;margin-top:500px;}
.yzc .ul6{margin-left:660px;margin-top:380px;}
.yzcimg3{margin-left:425px;margin-top:340px;}
.yzcimg4{margin-left:760px;margin-top:480px;}
#page_feedback{background:url(images/bg4.jpg) center top;}
.zfh{width:900px;margin:0 auto;}
.zfhh1{margin-top:20px;}
.zfh h3{font-size:15px;color:#10689e;margin-top: 8px;}
.box{ width:900px; position:relative;margin-top:20px;}
.box li{ position:absolute;cursor:pointer;z-index:0;}
.box li img{width:100%;box-shadow:0px 2px 3px #6c8da1;}
.box .li1{margin-left:80px;margin-top:20px;width:120px;}
.box .li2{margin-left:280px;margin-top:0px;width:218px;}
.box .li3{margin-left:540px;margin-top:60px;width:160px;}
.box .li4{margin-left:750px;margin-top:100px;width:60px;}
.box .li5{margin-left:0px;margin-top:240px;width:157px;}
.box .li6{margin-left:187px;margin-top:200px;width:108px;}
.box .li7{margin-left:392px;margin-top:169px;width:67px;}
.box .li8{margin-left:588px;margin-top:183px;width:110px;}
.box .li9{margin-left:775px;margin-top:236px;width:52px;}
.box .li10{margin-left:102px;margin-top:382px;width:143px;}
.box .li11{margin-left:267px;margin-top:280px;width:245px;}
.box .li12{margin-left:548px;margin-top:354px;width:220px;}
.box li p{ display: none;height:0px;text-align:left;}
.box li.on{ z-index:99;width:auto;}
.box li.on p{padding:0px 15px;color:#fff;margin-top:-62px;position:relative; display:block; height:auto; text-align:left; background:#000;opacity:0.7;-moz-opacity:0.7; filter:alpha(opacity=70);padding-bottom:10px;padding-top:5px;}
.box li.on p span{font-size:14px;color:#fffc00;}
.box li.on img{ height: auto;width:auto;margin-top:-50px;}
.zfhp{margin-top:520px;color:#092d4d;}

#page_related{background:url(images/bg5.jpg) center top;}
.qrh{text-align:center;}
.qrhh1{margin-top:30px;}
.qrh h3{color:#d86c03;font-size:15px;margin-top: 8px;}
.words{width:825px;margin:20px auto 0px auto;text-align:left;}
.word1{margin-left:30px;}
.word2{margin-left:140px;margin-top:30px;}
.word3{margin-left:220px;margin-top:20px;}
.word4{margin-left:20px;margin-top:10px;}
.word5{margin-left:170px;margin-top:10px;}
.word6{margin-left:220px;margin-top:20px;}
.word7{margin-left:120px;margin-top:20px;}
.word8{margin-left:0px;margin-top:10px;}
.word9{margin-left:170px;margin-top:10px;}

#page_ran{background:url(images/bg6.jpg) center top;}
.rmx{width:920px;margin:0 auto; text-align:center;}
.rmxh1{margin-top:30px;}
.rmx h3{color:#1d6eb2;font-size:15px;margin-top: 8px;}
.year{padding-left:143px;margin-top:10px;height:106px;background:url(images/yearbg.png) no-repeat left top;margin-bottom:30px;}
.year li{float:left;width:155px;padding-top:10px;line-height:28px; cursor:pointer;height:100px;transition:all .25s linear;-moz-transition:all .25s linear;-webkit-transition:all .25s linear;}
.year li:hover{background:url(images/yearbtbg.png) no-repeat;}
.year li a{color:#0c5c9e;}
.year li i{font-size:14px;font-weight:600;color:#2775b6;}
.rmx iframe{float:left;}

.Pro_Img_box{width:602px;height:auto;margin: 0 auto;}
#preview{text-align:center;width:602px;float:left;}
.jqzoom{ width:602px; height:295px;float:left;overflow:hidden;padding:0;}
.jqzoom img{width:602px;height:295px;}
.list-h li{ float:left;}
#spec-n5{width:602px; height:84px; padding-top:10px;float:left;overflow:hidden; background:url(images/imgbg.jpg);margin-top:1px;}
#spec-left{ background:url(images/btn_pre.jpg);width:20px;height:75px;float:left; cursor:pointer; }
#spec-right{ background:url(images/btn_next.jpg);width:20px; height:75px;float:left;cursor:pointer;}
#spec-list{margin-right:1px;width:561px;height:75px; float:left; overflow:hidden; display:inline;}
#spec-list ul li{ float:left;padding-right:10px;display:inline; width:150px;}
#spec-list ul li img{ padding:2px;border:1px solid #ccc;width:150px; height:75px;}

.share{width:450px;margin:10px auto 0px auto; overflow:hidden;height:28px;line-height:28px;}
.share p{margin-right:30px;color:#585858;}
.share #bdshare{float:right;}

.qiqiu{background: url(images/qiqiu.png) no-repeat left top;width: 152px;height: 100%;position:fixed !important;right:50px;bottom:0px;_display:none;
animation:myfirst 25s;
-moz-animation:myfirst 25s; /* Firefox */
-webkit-animation:myfirst 25s; /* Safari and Chrome */
-o-animation:myfirst 25s; /* Opera */}
@keyframes myfirst
{
from { background-position:right bottom;}
to {background-position:left top;}
}

@-moz-keyframes myfirst /* Firefox */
{
from { background-position:right bottom;}
to {background-position:left top;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
from { background-position:right bottom;}
to {background-position:left top;}
}

@-o-keyframes myfirst /* Opera */
{
from { background-position:right bottom;}
to {background-position:left top;}
}

.feiji{background: url(images/feiji.png) no-repeat right top;width: 428px;height: 163px;position:fixed !important;left:0px;bottom:0px; _display:none;margin-left:-100px;
animation:mytow 5s;
-moz-animation:mytow 5s; /* Firefox */
-webkit-animation:mytow 5s; /* Safari and Chrome */
-o-animation:mytow 5s; /* Opera */}
@keyframes mytow
{
from { background-position:left bottom;}
to {background-position:right top;}
}

@-moz-keyframes mytow /* Firefox */
{
from { background-position:left bottom;}
to {background-position:right top;}
}

@-webkit-keyframes mytow /* Safari and Chrome */
{
from { background-position:left bottom;}
to {background-position:right top;}
}

@-o-keyframes mytow /* Opera */
{
from { background-position:left bottom;}
to {background-position:right top;}
}
.zhihe{background: url(images/zhihe.png) no-repeat right bottom;width:566px;height: 281px;position:fixed !important;left:0px;bottom:0px; _display:none;margin-left:-200px;
animation:mytow 5s;
-moz-animation:mytow 5s; /* Firefox */
-webkit-animation:mytow 5s; /* Safari and Chrome */
-o-animation:mytow 5s; /* Opera */}
@keyframes mytow
{
from { background-position:left bottom;}
to {background-position:right bottom;}
}

@-moz-keyframes mytow /* Firefox */
{
from { background-position:left bottom;}
to {background-position:right bottom;}
}

@-webkit-keyframes mytow /* Safari and Chrome */
{
from { background-position:left bottom;}
to {background-position:right bottom;}
}

@-o-keyframes mytow /* Opera */
{
from { background-position:left bottom;}
to {background-position:right bottom;}
}