/* ============================================================
   公共样式
   ============================================================ */

body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,legend,input,select,textarea,button,th,td,img{margin:0;padding:0;}
body{min-width:350px;color:#333; word-spacing: 2px;}
body,input,textarea{font:16px/1.6 "Unidings";}
textarea{resize:none;overflow-y:auto;font-size:100%;}
h1,h2,h3,h4,h5,h6{font-weight:400; font-family: "Roboto","Open Sans","Helvetica Neue",Arial,sans-serif }
p{color:#2b2b2b; font-family: "Roboto","Open Sans","Helvetica Neue",Arial,sans-serif}
ul,ol,li{list-style:none;}
img,fieldset{border:none;}
i,em{font-style:normal;}
img{vertical-align:top;}
table{width:100%;border-collapse:collapse;border-spacing:0;/*word-break:break-all;word-wrap:break-word;*/}

::-moz-placeholder{color:#a3a3a3;}              /* ff */
::-webkit-input-placeholder{color:#a3a3a3;}     /* chrome,safari */
:-ms-input-placeholder{color:#a3a3a3;}          /* ie10 */

a{color:#459ae9;text-decoration:none;}
a:hover{text-decoration:underline;}
a.disabled{color:#8d8d8d;cursor:default;text-decoration:none;}
a.disabled:hover{text-decoration:none;}

@font-face {
    font-family: 'Unidings';
    src: url('/static/fonts/Unidings.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SFUIText';
    src: url('/static/fonts/SFUIText-Semibold.woff') format('woff');
    src: url('/static/fonts/SFUIText-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* 清除浮动 */
/*头部导航*/
.wrap{width:1120px;margin: auto; position: relative}
.head  { background:#fff;position:fixed;	top: 0;	width: 100%; z-index: 9998; height: 102px; border-bottom:1px solid #efefef; box-shadow: 0 2px 10px -1px rgba(0,0,0,0.1)}
.head li a.nav-link{font-family: SFUIText; color:#202124; position: relative; display:block;white-space:nowrap; }
.head li a.nav-link:after{display:none;position: absolute;left:5%;width: 90%; height: 2px; border-radius: 1px; background: #66C9CB; content: ""}
.head li .nav-link:hover{ color: #66C9CB !important; text-decoration: none;}
.head li.active a.nav-link:after{ color: #66C9CB !important; display: block}
/*.head .link-login.show li.join a{background: #F1F1F1;color: #66C9CB;}*/
.head .active>.nav-link { color: #66C9CB !important;}
.head .nav-link { color: #202124 !important; font-size: 16px;}
.head li { margin-left: 35px !important;}
.carousel-indicators li {width: 80px; height: 4px;}
/* slide */
.slide-main{position:relative; width: 100%}
.slide .prev{left:70px; display: none}
.slide .next{position:absolute;left:332px;  margin: 0;z-index:222;}
.page{ height: 0; width: 1120px; margin:auto; position: relative; }
.slide-main .item{width:100%;margin:auto;position:absolute;bottom:40px; z-index: 333; text-align: center}
.slide-main .item a{display:inline-block;*display:inline;*zoom:1;margin:0 5px;width:80px;height:4px;border-radius:10px;overflow:hidden;cursor:pointer;background:#fff; }
.slide-main .item a i{display:block;*zoom:1; width:100%; height: 4px;background:#fff; }
.slide-main .item a.cur i{background: #66C9CB;animation: myfirst 5s;}
@keyframes myfirst
{
    from {width:0}
    to {width: 100%;}
}


.slide-main .item_li{width:100%; margin:auto;}
.slide-box,.slide-item{display:block;width:100%;overflow:hidden;}
.slide-box{position:relative;}
.slide-item{display:none;position:relative;z-index:8; text-align: center}
.slide-item img{ max-width: 100%; margin: auto;}
.slide-item a{display:block;width:100%;cursor:pointer;}

.slide-txt{position:absolute;z-index:9;left:50%; top:50%;margin-top:-130px; text-align: left;width:558px;margin-left:-560px;z-index:12;}
.slide-txt .tit{font-size:32px;
    font-family: 'SFUIText', serif}
.slide-des{height: 100px;}
.slide-btn{width:692px;height:60px;margin-top:30px; display: inline-block}
.slide-btn .btn{ display:inline-block;width:320px; color: #fff;  font-size:22px;background: #66C9CB;height:58px; line-height: 58px; border:1px solid #66C9CB; text-align:center; border-radius:4px;}
.slide-btn .btn:hover{ background: #66C9CB;border:1px solid rgb(21, 121, 122); text-decoration: none;}

/*products*/
.info{padding-top:44px;}
.info-hd{ position: relative;margin-bottom:64px;}
.info-hd h2{font-size: 30px; text-align: center; position: relative}
.info-hd h2:after{ display: inline-block;width:80px; height:4px; background: #66C9CB;border-radius: 3px; content: ""; position: absolute; left: 50%; margin-left: -40px; bottom: -10px;}

.products{ background: #f7f8fa; width: 100%}
.products .wrap{ background: #f7f8fa; width: 1400px}
.products .card{ width:340px; float: left; text-align: center; margin-right: 50px; margin-bottom: 53px; }
.products .card .last{ margin-right: 0;}
.products .card a{ display: block; height:400px;padding: 30px 20px; box-shadow: 0 2px 14px 0 #E3E3E3; filter:progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 0,strength=2)  progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 90,strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction = 180,strength=2) progid:DXImageTransform.Microsoft.Shadow(color='#E3E3E3',direction =270,strength=2);border-radius: 6px; color: #66C9CB !important; text-decoration: none; background: #ffffff; border-bottom:5px solid #66C9CB !important; }
.products .card h3{ font-size: 20px; line-height: 30px; margin-top: 30px; margin-bottom: 15px;}
.products .card p{ color: #797a7c;  }
.products .info-bd .icon{ display: inline-block;width:180px; height: 182px; background: url("/static/img/icon_product.svg") no-repeat;background:url("/static/img/icon_product.svg") no-repeat, none;}


.products .info-bd .icon-quick{ width:151px; height:180px; margin: 1px 0;}
.products .info-bd .icon-qrcode{ width:126px; height:168px;margin:7px 0; background-position:0 -180px}
.products .info-bd .icon-mini{width:147px;  background-position:0 -348px}
.products .info-bd .icon-official{  width:126px; height:149px;margin:16px 0;background-position:0 -530px}
.products .info-bd .icon-app{ width:177px; height:145px;margin:18px 0; background-position:0 -679px}
.products .info-bd .icon-web{ width:162px; height:122px;margin:30px 0; background-position:0 -824px}

/*signin*/
.form-signin {
    width: 100%;
    max-width: 420px;
    padding: 15px;
    margin: 0 auto;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.btn-primary {
    color: #fff;
    background-color: #66C9CB !important;
    border-color: #66C9CB !important;
}


#home_banner{
    padding: 50px;
}

#language_bar {
    width: 80px;
    font-size: 10px;
}

#navbar_brand_img{
    width: 192px;
}

@media screen and (max-width:390px){
    #language_bar{
        margin-left: -16px;
    }
    #navbar_brand_img{
        width: 100%;
    }
    html body nav.navbar.navbar-expand-lg.navbar-light.bg-white.head a#nav_brand.navbar-brand{
        width: 50%;
    }
}

@media screen and (max-width:990px){
    .navbar-nav{
        background-color: #FFFFFF;
        border: 1px solid #8d8d8d;
        border-radius: 6px;
    }
    .navbar-toggler{
        border: none;
    }
}

#home_banner_mob {
        position: absolute;
        top: 110px;
        left: 16px;
        width: 42%;
}

.section-wrapper{
    box-shadow:  0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

#pills-tab a:hover{
    text-decoration: none;
    border-bottom: 2px solid #133758;
    background-color: white;    
}
#pills-tab .active{
    border: none;
    border-bottom: 2px solid #133758;
    background-color: white;    
}