@charset "utf-8";
/*轮播*/
body,html{background: #fff;}
.device {
  width: 100%;
  position: relative;
  float: left;
  height: 670px;
}
.swiper-container {
  height: 100%;
  width: 100%;
  float: left;
}
.swiper-slide img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit:cover;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:80px;
  width: 85%;
  z-index: 22;
}
.swiper-pagination-switch {
  float: right;
  width: 36px;
  height: 3px;
  background: #fff;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #0169AB;
}
.arrow-left{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 5%;
    background: url(../images/lunbo-left.png) no-repeat center center;
    background-size: 80px 80px;
    z-index: 2;
}
.arrow-right{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    right: 5%;
    background: url(../images/lunbo-right.png) no-repeat center center;
    background-size: 80px 80px;
    z-index: 2;
}
.index-business{
    width: 100%;
    float: left;
    background: #F9F9F9;
    padding: 90px 0px;
}
.index-title{
    width: 100%;
    float: left;
    font-size: 34px;
    color: #333333;
    text-align: center;
}
.index-title2{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #999;
    text-align: center;
    line-height: 25px;
    margin-top: 10px;
}
.business-box{
    width:22%;
    float: left;
    margin-right: 4%;
    background: #fff;
    text-align: center;
    padding: 70px 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 45px;
    box-shadow: 0px 0px 10px 2px #F0F0F0;
}
.business-img{
    width: 85px;
    height: 85px;
    display: inline-block;
}
.business-tilte{
    width: 80%;
    display: inline-block;
    height: 50px;
    line-height: 25px;
    font-size: 16px;
    color: #171717;
    margin-top: 10px;
    overflow: hidden;
}
.business-btn{
    display: inline-block;
    width: 115px;
    height: 34px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}
