.container{
    width: 100%;
    height: 100%;
}
::-webkit-scrollbar{
    display:blcok;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.wrap{
    width: 1200px;
    height: 80px;
    background: #fff;
    margin:0 auto;
}
/* banner */
.banner-wrap{
    width: 100%;
}
.banner-wrap .swiper-container{
    width: 100%;
    height: 500px;
}
.swiper-container img{
    width: 100%;
    height: 500px;
    object-fit: cover;
}

@media screen and (max-width: 1201px) {
    .b-main .b-m-pic li img {width: 1200px}
}
/* about */
.about-wrap{
    width: 1200px;
    height: 500px;
    /* background: #09f; */
    margin: 0 auto;
}
.title{
    width: 160px;
    height: 100%;
    border-bottom: 2px solid #0C3BE2;
    text-align: center;
    margin: 0 auto;
    padding-top: 60px;
    margin-bottom: 40px;
    line-height: 25px;
    font-size: 20px;
}
.title p:nth-of-type(1){
    font-weight: bold;
}
.title p:nth-of-type(1) span{
    color: #0870EE;
}
.title p:nth-of-type(2){
    font-size: 12px;
    color: #999;
}
.about-con{
    margin-top: 20px;
    width: 100%;
    height: 100%;
}
.about-con .about-l{
    width: 50%;
}

.about-con .about-r{
    width: 50%;
}
.about-r> ul>li{
    width: 113px;
    height: 40px;
    line-height: 40px;
    color: #666;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}
.about-r .about-r-c1,.about-r .about-r-c2,.about-r .about-r-c3{
    display: none;
    font-size: 14px;
}

.about-r-c1{
    height: 300px;
    overflow: hidden;
}

.about-r .about-r-c1 h2{
    margin:50px 0 30px 0;
    font-size: 16px;
}
.about-r .about-r-c1 p{
    color: #666;
    line-height: 23px;
}
.about-r .about-r-c2 h2{
    font-size: 16px;
    color: #333;
    line-height: 23px;
    margin: 24px 0 12px 0 ;
}
.about-r .about-r-c2 h2:nth-of-type(1){
    margin-top: 50px;
}
.about-r .about-r-c2>div{
    color: #666;
}
.about-r .about-r-c2>ul>li{
    height: 25px;
    line-height: 25px;
    color: #666;
}
.about-r .about-r-c2>ul>li>span{
    font-weight: bold;
    color: #333;
}
.about-r .about-r-c3>ul{
    margin-top: 40px;
}
.about-r .about-r-c3>ul>li{
    height: 45px;
    line-height: 45px;
    color: #666;
}
.about-r .about-r-c3>ul>li>span{
    color: #333;
    font-weight: bold;
}
.cur{
    background:url('../../img/home_bg_profile_s@2x.png') no-repeat;
    background-size:100% 100% ;
    color: #0870EE !important;
}


.cur_content{
    display: block !important;
}

/* product introduction */
.product-wrap{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.product-con{
    width: 100%;
    height: 100%;
}
.product-con .product-con-l{
    width: 780px;
    height: 395px;
    position: relative;
    background: url(../../img/home_img_product@2x.png) no-repeat;
    margin-right: 10px;
    margin-left: 10px;
}
.product-con-l .produce-con-l1{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 999;
}
.masker{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
}
.produce-con-l1 h2{
    color: #fff;
    margin-bottom: 12px;
}
.produce-con-l1 p,.produce-con-l1 a{
    color: #fff;
    font-size: 14px;
    margin-bottom: 20px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.produce-con-l1 a img{
    width: 20px;
    height: 10px;
}
.product-con .product-con-r{
    width: 380px;
    height: 395px;
    background:rgba(245,246,248,1);
    margin: 0 10px;
    margin-bottom: 20px;
    border: 1px solid #efefef;
    box-sizing: border-box;

}

.product-con .product-con-r .img-info{
    width: 380px;
    height: 285px;
}
.product-con-r h2{
    margin: 12px 0 8px 20px;
    color: #333;
    font-weight: bold;
}
.product-con-r p{
    padding: 0 20px;
    color: #666;
    font-size: 14px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.product-con-r .more{
    color: #0870EE;
    margin-top:19px;
    display: inline-block;
    padding:0 20px;
    height: 19px;
}
.product-con-r .more i{
    display: inline-block;
    width: 20px ;
    height: 10px ;
    background: url(../../img/next-jian.png) no-repeat;
    background-size: 100% 100%;
}
.product-con-r:hover{
    background: #0870EE;
    -webkit-transition: all 0.35s ease-in-out;
}
.product-con-r:hover p{
    color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
}
.product-con-r:hover h2{
    color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
}
.product-con-r:hover a{
    color: #fff;
    -webkit-transition: all 0.35s ease-in-out;
}
.product-con-r:hover  .more  i{
    display: inline-block;
    width: 20px ;
    height: 10px ;
    background: url(../../img/mobile/ico_arrow_white@2x.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.35s ease-in-out;
}
.marginboth30{
    margin: 0 30px;
}
.margintop30{
    margin-top: 30px;
    /* news information */
}
.news-content{
    background: #F5F6F8;
}
.news-wrap{
    width: 1200px;
    /* height: 100%; */
    margin: 0 auto;

}
.news-con{
    width: 100%;
    height: 100%;
}
.news-con .news-con-l{
    width: 276px;
    height: 320px;
    background: #fff;

}
.marginright32{
    margin-right: 24px;
}
.news-con-l img{
    width:276px;
    height: 207px;
}
.news-con-l h2{
    color: #333;
    font-size: 14px;
    margin: 12px 0 6px 0;
    padding: 0 16px;
    font-weight: bold;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.news-con-l p{
    color: #666;
    font-size: 12px;
    line-height: 18px; 
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    padding: 0 16px;
}
.news-con-l span{
    color: #999;
    font-size: 12px;
    display: inline-block;
    padding: 12px 16px;
}
.news-con-l:hover{
    box-shadow:0px 3px 8px rgba(0,0,0,0.08);
    -webkit-transition: all 0.35s ease-in-out;
}
.news-con-l:hover  h2{
    color: #0870EE;
    -webkit-transition: all 0.35s ease-in-out;

}
.news .more{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 40px;
}
.news .more a{
    color: #0870EE;
    font-size: 14px;
}
/* application scenarios */
.application-wrap{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.application-con{
    width: 100%;
    height: 100%;
}
.application-con-l{
    width: 584px;
    height: 292px;
    position: relative;
    margin: 0 7px 40px;
}
.application-con-l img{
    width: 460px;
    height: 272px;
    margin: 10px 62px;
}
.application-con-l p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 584px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background:rgba(0,0,0,0.4);
    color: #fff;
    font-weight: bold;
}
.application-con-l:hover p{
    background:rgba(8,112,238,1);
    -webkit-transition: all 0.35s ease-in-out;
}

.about-title{
    margin-bottom: 30px;
}
.bottom-img{
    width: 120px;
}

.bottom-img .bottom-title{
    text-align: center;
    margin-top: 10px;
}
.back-top{
    position:fixed;
    right: 40px;
    bottom: 400px;
    border-right: 1px solid #0870EE;
    border-bottom: 1px solid #0870EE;
    /* display: none; */
}
.back-top img{
    width: 60px;
    height: 60px;
}