html,body{font-family:"PingFang SC", "-apple-system","SF UI Display","Arial","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif";background:url(../img/bg.jpg) ;background-size:cover;position:relative;width:100%}
.fixed{z-index:11;position: fixed;top: 0;right: 0;left: 0;z-index: 10;padding:0;}
.wrap,.container{max-width:1200px;margin:0 auto;}
.header{border-bottom:1px solid #3e46c7}
.navbar li a{color:#868db3;margin:0 20px;padding:0;padding-bottom:25px;}
.nav{margin:25px 0 -10px 0}
.navbar li.active a,.navbar li:hover a{border-bottom:3px solid #fff;color:#fff}
.navbar .navbar-body{background:#e8e7e7;}
.logo .logo2{margin-left:20px;}
img{max-width:100%;}
.kg{clear:both;padding:50px 0}
/* main */
.main{clear:both;padding:45px 0;}
.main .zk1{color:#fff;text-align:center;}
.main .zk1 .zk1_h2{font-size:32px;font-weight:600;margin-bottom:20px;color:#667eea;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
.main .zk1 .zk1_desc{font-size:90px;padding:30px 0;color:#fff;font-weight:700;line-height:1.1;letter-spacing:3px;text-shadow:0 3px 6px rgba(0,0,0,0.5);white-space:nowrap;}
.main .zk1 .zk1_desc .brand{color:#fff;}
.main .zk1 .zk1_features{font-size:20px;padding:25px 0;color:rgba(255,255,255,0.95);line-height:1.8;text-shadow:0 2px 4px rgba(0,0,0,0.5);font-weight:500;}
.main .zk1 .zk1_features span{color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,0.5);}
.main .zk1 .zk1_btn a{background-image:url(../img/btn_bg.png);background-size:cover;background-repeat:no-repeat;margin:5px 8px;padding:12px 8px;min-width:160px;display:inline-block;color:#fff;border-radius:35px;font-size:14px;}
.main .zk1 .zk1_btn a img{vertical-align: middle;max-height:28px;margin-right:6px;}
.main .zk1 .zk1_btn a:hover{opacity:0.6;}
/* banner */
.banner{text-align: center;padding:55px 0;position:relative;}
.banner .swiper-container{position:initial;}
.banner .swiper-pagination{bottom:0px;}
.banner .swiper-pagination-bullet{width:30px;height:6px;line-height:6px;background:#404795;border-radius:10px;margin:5px 8px!important;opacity:1!important;}
.banner .swiper-pagination-bullet-active{background:#fff;}
/* zk2 */
.main .zk2{clear:both;background-image:url(../img/zk2_bg.png);background-position: bottom center;background-repeat:no-repeat;background-size:cover;margin:90px 0 65px 0;padding:25px 0 35px 0;color:#fff;overflow:hidden;}
.main .zk2 .zk2_type{text-align:center;padding:25px 0;}
.main .zk2 .zk2_type .zk2_h2{font-size:36px;}
.main .zk2 .zk2_type p{font-size:16px;text-transform:uppercase;}
.main .zk2 .zk2_ul ul{padding:0 10px 25px 10px;}
.main .zk2 .zk2_ul li{width:21%;float:left;text-align:center;margin:15px 2%;list-style-type:none;}

.main .zk2 .zk2_ul li .icon{-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; }
.main .zk2 .zk2_ul li:hover .icon{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
.main .zk2 .zk2_ul li .title br{display:none;}	
.main .zk2 .zk2_ul li .title{margin:15px 0;font-size:20px;line-height:25px;}
.main .zk2 .zk2_ul li .desc{text-align:left;line-height:28px;font-size:16px;}
.main .zk2 .zk2_ul li:nth-child(5){clear:both;}
.main{clear:both;position:relative;}
#qiu{position:absolute;left:2%;bottom:-370px;z-index:22;opacity:0.8;}
#fei{position:absolute;right:2%;bottom:-300px;z-index:22;opacity:0.8;}
.main .zk3{position:relative;}
.main .zk3 .box{clear:both;background:url(../img/quan.png) no-repeat top center;height:462px;background-size:465px;margin:185px auto 0 auto;color:#fff;width:465px;}
.main .zk3 .type{text-align:center;text-transform:uppercase;padding-top:35%;padding-left:30px;font-size:16px}
.main .zk3 .type .zk3_t2{font-size:36px;}
.main .zk3 li{max-width:370px;position:absolute;z-index: 2;list-style-type:none;}
.main .zk3 li .tt{font-size:32px;line-height:50px;}
.main .zk3 li .zy{font-size:14px;margin-top:15px;}
.main .zk3 li.li1{left:-10px;top:45px;text-align:right;padding-right:25px;}
.main .zk3 li.li1 .tt{color:#FFDA82}
.main .zk3 li.li2 .tt{color:#0AC1FB}
.main .zk3 li.li3 .tt{color:#7BFCAB}
.main .zk3 li.li2{right:0;padding-left:20px;top:-25px;}
.main .zk3 li.li3{bottom:-170px;text-align:center;padding-left:90px}
.fkg{clear:both;padding:90px 0}
.footer{clear:both;text-align:center;color:#fff;line-height:30px;padding:100px 0 0 0;margin-bottom:-15px;}

/* 使用手册 */
.help{clear:both;position:relative;z-index:2;margin-bottom:-50px;}
.help .weizhi{color:#fff;padding:15px 0;font-size:14px;}
.help .weizhi a{color:#fff;}
.help .weizhi a:hover{color:#ddd;}
.help .help_cont{padding:15px;color:#fff;background:#0D136B;-moz-box-shadow:0 6px 15px rgba(0,0,0,.2); -webkit-box-shadow:0 6px 15px rgba(0,0,0,.2); box-shadow:0 6px 15px rgba(0,0,0,.2);max-height:3080px;overflow-y:scroll;position:relative;z-index:33;}
.gray-block p{line-height:30px;color:#fff}
.gray-block p.content_blue{color:#0FE4FF;font-size:20px;font-weight:700}
.gray-block p.q_blue{color:#0FE4FF}
.gray-block p.bold.q_blue{color:#fff}
.gray-block a{line-height:24px;text-decoration:none;color:#fff}
.gray-block a:hover{color:#2709f1!important;text-decoration:underline}
.gray-block a.content_blue{color:#39c}
.gray-block .q_title_padding_top{padding-top:30px}
.gray-block .q_content p.q_blue{color:#065d85}
.gray-block img{max-width:98%;margin-bottom:10px}
.gray-block .HTTP:hover{color:#f90}
.help #qiu{position:absolute;left:2%;bottom:-70px;z-index:22;opacity:0.8;}
.help #fei{position:absolute;right:2%;bottom:-80px;z-index:22;opacity:0.8;}
.test-5::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .test-5::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: skyblue;
  background-image: -webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
  }
  .test-5::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }
  
  
@media screen and (max-width:750px){
html,body{overflow-x:hidden;padding-bottom:0;}
.kg{clear:both;padding:30px 0}
.main{clear:both;padding:15px 0;}
.header{z-index:11;position: fixed;top: 0;right: 0;left: 0;z-index: 10;padding:0;padding:5px 0;background:rgba(0,0,0,0.6);}
.navbar li.active a,.navbar li:hover a{border-bottom:0;color:#fff}
.header .logo img{max-height:25px;}	
.header .nav{margin:5px 0;}
.nav.nav-switch{color:#fff}
.navbar .navbar-body{margin-top:5px;background:rgba(0,0,0,0.8);padding:0 0 35px 0}
.navbar li a{padding:10px 0;}
.banner{text-align: center;padding:35px 0;position:relative;}
.banner .swiper-container{position:initial;}
.banner .swiper-pagination{bottom:-4px!important;}
.banner .swiper-pagination-bullet{width:30px;height:6px;line-height:6px;background:#404795;border-radius:10px;margin:5px 8px!important;opacity:1!important;}
.banner .swiper-pagination-bullet-active{background:#fff;}
.main .zk1 .zk1_h2{font-size:36px;}
.main .zk1 .zk1_desc{font-size:15px;padding:15px 0;line-height:28px;}
.main .zk1 .zk1_btn a{margin:10px 20px;width:75%;padding:12px 0}
.main .zk1 .zk1_btn a img{vertical-align: middle;max-height:23px;margin-right:6px;}
.main .zk2{margin:120px 0 20px 0}
.main .zk2 .zk2_ul li{width:46%;float:left;text-align:center;margin:15px 2%;list-style-type:none;}
.main .zk2 .zk2_ul li .icon img{max-height:40px;}
.main .zk2 .zk2_ul li .title{margin:15px 0 10px 0;font-size:18px;}
.main .zk2 .zk2_ul li .desc{line-height:25px;font-size:14px;}
.main .zk2 .zk2_ul li:nth-child(5){clear:both;}
.main .zk2 .zk2_ul li .title br{display:block;}	
#fei,#qiu{display:none;}
.main .zk3{position:initial;}
.main .zk3 .box{clear:both;background:transparent;height:auto;background-size:auto;margin:5px auto 0 auto;color:#fff;width:100%;padding:5px;}
.main .zk3 li{max-width:370px;position:initial;z-index: 2;list-style-type:none;text-align:left!important;padding:0!important;margin:25px 0}
.main .zk3 li .tt{font-size:24px;line-height:35px;}
.main .zk3 li .zy{color:#fff}
.fkg{clear:both;padding:0}
.footer{font-size:14px;padding:15px 0}
.main .zk3 .type{padding-top:10px;padding-left:0;margin-bottom:35px;}
.help .help_cont{max-height:initial;overflow-y:visible!important;}
}

/* 下拉下载按钮样式 */
.dropdown-download {
    position: relative;
    display: inline-block;
}

.dropdown-toggle {
    background-image: url(../img/btn_bg.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    margin: 5px 8px !important;
    padding: 12px 8px !important;
    min-width: 160px !important;
    display: inline-block !important;
    color: #fff !important;
    border-radius: 35px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.dropdown-toggle:hover {
    opacity: 0.8 !important;
}

.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 15px;
    padding: 10px 0;
    min-width: 180px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 10px 30px rgba(30,60,114,0.4);
}

.dropdown-menu a {
    display: block !important;
    padding: 10px 20px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    background: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-width: auto !important;
}

.dropdown-menu a:hover {
    background: rgba(255,255,255,0.1) !important;
    opacity: 1 !important;
}

.dropdown-menu a img {
    vertical-align: middle;
    max-height: 20px;
    margin-right: 8px;
}

.dropdown-download:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.main .zk1 .zk1_txt .zk1_txt3{font-size:20px;color:rgba(255,255,255,0.8);font-weight:300;text-shadow:0 0 10px rgba(255,255,255,0.3);}