﻿body{position:relative;margin:0 auto;min-width:1366px;font-family:"PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif}body .wrapper{width:1200px;margin:0 auto}body a{text-decoration-line:none}body h1,body h3{color:#F3F7FF}body h1{font-size:56px;font-weight:bold}body h3{font-size:24px}body ul{margin:0;padding:0}body ul li{float:left;list-style-type:none}body :focus{outline:none}body .btn-group{margin-top:25px}body .btn-group .btn-item{display:inline-block;margin-right:20px;width:140px;height:44px;line-height:42px;text-align:center;font-size:16px;border:1px solid #fff;border-radius:22px;text-decoration:none}body .btn-group .btn-left{background:#0843c6;color:#fff;transition:all .5s ease}body .btn-group .btn-left:hover{background:#fff;color:#0843c6}body .btn-group .btn-right{color:#F4F7FF;transition:all .5s ease}body .btn-group .btn-right .start-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(../images/start-icon.png) center no-repeat}body .btn-group .btn-right:hover{border-color:rgba(255,255,255,0.9);background-color:rgba(255,255,255,0.2)}body header{position:relative;z-index:2}body header .menu-shadow{content:'';width:100%;height:70px;position:absolute;background-image:url(../images/menu-shadow.png);background-position:center bottom}body .navbar-default{margin-bottom:0;height:60px;line-height:60px;background-color:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.2)}body .navbar-default .logo{width:210px;height:53px;background:url(../images/logo.png) center no-repeat}body .navbar-default .navbar-brand{height:auto;padding:0 15px}body .navbar-default .navbar-nav{margin-left:30px}body .navbar-default .navbar-nav li{margin-left:20px}body .navbar-default .navbar-nav>li>a{position:relative;padding:20px 15px 20px 38px;color:#fff;font-size:16px;cursor:pointer}body .navbar-default .navbar-nav>li>a:hover,body .navbar-default .navbar-nav>li>a:focus{color:#fff}body .navbar-default .navbar-nav .nav-account{margin-left:0}body .navbar-default .navbar-nav .nav-account a{padding-right:5px;padding-left:5px}body .navbar-default .navbar-nav .nav-account:hover a{color:#fff}body .navbar-default .navbar-header{float:left}body .navbar-default .navbar-nav{float:left}body .navbar-default .navbar-right{float:right !important;margin-right:0}body .navbar-default .navbar-nav .nav-item:hover a,body .navbar-default .navbar-nav>.nav-item>a:hover,body .navbar-default .navbar-nav>.nav-active a{color:#fff}body .navbar-default .navbar-nav .nav-item:hover a::before,body .navbar-default .navbar-nav>.nav-item>a:hover::before,body .navbar-default .navbar-nav>.nav-active a::before{position:absolute;left:8px;font-size:12px;content:'—'}body .content-container{width:1200px;height:100%;margin:0 auto;position:relative}body .section-title{font-size:30px;text-align:center;color:#333}body .section-title p{margin-bottom:10px}body .section-title .divide-line{width:34px;height:2px;background-color:#399ddd;margin:0 auto}body .bottom-banner{padding-top:88px;height:250px;text-align:center;background:url(../images/bottom-banner-bg.png) center no-repeat}body .bottom-banner .title{font-size:27px;font-weight:bold;color:#fff}body footer{padding-top:20px;background:#2F3238;text-align:center}body footer .footer-logo{width:232px;height:36px;margin:0 auto;background:url(../images/footer-logo.png) center no-repeat}body footer .contact{padding:20px 0 10px 0;font-size:14px;color:#878787;border-bottom:1px solid #565656}body footer .contact a{padding-left:10px;font-size:14px;color:#878787}body footer .record-info{padding:10px;font-size:14px;color:#565656}body footer .friend-links .frend-link{font-size:12px;padding-top:20px}body footer .friend-links .frend-link .title{color:#fff}body footer .friend-links .frend-link .link{text-align:left}body footer .friend-links .frend-link .link a{display:inline-block;color:#666;margin-right:10px;margin-bottom:10px}@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2){body .navbar-default .logo{background:url(../images/logo@2x.png) center/contain no-repeat}body .btn-group .btn-right .start-icon{background:url(../images/start-icon@2x.png) center/contain no-repeat}body .banner-bottom .banner-bottom-item .item-icon.item-icon-1{background:url(../images/banner-item-1.png) center/contain no-repeat}body .banner-bottom .banner-bottom-item .item-icon.item-icon-2{background:url(../images/banner-item-2.png) center/contain no-repeat}body .banner-bottom .banner-bottom-item .item-icon.item-icon-3{background:url(../images/banner-item-3.png) center/contain no-repeat}body .banner-bottom .banner-bottom-item .item-icon.item-icon-4{background:url(../images/banner-item-4.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon{width:94px;height:94px}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-1{background:url(../images/adva1@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-2{background:url(../images/adva2@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-3{background:url(../images/adva3@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-4{background:url(../images/adva4@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-5{background:url(../images/adva5@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon.adva-icon-6{background:url(../images/adva6@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-1{background:url(../images/adva1-active@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-2{background:url(../images/adva2-active@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-3{background:url(../images/adva3-active@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-4{background:url(../images/adva4-active@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-5{background:url(../images/adva5-active@2x.png) center/contain no-repeat}body .product-advantage .advantages .adva-item .adva-icon:hover.adva-icon-6{background:url(../images/adva6-active@2x.png) center/contain no-repeat}body footer .footer-logo{background:url(../images/footer-logo@2x.png) center/contain no-repeat}}.model-wrapper-bk{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;background-color:rgba(0,0,0,0.46);z-index:5}.model-wrapper{position:fixed;width:800px;height:589px;left:0;right:0;top:0;bottom:0;margin:auto;text-align:center;z-index:6}.model-wrapper::after{content:"";display:inline-block;height:100%;width:0;vertical-align:middle}.model-wrapper .model{display:inline-block;vertical-align:middle;position:relative;width:500px;min-height:340px;padding:20px;border-radius:12px;background:#fff}.model-wrapper .model .cancel-btn{position:absolute;top:10px;right:10px;background:url(../images/close-icon.png) center no-repeat;background-size:contain;width:25px;height:25px;cursor:pointer;border-radius:50%;z-index:1}.model-wrapper .model .model-content{position:relative;margin-top:20px}.model-wrapper .model .model-content .the-icon{width:83px;height:83px;margin:0 auto;background:url(../images/model-icon.png) center no-repeat}.model-wrapper .model .model-content .result-text{font-size:16px;margin-top:28px;color:#333333}.model-wrapper .model .model-content .result-text .contact{margin-top:12px;font-size:22px}.model-wrapper .model .model-content .model-btn{display:block;width:140px;height:44px;line-height:44px;text-decoration:none;text-align:center;margin:40px auto 0;cursor:pointer;border:0;border-radius:2em;font-size:15px;color:#6454f9;background:url(../images/model-btn.png) center no-repeat}.model-wrapper .model .model-content .model-btn:focus{outline:none}.model-wrapper .model .model-content .model-btn:hover{transition:transform .2s linear;transform:translateY(-2px)}.model-wrapper.info-model{width:1000px}.model-wrapper.info-model .model{padding-top:58px;width:100%}.model-wrapper.info-model .model .model-content{width:100%}.toast{position:fixed;left:50%;top:30px;transform:translateX(-50%);min-width:60px;align-items:center;pointer-events:all;padding:8px 16px;border-radius:4px;box-shadow:0 1px 6px rgba(0,0,0,0.2);background:#fff;color:#009688;opacity:0;animation:bounceInDown .5s;z-index:10}.toast.success{color:#009688}.toast.error{color:#f56c6c}@keyframes bounceInDown{from,
  60%,
  75%,
  90%,
  to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(-50%, -3000px, 0);transform:translate3d(-50%, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(-50%, 25px, 0);transform:translate3d(-50%, 25px, 0)}75%{-webkit-transform:translate3d(-50%, -10px, 0);transform:translate3d(-50%, -10px, 0)}90%{-webkit-transform:translate3d(-50%, 5px, 0);transform:translate3d(-50%, 5px, 0)}to{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}}.help-box{position:fixed;right:20px;bottom:220px;width:55px;background-color:#555;z-index:9999}.help-box ul li{position:relative;float:none}.help-box ul li a.link{display:block;width:100%;padding:15px 0;text-align:center;color:#fff;font-size:150%;border-bottom:1px solid #fff}.help-box ul li a.link:hover{background-color:#e45151}.help-box ul li a.link.last{border-bottom:none;background-color:#009ee5}.help-box ul li a.link.last:hover{background-color:#0471d8}.help-box ul li .dialog{position:absolute;top:50%;margin-top:-27px;right:80px;border:1px solid #e3e3e3;background-color:#fff;padding:15px;font-size:14px;color:#666;white-space:nowrap;text-align:center;line-height:2em}.help-box ul li .dialog .qrcode{width:138px;height:138px}.help-box ul li .dialog .qrcode img{width:100%}.help-box ul li .dialog .arrow{position:absolute;right:-8px;top:20px;width:8px;height:13px;background:url(../images/dialog_arrow.png) no-repeat 50% 50%}body{background:url(../images/bg.png) no-repeat;background-size:100% 100%;background-attachment:fixed}body .fixed-nav{position:fixed;width:100%;height:66px;border-radius:0;border:0;background-image:url(../images/menu-shadow.png);background-position:center bottom;z-index:2}body .fixed-nav .logo{background:url(../images/login/login-logo.png) center no-repeat}body .fixed-nav .navbar-nav>li>a{position:relative;padding:20px 15px 20px 38px;color:#333333;font-size:16px;cursor:pointer}body .fixed-nav .navbar-nav>li>a:hover,body .fixed-nav .navbar-nav>li>a:focus{color:#4679ff}body .fixed-nav .navbar-nav .nav-account:hover a{color:#4679ff}body .fixed-nav .navbar-nav .nav-item:hover a,body .fixed-nav .navbar-nav>.nav-item>a:hover,body .fixed-nav .navbar-nav>.nav-active a{color:#4679ff}body .dashboard-info{height:110px;width:100%;padding-top:20px;border-bottom:1px solid #e7e7e7;background-color:#fff}body .dashboard-info .info-item{width:400px;height:70px;line-height:70px;font-size:20px;color:#73889e;float:left;border-left:1px solid #e7e7e7}body .dashboard-info .info-item.first{background:url(../images/dashboard-f.png) 70px center no-repeat;padding-left:140px}body .dashboard-info .info-item.second{background:url(../images/dashboard-s.png) 72px center no-repeat;padding-left:150px}body .dashboard-info .info-item.third{background:url(../images/dashboard-t.png) 74px center no-repeat;padding-left:150px;border-right:1px solid #e7e7e7}body .product-info{height:926px;width:100%;padding-top:90px;background-color:#fff}body .product-info .info-list{width:100%;margin-top:78px}body .product-info .info-list .info-row{overflow:hidden;margin-bottom:20px}body .product-info .info-list .info-row .info-item{width:580px;height:170px;border:1px solid #e7e7e7;border-radius:4px;padding:46px 20px 0 210px}body .product-info .info-list .info-row .info-item.left{float:left}body .product-info .info-list .info-row .info-item.right{float:right}body .product-info .info-list .info-row .info-item .title{color:#333;font-size:20px;margin-bottom:10px}body .product-info .info-list .info-row .info-item.first{background:url("../images/product-1.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item.second{background:url("../images/product-2.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item.third{background:url("../images/product-3.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item.fourth{background:url("../images/product-4.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item.fifth{background:url("../images/product-5.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item.sixth{background:url("../images/product-6.png") 72px 50px no-repeat}body .product-info .info-list .info-row .info-item p{color:#999;font-size:14px;margin-bottom:2px}body .solution{height:728px;width:100%;padding-top:118px;position:relative}body .solution .section-title{color:#fff;margin-bottom:55px}body .solution .section-title .divide-line{background-color:#fff}body .solution .swiper-container .swiper-slide{border-radius:4px;width:660px;height:360px;background:#fff;border:1px solid #e7e7e7;text-align:center;padding:40px 56px 0;-webkit-tap-highlight-color:transparent}body .solution .swiper-container .swiper-slide .first{width:106px;height:106px;margin:0 auto 30px;background:url("../images/solution-1.png") center no-repeat}body .solution .swiper-container .swiper-slide .second{width:106px;height:106px;margin:0 auto 30px;background:url("../images/solution-2.png") center no-repeat}body .solution .swiper-container .swiper-slide .third{width:106px;height:106px;margin:0 auto 30px;background:url("../images/solution-3.png") center no-repeat}body .solution .swiper-container .swiper-slide .fourth{width:106px;height:106px;margin:0 auto 30px;background:url("../images/solution-4.png") center no-repeat}body .solution .swiper-container .swiper-slide .title{font-size:20px;color:#333;margin-bottom:10px}body .solution .swiper-container .swiper-slide .intro{font-size:14px;color:#999}body .solution .swiper-container .swiper-slide .intro p{margin-bottom:2px;line-height:24px}body .solution .swiper-button-next{right:-65px;width:50px;height:50px;background:url(../images/swiper-right.png) center no-repeat;background-size:100%}body .solution .swiper-button-next:hover{background-image:url(../images/swiper-button.svg)}body .solution .swiper-button-next:focus{outline:none}body .solution .swiper-button-prev{left:-65px;width:50px;height:50px;background:url(../images/swiper-right.png) center no-repeat;background-size:100%;transform:rotate(180deg)}body .solution .swiper-button-prev:hover{background-image:url(../images/swiper-button.svg)}body .solution .swiper-button-prev:focus{outline:none}body .solution .swiper-pagination-bullets{width:100%;margin-top:50px}body .solution .swiper-pagination-bullets .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background-color:#fff;margin:0 15px;vertical-align:middle}body .solution .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:14px;height:14px}body .customs{height:684px;width:100%;background:#fff url(../images/customs.png) center 210px no-repeat;padding-top:90px}header{height:600px;width:100%;background:url(../images/header-bg.png) center no-repeat}header .nav-banner{height:525px;width:100%;background:url(../images/banner-bg.png) center 150px no-repeat;position:relative}header .nav-banner a{width:276px;height:61px;display:inline-block;position:absolute;background:url("../images/index-banner-btn.png") center no-repeat;bottom:98px;left:438px;transition:transform .2s ease}header .nav-banner a:hover{transform:translateY(-5px)}
