/**public**/
body {
    font-family: Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #595959;
    background-color: #000  ;
}
a,a:hover,a:link,a:visited{outline:0;text-decoration:none;cursor:pointer}

ul{
    list-style:none;
    margin:0;
    padding:0;
}
.ti-2em{
    text-indent:2em;
}

/**间距**/
.m-20{
    margin:20px;
}
.mt-20{
    margin-top: 20px;
}
.mt-50{
    margin-top: 50px;
}
.mb-20{
    margin-bottom:20px;
}
.mb-40{
    margin-bottom:40px;
}

/**宽高**/
.w-600{
    width:600px;
}
.wp-35{
    width:35%;
}
.wp-40{
    width:40%;
}
.wp-55{
    width:55%;
}
.wp-60{
    width:60%;
}

/**背景色**/
.bg-f5{
    background:#f5f5f5;
}
.bg-fff{
    background:#ffffff;
}
.bg-proitem{
    background:#8eb0ff;
}

/**颜色**/
.color-white{
    color:white;
}
.color-59{
    color:#595959;
}

/**字体大小**/
.f-12{
    font-size:12px;
}
.f-14{
    font-size:14px;
}
.f-16{
    font-size:16px;
}
.f-18{
    font-size:18px;
}
.f-20{
    font-size:20px;
}
.f-24{
    font-size:24px;
}

.item-tit{
    text-align:center;
}
.item-tit>img{
    width:300px;
}

/**首页-视频播放**/
.index-video{
    position:relative;
    overflow:hidden;
}
.index-video .img{
    display:none;
}
.index-video video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width: 100%;
    z-index: 0;
}
.index-video .shadow {
    display: block;
    background: url(../images/index/shaow_bg.png);
    background-size:cover;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.index-video .text-wrap {
    position: absolute;
    top: 200px;
    width: 100%;
    height: 250px;
    text-align:center;
    z-index: 100;
}
.order-video{
    position:relative;
    overflow:hidden;
}
.order-video .img{
    display:none;
}
.order-video video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width:700px;
    z-index: 0;
    margin: 50px auto 100px auto;
}
.order-video .shadow {
    display: block;
    background: url(../images/index/shaow_bg.png);
    background-size:cover;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}
.order-video .text-wrap {
    position: absolute;
    top: 200px;
    width: 100%;
    height: 250px;
    text-align:center;
    z-index: 100;
}
/**首页-特性介绍**/
.index-feature{
    background:#f2f2f2;
    padding-bottom:50px;
}
.index-feature .item{
    position: relative;
    margin-top:-50px;
    z-index: 103;
}
.index-feature .item .content{
    text-align:center;
    background:#fff;
    min-height:400px;
}
.index-feature .item .icon{
    height:120px;
    margin-top:50px;
}
.index-feature .item .tit{
    font-size:28px;
    color:#595959;
    padding:30px 0;
}
.index-feature .item .intro{
    font-size:14px;
    line-height:24px;
}
.index-feature .triangle {
    width:100%;
    height:50px;
    background:url(../images/index/sanjiao.svg) center no-repeat;
    background-size: cover;
}

/**首页-公司业务**/
.index-business{
    padding:50px 0;
    background:#fff;
    overflow:hidden;
}
.index-business .content{
    margin-top:50px;
}
.index-business .content .item{
    margin-bottom:20px;
}
.index-business .content .item .inner{
    position: relative;
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
}
.index-business .content .item .inner img{
    width:100%;
    transition: all 0.6s;
}
.index-business .content .item .inner:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;
}
.index-business .content .item .inner .intro{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}

/**首页-合作伙伴**/
.index-parter{
    padding:50px 0;
    background:#f2f2f2;
}
.index-parter .content{
    margin-top:50px;
}
.index-parter .content .item .name{
    display:block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    background:#009fe8;
    border-radius:50%;
    font-size:36px;
    text-align:center;
    color:#fff;
    margin: 0 auto;
}
.index-parter .content .item .name:hover{
    transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;
}
.index-parter .content .item .intro{
    min-height: 420px;
    margin-top:30px;
    background:#fff;
    padding:30px;
    font-size:14px;
    line-height:26px;
    color: #645E5E;
}
.index-parter .content .item .link{
    display:block;
    background:#fff;
    height:60px;
    line-height:60px;
    border-top:1px dashed #ddd;
    text-align:center;
    font-size:14px;
    color: #009FE8;
}

