@charset "utf-8";
/** 
   description:globalcss
   author:Ada
   date:2015.9.29
*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {line-height: 1;}
li{list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
input,textarea,select {	font-family:inherit;font-size:inherit;	font-weight:inherit; *font-size:100%;}
:focus{ outline:none;}
.clearfix {*zoom:1;}
.clearfix:after{content:"\200B";height:0;display:block;clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix2{ zoom:1; overflow:hidden;}

.header,.content{ width:1000px; margin:0 auto; position:relative;}
.header img{ display:block; border:none;}
.img_logo{ margin-top:21px;}
.awrap a{ display:inline-block; font:16px/44px 'Microsoft Yahei'; color:#333; padding:0 20px; float:left; margin-right:10px; text-decoration:none;}
.awrap .a_my,.awrap a:hover{ background:#21cd96; color:#fff; text-decoration:none; }
.awrap{ position:absolute; right:0; top:30px;}
.headerwr{ background:url(../img/bg_header.jpg) no-repeat center top;}
.topcon{ width:1000px; margin:0 auto; position:relative;}

.header{
height:680px;
position:relative;}
.header p {width: 540px;text-align:center;}
.topcon{ height:100px;}
.a_btn{ display:inline-block; position:absolute;width:187px; height:57px; top:460px;}

a.pc{background:url(../img/btn_group.png) 0 -1px no-repeat; left:280px;}

a.a_android{ background:url(../img/btn_group.png) -215px -1px; right:280px;}
.p_accout1{ font:16px/2 'Microsoft Yahei'; top:550px; right:220px; position:absolute;}
.p_accout1 a{ color:#fff; text-decoration: underline;}
p.p_warm{ font:12px/2 'Microsoft Yahei'; position:absolute; top:415px; right:0px;}
.flash{ width:268px; height:169px; position:absolute;  position:absolute; bottom:43px; left:595px;} 
.flashul { position:relative;}
.flashul li{ position:absolute; z-index:1;}
.flashul li.hover{ z-index:10;}
.flashul li img {width: 268px;height:169px;}
.img_tip{ position:absolute; z-index:99; top:270px; left:773px;}
.img_video{ position:absolute ; right:10px; bottom:175px; z-index:100;}
.qrimg{ width:140px;  position:fixed; top:330px; left:50%; margin-left:510px; z-index:999; background:#fff; padding:10px 5px; text-align:center;}
.qrimg img{
   max-width:100%;
}
.qrimg p{font: 14px/20px 'Microsoft Yahei';text-align: center;}
.content h3{ margin:55px 0 24px;}
.img_trait img{ margin-right:25px; position:relative;}
.img_trait{ width:1035px; margin-bottom:40px;}
#footer{ margin-top:0!important;}
.trait0{-webkit-animation:fadeIn 1s ease 0 1 both alternate;-o-animation:fadeIn 1s ease 0 1 both alternate;-ms-animation:fadeIn 1s ease 0 1 both alternate;-moz-animation:fadeIn 1s ease 0 1 both alternate;}
.trait1{-webkit-animation:fadeIn 1s ease 0.3s 1 both alternate ;-moz-animation:fadeIn 1s ease 0.3s 1 both alternate ;-o-animation:fadeIn 1s ease 0.3s 1 both alternate ;-ms-animation:fadeIn 1s ease 0.3s 1 both alternate ;}
.trait2{-webkit-animation:fadeIn 1s ease 0.5s 1 both alternate ;-moz-animation:fadeIn 1s ease 0.5s 1 both alternate ;-o-animation:fadeIn 1s ease 0.5s 1 both alternate ;-ms-animation:fadeIn 1s ease 0.5s 1 both alternate ;}
.trait3{-webkit-animation:fadeIn 1s ease 0.7s 1 both alternate;-ms-animation:fadeIn 1s ease 0.7s 1 both alternate; -moz-animation:fadeIn 1s ease 0.7s 1 both alternate; -ot-animation:fadeIn 1s ease 0.7s 1 both alternate;}
.trait4{-webkit-animation:fadeIn 1s ease 0.9s 1 both alternate ;-moz-animation:fadeIn 1s ease 0.9s 1 both alternate ;-ms-animation:fadeIn 1s ease 0.9s 1 both alternate ;-o-animation:fadeIn 1s ease 0.9s 1 both alternate ;}

a.a_general,a.a_amd{ width:256px; height:80px; top:213px;}
a.a_general{ background:url(../img/img_btns.jpg) no-repeat; left:458px;}
a.a_amd{ background:url(../img/img_btns.jpg) no-repeat -283px top; left:740px;}
.fiximg{right:0; position:fixed; width:33px; height:135px; background:url(../img/imgfixed.png); top:50%; margin-top:-70px;}
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-o-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}


.btmbox{ position:fixed; background:#fed349; height:60px; bottom:0; width:100%; z-index:99;}
.btmbox .btmboxcon{ position:relative;}
.btmboxcon .add_close{ position:absolute; display:inline-block; position:absolute; right:0; top:0; background:#fff; width:30px; height:30px; text-align:center; font:35px/24px 'Microsoft Yahei'; color:#000; text-decoration:none;}
.add_a {
  color: #000;
  text-align: center;
  font: 18px/60px 'Microsoft Yahei';
  display: block;
}


#wrap_terminal{display:none!important;}


.qrbox {
    background: #fff;
    padding: 10px;
    position: absolute;
    top: 376px;
    z-index: 999;
    display: none;
}
.qrbox1 {
    left: 467px;
}
.qrbox2 {
     left: 650px; 
}