a:hover {
    text-decoration: none;
}
p {
    line-height:1.6
}

.text-primary {
    color:#3956de!important
}
.icon-fill-primary {
    fill:rgba(57,86,222,0.15)
}
.bg-soft-primary {
    background:rgba(57,86,222,0.07)
}
.bg-soft-info {
    background:rgba(16,151,189,0.07)
}
.text-dark {
    color:#343a40!important
}
.text-color {
    color:#9b9bae!important
}
.bg-light {
    background-color:#fbfbfd!important
}
.section {
    padding-top:80px;
    padding-bottom:80px;
    position:relative
}
.line-height-1_4 {
    line-height:1.4
}
.f-13 {
    font-size:13px
}

.f-15 {
    font-size:15px
}
.f-17 {
    font-size:17px
}
.icon-xs {
    height:20px;
    width:20px
}
.icon {
    position:relative;
    top:-2px
}
.right-icon {
    line-height:0;
    font-size:24px;
    position:relative;
    top:2px
}

.card {
    margin-bottom:30px;
    border-color:#eaeaf5
}

.s-bg-one {
    padding:200px 0 180px;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%
}
.s-bg-one .s-t-one {
    font-size:42px
}
.about-img {
    padding:40px
}
.s-box {
    -webkit-transition:all .5s;
    transition:all .5s
}
.s-box .s-bg {
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat
}
.s-box .s-bg .s-box-icon {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-filter:brightness(0.55);
    filter:brightness(0.55);
    -webkit-transition:all .5s;
    transition:all .5s
}
.s-box .s-t,.s-box .read-more {
    color:#343a40
}
.s-box .s-st {
    color:#9b9bae
}
.s-box:hover {
    background:#3956de;
    border-color:#3956de
}
.s-box:hover .s-box-icon {
    -webkit-filter:brightness(1);
    filter:brightness(1)
}
.s-box:hover .s-t,.s-box:hover .read-more,.s-box:hover .s-st,.s-box:hover .s-box-icon {
    -webkit-transition:all .5s;
    transition:all .5s
}
.s-box:hover .s-t,.s-box:hover .read-more {
    color:#fff
}
.s-box:hover .s-st {
    color:rgba(255,255,255,0.5)
}
* {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
}
img {
    border: none;
}

ol,
ul {
    list-style: none;
}
div {
    display: block;
}
body {
    background: #FFFFFF;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.pa {
    position: absolute;
}
.pl20{padding-left: 20px;}
.h30{width: 100%;height: 30px;overflow: hidden;}
.h30:after{content: "";width: 0;height: 0;display: block;clear: both;}
@media(min-width:200px) and (max-width:768px) {
    .s-bg-one {
        padding:120px 0 60px
    }
    .w1200 {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .nav .menu ul li h2 a {
        padding: 0 3px;
    }
    .app_hide{
        display: none;
    }
}@media(min-width:200px) and (max-width:576px) {
    .s-t-one{
        font-size:36px!important
    }

}
.footer{color: #aaa;background: #393d49c2;margin-top: 25px;}
.footer ul {margin: 60px 0 30px 0;padding: 0;}
.footer ul li {line-height: 26px;white-space: nowrap;list-style: none;margin: 0;padding: 0;}
.footer ul li.f-tit {margin-bottom: 10px;font-size: 14px;color: #fff;}
.footer ul li a {color: #aaa;}
.footer ul li a:hover {color: #aaa;text-decoration: underline !important;}
.copy{line-height: 50px;text-align: center;background: #393D49;margin: 0; color: #aaa;}