/*reset.css*/
body,button,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin:0;padding:0;font-weight:400}
body{color:#333;font-size:15px;line-height:30px;font-family:'microsoft yahei',Simsun,Tahoma,Geneva,'Heiti SC'; background-color: #fff;}
html,body{background-attachment:fixed;box-sizing:border-box;}
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial, "微软雅黑";}
img{border:none;max-width:100%;vertical-align:middle;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}
a:link,a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li,ol{list-style:none;}

.main{width:1200px;margin:0 auto;}
.hd{overflow: hidden;}
.pr{ position: relative;}

.topBar{width:100%;height:64px;background:#fff;min-width: 1200px;}
.topBar .logoBar{width:150px;float: left;padding-top:12px;}
.topBar .navBar{width:400px;float: left;margin-left:350px;overflow: hidden;} 
.topBar .navBar a{display: block; float: left; line-height: 64px;padding:0 20px; color: #000;}
.topBar .navBar a:hover{background-color:#006fff; color: #fff;}
.topBar .navBar a.act{background-color:#006fff; color: #fff;}
.topBar .loginBar{width:170px;float: right;overflow: hidden;} 
.topBar .loginBar a{height:30px;line-height: 30px;margin-top:17px; border-radius: 15px;padding:0 24px;color: #000;display: block;  float: left;}
.topBar .loginBar a:hover{background-color:#006fff; color: #fff;}

.indexBarnerBar{width:100%;background:#0e7ced url("../img/bigBanner.jpg") no-repeat center top;height:597px;min-width: 1200px;}
.indexBarnerBar .bDodwnloadBox{float: left;width:570px;margin-top:120px;margin-left:60px;}
.indexBarnerBar .bDodwnloadBox h2{font-size:36px; color: #fff;height:60px; line-height: 60px;}
.indexBarnerBar .bDodwnloadBox h4{font-size:24px; color: #fff; text-align: center;height:80px; line-height: 80px;}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar{ overflow: hidden;margin-top:0px;width: 470px;margin-left:70px;}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .erCode{width: 150px; height:170px;float: left;text-align: center; color: #fff;}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .sp1{width:1px; height:70px;background-color: #ccc; float: left;margin:14px 40px 0 20px;}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .appBtnBox{width:176px; float: left; overflow: hidden;margin-top: 10px;}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .appBtnBox a.windows{width:176px;height: 44px; background:url("../img/btn_windows.png") no-repeat;display: block;margin-bottom:10px}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .appBtnBox a.macos{width:176px;height: 44px; background:url("../img/btn_macos.png") no-repeat;display: block;margin-bottom:10px}
.indexBarnerBar .bDodwnloadBox  .bDodwnloadBar .appBtnBox p{ text-align: center ; color: #fff;}
.indexBarnerBar .littleBanner{width:445px;background:url("../img/littleBanner.png") no-repeat center top;height:428px;margin:80px 0 0 80px; float: left;}

.innerPageBarnerBar{width:100%;background:url("../img/banner2.jpg") no-repeat center top;height:525px; color: #fff;}
.innerPageBarnerBar .tit{width:180px;height:50px; line-height: 50px; text-align: center;margin:0 auto; background-color: #0063e5; font-size: 24px;margin-top: 180px;  position: relative; z-index: 4;}
.innerPageBarnerBar .line2{height:3px; background-color: #fff;width:230px;margin:-4px auto 0 auto; position: relative; z-index: 3; }
.innerPageBarnerBar h2{font-size: 36px;  text-align: center;height:80px; line-height: 80px; }

.bg01{width:100%;background:url("../img/dot_01.png") repeat-x center top;height:480px;min-width: 1200px;}
.bg011{width:100%;background:url("../img/bg011.png") no-repeat center top;height:480px;min-width: 1200px;}
.bg011 img {
    width: 265px;
    margin-top: 20px;
    margin-left: 60px;
}

.bg011 .textDiv {
    width: 255px;
    height: 120px;
    top: 230px;
    left: 720px;
    position: absolute;
}

.bg011 .textDiv .title {
    font-size: 27px;
    width: 100%;
    height: 30px;
    color: #001f63;
}

.bg011 .textDiv .line {
    width: 30px;
    height: 1px;
    background-color:#001f63;
    margin: 20px 0px;
}
.bg011 .textDiv .getMoreBtn {
    background-color: #1472FB;
    width: 150px;
    height: 43px;
    border-radius: 21.5px;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 41.5px;
    cursor: pointer;
}


.bg02{width:100%;background:#f6fbff;height:520px;}
.bg02 .textDiv {
    width: 255px;
    height: 120px;
    left: 110px;
    top: 200px;
    position: absolute;
}

.bg02 .textDiv .title {
    font-size: 27px;
    width: 100%;
    height: 30px;
    color: #001f63;
}

.bg02 .textDiv .line {
    width: 30px;
    height: 1px;
    background-color: #001f63;
    margin: 20px 0px;
}

.bg02 .textDiv .getMoreBtn {
    background-color: #1472FB;
    width: 150px;
    height: 43px;
    border-radius: 21.5px;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 41.5px;
    cursor: pointer;
}

.bg02 img {
    height: 402px;
    margin-left: 700px;
    margin-top: 70px;
}
.bg03{width:100%;background:url("../img/discover.png") no-repeat center top;height:545px;background-size: 100%;min-width: 1200px;}
.bg03 img {
    width: 265px;
    margin-top: 60px;
    margin-left: 60px;
}

.bg03 .textDiv {
    width: 255px;
    height: 120px;
    top: 230px;
    left: 720px;
    position: absolute;
}

.bg03 .textDiv .title {
    font-size: 27px;
    width: 100%;
    height: 30px;
    color: white;
}

.bg03 .textDiv .line {
    width: 30px;
    height: 1px;
    background-color: white;
    margin: 20px 0px;
}
.bg03 .textDiv .getMoreBtn {
    background-color: #1472FB;
    width: 150px;
    height: 43px;
    border-radius: 21.5px;
    color: white;
    font-size: 18px;
    text-align: center;
    line-height: 41.5px;
    cursor: pointer;
}




/**优势部分*/
.advantage {
    width: 100%;
    height: 160px;
    background-color: #F6FBFF;
}

.advantage .content {
    width: 350px;
    height: 100%;
    margin: auto;
    overflow: hidden;
}

.advantage .content .title {
    font-size: 25px;
    width: 100%;
    height: 30px;
    color: #001f63;
    text-align: center;
    margin-top: 40px;
}

.advantage .content .line {
    width: 30px;
    height: 1px;
    background-color: #001f63;
    margin: auto;
}

.advantage .content .feature {
    color: #454545;
    width: 100%;
    height: 20px;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}



/**footer*/
.footer {
    width: 100%;
    min-height: 360px;
    background-color: #3B3B3B;
}

.footer a{
  color: white;
}

.footer .content {
    width: 1200px;
    margin: 0 auto;
}

.footer .fDodwnloadBox{width:100%;padding-top:40px;min-width: 1200px;}
.footer .fDodwnloadBox  .fDodwnloadBar{ overflow: hidden;width: 420px;margin:30px auto;}
.footer .fDodwnloadBox  .fDodwnloadBar .erCode{width: 150px;height:170px;  float: left;text-align: center; color: #fff;}
.footer .fDodwnloadBox  .fDodwnloadBar .sp1{width:1px; height:70px;background-color: #ccc; float: left;margin:14px 40px 0 20px;}
.footer .fDodwnloadBox  .fDodwnloadBar .appBtnBox{width:176px; float: left; overflow: hidden;margin-top: 10px;}
.footer .fDodwnloadBox  .fDodwnloadBar .appBtnBox a.windows{width:176px;height: 44px; background:url("../img/btn_windows.png") no-repeat;display: block;margin-bottom:10px}
.footer .fDodwnloadBox  .fDodwnloadBar .appBtnBox a.macos{width:176px;height: 44px; background:url("../img/btn_macos.png") no-repeat;display: block;margin-bottom:10px}
.footer .fDodwnloadBox  .fDodwnloadBar .appBtnBox p{ text-align: center ; color: #fff;}
.footer .sline1{height:1px;width:100%;background-color: #616161; }
.footer .content .copyright {
    font-size: 14px;
    color: white;
    text-align: center;
    margin-top: 20px;
}

.contentBox{
    overflow: hidden;
    margin:40px auto;
    width: 1200px;
}
.contentBox h4{font-size: 20px;height:40px; line-height: 40px;}
.contentBox p{font-size: 14px;line-height: 30px;}
.contentBox hr{margin:10px 0;}
.contentBox .mapBar{ float: left;}
.contentBox .mapBar img{width: 438px;height:362px;}
.contentBox .callBar{ float: left;margin-left:60px;}
.contentBox .callBar span{ display: block; float: left;}
.contentBox .callBar .st2{height:100px;line-height: 100px;}
.contentBox .iconMail{width:20px;height:100px;background:url("../img/icon_mail.png") no-repeat 0 40px;margin-right:12px;}
.contentBox .iconAddress{width:20px;height:100px;background:url("../img/icon_address.png") no-repeat 0 40px;margin-right:12px;}
.contentBox .iconQQ{width:20px;height:100px;background:url("../img/icon_qq.png") no-repeat 0 40px;margin-right:12px;}
.contentBox .infoList{margin:0px auto; overflow: hidden;}
.contentBox .infoList dd{overflow: hidden;margin:20px 0;}
.contentBox .infoList dd .imgBar{ float: left;width:300px;height:180px; overflow: hidden;} 
.contentBox .infoList dd .imgBar img{max-width: 300px;}
.contentBox .infoList dd .contBar{float: left;margin-left:20px;width:760px;height:196px; border-bottom: 1px solid #f2f2f2;}
.contentBox .infoList dd .contBar .tit{font-size: 20px;height:30px; line-height: 30px;}
.contentBox .infoList dd .contBar .timer{font-size: 12px;height:20px; line-height: 20px; color: #b6b6b6;}
.contentBox .infoList dd .contBar .cont{font-size: 14px;height:70px; overflow: hidden;}
.contentBox .infoList dd .contBar .more{width:206px;height:44px;border:1px solid #feac5a; line-height: 44px;  border-radius:6px; color:#feac5a; cursor: pointer;background:url("../img/icon_coffee.png") no-repeat 12px 8px;padding-left:60px;}

.contentBox .titTipBar{ height:60px; line-height: 60px; font-size: 20px; border-bottom: 1px solid #dee1ea;}
.contentBox .mt40{margin-top: 40px;}

.popup-mask{position:fixed;top:0;left:0;z-index:10000;display:none;width:100%;height:100%;background-color:#000;opacity:.5;filter:alpha(opacity=50) \0}

.showViewBox{position:fixed;top:50%;left:50%;z-index:100001;margin-top:-235px;margin-left:-210px;font-size:16px;width:420px;font-family:'microsoft yahei',Simsun,Tahoma,Geneva,'Heiti SC'; display: none;}
.closedBar{height:70px; position: relative;}
.closedBtn{width:22px;height:22px; position: absolute; top:0;right:4px; cursor: pointer;;background:url("../img/icon_closed.png") no-repeat 0 0;}
.cline{width: 1px; background-color: #96a5b8;height:50px;position: absolute; top:20px;right:14px;z-index:100002;}

.showViewBar {border:1px solid #eee;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.15);width:420px;height:420px;border-radius: 8px;}
.showViewBar .tit{ text-align: center;height: 30px; line-height: 30px; overflow: hidden;color:#FF6633;margin-top: 10px; font-size: 28px;}
.showViewBar .img{width: 260px;margin:40px auto 0; text-align: center; display: block;}
.showViewBar p{text-align: center;height: 30px; line-height: 30px; overflow: hidden; color:#000;margin-top: 20px;}