.business-btn:hover{
background: #0068B7;
color: #fff;
border: 1px solid #0068B7;
}
.business-box:nth-child(4n){margin-right: 0px;}
/**/
.index-swiper{
    width: 100%;
    float: left;
    height: 490px;
    position: relative;
    background: #364852;
}
.swiper-container2{
    width: 100%;
    float: left;
    height: 490px;
}
.arrow-left2{
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 85px;
    left: 55%;
    background: url(../images/arrow-left2.png) no-repeat center center;
    background-size: 22px;
    border:1px solid #5C6E78;
    z-index: 2;
}
.arrow-left2:hover{
    background: url(../images/arrow-left2.png) no-repeat center center #0069B3;
    background-size: 22px;
    border:1px solid #0069B3;
}
.arrow-right2{
    width: 33px;
    height: 33px;
    position: absolute;
    bottom: 85px;
    left: 58%;
    background: url(../images/arrow-right2.png) no-repeat center center;
    background-size: 22px;
    border:1px solid #5C6E78;
    z-index: 2;
}
.arrow-right2:hover{
    background: url(../images/arrow-right2.png) no-repeat center center #0069B3;
    background-size: 22px;
    border:1px solid #0069B3;
}
.swiper-img{
    width: 50% !important;
    height:490px;
    object-fit: cover;
    float: left;
}
.carousel-right{
    width: 45%;
    float: right;
    padding-top:100px;
}
.carousel-title{
    width: 90%;
    float: left;
    color: #fff;
    font-size: 34px;
    height: 80px;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.carousel-hline{
    width: 26px;
    height: 4px;
    background: #FFFFFF;
    float: left;
}
.carousel-text{
    width: 60%;
    float: left;
    color: #fff;
    font-size: 14px;
    margin-top: 30px;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp:4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.carousel-btn{
    width: 115px;
    height: 34px;
    border: 1px solid #DBDBDB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #999999;
    margin-top: 55px;
    float: right;
    margin-right: 40%;
}
.carousel-btn:hover{
    background: #0068B7;
    color: #fff;
    border: 1px solid #0068B7;
}
/*关于我们*/
.index-aboutus{
    width: 100%;
    float: left;
    background: #fff;
    padding: 90px 0px;
    border-bottom: 1px solid #E0E0E0;
}
.aboutus-left{
    width: 50%;
    float: left;
}
.aboutus-text{
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 25px;
    color: #959595;
    height: 120px;
    overflow: hidden;
    text-indent: 28px;
    margin-top: 25px;
}
.aboutus-detail{
    float: left;
    width:160px;
    height: 50px;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    border-radius:30px;
    background: #0168B5;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    margin-top: 60px;
    margin-right:25px;
    font-size: 14px;
}
.bg-dark-gray{background: #333333;}
.aboutus-img{
    width: 45%;
    height: 335px;
    float: right;
    object-fit: cover;
}
.border-none{border:none;}
.advantage-box{
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 50px;
}
.advantage-img{
    width: 70px;
    height: 70px;
    display: inline-block;
}
.advantage-tilte{
    width: 80%;
    display: inline-block;
    font-size: 16px;
    color: #171717;
    margin-top: 10px;
}
.advantage-text{
    width: 80%;
    display: inline-block;
    font-size: 14px;
    color: #999;
    line-height: 20px;
    margin-top: 15px;
}
/**/
.banner-wrap{
    width:100%;
    float: left;
    position: relative;
    height: 265px;
}
.banner-bg{
    width: 100%;
    height: 265px;
    position: absolute;
    top: 0px;
    left: 0px;
    object-fit: cover;
    z-index: -1;
}
.banner-title{
    width: 100%;
    float: left;
    font-size: 34px;
    color: #fff;
    text-align: center;
    margin-top: 70px;
    font-weight: 400;
    word-break:break-all;
}
.banner-title2{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    line-height: 25px;
}
.banner-btn{
    width: 185px;
    height: 45px;
    display: inline-block;
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    line-height: 45px;
    border:1px solid #fff;
    background: #fff;
    color: #474A5B;
}
/*新闻*/
.main-product-titlebox{
    width: 100%;
    float: left;
}
.main-product-tbox{
    width: 50%;
    float: left;
}
.main-product-text1{
    display: block;
    font-size: 34px;
    font-weight: 400;
}
.main-product-text2{
    font-size: 14px;
    color: #A1A1A1;
    float: left;
    margin-top: 10px;
}
.product-more{
    float: right;
    width:130px;
    border:1px solid #999999;
    height: 38px;
    color: #A3A3A3;
    text-align: center;
    line-height: 38px;
    border-radius:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    margin-top: 8px;
}
.product-more:hover{
    border:1px solid #0168B5;
    color: #0168B5;
}
.index-news-wrap{
   width: 100%;
   float: left;
   padding: 95px 0px 140px 0px;
}
.tborder-red{
    border-color: #DA251C;
    color: #DA251C;
}
.news-imgbox{
    width: 41%;
    height: 420px;
    float: left;
    position: relative;
}
.news-img{
    width: 100%;
    height: 100%;
    float: left;
    object-fit:cover
}
.news-imgbox-tbox{
    width:86%;
    padding: 35px 7%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #0168B5;
}
.news-imgbox-timebox{
    width: 70px;
    float: left;
}
.news-imgbox-day{
    display: block;
    font-size: 46px;
    color: #fff;
}
.news-imgbox-year{
    display: block;
    font-size: 14px;
    color: #fff;
}
.news-imgbox-tbox2{
    width: 77%;
    float: right;
}
.news-imgbox-text1{
    width: 100%;
    float: left;
    font-size: 18px;
    color: #fff;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 15px;
}
.news-imgbox-text2{
    width: 100%;
    float: left;
    font-size: 14px;
    height: 50px;
    line-height: 25px;
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    padding-top: 10px;
    border-top: 1px solid #D1D1D3;
}
.news-text-wrap{
    width: 55%;
    float: right;
}
.news-text-title{
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-text-title2{
    width: 100%;
    float: left;
    height: 44px;
    margin-top:15px;
    color: #676767;
    line-height: 22px;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.news-text-tbox{
    width: 100%;
    float: left;
    padding: 20px 0px;
    border-bottom: 1px dashed #DDDDDD;
    font-size: 14px;
    color: #9A9A9A;
    line-height:40px;
}
.news-text-more{
    float: right;
    width:110px;
    height: 40px;
    color: #FFF;
    text-align: center;
    line-height: 40px;
    border-radius:5px;
    background: #0167B2;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    font-size: 14px;
}
.news-text-list{
    width: 100%;
    height: 250px;
    float: left;
    overflow: hidden;
}
.news-text-list li{
    width: 100%;
    margin-top: 21px;
    float: left;
}
.news-text-list li i{
    width: 6px;
    height: 6px;
    float: left;
    margin-top: 8px;
    background-color: #DA251C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-right: 8px;
}
.index-list-text{
    width: 80%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #676767;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-list-time{
    float: right;
    font-size: 14px;
    color: #9B9B9B;
    line-height: 20px;
}
/**/
.partners-wrap{
    width:100%;
    float: left;
    background: #F9F9F9;
    padding:70px 0px;
}
.left-box{
    width: 100%;
    float: left;
    height:75px;
    margin-top: 40px;
    position: relative;
}
.left-box .swiper-container3{
    width: 94%;
    height: 75px;
    margin-left: 3%;
    overflow: hidden;
}
.arrow-left3{
    width: 20px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 0px;
    background: url(../images/arrow-left3.png) no-repeat center center;
    background-size: 9px 15px;
    z-index: 2;
}
.arrow-right3{
    width: 20px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0px;
    background: url(../images/arrow-right3.png) no-repeat center center;
    background-size: 9px 15px;
    z-index: 2;
}
.left-box .swiper-wrapper{
    height: 75px;
}
.left-box .swiper-wrapper .swiper-slide{
    height: 72px;
}
.left-box2{
    margin: 0px 7px;
    height: 72px;
    text-align: center;
}
.left-img2{
    max-width: 100%;
    width: auto !important;
    height: 72px !important;
    display: inline-block !important;
    float: none !important;
    margin-top: 5px;
    object-fit: cover;
}
/**/
@media only screen and (max-width: 1600px) {
    .carousel-text{width:80%;}
    .carousel-btn{margin-right: 20%}
}
@media only screen and (max-width: 1100px) {
    .business-box{width:48%;}
    .business-box:nth-child(2n){margin-right: 0px;}
    .carousel-text{width:90%;}
    .carousel-btn{margin-right: 10%}
    .advantage-box{width: 50%;}
    .news-imgbox{width: 100%;}
    .news-text-wrap{width: 100%;margin-top: 30px;}
}
/* 平板之类的宽度 1024 以下设备 */
/* 手机等小屏幕手持设备 */
@media screen and (min-width: 320px) and (max-width: 480px) {

}