body { font:12px/1.5 Arial, \5b8b\4f53, sans-serif; background:#fff; color:#333; position:relative }
html, body, p, dl, dt, dd, table, td, th, input, img, form, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, select, fieldset, fieldset, input, button, sub, sup, textarea { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
iframe, img { border:0 none; }
img { vertical-align:middle; }
em, i { font-style: normal; }
ul, li, ol { list-style:none outside none; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { *zoom:1;}
.footer a { text-decoration:none; color:#333; font-family:\5b8b\4f53 }
.footer a:hover { text-decoration:underline; color:#f30 }
body{
  min-width: 1200px;
}
a{
  text-decoration: none;
}
.inner{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.header{
  z-index: 9;
  width: 100%;
  height: 68px;
  background: #FFFFFF;
  backdrop-filter: blur(25px);
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: 0 0 10px #f2f2f2;
}
.header .inner{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .logo{
  width: 200px;
  height: 100px;
  background: url(../image/logo.png) no-repeat;
  background-size: 100% 100%;
}
.header .headerTab a{
  margin-left: 52px;
  font-size: 14px;
  font-family: Helvetica;
  color: #1D2768;
  text-decoration: none;
}
.header .headerTab a.cur{
  color: #1B7EFF;
}
.header .headerTab a:hover{
  color: #1B7EFF;
}
.screen01{
  height: 660px;
  background: url(../image/bg.png) 50% no-repeat
}
.screen01 .inner{
  display: flex;
  height: 660px;
}
.screen01 .left {
  margin: 72px 0 0 -38px;
  height: 532px;
  width: 710px;
  background: url(../image/screen01.png) no-repeat;
  background-size: 100% 100%;
}
.screen01 .right{
  margin: 173px 0 0 0;
}
.screen01 .right .name{
  width: 160px;
  height: 74px;
  background: url(../image/logo2.png) no-repeat;
  background-size: 200px 200px;
  background-position: center;
}
.screen01 .right .desc{
  width: 480px;
  font-size: 24px;
  font-family: Helvetica;
  color: #1E2A39;
  margin-top: 28px;
}
.screen01 .right .download{
  margin-top: 18px;
  display: block;
  width: 296px;
  height: 144px;
  background: url(../image/btn_big_nor.png) no-repeat;
  background-size: 100% 100%;
}
.screen01 .right .download:hover{
  background: url(../image/btn_big_hover.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0 -1px;
}
.screen01 .right  .info{
  position: relative;
  top: -38px;
  font-size: 13px;
  color: #1E2A39;
}
.screen01 .right  .info span{
  margin-right: 10px;
}
.screen01 .banner{
  position: absolute;
  left: 0;
  bottom: -61px;
  width: 1200px;
  height: 157px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);
  border-radius: 16px;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.screen01 .banner-item{
  cursor: pointer;
  width: 120px;
  height: 100px;
  text-align: center;
  margin-right: 35px;
}
.screen01 .banner-item:hover{
  background: url(../image/icon_bg.png) no-repeat;
  background-size: 100% 100%;
}
.screen01 .banner-item:last-child{
  margin-right: 0px;
}
.screen01 .banner-item .banner-icon{
  width: 88px;
  height: 88px;
  margin: auto;
  position: relative;
  top: -8px;
}
.screen01 .banner-item .banner-name{
  text-align: center;
  font-size: 16px;
  font-family: Helvetica;
  color: #1E2A39;
  position: relative;
  top: -20px;
}
.banner-icon-1{
  background: url(../image/icon_1.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-2{
  background: url(../image/icon_2.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-3{
  background: url(../image/icon_3.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-4{
  background: url(../image/icon_4.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-5{
  background: url(../image/icon_5.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-6{
  background: url(../image/icon_6.png) no-repeat;
  background-size: 100% 100%;
}
.banner-icon-7{
  background: url(../image/icon_7.png) no-repeat;
  background-size: 100% 100%;
}
.screen02{
  height: 750px;
  background: url(../image/screen02.png) no-repeat;
  background-size: 495px 520px;
  background-position: calc(50% - 493px) 189px;
}
.screen02 .inner{
  display: flex;
  height: 750px;
}
.screen02 .left{
  margin-right: 98px;
  width: 491px;
}
.screen02 .left .name{
  color: #1D2768;
  font-size: 50px;
  margin-top: 296px;
  letter-spacing: 2px;
}
.screen02 .left .name span{
  color: #239FFF;
}
.screen02 .left .desc{
  margin-top: 15px;
  height: 72px;
  font-size: 20px;
  font-family: Helvetica;
  color: #1D2768;
  line-height: 36px;
}
.screen02 .right{
  margin-top: 97px;
  width: 600px;
  height: 600px;
  background: url(../image/bg_2.png) no-repeat;
  background-size: 100% 100%;
}
.screen03{
  overflow: hidden;
  height: 721px;
  background: url(../image/bg_1.png) 50% no-repeat;
}
.screen03 .inner{
  overflow: hidden;
  text-align: center;
  height: 696px;
  background: url(../image/screen03.png) no-repeat;
  background-size: 750px 637px;
  background-position: 225px 252px;
}
.screen03 .name{
  color: #1D2768;
  font-size: 50px;
  margin: 91px 0 12px;
  letter-spacing: 2px;
}
.screen03 .name span{
  color: #239FFF;
}
.screen03 .desc{
  font-size: 20px;
  color: #1D2768;
  font-family: Helvetica;
}
.screen04{
  height: 650px;
  background: url(../image/bg_3.png) no-repeat;
  background-size: 495px 520px;
  background-position: calc(50% + 493px) 82px;
}
.screen04 .inner{
  display: flex;
  height: 650px;
}
.screen04 .left{
  margin: 42px 54px 0 0;
  width: 450px;
  height: 450px;
  background: url(../image/bg_4.png) no-repeat;
  background-size: 100% 100%;
}
.screen04 .name{
  margin: 194px 0 15px;
  height: 66px;
  font-size: 50px;
  color: #1D2768;
  line-height: 60px;
  letter-spacing: 2px;
}
.screen04 .name span{
  color: #1879FF;
}
.screen04 .desc{
  font-size: 20px;
  color: #1D2768;
  line-height: 36px;
  font-family: Helvetica;
}
.screen05{
  height: 680px;
  background: linear-gradient(180deg, #F3F2FF 0%, #E0EEFE 100%);
}
.screen05 .inner{
  display: flex;
  height: 680px;
}
.screen05 .left{
  margin-right: 130px;
}
.screen05 .name{
  margin: 196px 0 15px 0;
  color: #1D2768;
  font-size: 50px;
  line-height: 60px;
  letter-spacing: 2px;
  height: 66px;
}
.screen05 .name span{
  color: #219FFF;
}
.screen05 .desc{
  font-size: 20px;
  font-family: Helvetica;
  color: #1D2768;
  line-height: 36px;
}
.screen05 .right{
  margin-top: 50px;
  width: 450px;
  height: 450px;
  background: url(../image/bg_5.png) no-repeat;
  background-size: 100% 100%;
}
.screen06{
  height: 650px;
  background: url(../image/bg_3.png) no-repeat;
  background-size: 495px 520px;
  background-position: calc(50% + 493px) 82px;
}
.screen06 .inner{
  width: 1280px;
  display: flex;
  height: 650px;
}
.screen06 .left{
  margin: 33px 74px 0 0;
  width: 600px;
  height: 530px;
  background: url(../image/bg_6.png) no-repeat;
  background-size: 100% 100%;
}
.screen06 .name{
  margin: 214px 0 15px;
  height: 66px;
  font-size: 50px;
  color: #1D2768;
  line-height: 60px;
  letter-spacing: 2px;
}
.screen06 .name span{
  color: #219FFF;
}
.screen06 .desc{
  font-size: 20px;
  color: #1D2768;
  line-height: 36px;
  font-family: Helvetica;
}
.download-nor{
  margin-top: 18px;
  position: relative;
  left: -20px;
  display: block;
  width: 296px;
  height: 144px;
  background: url(../image/btn_small_nor.png) no-repeat;
  background-size: 100% 100%;
}
.download-nor:hover{
  background: url(../image/btn_small_hover.png) no-repeat;
  background-size: 100% 100%;
}
.screen03 .download-nor{
  margin: 18px auto 0;
  left: 0;
}
ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.fix-bar{
  position: fixed;
  right: 20px;
  bottom: 200px;
	border: solid 1px #e7e7e7;
  border-radius: 36px;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 99;
}
.fix-bar li{
  width: 72px;
  height: 44px;
  padding: 18px 0;
  text-align: center;
  cursor: pointer;
}
.fix-bar li .ico{
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 4px;
}
.fix-bar li span{
  line-height: 16px;
  font-size: 12px;
  color: #979797;
}
.fix-bar .download .ico {
  background: url('../image/ic-download.png');
}
.fix-bar .backtop .ico {
  background: url('../image/ic-top.png');
}
.fix-bar li:hover span{
  color: #1a64ff;
}
.fix-bar .download:hover .ico {
  background: url('../image/btn-download-hover.png');
}
.fix-bar .backtop:hover .ico {
  background: url('../image/btn-top-hover.png');
}
.footer .right { float:right }
.footer .left { float:left }
.footer .footerCon { width:1170px; margin:0 auto; min-width:1000px; }
.footer { background:#f8f8f8; min-width: 1000px;}
.footer .txt { background:#f8f8f8; padding:18px 0; color:#999 }
.footer .txt .left { color:#ccc; _display:inline; margin-left: -10px; }
.footer .txt .left a { margin:0 10px }
.footer .txt .right a { color:#939393; }
.footer .txt .right a:hover{color:#ff3300;}
.footer .txt .footerCon { padding:15px 0 10px; border-top:1px solid #fff; }
.footer .pic { background:#f8f8f8; text-align:center; height:52px; padding:20px 0 }
.footer .pic img { padding:0 10px }
.footer .foot-product, .footer .foot-us { width:1000px; margin:0 auto; }
.footer .foot-product { border-bottom: 1px solid #efefef; padding:20px 0; }
.footer .foot-product h3 { width:120px; font-size: 14px; padding-top: 5px; color:#666; }
.footer .foot-product .product-list { padding-left:120px; margin-top: -23px; }
.footer .foot-product .product-list li { width:135px; float:left; _display:inline; padding:5px 0 5px 10px; background: url(../image/arrow.png) no-repeat left 50%; }