html,body{margin:0px;padding:0px;font-family: Microsoft YaHei,tahoma,arial,sans-serif;height:100%;}
::-webkit-input-placeholder {color:#cee5f9; }  /* WebKit browsers */ 
:-moz-placeholder {color:#cee5f9;}  /*Mozilla Firefox 4 to 18*/  
::-moz-placeholder {color:#cee5f9;}  /* Mozilla Firefox 19+ */ 
:-ms-input-placeholder {color:#cee5f9;} /* Internet Explorer 10+ */
ul,li,a{list-style:none;padding:0px;margin:0px;}
a,a:hover{ text-decoration:none;cursor:pointer;}
.cl{ clear:both;}
.hidden{display:none;}
body{margin:0 auto;}
body{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}/*文字不让复制选中代码*/
*{margin:0px;padding:0px;}
#bgColorCenter{height:414px;width:100%; position:absolute;top:57px;background:#0c66b2;}
#divOutbox{position:relative;width:980px;margin:0 auto;}
#divHeader{height:57px; position:absolute;}
#divHeader .divlogo{float:left;margin-top:10px;margin-left:78px;}
#divHeader .divlogo img{width:74px;height:42px;}
#divHeader .divTopTitle{color:#0c66b2;float:left;margin-top:30px;margin-left:6px;}
#divHeader .divTopTitle span{width:120px;height:12px;font-size:17px;width:110px;height:50px;color:#0c66b2;}
#divContent{height:414px;position:absolute;top:92px;}
#centerContent .centerContentLeft{float:left;}
#centerContent .centerContentLeft img{width:546px;height:354px;}
#centerContent .centerContentRight{width:342px;height:300px;background:#fff;float:right;margin-left:46px;margin-top: 20px;}
#centerContent .centerContentRight .loginBox{width:342px;height:300px;background:#fff;position:relative;z-index:1;}
#centerContent .centerContentRight .loginBox .loginBoxTopTitle{width:100%;height:52px;position:absolute;left:0;top:0;border-bottom:1px solid #eee;font-size:16px;}
#centerContent .centerContentRight .loginBox .loginBoxTopTitle span:hover{font-weight:normal;}
#centerContent .centerContentRight .loginBox .loginBoxTopTitle .loginBoxTopTitleLeft{display:inline-block;width:100%;height:100%;text-align:center;line-height:52px;float:left;cursor:pointer;background:#f9f9f9;}
#centerContent .centerContentRight .loginBox .loginBoxTopTitle .loginBoxTopTitleRight{display:inline-block;width:50%;height:100%;text-align:center;line-height:52px;float:left;cursor:pointer;}
#centerContent .centerContentRight .loginBox .loginBoxTopTitle .chooseOn{color:#0c66b2;font-weight:normal;}
#centerContent .centerContentRight .loginBox .loginBoxContent{height:230px;padding:82px 30px 0 30px;}
/*#linkBox{width:500px;height:60px; text-align:center;position:absolute;left:0;right:0;bottom:4%;margin:0 auto;}*/
.loginInput{width:286px;height:37px;border:1px solid #0c66b2;margin-bottom:20px;}
.loginBoxContent-Login input.loginButton{list-style:none;width:286px;height:36px;background:#0c66b2;font-size:13px;color:#fff; letter-spacing:2px;border:none;cursor:pointer;margin-top:20px;}
.loginBoxContent-Login .loginInput .userName{width:13%;height:37px;background-color:#0c66b2;float:left;}
.loginBoxContent-Login .loginInput #userName{width:86%;height:34px;border:none;float:left;padding-left:16px;outline:none;margin-top:1px;font-size:12px;}
.loginBoxContent-Login .loginInput #passWord{width:86%;height:34px;border:none;float:left;padding-left:16px;outline:none;margin-top:1px;font-size:12px;}
.loginBoxContent-Login .loginInput .userName span{display:block;width:36px;height:38px;}
.loginBoxContent-Login .loginInput .userName span img{width:25px;height:26px;margin:5px 0 0 6px;}
.loginBoxContent-Login .loginInput .passWord{width:13%;height:37px;background-color:#0c66b2;float:left;}
.loginBoxContent-Login .loginInput .passWord span{display:block;width:36px;height:36px;}
.loginBoxContent-Login .loginInput .passWord span img{width:25px;height:26px;margin:5px 0 0 6px;}
.loginBoxContent-Login .loginTip #rememberCode{width:16px;height:16px;}
.loginBoxContent-Login .loginTip label{font-weight:normal;float:left;color:#666;}
.loginBoxContent-Login .loginTip label span{display:inline-block;margin-left:25px;cursor:pointer;}
.loginBoxContent-Login .loginTip {margin-top:34px;line-height:16px;font-size:11px;}
.loginBoxContent-Login .loginTip a{color:#666;display:inline-block;float:left;}
.loginBoxContent-Login .loginTip .forgetCode{float:right;display:inline-block;}
.loginBoxContent-Sceen{margin:0 auto;text-align:center;}
.loginBoxContent-Sceen img{width:145px;height:145px;margin-bottom:30px;}
.loginBoxContent-Sceen p{font-size:12px;}
.loginBoxContent-Sceen p a{color:#0e72c8;}
.loginBoxContent-SceenSuccess{margin:0 auto;text-align:center;font-weight:bold;font-size: 12px;}
.loginBoxContent-SceenSuccess img{width:60px;height:106px;}
.loginBoxContent-SceenSuccess p{line-height:10px;margin-top:15px;color:#333;}
.loginBoxContent-SceenSuccess .backToSceen{color:#0e72c8;margin-top:20px;display:block;}
 #centerContent .centerContentRight .loginBox .loginBoxBottom{width:100%;height:50px;position:absolute;left:0;top:298px;border-top:1px solid #eee;}
 #centerContent .centerContentRight .loginBox .loginBoxBottom a{display:block;margin-left:270px;margin-top:10px;color:#0c66b2;font-size:11px;}
.bottomBg{position:absolute;top:580px; height:15px;width:100%;z-index:-1;}

#divScanBox{width:960px;height:200px;position:absolute;top:30px;}
.scanBox{width:496px;height:200px;position:absolute;right:0px;}
.tableBox{height:100%;width:100%;}
.tdIcon1,.tdIcon2,.tdIcon3{width:38px;height:38px;background-color:#b3b3b3;display:inline-block;border-radius:4px;cursor:pointer;}
.tdIcon1{background-image:url(../Images/phoneIcon.png);background-repeat:no-repeat;background-position:center;}
.tdIcon2{background-image:url(../Images/chartIcon.png);background-repeat:no-repeat;background-position:center;}
.tdIcon3{background-image:url(../Images/weixinIcon.png);background-repeat:no-repeat;background-position:center;}
.tdText1,.tdText2,.tdText3{width:120px;height:38px;line-height:38px;display:inline-block;padding-left:10px;cursor:pointer;}
.tdScanApp1,.tdScanApp2,.tdScanApp3{display:inline-block;position:absolute;top:40px;display:none;}
.tdScanApp2{left:155px;}
.tdScanApp3{left:315px;}
@media screen and (min-width:1999px){
    .scanBox{right:5px;}
}
@media screen and (min-width:905px) and (max-width:1055px) {
    #centerContent .centerContentLeft img{width:500px;}
}
@media screen and (min-width:792px) and (max-width:904px) {
    #centerContent .centerContentLeft img{width:400px}
}
@media screen and (max-width:791px) {
    #centerContent .centerContentLeft img{width:0px;}
}
@media screen and (min-height:1000px){
    #divOutbox{width:1180px;}
    #divScanBox{width:1150px;}
    #centerContent .centerContentLeft img{width: 700px;height: 500px;}
    #bgColorCenter{height:714px;top:150px;}
    #divContent{top:250px;height: 500px;}
    #centerContent .centerContentRight{margin-left:120px;margin-top: 65px;}
    #divHeader .divlogo{margin-left:50px;height:70px;margin-top: 20px;}
    #divHeader .divTopTitle{margin-top: 50px;}
    #divHeader .divlogo img{ width: 94px;height: 52px;}
    #divHeader .divTopTitle span{font-size: 22px;}
    #divHeader{top: 40px;}
    #divHeader .divlogo img{width: 124px;height: 72px;}
    #divHeader .divTopTitle span{font-size: 26px;}
}
@media screen and (min-height:900px) and (max-height:999px) {
    #divOutbox{width:1180px;}
    #divScanBox{width:1150px;}
    #centerContent .centerContentLeft img{width: 700px;height: 500px;}
    #bgColorCenter{height:714px;top:130px;}
    #divContent{top:250px;height: 500px;}
    #centerContent .centerContentRight{margin-left:120px;margin-top: 65px;}
    #divHeader .divlogo{margin-left:50px;height:70px;margin-top: 20px;}
    #divHeader .divTopTitle{margin-top: 45px;}
    #divHeader .divlogo img{ width: 94px;height: 52px;}
    #divHeader .divTopTitle span{font-size: 22px;}
    #divHeader{top: 40px;}
    #divHeader .divlogo img{width: 114px;height: 66px;}
    #divHeader .divTopTitle span{font-size: 22px;}
}
/*@media screen and (min-height:900px) and (max-height:919px) {
    #divOutbox{width:1180px;}
    #centerContent .centerContentLeft img{width: 700px;height: 500px;}
    #bgColorCenter{height:714px;top:100px;}
    #divContent{top:230px;height: 500px;}
    #centerContent .centerContentRight{margin-left:120px;margin-top: 65px;}
    #divHeader .divlogo{margin-left:50px;height:70px;margin-top: 20px;}
    #divHeader .divTopTitle{margin-top: 45px;}
    #divHeader .divlogo img{ width: 94px;height: 52px;}
    #divHeader .divTopTitle span{font-size: 22px;}
    #divHeader{top: 40px;}
    #divHeader .divlogo img{width: 114px;height: 66px;}
    #divHeader .divTopTitle span{font-size: 22px;}
}*/
@media screen and (min-height:800px) and (max-height:899px) {
    /*.scanBox{margin-right:200px;}*/
    #bgColorCenter{height:614px;top:120px;}
    #divContent{top:225px;}
    #centerContent .centerContentRight{margin-left:80px;}
    #divHeader .divlogo{margin-left:50px;height:70px;margin-top: 20px;}
    #divHeader .divTopTitle{margin-top: 50px;}
    #divHeader{top: 20px;}
    #divHeader .divlogo img{width: 104px;height: 60px;}
    #divHeader .divTopTitle span{font-size: 19px;}
}
@media screen and (min-height:700px) and (max-height:799px) {
    /*.scanBox{margin-right:220px;}*/
    #bgColorCenter{height:514px;top:100px;}
    #divContent{top:185px;}
    #centerContent .centerContentRight{margin-left:60px;}
    #divHeader .divlogo{margin-left:50px;}
    #footer .us{width: 150px;}
    #divHeader{top: 20px;}
    #divHeader .divlogo img{width: 94px;height: 54px;}
    #divHeader .divTopTitle{margin-top: 35px;}
}
@media screen and (min-height:600px) and  (max-height:699px) {
    #divScanBox{top:20px;}
    /*.scanBox{margin-right:234px;}*/
    #bgColorCenter{height:480px;top:70px;}
    #divContent{top:135px;}
    #divHeader{top: 5px;}
    #divHeader .divlogo img{width: 84px;height: 48px;}
}
@media screen and (max-height:599px) {
    /*.scanBox{margin-right:234px;}*/
    #bgColorCenter{height:400px;top:80px;}
    #divContent{top:105px;}
    #divHeader{top: 10px;}
    #divHeader .divlogo img{width: 84px;height: 48px;}
}