/**产品介绍**/
.product-top{
    position:relative;
    padding-top:100px;
    margin-bottom:80px;
    background:#8eb0ff;
    text-align:center;
}
.product-top .content{
    width:440px;
    height:auto;
    margin:0 auto;
}
.product-top .qrcode{
    width:100%;
}
.product-top .phone{
    margin-top:20px;
    height:50px;
    line-height:50px;
    background:#fff;
    color:#aeaeff;
    font-size: 2.2em;
    font-weight:100;
    border-radius:25px;
}
.product-top .bottom{
    height:316px;
}
.product-intro{
    padding:70px 0;
}
.product-intro .content{
    padding:40px 50px 0 50px;
    color:#6F6D6D;
    line-height:30px;
}
.product-price{
    text-align:center;
    background: url(../images/product/68_bg.png) center no-repeat;
    background-size: contain;
}
.product-price>img{
    width:500px;
}
.product-item{
    padding:50px;
}
.product-item .left{
    float:left;
}
.product-item .right{
    float:right;
}
.product-item .tit{
    margin-top: 20px;
    font-size:36px;
    text-align:center;
}
.product-item .content{
    margin-top: 20px;
    line-height: 30px;
    padding: 0 30px;
}

/**关于我们**/
.about{
    padding-top:80px;
}
.about .content{
    margin-top: -80px;
    border-bottom:1px dashed #ddd;
}
.about .content .item{
    padding:50px 0;
    border-top:1px dashed #ddd;
}
.about .content .item .tit>img{
    width:300px;
}
.about .content .item .intro{
    color: #595959;
    font-size: 14px;
    line-height: 30px;
    margin-top:50px;
}
.about .content .item .intro .first{
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #009FE8;
    color: #fff;
    font-size: 24px;
    margin-right: 10px;
    margin-top: 8px;
}
.about .content .item .intro .img{
    text-align:center;
    margin-top:50px;
}
.about .content .item .intro .child{
    margin-top:50px;
}
.about .content .item .intro .child .second-tit{
    padding: 20px 0;
}
.about .content .item .intro .parter{
    float:left;
    margin-right:50px;
}
.about .qrcode{
    padding:80px 0;
    text-align:center;
}

/**二级页面**/
.secondPage-nav{
    height:200px;
    background:url(../images/secondPage/bg.png) center no-repeat;
    line-height: 200px;
    color:#fff;
}
.secondPage-nav .tit{
    float: left;
    font-size:36px;
    font-weight: 100;
}
.secondPage-nav .link{
    float:right;
    font-size:14px;
}
.secondPage-content{
    padding:50px 0;
}
.secondPage-content .tit{
    font-size:30px;
    color:#595959;
    border-left:4px solid #0087e2;
    line-height: 1;
    padding-left: 15px;
}
.secondPage-content .intro{
    margin-top:30px;
}
.secondPage-content .intro p{
    line-height:30px;
    margin-bottom:1em;
}
.secondPage-content .intro .img{
    margin:30px 0;
    text-align:center;
}
.secondPage-content .intro .img>img{
    width:50%;
}
.secondPage-content .intro ul{
    margin-left:2em;
}
.secondPage-content .intro ul li{
    line-height:30px;
}
#photos{width:100%; height:500px;margin-top:30px;overflow:hidden;}
#photos p.title{ position:absolute; left:0; bottom:-10px; text-indent:10px; line-height:30px;font-family:Verdana; color:#FFF; display:block;width:100%; height:30px; font-family:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}

/**footer**/
.footer{
    background:#333;
    padding:20px 0;
}
.footer-in p {
    font-size: 14px;
    line-height: 23px;
    color: #9e9e9e;
    text-align:left;
}
.footer-in .weixin{
    width:110px;
    padding:5px;
    background:#fff;
}
.footer-in .weixin>img{
    width:100%;
}
.footer-link{
    margin-bottom:20px;
    padding-bottom: 10px;
    border-bottom:1px solid #414141;
}
.footer-link .tit{
    font-size: 16px;
    line-height: 48px;
    color: #fff;
}
.footer-link ul>li{
    float:left;
    padding: 0 22px 10px 0;
    color: #999;
}

