@charset "utf-8";

/* General */
html, body, div, object, iframe, em, p, img, small, strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
body{text-align:center;font-size:12px;color:#fff;font-family:Arial,Helvetica,'MicroSoft YaHei',sans-serif;background:url('../img/web_back.png');background-size:100% 100%;}
table,tr,td{border-collapse:collapse;font-size:12px;}
h1, h2, h3, h4, h5, h6, span{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
img{border:0;}
ol,ul{list-style:none;}
:focus{outline:none;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:12px;}
select,input,button,textarea,button{font:99% Arial,Helvetica,'MicroSoft YaHei',sans-serif;padding:0;}
a{color:#fff;text-decoration: none;cursor:pointer;}
a:hover{color:#fff;text-decoration:none;}
table{border-collapse:collapse;border-spacing: 0;font-family:Arial,Helvetica,'MicroSoft YaHei',sans-serif;} 
table a{color: #333;}
caption,th,td{ text-align: left; font-weight: normal;}  
i,em{font-style: normal;}
.textarea{resize:none;}
.fl{float:left;display:block;}
.fr{float:right;display:block;}
.fl img,.fr img{display:block;}
.clear{zoom:1;height:1px;overflow: hidden;clear: both;}
.clb:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clb { *zoom:1; }
.break{word-break:break-all;word-wrap: break-word;}
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.p10_0{padding:10px 0;}
.m0_10{margin:0 10px;}
.gray{background:#f3f3f3;}
.dn{display:none;}
.canvas{width:180px;height:180px;background:#fff;}/*background可以删掉*/
.canvas canvas{margin:10px;}

/* Tips */
#ie_tips{color:#f93;background:#ffc;text-align:left;text-indent:10px;border-bottom:1px solid #fec;height:24px; line-height:24px;display:none;position:fixed;top:0;left:0;width:100%;}
#ie_tips a{margin-left:5px; color:#09e;}
#ie_tips i{float:right;display:block;width:24px;height:24px;cursor:pointer;font-size:20px;margin-right:5px;}

/* Frame */

#wrap{width:1000px;margin:0 auto;}
#contain{width:1000px;height:560px;position:absolute;top:50%;margin-top:-280px;left:50%;margin-left:-500px;}

#main{float:left;width:591px;height:560px;}
#text_img{display:block;width:591px;height:200px;background:url('../img/text.png') no-repeat center;}

#qrcode_con{width:591px;height:330px;}

.qrcode_tag{width:300px;height:50px;margin-left:20px;}
.qrcode_tag li{background-color: rgba(255,255,255,0.15);width:115px;height:40px;display:block;float:left;margin:10px 0 0 10px;cursor: pointer;}
.qrcode_tag li.on{background-color: rgba(255,255,255,0.3);width:135px;height:50px;margin-top:0}
.qrcode_tag li b{font-size:20px;line-height:40px;font-weight:normal;}
.qrcode_tag li.on b{font-size:24px;line-height:50px;color:#567a80;}

.qrcode_box{display:none;width:591px;height:280px;background-color: rgba(255,255,255,0.3);}
.qrcode_box.on{display:block;}
.qrcode_box li{display:block;float:left;width:295px;height:280px;}
.qrcode_box i{display:block;float:left;width:1px;height:230px;margin:25px 0 0;background:#fff;}
.qrcode_box .canvas{margin:35px auto 0;}
.qrcode_box a{height:30px;line-height:30px;display:block;border-radius:25px;margin:10px auto 0;font-size:16px;}

#phone{float:right;width:290px;height:560px;background:url('../img/phone.png') no-repeat center;}
#phone.pub{background:url('../img/phone_pu.png') no-repeat center;}
#phone.doc{background:url('../img/phone_dr.png') no-repeat center;}
#phone .canvas{margin:175px auto 0;}
#phone b{color:#02454a;font-size:14px;font-weight:normal;line-height:24px;display:block;margin-top:10px;}

#footer{position:fixed;bottom:0;width:100%;height:50px;line-height:50px;}
#copyright{float:left;margin-left:40px;}
#supply{float:right;margin-right:40px;}


@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
	.qrcode_box{background-color:#fff;filter:Alpha(opacity=30);position:static;*zoom:1;}
	.qrcode_box li{position: relative;}  
	.qrcode_tag li{background-color:#fff;filter:Alpha(opacity=30);position:static;*zoom:1;}
	.qrcode_tag li.on{background-color:#fff;filter:Alpha(opacity=15);position:static;*zoom:1;}
}