body {font-family:Microsoft Yahei, STHeiti, Droid Sans Fallback, Sans-serif; font-size:100%; font-weight:normal; color:#333; background:url(../../../images/special/141229/bg_body.jpg) repeat;}
* {margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#333;}
img{ vertical-align:middle;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.wrapper{width:900px; height:auto; padding-top:20px; margin:0 auto;}
.qiju_l{width:347px; height:656px; float:left;}
.qiju_l img{width:100%;}
.qiju_r{width:455px; height:auto; padding-top:20px; float:right;}
.clock{ text-align:center;}
.clock img{width:60%;}
.title{ padding-bottom:15px; background:url(../../../images/special/141229/bg_line.png) center bottom no-repeat; text-align:center; margin:0 auto;}
.title img{width:100%;}
.subtitle{padding:10px 0; background:url(../../../images/special/141229/bg_line.png) center bottom no-repeat; font-size:16px; color:#666; text-align:center;}
.qiju_link{width:380px; padding-top:70px; margin:0 auto;}
.qiju_link li{ width:75px; height:42px; line-height:42px; font-size:16px; text-align:center; margin:10px; display:inline; float:left;}
.qiju_link li a{ display:block; background:#dcdcdc; color:#666; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.qiju_link li a:hover{ background:#bebebe; color:#fff; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.top_mobile{width:200px; height:auto; padding-bottom:15px; background:url(../../../images/special/141229/bg_line.png) center bottom no-repeat; background-size:100% auto; margin:0 auto; display:none;}
.mobile_l{width:140px; height:265px; float:left;}
.mobile_l img{width:100%;}
.mobile_r{width:40px; padding:40px 0 0 10px; float:left;}
.mobile_r img{width:100%;}
@media screen and (max-width:900px){
.wrapper{width:760px;}
.qiju_l{width:290px; height:auto;}
.qiju_r{width:390px;}
.qiju_link{padding-top:40px;}
}
@media screen and (max-width:768px){
.wrapper{width:600px;}
.qiju_l{width:240px; height:auto;}
.qiju_r{width:300px;}
.qiju_link{width:100%;padding-top:30px;}
.qiju_link li{ width:65px; height:32px; line-height:32px;  font-size:14px; margin:5px;}
}
@media screen and (max-width:600px){
.wrapper{width:300px; padding:10px 0;}
.qiju_l{display:none;}
.qiju_r{width:300px; padding-top:0; float:none;}
.clock,.title{ display:none;}
.top_mobile{ display:block;}
.subtitle{width:200px; padding:6px 0; margin:0 auto; font-size:14px; background-size:100% auto;}
.qiju_link{width:100%;padding-top:10px;}
.qiju_link li{ width:65px; height:32px; line-height:32px;  font-size:14px; margin:5px;}
.qiju_link li a:hover{background:#dcdcdc; color:#666; -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1);}
}