/**侧边栏**/
.silder-bar{
    position:fixed;
    right:10px;
    bottom: 50px;
    z-index:115;
}
.silder-bar ul>li{
    padding:5px;
    background:#fff;
    border:1px solid #ddd;
    margin:5px 0;
}
.silder-bar ul>li:hover{
    background:#b3b3b3;
}
.silder-bar ul>li>a{
    position:relative;
    display:block;
    width:35px;
    height:35px;
}
.silder-bar ul>li>a>img{
    width:100%;
}
.silder-bar .tips{
    display:none;
    position:absolute;
    width:200px;
    height:auto;
    background:#fff;
    border:1px solid #ddd;
    padding:10px;
    right: 45px;
    bottom: 0;
}
.silder-bar .tips2{
    padding:0;
    border:none;
    background:none;
}
#scrollTop{display:none;}

@media screen and (min-width: 650px) {
    .header{
        border:none;
        border-bottom:1px solid #f5f5f5;
        background:#fff;
        margin-bottom:0;
    }
    .header .navbar-nav>li>.dropdown-menu {
        border-radius: 0;
        padding: 0;
    }
    .header .navbar-brand,.header .navbar-brand:hover{
        color:#333;
    }
    .header .navbar-brand>img{
        display:inline-block;
        margin-right:10px;
    }
    .header .navbar-nav>.active>a, .header .navbar-nav>.active>a:hover, .header .navbar-nav>.active>a:focus {
        background-color:#f5f5f5;
        color:#333;
    }
    .header .navbar-nav a{
        display:block;
        line-height:80px;
        padding:0 20px;
        color:#888;
    }
    .header .navbar-nav a:hover{
        background-color:#009fe8 !important;
        color:#fff;
    }
    .header .dropdown-menu>li>a{
        border-bottom: 1px solid #f5f5f5;
        line-height: 45px !important;
    }
    .header .navbar-nav>.open>a, .header .navbar-nav>.open>a:hover, .header .navbar-nav>.open>a:focus {
        color: #333 !important;
        background-color: #f5f5f5;
    }
}

@media screen and (max-width: 600px) {
    .header{
        margin-bottom:0;
    }
    .index-video .img{
        display:block;
    }
    .index-video .img>img{
        width:100%;
    }
    .index-video .img .text{
        position:absolute;
        width:100%;
        top:70px;
        text-align:center;
    }
    .index-video .text-wrap,.index-video .shadow{
        display:none;
    }
    .item-tit>img{
        width:200px;
    }
    .index-feature{
        padding-bottom:20px;
    }
    .index-feature .item{
        margin-top:20px;
        z-index: 0;
    }
    .index-feature .item .content{
        min-height:200px;
        padding-bottom:40px;
        border-radius:5px;
    }
    .index-feature .item .icon{
        height:120px;
        margin-top:40px;
    }
    .index-feature .item .tit{
        font-size:24px;
        padding:20px 0;
    }
    .index-feature .item .intro{
        line-height:24px;
        color:#595959;
    }
    .index-feature .triangle {
        display:none;
    }
    .index-parter .content .item{
        margin-bottom:50px;
    }
    .index-parter .content .item .name{
        width:100px;
        height:100px;
        line-height:100px;
    }
    .product-top {
        padding-top: 20px;
        margin-bottom: 0;
    }
    .product-top .content {
        width: 250px;
    }
    .product-top .phone{
        font-size:1.2em;
        font-weight:bold;
    }
    .product-top .bottom {
        height: 105px;
    }
    .product-intro {
        padding: 50px 0;
    }
    .product-intro .content {
        padding: 20px 10px 0 10px;
    }
    .product-item .left{
        float:none;
        width:100%;
    }
    .product-item .right{
        float:none;
        width:100%;
    }
    .product-item img{
        width:100%;
        height:auto;
        margin:20px 0;
    }
    .product-item .tit{
        font-size:24px;
    }
    .product-item .content{
        padding:0;
    }
    .about {
        padding-top: 30px;
    }
    .about .pic_1{
        width:150px;
    }
    .about .pic_2{
        width:200px;
    }
    .about .pic_3{
        width:300px;
    }
    .about .content .item{
        padding:30px 0;
    }
    .about .content .item .tit>img{
        width:200px;
    }
    .about .content .item .intro{
        margin-top:20px;
    }
    .about .content .item .intro .img>img{
        width:100%;
    }
    .about .content .item .intro .child{
        margin-top:0;
    }
    .about .content .item .intro .child .second-tit>img{
        height:24px;
    }
    .product-price>img {
        width: 100%;
    }
    .secondPage-nav .tit{
        float: none;
        font-size:24px;
        font-weight: 100;
        text-align:center;
    }
    .secondPage-content .tit{
        font-size:20px;
    }
    #photos{
        height:200px;
    }
    .secondPage-content .intro ul{
        margin-left:0em;
    }
    .footer-in p {
        font-size: 12px;
    }
}
.clear{
    clear: both;
}
.nav-left{
    width: 10%;
    float: left;
}
.nav-right{
    width: 10%;
    float: right;
}
.navb{
    color:#18d5cb;
    font-size: 14px;
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow:hidden;
    position: relative;
}
.navb li{
    float: left;
    width: 11%;
    margin-top: 40px;
    line-height: 40px;
    text-align: center;
}
.navb li a{
    color: #18d5cb !important;
}

.nav-bottom{
    position: absolute;
    top:75px;
    width: 100%;
    height: 20px;
    left: 0;
}
.header-title{
    width: 1000px;
    margin: 20px auto 0 auto;
    position: relative;

}
.header-title h1{
    font-size: 20px;
    color: #18d5cb;
    position: absolute;
    top: -34px;
    left: 40px;
}
.show{
    width: 522px;
    margin: 0 auto;
}
.phone{
    width: 850px;
    margin: 0 auto;
}
.phone svg{
    margin: 0 8px;
}
.year p{
    font-size: 20px;
    color: #18d5cb;
    margin-bottom: 80px;
}
.year ul li{
     float: left;
     width: 20%;
     text-align: center;
 }
.year ul li span,.year ul li b{
    display: block;
    margin-top: 10px;
}
.year ul li b{
    font-size: 24px;
    color: #18d5cb;
}
.year ul li span{
    font-size: 20px;
    color: #18d5cb;
}

.num ul li{
    float: left;
    width: 33.333%;
    text-align: center;
    margin-top: 70px;
}
.num ul li span,.year ul li b{
    display: block;
    margin-top: 5px;
}
.num ul li b{
    font-size: 48px;
    color: #18d5cb;
}
.num ul li span{
    font-size: 20px;
    color: #18d5cb;
}
.map{
    width: 1000px;
    margin-bottom: 100px;
    text-align: center;
}
.map img{
    margin-top: 130px;
    margin-bottom: 70px;
}
.map p{
    text-align: center;
    font-size: 14px;
    color: #18d5cb;
    margin: 0 auto;
}
.map p span{
    font-size: 36px;
}
.huodong li{
    float: left;
    width:300px;
    text-align: center;
    margin-top: 40px;
}
.huodong{
    padding-bottom: 80px;
}
.huodong li img{
    width:300px;
}
.huodong li:nth-child(2){
    margin-left:50px;
    margin-right:50px;
}
.huodong li:nth-child(5){
    margin-left:50px;
    margin-right:50px;
}
.huodong li span,.huodong li b{
    display: block;
}
.huodong li b{
    font-size: 14px;
    color: #18d5cb;
    line-height: 46px;
}
.huodong li span{
    font-size: 14px;
    color: #18d5cb;
    text-align: left;
}
.leader li span{
    text-align: center !important;
}
.new ul li{
    float: left;
}
.order1-video{
    width: 1000px;
}
.order1-video div{
    float: left;
    text-align: center;
    font-size: 14px;
    color: #18d5cb;
    line-height: 40px;
}
.order1-video video {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    width:300px;
    z-index: 0;
    float: left;
    margin: 40px auto 10px auto;
    height: 200px;
}
.order1-video div:nth-child(2){
    margin: 0 50px 10px 50px;
}
.news{
    margin-top: 20px;
}
.news img{
    margin-left:22px;
}
.more{
    display: block;
    text-align: right;
    width: 100%;
}
.more a{
    color: #18d5cb;
    line-height: 50px;
}
.report{
    margin-bottom: 80px;
}
.report p{
    color: #18d5cb;
    margin-top: 40px;
}
.report a{
    color: #18d5cb;
    line-height: 24px;
    display: block;
}
.team li{
    float: left;
    width:16.66%;
    text-align: center;
    color: #18d5cb;
}
.team li img{
    margin: 0 auto;
    width: 120px;
}
.team li p{
    margin-top: 16px;
    line-height: 24px;
}
.teamp li:first-child{
    margin-left: 25%;
}
/*手机端*/
.phone-title{
    width:100%;
    margin: 20px auto 0 auto;
    position: relative;

}
.phone-title h1{
    font-size: 20px;
    color:#18d5cb ;
    position: absolute;
    top: -34px;
    left: 20px;
}
.mobile{
    display: none;
}
.secondPage-content{
    padding:50px 0;
    width: 1000px !important;
    /*position: fixed;*/
    z-index: 1000;
}
@media (min-width: 1200px){
    .container {
        width:1000px !important;
    }
}
.window{
    z-index: 1000;
    position: absolute;
}
.secondPage-content .tit{
    font-size:30px;
    color:#595959;
    border-left:4px solid #0087e2;
    line-height: 1;
    padding-left: 15px;
}
.secondPage-content .intro{
    margin-top:30px;
}
.secondPage-content .intro p{
    line-height:30px;
    margin-bottom:1em;
}
.secondPage-content .intro .img{
    margin:30px 0;
    text-align:center;
}
.secondPage-content .intro .img>img{
    width:50%;
}
.secondPage-content .intro ul{
    margin-left:2em;
}
.secondPage-content .intro ul li{
    line-height:30px;
}
@media screen and (max-width: 600px) {
    .order-video video{
        width: 100%;
        margin: 10px auto 10px auto;
    }
    .pc{
        display: none;
    }
    .mobile{
        display: block;
    }
    .header-title{
        width:100%;
        margin: 20px auto 0 auto;
    }
    .line{
        width: 100%;
    }
    .huodong li {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 40px;
    }
    .huodong li img {
        width:90%;
    }
    .huodong li:nth-child(2) {
         margin-left: 0;
        margin-right: 0;
    }
    .huodong li:nth-child(5) {
        margin-left: 0;
        margin-right: 0;
    }
    .huodong li span, .huodong li b {
        font-size: 18px;
        padding: 0 10px;
    }
    .order-video{
        margin-top: 20px;
    }
    .order-video div p{
        color: #18d5cb;
        text-align: center;
    }
    .team li{
        float: left;
        width:33.33%;
        text-align: center;
        color: #18d5cb;
    }
    .team li img{
        margin: 0 auto;
        width: 80%;
    }
    .team li p{
        margin-top: 16px;
        line-height: 24px;
    }
    .teamp li:first-child{
        margin-left: 0;
    }
    .b-font{
        padding: 0 10px;
        color:#18d5cb ;
        margin-top: 10px;
    }
    .team-list{
        margin-top: 20px;
    }

}
#photos{width:100%; height:500px;margin-top:30px;overflow:hidden;}
#photos p.title{ position:absolute; left:0; bottom:-10px; text-indent:10px; line-height:30px;font-family:Verdana; color:#FFF; display:block;width:100%; height:30px; font-family:14px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}
/*轮播图*/
.nexto{
    margin-top: 20px;
    height: 400px !important;
    width: auto !important;
}
.swiper-container {width: 100%; height:auto;}
.swiper-slide{ text-align:center}
.swiper-slide img{ width:100%; max-width:1000px }
.swiper-pagination-bullet-active{ background:#18d5cb !important}
.swiper-slide img{
    width: 70%  ;
    vertical-align: middle;
}
/*end-轮播图*/