/*基础CSS*/

@font-face {
    font-family: 'Sourcefont';
    src: url('../font/SourceHanSansCN-Regular.otf');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.woff2?t=1674183822971') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-changyonglogo26:before {
    content: "\e713";
}

.icon-youxiang:before {
    content: "\e62c";
}

.icon-QR:before {
    content: "\e808";
}

.icon-24gf-phoneLoudspeaker:before {
    content: "\e969";
}

.icon-douyin:before {
    content: "\e8db";
}

.icon-more:before {
    content: "\e6a7";
}

.icon-team:before {
    content: "\e60c";
}

.icon-icon-:before {
    content: "\e749";
}

.icon-xingzhuang:before {
    content: "\e60d";
}

.icon-keji:before {
    content: "\e664";
}

.icon-more1:before {
    content: "\e64b";
}

html {
    font-size: 14px;
    overflow-x: hidden;
}

body {
    max-width: 1920px;
    margin: auto;
    font-family: 'Sourcefont'!important;
}

li {
    list-style: none;
}

a {
    color: #212529
}

a:hover {
    text-decoration: none;
}

p,
dl,
dt,
dd,
ul {
    margin: 0px;
    padding: 0px;
}

.red {
    color: red;
}

.text-secondary a {
    color: #6c757d;
}

.card,
.figure {
    margin: 15px 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 20px;
}

.navbar-brand {
    font-size: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.shadow-sm-top {
    box-shadow: 0 -.125rem .25rem rgba(0, 0, 0, .075) !important;
}


/*上下外边距*/

.mt-6,
.my-6 {
    margin-top: 4rem !important;
}

.mt-7,
.my-7 {
    margin-top: 5rem !important;
}

.mt-8,
.my-8 {
    margin-top: 6rem !important;
}

.mt-9,
.my-9 {
    margin-top: 7rem !important;
}

.mt-10,
.my-10 {
    margin-top: 8rem !important;
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important;
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: 6rem !important;
}

.mb-9,
.my-9 {
    margin-bottom: 7rem !important;
}

.mb-10,
.my-10 {
    margin-bottom: 8rem !important;
}


/*上下内边距*/

.pt-6,
.mp-6 {
    padding-top: 4rem !important;
}

.pt-7,
.py-7 {
    padding-top: 5rem !important;
}

.pt-8,
.py-8 {
    padding-top: 6rem !important;
}

.pt-9,
.py-9 {
    padding-top: 7rem !important;
}

.pt-10,
.py-10 {
    padding-top: 8rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 6rem !important;
}

.pb-9,
.py-9 {
    padding-bottom: 7rem !important;
}

.pb-10,
.py-10 {
    padding-bottom: 8rem !important;
}


/*边框*/

.border-top-dashed {
    border-top: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
    border-right: 1px dashed #dee2e6 !important;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6 !important;
}

.border-right-dashed {
    border-top: 1px dashed #dee2e6 !important;
}


/*字距*/

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.ls-3 {
    letter-spacing: 3px;
}

.ls-4 {
    letter-spacing: 4px;
}

.ls-5 {
    letter-spacing: 5px;
}


/*分页*/

.page-num:not(:disabled) {
    cursor: pointer;
}

.page-num,
.page-link {
   
}

a.page-num:hover,
.page-link:hover {
   
}

.page-num-current {

}

.page-num-current:hover {

}


/*其他*/

.pages {
    min-height: 500px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.code,
.code img {
    height: 100px;
}

.position,
.position a {
    color: #767676;
}

.content {
    color: #666;
    line-height: 2;
}

.content img,
.content iframe {
    max-width: 100% !important;
}

.content li {
    list-style: disc outside none;
    margin-left: 20px;
}


/*产品轮播*/

.view {
    max-width: 500px;
}

.view .swiper-slide {
    height: 300px;
    max-width: 500px;
    padding: 0 3px;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
}

.view .swiper-slide img {
    height: 100%;
}

.view .arrow-left {
    background: url(../images/index_tab_l.png) no-repeat left center;
    position: absolute;
    left: 10px;
    width: 28px;
    height: 300px;
    z-index: 10;
    display: none;
}

.view .arrow-right {
    background: url(../images/index_tab_r.png) no-repeat right center;
    position: absolute;
    right: 10px;
    width: 28px;
    height: 300px;
    z-index: 10;
    display: none;
}

.preview {
    position: relative;
    width: 440px;
    left: 30px;
}

.preview .swiper-slide {
    width: 87.5px;
    height: 70px;
    margin: 0 3px;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.preview .swiper-slide img {
    display: inline-block;
    height: 100%;
}

.preview .active-nav {
    border: 1px solid #F00;
}

.preview .arrow-left {
    background: #fff url(../images/feel3.png) no-repeat left center;
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 70px;
    z-index: 10;
}

.preview .arrow-right {
    background: #fff url(../images/feel4.png) no-repeat right center;
    position: absolute;
    right: -20px;
    top: 0;
    width: 20px;
    height: 70px;
    z-index: 10;
}
.owl-nav{position:absolute; top:45%; z-index:9999;left:0; right:0;width:100%;}
.owl-nav .owl-prev{width:60px; float:left; height:60px;border:none;}
.owl-nav .owl-next{width:60px; float:right; height:60px;border:none; }
.owl-nav span{font-size:68px; line-height:48px; color:#fff; display:inline-block; }
.text{position:absolute; right:15%; top:40%; color:#fff;z-index:999;}
.text h2{ font-size:64px; font-weight:bold;}
.text p{ font-size:20px; line-height:48px; max-width:500px;letter-spacing:2px;}


@media only screen and (max-width: 768px) {
    .view .swiper-slide {
        height: 200px;
    }
    .preview {
        display: none;
    }
    .view .arrow-left,
    .view .arrow-right {
        height: 200px;
        display: block;
    }
    .owl-nav{display:none;}

.text{position:absolute;left:5%; top:20%; color:#fff;z-index:999;}
.text h2{ font-size:28px; font-weight:bold;}
.text p{ font-size:16px; line-height:24px; max-width:500px;letter-spacing:2px;}
}


/*在线客服*/

.online {
    position: fixed;
    bottom: 150px;
    right: 10px;
    width: 60px;
    z-index: 999;
    color: #999;
}

.online a {
    color: #666;
}

.online a:hover {
    text-decoration: none;
}

.online dl {
    background: #27a8e1;
    padding: 10px 5px;
    margin-bottom: 1px;
    position: relative;
}

.online dl dd {
    color: #fff;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.online dl dd i {
    font-size: 25px;
}

.online dl:hover {
    background: #1781bd;
}

.online dl dt {
    position: absolute;
    top: 0px;
    right: 60px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 9999;
    display: none;
    padding: 10px 15px;
    font-weight: normal;
}

.online dl dt h3 {
    display: block;
    font-size: 16px;
    color: #666;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.online dl dt h3 i {
    margin-right: 5px;
}

.online dl dt h3 span {
    float: right;
    cursor: pointer;
}

.online dl dt input {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 15px;
    height: 40px;
    line-height: 40px;
    padding: 3px 5px;
    width: 100%;
}

.online dl dt button {
    margin: 10px 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    background: #28a7e1;
    color: #fff;
    cursor: pointer;
}


/*sm屏幕以上*/

@media only screen and (min-width: 576px) {
    .card-img-200 {
        height: 200px;
        overflow: hidden;
    }
    .card-img-180 {
        height: 180px;
        overflow: hidden;
    }
    .card-img-150 {
        height: 150px;
        overflow: hidden;
    }
    .card-img-120 {
        height: 120px;
        overflow: hidden;
    }
    .card-img-100 {
        height: 100px;
        overflow: hidden;
    }
}


/*sm屏幕以下*/

@media only screen and (max-width: 576px) {
    .page-num {
       // display: none;
    }
    .head-sm-height {
        height: 61px !important;
    }
}


/*********响应式样式******************/


/*行距*/

.lh-1 {
    line-height: 1;
}

.lh-2 {
    line-height: 2;
}

.lh-3 {
    line-height: 3;
}

.lh-4 {
    line-height: 4;
}


/*字体大小*/

.fs-12 {
    font-size: .857rem;
}

.fs-14 {
    font-size: 1rem;
}

.fs-16 {
    font-size: 1.142rem;
}

.fs-18 {
    font-size: 1.285rem;
}

.fs-20 {
    font-size: 1.428rem;
}

.fs-22 {
    font-size: 1.571rem;
}

.fs-24 {
    font-size: 1.714rem;
}

.fs-26 {
    font-size: 1.857rem;
}

.fs-28 {
    font-size: 2rem;
}

.fs-30 {
    font-size: 2.142rem;
}

.fs-32 {
    font-size: 2.286rem;
}

.fs-34 {
    font-size: 2.429rem;
}

.fs-36 {
    font-size: 2.571rem;
}

.fs-38 {
    font-size: 2.714rem;
}

.fs-40 {
    font-size: 2.857rem;
}


/*高度*/

.h-5px {
    height: 5px;
}

.h-10px {
    height: 10px;
}

.h-15px {
    height: 15px;
}

.h-20px {
    height: 20px;
}

.h-25px {
    height: 25px;
}

.h-30px {
    height: 30px;
}

.h-35px {
    height: 35px;
}

.h-40px {
    height: 40px;
}

.h-45px {
    height: 45px;
}

.h-50px {
    height: 50px;
}

.h-55px {
    height: 55px;
}

.h-60px {
    height: 60px;
}

.h-65px {
    height: 65px;
}

.h-70px {
    height: 70px;
}

.h-75px {
    height: 75px;
}

.h-80px {
    height: 80px;
}

.h-85px {
    height: 85px;
}

.h-90px {
    height: 90px;
}

.h-95px {
    height: 95px;
}

.h-100px {
    height: 100px;
}

.h-110px {
    height: 110px;
}

.h-120px {
    height: 120px;
}

.h-130px {
    height: 130px;
}

.h-140px {
    height: 140px;
}

.h-150px {
    height: 150px;
}

.h-160px {
    height: 160px;
}

.h-170px {
    height: 170px;
}

.h-180px {
    height: 180px;
}

.h-190px {
    height: 190px;
}

.h-200px {
    height: 200px;
}

.h-210px {
    height: 210px;
}

.h-220px {
    height: 220px;
}

.h-230px {
    height: 230px;
}

.h-240px {
    height: 240px;
}

.h-250px {
    height: 250px;
}

.h-260px {
    height: 260px;
}

.h-270px {
    height: 270px;
}

.h-280px {
    height: 280px;
}

.h-290px {
    height: 290px;
}

.h-300px {
    height: 300px;
}

.h-310px {
    height: 310px;
}

.h-320px {
    height: 320px;
}

.h-330px {
    height: 330px;
}

.h-340px {
    height: 340px;
}

.h-350px {
    height: 350px;
}

.h-360px {
    height: 360px;
}

.h-370px {
    height: 370px;
}

.h-380px {
    height: 380px;
}

.h-390px {
    height: 390px;
}

.h-400px {
    height: 400px;
}

.h-410px {
    height: 410px;
}

.h-420px {
    height: 420px;
}

.h-430px {
    height: 430px;
}

.h-440px {
    height: 440px;
}

.h-450px {
    height: 450px;
}

.h-460px {
    height: 410px;
}

.h-470px {
    height: 470px;
}

.h-480px {
    height: 480px;
}

.h-490px {
    height: 490px;
}

.h-500px {
    height: 500px;
}


/*sm屏幕以上*/

@media only screen and (min-width: 576px) {
    /*行距*/
    .lh-sm-1 {
        line-height: 1;
    }
    .lh-sm-2 {
        line-height: 2;
    }
    .lh-sm-3 {
        line-height: 3;
    }
    .lh-sm-4 {
        line-height: 4;
    }
    /*字体大小*/
    .fs-sm-12 {
        font-size: .857rem;
    }
    .fs-sm-14 {
        font-size: 1rem;
    }
    .fs-sm-16 {
        font-size: 1.142rem;
    }
    .fs-sm-18 {
        font-size: 1.285rem;
    }
    .fs-sm-20 {
        font-size: 1.428rem;
    }
    .fs-sm-22 {
        font-size: 1.571rem;
    }
    .fs-sm-24 {
        font-size: 1.714rem;
    }
    .fs-sm-26 {
        font-size: 1.857rem;
    }
    .fs-sm-28 {
        font-size: 2rem;
    }
    .fs-sm-30 {
        font-size: 2.142rem;
    }
    .fs-sm-32 {
        font-size: 2.286rem;
    }
    .fs-sm-34 {
        font-size: 2.429rem;
    }
    .fs-sm-36 {
        font-size: 2.571rem;
    }
    .fs-sm-38 {
        font-size: 2.714rem;
    }
    .fs-sm-40 {
        font-size: 2.857rem;
    }
    /*高度*/
    .h-sm-5px {
        height: 5px;
    }
    .h-sm-10px {
        height: 10px;
    }
    .h-sm-15px {
        height: 15px;
    }
    .h-sm-20px {
        height: 20px;
    }
    .h-sm-25px {
        height: 25px;
    }
    .h-sm-30px {
        height: 30px;
    }
    .h-sm-35px {
        height: 35px;
    }
    .h-sm-40px {
        height: 40px;
    }
    .h-sm-45px {
        height: 45px;
    }
    .h-sm-50px {
        height: 50px;
    }
    .h-sm-55px {
        height: 55px;
    }
    .h-sm-60px {
        height: 60px;
    }
    .h-sm-65px {
        height: 65px;
    }
    .h-sm-70px {
        height: 70px;
    }
    .h-sm-75px {
        height: 75px;
    }
    .h-sm-80px {
        height: 80px;
    }
    .h-sm-85px {
        height: 85px;
    }
    .h-sm-90px {
        height: 90px;
    }
    .h-sm-95px {
        height: 95px;
    }
    .h-sm-100px {
        height: 100px;
    }
    .h-sm-110px {
        height: 110px;
    }
    .h-sm-120px {
        height: 120px;
    }
    .h-sm-130px {
        height: 130px;
    }
    .h-sm-140px {
        height: 140px;
    }
    .h-sm-150px {
        height: 150px;
    }
    .h-sm-160px {
        height: 160px;
    }
    .h-sm-170px {
        height: 170px;
    }
    .h-sm-180px {
        height: 180px;
    }
    .h-sm-190px {
        height: 190px;
    }
    .h-sm-200px {
        height: 200px;
    }
    .h-sm-210px {
        height: 210px;
    }
    .h-sm-220px {
        height: 220px;
    }
    .h-sm-230px {
        height: 230px;
    }
    .h-sm-240px {
        height: 240px;
    }
    .h-sm-250px {
        height: 250px;
    }
    .h-sm-260px {
        height: 260px;
    }
    .h-sm-270px {
        height: 270px;
    }
    .h-sm-280px {
        height: 280px;
    }
    .h-sm-290px {
        height: 290px;
    }
    .h-sm-300px {
        height: 300px;
    }
    .h-sm-310px {
        height: 310px;
    }
    .h-sm-320px {
        height: 320px;
    }
    .h-sm-330px {
        height: 330px;
    }
    .h-sm-340px {
        height: 340px;
    }
    .h-sm-350px {
        height: 350px;
    }
    .h-sm-360px {
        height: 360px;
    }
    .h-sm-370px {
        height: 370px;
    }
    .h-sm-380px {
        height: 380px;
    }
    .h-sm-390px {
        height: 390px;
    }
    .h-sm-400px {
        height: 400px;
    }
    .h-sm-410px {
        height: 410px;
    }
    .h-sm-420px {
        height: 420px;
    }
    .h-sm-430px {
        height: 430px;
    }
    .h-sm-440px {
        height: 440px;
    }
    .h-sm-450px {
        height: 450px;
    }
    .h-sm-460px {
        height: 410px;
    }
    .h-sm-470px {
        height: 470px;
    }
    .h-sm-480px {
        height: 480px;
    }
    .h-sm-490px {
        height: 490px;
    }
    .h-sm-500px {
        height: 500px;
    }
}


/*md屏幕以上*/

@media only screen and (min-width: 768px) {
    /*行距*/
    .lh-md-1 {
        line-height: 1;
    }
    .lh-md-2 {
        line-height: 2;
    }
    .lh-md-3 {
        line-height: 3;
    }
    .lh-md-4 {
        line-height: 4;
    }
    /*字体大小*/
    .fs-md-12 {
        font-size: .857rem;
    }
    .fs-md-14 {
        font-size: 1rem;
    }
    .fs-md-16 {
        font-size: 1.142rem;
    }
    .fs-md-18 {
        font-size: 1.285rem;
    }
    .fs-md-20 {
        font-size: 1.428rem;
    }
    .fs-md-22 {
        font-size: 1.571rem;
    }
    .fs-md-24 {
        font-size: 1.714rem;
    }
    .fs-md-26 {
        font-size: 1.857rem;
    }
    .fs-md-28 {
        font-size: 2rem;
    }
    .fs-md-30 {
        font-size: 2.142rem;
    }
    .fs-md-32 {
        font-size: 2.286rem;
    }
    .fs-md-34 {
        font-size: 2.429rem;
    }
    .fs-md-36 {
        font-size: 2.571rem;
    }
    .fs-md-38 {
        font-size: 2.714rem;
    }
    .fs-md-40 {
        font-size: 2.857rem;
    }
    /*高度*/
    .h-md-5px {
        height: 5px;
    }
    .h-md-10px {
        height: 10px;
    }
    .h-md-15px {
        height: 15px;
    }
    .h-md-20px {
        height: 20px;
    }
    .h-md-25px {
        height: 25px;
    }
    .h-md-30px {
        height: 30px;
    }
    .h-md-35px {
        height: 35px;
    }
    .h-md-40px {
        height: 40px;
    }
    .h-md-45px {
        height: 45px;
    }
    .h-md-50px {
        height: 50px;
    }
    .h-md-55px {
        height: 55px;
    }
    .h-md-60px {
        height: 60px;
    }
    .h-md-65px {
        height: 65px;
    }
    .h-md-70px {
        height: 70px;
    }
    .h-md-75px {
        height: 75px;
    }
    .h-md-80px {
        height: 80px;
    }
    .h-md-85px {
        height: 85px;
    }
    .h-md-90px {
        height: 90px;
    }
    .h-md-95px {
        height: 95px;
    }
    .h-md-100px {
        height: 100px;
    }
    .h-md-110px {
        height: 110px;
    }
    .h-md-120px {
        height: 120px;
    }
    .h-md-130px {
        height: 130px;
    }
    .h-md-140px {
        height: 140px;
    }
    .h-md-150px {
        height: 150px;
    }
    .h-md-160px {
        height: 160px;
    }
    .h-md-170px {
        height: 170px;
    }
    .h-md-180px {
        height: 180px;
    }
    .h-md-190px {
        height: 190px;
    }
    .h-md-200px {
        height: 200px;
    }
    .h-md-210px {
        height: 210px;
    }
    .h-md-220px {
        height: 220px;
    }
    .h-md-230px {
        height: 230px;
    }
    .h-md-240px {
        height: 240px;
    }
    .h-md-250px {
        height: 250px;
    }
    .h-md-260px {
        height: 260px;
    }
    .h-md-270px {
        height: 270px;
    }
    .h-md-280px {
        height: 280px;
    }
    .h-md-290px {
        height: 290px;
    }
    .h-md-300px {
        height: 300px;
    }
    .h-md-310px {
        height: 310px;
    }
    .h-md-320px {
        height: 320px;
    }
    .h-md-330px {
        height: 330px;
    }
    .h-md-340px {
        height: 340px;
    }
    .h-md-350px {
        height: 350px;
    }
    .h-md-360px {
        height: 360px;
    }
    .h-md-370px {
        height: 370px;
    }
    .h-md-380px {
        height: 380px;
    }
    .h-md-390px {
        height: 390px;
    }
    .h-md-400px {
        height: 400px;
    }
    .h-md-410px {
        height: 410px;
    }
    .h-md-420px {
        height: 420px;
    }
    .h-md-430px {
        height: 430px;
    }
    .h-md-440px {
        height: 440px;
    }
    .h-md-450px {
        height: 450px;
    }
    .h-md-460px {
        height: 410px;
    }
    .h-md-470px {
        height: 470px;
    }
    .h-md-480px {
        height: 480px;
    }
    .h-md-490px {
        height: 490px;
    }
    .h-md-500px {
        height: 500px;
    }
}


/*lg屏幕以上*/

@media only screen and (min-width: 992px) {
    /*行距*/
    .lh-lg-1 {
        line-height: 1;
    }
    .lh-lg-2 {
        line-height: 2;
    }
    .lh-lg-3 {
        line-height: 3;
    }
    .lh-lg-4 {
        line-height: 4;
    }
    /*字体大小*/
    .fs-lg-12 {
        font-size: .857rem;
    }
    .fs-lg-14 {
        font-size: 1rem;
    }
    .fs-lg-16 {
        font-size: 1.142rem;
    }
    .fs-lg-18 {
        font-size: 1.285rem;
    }
    .fs-lg-20 {
        font-size: 1.428rem;
    }
    .fs-lg-22 {
        font-size: 1.571rem;
    }
    .fs-lg-24 {
        font-size: 1.714rem;
    }
    .fs-lg-26 {
        font-size: 1.857rem;
    }
    .fs-lg-28 {
        font-size: 2rem;
    }
    .fs-lg-30 {
        font-size: 2.142rem;
    }
    .fs-lg-32 {
        font-size: 2.286rem;
    }
    .fs-lg-34 {
        font-size: 2.429rem;
    }
    .fs-lg-36 {
        font-size: 2.571rem;
    }
    .fs-lg-38 {
        font-size: 2.714rem;
    }
    .fs-lg-40 {
        font-size: 2.857rem;
    }
    /*高度*/
    .h-lg-5px {
        height: 5px;
    }
    .h-lg-10px {
        height: 10px;
    }
    .h-lg-15px {
        height: 15px;
    }
    .h-lg-20px {
        height: 20px;
    }
    .h-lg-25px {
        height: 25px;
    }
    .h-lg-30px {
        height: 30px;
    }
    .h-lg-35px {
        height: 35px;
    }
    .h-lg-40px {
        height: 40px;
    }
    .h-lg-45px {
        height: 45px;
    }
    .h-lg-50px {
        height: 50px;
    }
    .h-lg-55px {
        height: 55px;
    }
    .h-lg-60px {
        height: 60px;
    }
    .h-lg-65px {
        height: 65px;
    }
    .h-lg-70px {
        height: 70px;
    }
    .h-lg-75px {
        height: 75px;
    }
    .h-lg-80px {
        height: 80px;
    }
    .h-lg-85px {
        height: 85px;
    }
    .h-lg-90px {
        height: 90px;
    }
    .h-lg-95px {
        height: 95px;
    }
    .h-lg-100px {
        height: 100px;
    }
    .h-lg-110px {
        height: 110px;
    }
    .h-lg-120px {
        height: 120px;
    }
    .h-lg-130px {
        height: 130px;
    }
    .h-lg-140px {
        height: 140px;
    }
    .h-lg-150px {
        height: 150px;
    }
    .h-lg-160px {
        height: 160px;
    }
    .h-lg-170px {
        height: 170px;
    }
    .h-lg-180px {
        height: 180px;
    }
    .h-lg-190px {
        height: 190px;
    }
    .h-lg-200px {
        height: 200px;
    }
    .h-lg-210px {
        height: 210px;
    }
    .h-lg-220px {
        height: 220px;
    }
    .h-lg-230px {
        height: 230px;
    }
    .h-lg-240px {
        height: 240px;
    }
    .h-lg-250px {
        height: 250px;
    }
    .h-lg-260px {
        height: 260px;
    }
    .h-lg-270px {
        height: 270px;
    }
    .h-lg-280px {
        height: 280px;
    }
    .h-lg-290px {
        height: 290px;
    }
    .h-lg-300px {
        height: 300px;
    }
    .h-lg-310px {
        height: 310px;
    }
    .h-lg-320px {
        height: 320px;
    }
    .h-lg-330px {
        height: 330px;
    }
    .h-lg-340px {
        height: 340px;
    }
    .h-lg-350px {
        height: 350px;
    }
    .h-lg-360px {
        height: 360px;
    }
    .h-lg-370px {
        height: 370px;
    }
    .h-lg-380px {
        height: 380px;
    }
    .h-lg-390px {
        height: 390px;
    }
    .h-lg-400px {
        height: 400px;
    }
    .h-lg-410px {
        height: 410px;
    }
    .h-lg-420px {
        height: 420px;
    }
    .h-lg-430px {
        height: 430px;
    }
    .h-lg-440px {
        height: 440px;
    }
    .h-lg-450px {
        height: 450px;
    }
    .h-lg-460px {
        height: 410px;
    }
    .h-lg-470px {
        height: 470px;
    }
    .h-lg-480px {
        height: 480px;
    }
    .h-lg-490px {
        height: 490px;
    }
    .h-lg-500px {
        height: 500px;
    }
}

.container {
    width: 1510px;
    max-width: 1510px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.width {
    width: 1440px;
    margin: 0px auto;
}

.topinfo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.topinfop1 {
    font-size: 48px;
    position: relative;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

.topinfop1::after {
    content: '';
    width: 2em;
    height: 4px;
    background-color: #0181E0;
    position: absolute;
    left: 0;
    bottom: -15px;
}

.topinfop2 {
    font-size: 22px;
}

.gypage1 {
    padding-bottom: 160px;
    position: relative;
}

.gypage1::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 270px;
    background-color: #F5F5F5;
    left: 0;
    top: 0;
    z-index: -1;
}

.gypage1left {
    width: 55%;
    padding-top: 140px;
}

.gypage1right {
    width: 45%;
    position: relative;
}

.gypage1right::after {
    content: '';
    width: calc(100% + 240px);
    height: 270px;
    background-color: #333333;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.sliderli {
    color: #373737;
    line-height: 3;
    font-size: 17px
}

.gypage1left .slick-current .sliderli {
    font-weight: bold;
}

.gypage1con p {
    font-size: 17px;
    line-height: 2.5;
}

.gypage1block {
    font-size: 0;
}

.gypage1block .wz {
    float: left;
    width: 340px;
    height: 345px;
    color: #fff;
    background-color: #0073DE;
    position: relative;
    top: -75px;
    padding: 150px 40px 0px 0px;
    text-align: right;
    z-index: 2;
}

.wzp1 {
    font-size: 44px;
    position: relative;
}

.wzp1::after {
    content: '';
    width: .75em;
    height: 2px;
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

.wzp2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 10px;
}

.lbnav {
    float: right;
    height: 270px;
    width: calc(100% - 340px);
    font-size: 44px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lbnav i {
    margin: 0px 3rem;
    color: #fff;
    cursor: pointer;
}

.gypage2 {
    width: 100%;
    height: 1300px;
    background: url('../images/advanced_technology_for_supply_chain.jpg') no-repeat top;
    color: #fff;
    padding-top: 240px;
}

.gypage2titp1 {
    font-size: 32px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.gypage2titp2 {
    font-size: 16px;
}

.gypage2tit {
    margin-bottom: 74px;
}

.gypage2top1bt {
    position: absolute;
    width: 100%;
    top: 50%;
    padding-left: 15%;
    transform: translateY(-50%);
}

.gypage2top1btp1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 7px;
}

.gypage2top1btp2 {
    font-size: 16px;
}

.gypage2top1,
.gypage2top2,
.gypage2bot1 {
    cursor: pointer;
    overflow: hidden;
}

.gypage2bot1 {
    width: 33.33%;
}

.gypage2top1 {
    width: 59.1%;
}

.gypage2top2 {
    width: 40.9%;
}

.gypage2img {
    transition: ease-in-out 0.5s;
}

.gypage2top1:hover .gypage2img,
.gypage2top2:hover .gypage2img,
.gypage2bot1:hover .gypage2img {
    transform: scale(1.1);
}

.gypage3video {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    font-size: 120px;
    text-align: center;
    color: #fff;
    z-index: 99;
    cursor: pointer;
    transform: translateY(-50%);
}


/* 发展历程 */

.lipage {
    width: 100%;
    background: url('../images/history.jpg') repeat-y 60% 100%;
    padding: 0px 60px;
    padding-bottom: 600px;
    position: relative;
}

.lipage::after {
    content: url('../images/historybac.jpg');
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.lipage .position {
    padding: 25px 0px;
    font-size: 18px;
    margin-bottom: 35px;
}

.lccon {
    padding-left: 150px;
}

.lctitle {
    font-size: 36px;
    width: 50%;
    font-weight: bold;
    padding: 0px 80px 0px 0px;
    cursor: pointer;
    margin-bottom: 60px;
}

.lctitle font {
    font-size: 22px;
}

.lctitle span {
    display: inline-block;
    vertical-align: top;
    margin: 0px 130px 0px 30px;
}

.sideMenu ul {
    display: none;
}

.sideMenu ul li {
    margin-bottom: 65px;
    color: #282828;
}

.lcleft {
    width: 30%;
}

.lcright {
    width: 69%;
    padding: 80px 110px;
    background: url('../images/lcright.jpg') no-repeat center;
    background-size: 100% 100%;
}

.lcleftp2 {
    font-size: 16px;
    line-height: 3;
}

.lcleftp1 {
    font-size: 24px;
    margin-bottom: 25px;
}

.lcleftp1 font {
    position: relative;
    padding-left: 20px;
    background: url('../images/yuan.png') no-repeat center left;
}

.lcleftp1 span {
    font-size: 56px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    padding-top: 25px;
    height: 1.65em;
    margin-left: -10px;
    position: relative;
}

.lcleftp1 span::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #767676;
    position: absolute;
    left: 0;
    top: 0;
    transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    /* IE 9 */
    -webkit-transform: rotate(35deg);
}

.lipage2 {
    padding: 180px 0px 260px;
    background: url('../images/lipage2.jpg') no-repeat center;
    background-size: cover;
    color: #000;
    padding-right: 60px;
    position: relative;
}

.lipage2con {
    padding: 45px 220px 75px 250px;
    width: 1010px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 15px #eee;
    border-radius: 192px;
}

.lipage2conp1 strong,
.lipage2conp1 div {
    display: inline-block;
}

.lipage2conp1 div {
    padding-left: 22px;
    position: relative;
}

.lipage2conp1 div::before {
    content: '';
    width: 2px;
    height: calc(100% + 45px);
    position: absolute;
    left: -2px;
    bottom: 0;
    background-color: #A5A5A5;
    transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
}

.lipage2conp1 strong {
    font-size: 42px;
}

.lipage2conp1 span {
    font-size: 20px;
    color: #767676;
}

.lipage2conp1 em {
    font-size: 36px;
    font-style: normal;
}

.lipage2conp2 {
    font-size: 16px;
    margin-top: 25px;
    line-height: 2.4;
}

.lipage2 img {
    position: absolute;
}

.lipage2img1 {
    top: 135px;
    left: 18.2vw;
}

.lipage2img2 {
    bottom: 80px;
    left: 37.5vw;
}

.lipage4 {
    background: url('../images/lcpage4.jpg') no-repeat center;
    background-size: cover;
    position: relative;
}

.lipage4left {
    padding: 80px 0px 100px;
}

.lipage4right {
    background-color: #F3F3F3;
}

.lipage4con {
    width: 60%;
    margin-left: 7.5%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/* 新闻页面样式 */

.newpage {
    padding: 55px 0px 105px;
}

.newstitle {
    font-size: 4rem;
    margin-bottom: 3.5rem;
}

.topnew .container {
    background-color: #0081E0;
}

.topnewimg {
    width: 58.54%;
    max-height: 470px;
    overflow: hidden;
}

.topnewimg img {
    transition: ease-in-out 0.5s;
}

.topnew:hover img {
    transform: scale(1.1);
}

.topnewdes {
    width: 41.46%;
    padding: 0px 2.5%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.topnewdesp1 {
    margin-bottom: 40px;
    letter-spacing: 1px;
}

.topnewdesp2 {
    letter-spacing: 1px;
}

.topnew {
    margin-bottom: 145px;
}

.newlist .row {
    margin-bottom: 75px;
    justify-content: space-between;
}

.newlist .row:nth-last-child(1) {
    margin-bottom: 125px;
}

.newlistimg {
    width: 41.85%;
    max-height: 390px;
    overflow: hidden;
}

.newlistinfo {
    width: 51%;
    display: -webkit-flex;
    align-items: center;
}

.newlistinfo a {
    color: #3A3737;
}

.newlistinfop3 span {
    display: inline-block;
    border: 1px solid #7D7D7D;
    padding: 10px 28px;
}

.newlistinfop1 {
    letter-spacing: 1px;
}

.newlistinfop2 {
    margin: 15px 0px 80px;
    letter-spacing: 1px;
}


/* 信息公示 */

.gslist {
    padding-bottom: 80px;
}

.gslist .row {
    justify-content: space-between;
}

.noticenav {
    background-color: #E9E9E9;
    margin-bottom: 60px;
}

.noticetop {
    margin-bottom: 110px;
}

.noticenav a {
    color: #767677;
    display: block;
    padding: 42px 0px;
    margin-right: 130px;
}

.noticenav a.active {
    color: #0081E0;
}

.gslister {
    width: 43%;
    margin-bottom: 85px;
    position: relative;
}

.gslister:nth-child(odd)::after {
    content: '';
    width: 2px;
    height: 75%;
    background-color: #DCDCDC;
    position: absolute;
    right: -14%;
    top: 7%;
}

.gslister a {
    color: #262626;
}

.gslisterp2 {
    color: #414141;
    margin-top: 28px;
}

.gslist nav {
    margin-top: 50px;
}


/* 产品列表 */

.cppage {
    background-color: #fff;
}

.cpnav {
    padding: 50px 0px 10px;
    border-bottom: 1px solid #DCDCDC;
}

.cpnavleft {
    font-size: 3rem;
}

.cpnavright,
.cpnavright a {
    color: #848383;
}

.cpnavright {
    display: flex;
    display: -webkit-flex;
    justify-content: end;
    align-items: center;
}

.cplist {
    padding: 120px 0px 95px;
}

.cplist .row {
    justify-content: space-between;
    margin-bottom: 85px;
}

.cplist .row:nth-child(even) {
    /* justify-content: space-between; */
    flex-direction: row-reverse;
}

.cpinfo {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.cpinfop2 {
    color: #6F6E6E;
    letter-spacing: 1px;
    margin-top: 30px;
}

.cplist nav {
    margin-top: 50px;
}

.cpny {
    padding: 110px 0px;
}

.cpnytop .row {
    justify-content: space-between;
}

.cpnytopleft {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.cpnytopleftp2 {
    font-size: 4rem;
}

.cpnytopleftp3 {
    color: #484848;
    margin-top: 50px;
}

.cpnycontent {
    margin-top: 50px;
}

.fanpage {
    padding: 110px 0px 200px;
}

.fanpage img {
    max-width: 100%;
}

.indexfoot {
    padding: 40px 0px 60px;
    background-color: #464646;
    color: #fff;
}

.yqlink {
    color: #E4E4E4;
    margin-bottom: 40px;
}

.yqlink a {
    color: #E4E4E4;
    margin-right: 1.5rem;
}

.inftright {
    display: flex;
}
.inftright>div {
    width: 15%;
    padding-right: 2rem;
}
.inftright>div:nth-child(2){width:20%}
.inftright>div:nth-child(5){width:25%}

.btmenu a {
    color: #E4E4E4;
}

.topmenu a {
    color: #fff;
    position: relative;
    margin-bottom: 20px;
}

.inftlefttel {
    font-size: 22px;
    margin: 15px 0px 10px;
}

.inftleft ul li {
    line-height: 2;
}

.inftlefticon {
    margin-top: 10px;
}

.inftlefticon span {
    margin-right: 1rem;
    cursor: pointer;
    position: relative;
}

.inftlefticon span img {
    max-width: 110px;
    position: absolute;
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.inftlefticon span:hover img {
    display: block;
}

.footnav {
    display: none;
}

.myfoot {
    display: none;
}

.di {
    display: none;
}

.indexfootbq {
    color: #E4E4E4;
    margin-top: 50px;
    padding: 20px 0px;
    border-top: 1px solid #E4E4E4;
}

.indexfootbq a {
    color: #E4E4E4;
}

.topmenu a::after {
    content: '';
    width: 0;
    height: 3px;
    background-color: #999999;
    position: absolute;
    left: 0;
    bottom: -0.75rem;
    animation: widthA 4s infinite;
}

.btmenu ul li:nth-child(n+1) {
    line-height: 2;
}

@keyframes widthA {
    0% {
        width: 0;
    }
    50% {
        width: 2.5em;
    }
    100% {
        width: 0;
    }
}


/* 首页 */

.index1 {
    padding: 40px 0px 150px;
}

.index1left {
    padding-left: 3rem;
}

.index1right {
    padding-left: 3rem;
}

.index1from {
    text-align: justify;
    text-align-last: justify;
    font-size: 0;
}

.index1from img {
    max-width: 49%;
    height: 46px;
}

.index1from form {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.index1from input::placeholder {
    color: #9F9F9F;
    font-size: 15px;
}

.index1from form .btn {
    height: 100%;
    color: #fff;
    background-color: #1679C4;
    position: absolute;
    right: 0;
    top: 0;
}

.hotkey {
    color: #676767;
    margin: 15px 0px 20px;
}

.index1list {
    padding: 10px 0px;
    border-bottom: 1px dotted #676767;
}

.index1list a {
    display: flex;
    display: -webkit-flex;
    color: #444444;
}

.index1list div {
    width: 18%;
    text-align: center;
}

.index1list div:nth-child(1) {
    width: 46%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.index1form2 img {
    max-width: 49%;
}

.index1form2 form {
    width: 45%;
}

.index2 {
    padding: 205px 0px 90px;
    position: relative;
}

.index2 .orcile {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.index2 .orcile canvas {
    position: absolute;
    bottom: 0;
    left: 0;
}

.index2::before {
    content: '';
    width: 50%;
    left: 0;
    height: 100%;
    position: absolute;
    background: #F1F0F0;
    -webkit-clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 62% 0, 100% 100%, 0% 100%);
    z-index: -1;
    top: 0;
}

.index2block {
    width: 17.5%;
    text-align: right;
    margin-top: 120px;
}

.index2blockp1 {
    font-size: 36px;
    font-weight: bold;
    color: #424242;
    position: relative;
    margin-bottom: 10px;
}

.index2blockp1::after {
    content: '';
    width: 0.7em;
    height: 2px;
    background-color: #d01f37;
    position: absolute;
    right: 0.15em;
    bottom: -5px;
}

.index2blockp2 {
    font-size: 16px;
    color: #626262;
    margin-bottom: 50px;
}

.index2blockp3 {
    margin-bottom: 35px;
}

.index2block a {
    display: inline-block;
    font-size: 16px;
    padding: 15px 55px;
    color: #626262;
    border: 1px solid #626262;
    border-radius: 5px;
}

.index2block a span {
    display: block;
    width: 5em;
    text-align: center;
}

.index2des {
    width: 76%;
    padding: 0px 3%;
    font-size: 16px;
    color: #3F3F3F;
    line-height: 2.4;
    margin-top: 350px;
}

.index2num {
    position: absolute;
    bottom: 230px;
    width: 72%;
    background: url('../images/indexnum.png') no-repeat center;
    background-size: 100% 100%;
    color: #fff;
    right: 0;
    padding-right: 210px;
    padding-left: 60px;
    padding-top: 55px;
    padding-bottom: 40px;
}

.index2list {
    width: 25%;
    float: left;
    text-align: center;
}

.index2listp1 {
    font-size: 20px;
}

.index2listp2 {
    font-size: 24px;
}

.index2listp2 span {
    font-size: 80px;
}

.index2listp2 em {
    font-style: normal;
    font-size: 54px;
    vertical-align: bottom;
    font-weight: bold;
    margin-right: 0.5rem;
}

.index3 {
    padding: 80px 0px 115px;
    position: relative;
}

.index3::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url('../images/index3.jpg') no-repeat center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

.index3title {
    font-size: 48px;
    color: #282828;
    font-weight: bold;
    position: relative;
}

.index3title2 {
    font-size: 16px;
    color: #626262;
    margin: 15px 0px 45px;
    position: relative;
}

.index3title::after {
    content: '';
    width: 1em;
    height: 2px;
    background-color: #d01f37;
    position: absolute;
    left: 50%;
    margin-left: -0.5em;
    bottom: 0;
}

.business .domain {
    height: 643px;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}

.business .domain-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.business .domain-bg img {
    width: 100%;
    height: 100%;
}

.business .domain-item {
    width: 11.1%;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    color: #fff;
    font-size: 34px;
    vertical-align: top;
    overflow: hidden;
    transition: all 0.5s ease;
}
.business .domain-item a{color:#fff; }

.business .domain-item:last-child {
    border: none;
}

.business .domain-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: -1;
}

.business .domain-item-bg::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.business .domain-item-bg img {
    width: 100%;
    height: 100%;
}

.business .domain-item-content {
    width: 100%;
    height: 100%;
    position: relative;
    white-space: normal;
}

.business .domain-item-content-title {
    position: absolute;
    bottom: 80%;
    left: 50%;
    transform: translate(-50%, 50%);
    transition: all 0.5s ease;
    font-size: 20px;
    width: 80%;
    text-align: center;
}

.business .domain-item-content-desc {
    position: absolute;
    top: 50%;
    margin: 0px 20px;
    opacity: 0;
    font-size: 16px;
    line-height: 1.8;
    transition: all 0.5s ease;
}

.domain-item-content-link {
    opacity: 0;
    position: absolute;
    margin: 0px 40px;
    top: 50%;
}

.domain-item-content-link a {
    padding: 0.5rem 1.5rem;
    color: #fff;
    font-size: 1.2rem;
    border: 1px solid #fff;
}

.business .domain:hover .domain-item {
    width: 10.5%;
}

.business .domain-item:hover {
    width: 16% !important;
}

.business .domain-item:hover .domain-item-bg {
    opacity: 1;
}

.business .domain-item:hover .domain-item-content-title {
    bottom: calc(60% + 100px + 12px);
    left: 20px;
    transform: translate(0, 50%);
    color: #fff;
    font-weight: bold;
    text-align: left;
    font-size: 24px;
}

.business .domain-item:hover .domain-item-content-desc {
    top: calc(40% - 80px);
    opacity: 1;
}

.business .domain-item:hover .domain-item-content-link {
    top: calc(50% - 100px);
    opacity: 1;
}

.business ul {
    position: absolute;
    top: calc(50% - 25px);
    ;
    padding: 0px 40px;
    opacity: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    line-height: 2;
}

.business ul li {
    width: 50%;
}

.business .domain-item:hover ul {
    opacity: 1;
}

.index4 {
    background-color: #d01f37;
    display: flex;
    display: -webkit-flex;
}

.index4left {
    width: 36.57vw;
    padding-left: 10.3vw;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.yin {
    position: relative;
}

.yin::before {
    content: url('../images/upyin.png');
    position: absolute;
    left: -70px;
    top: -35px;
}

.yin::after {
    content: url('../images/downyin.png');
    position: absolute;
    right: 0px;
    bottom: -25px;
}

.index4right {
    width: 63.43vw;
}

.index4leftp1 {
    font-size: 42px;
}

.index4left ul li {
    font-size: 16px;
    line-height: 3;
}

.index4right {
    position: relative;
}

.index4block {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-right: 10vw;
}

.index4info {
    color: #fff;
    background-color: rgba(0, 80, 152, 0.7);
    padding: 40px 60px;
}

.index4infop1 {
    font-size: 24px;
}

.index4infop2 {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.8;
}

.index5 {
    padding: 45px 0px 140px;
    background: url('../images/index5.jpg') no-repeat center;
    background-size: cover;
}

.index5 .row>div {
    margin-bottom: 15px;
}

.index5img {
    max-height: 355px;
    overflow: hidden;
}

.index5listp1 {
    padding: 15px 0px 30px;
    font-size: 18px;
    color: #505050;
}

.index5list span {
    display: inline-block;
    padding: 5px 12px;
    background-color: #282828;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    transition: all 0.5s;
}

.index5img img {
    transition: all 0.5s;
}

.index5list:hover img {
    transform: scale(1.1);
}

.index5list:hover span {
    background-color: #d01f37;
}

.navbar {
    padding: 0rem 2rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    transition: all 0.2s;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    color: #0081E0;
}

.nav-item .active {
    color: #0081E0;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #0081E0;
}

.bg-light.sina-nav .sina-menu>li>a {
    padding: 32px 30px;
    color: #494949;
}

.bluelogo {
    display: none;
}

.bg-light .whitelogo {
    display: none;
}

.bg-light .bluelogo {
    display: block;
}

.topsearch a {
    color: #fff;
    font-size: 22px;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #d01f37;
    border-radius: 50px;
}


/* 弹出搜索 begin */

.searchBar-m {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    z-index: 9999;
    text-align: center
}

.searchBar-m .mask {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
}

.searchBar-m a {
    display: block;
    position: absolute;
    right: 5%;
    top: 5%;
    width: 60px;
    height: 60px;
    line-height: 56px;
    font-size: 48px;
    z-index: 9999;
    color: #fff;
}

.searchBar-m a:hover {
    color: #d01f37
}

.searchBar-m .form-group {
    width: 70%;
    max-width: 720px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -200%);
}

.searchBar-m .input {
    width: 88%;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #f2f2f2;
    color: #6E6E6E;
    height: 60px;
    line-height: 60px;
    float: left;
    padding: 0;
    outline: 0px;
    color: #fff;
    padding: 0 0.5rem;
    font-size: 1.2rem;
}

.searchBar-m .button {
    width: 8%;
    height: 60px;
    line-height: 60px;
    border: 0px;
    border-bottom: 2px solid #f2f2f2;
    display: block;
    float: left;
    background: url(../images/ico-search-button.png) no-repeat center 50%;
    text-indent: -2000px
}

.searchBar-m .button:hover {
    background: url(../images/ico-search-button.png) no-repeat center 50%;
}


/* 弹出搜索 end */


/* 理念 */

.liniantitle {
    font-size: 4rem;
    margin-bottom: 100px;
}

.toplnleft div,
.toplnright div {
    font-size: 50px;
    margin: 20px 0px 40px;
}

.topln ul li {
    font-size: 36px;
    color: #676767;
}

.toplnleft ul li {
    margin-top: 1.5em;
}

.lnpx {
    padding: 140px 0px 200px
}

.lnpxleftp1 {
    font-size: 45px;
    color: #4F4F4F;
    margin-top: 15px;
}

.lnpxleftp2 {
    font-size: 32px;
    color: #656565;
    line-height: 1.8;
}

.lnpxleftp2:nth-child(2) {
    margin-bottom: 40px;
}

.lnpxleft,
.lnpxright {
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.zppage {
    padding-bottom: 100px;
}

.zplistp1 {
    font-size: 36px;
    color: #2C2B2B;
}

.zplistp2 {
    font-size: 28px;
    color: #646464;
    margin: 10px 0px 20px;
}

.zplistp3 {
    padding: 30px 0px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    font-size: 24px!important;
}

.zplistp3-1 {
    color: #2C2B2B;
    margin-bottom: 10px;
}

.zplistp3-1con {
    color: #646464;
}

.zplist li {
    margin-bottom: 120px;
}

.zplistp4 a {
    display: inline-block;
    margin-top: 20px;
    font-size: 24px;
    padding: 10px 75px;
    color: #fff;
    background-color: #0081E0;
}


/* 联系我们 */

.lxwm {
    padding: 75px 0px 140px;
}

.lxwmtitle {
    font-size: 4rem;
}

.lxwmtitle2 {
    font-size: 24px;
    margin: 5px 0px 75px;
}

.zongbutitle {
    font-size: 48px;
    color: #00A0E9;
    margin-bottom: 20px;
}

.zbcon {
    box-shadow: 0px 0px 10px 10px #F1F1F1;
    padding: 30px 0px;
}

.zongbuleft {
    width: 50%;
    padding-left: 40px;
}

.zongbuleft ul li {
    font-size: 24px;
    color: #585858;
    line-height: 2.4;
}

.zongbuleft ul li span {
    color: #252525;
}

.sales {
    margin-top: 90px;
}

.salescon {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.salesli {
    width: 48%;
    box-shadow: 0px 0px 10px 10px #F1F1F1;
    padding: 30px 35px;
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 2.4;
    color: #585858;
}

.salesli span {
    color: #252525;
}

.aftersalesul li {
    width: 33.33%;
    float: left;
    font-size: 24px;
    color: #585858;
    line-height: 2.4;
    padding-left: 40px;
}

.jianli {
    padding-bottom: 100px;
}

.jianli form {
    font-size: 22px;
}

.inputarea {
    display: flex;
    align-items: center;
    padding-right: 3rem;
}

.jianli .form-group {
    margin-bottom: 2.4rem;
}

.jianli .anniu button {
    margin: 0px 1rem;
}


/* 内页导航栏 */

.nyhead.navbar-light .navbar-nav .nav-link {
    color: #494949;
    transition: all 0.2s;
}

.nyhead.navbar {
    padding: 0rem 5rem;
}

.nyhead.sina-nav .sina-menu>li>a {
    padding: 32px 35px;
    color: #464646;
    font-size: 18px;
}

.nyhead.navbar .whitelogo {
    display: none!important;
}

.nyhead.navbar .bluelogo {
    display: block!important;
}


/* 语言切换 */

.langcheck {
    position: absolute;
    height: 100%;
    top: 0;
    line-height: 87px;
    right: 0;
    padding: 0px 5.5rem;
    background-color: #EEEEEE;
}

.dropdown-menu.show a {
    line-height: 1.5em;
}

.index2mobile {
    display: none;
}

.mobilenav {
    display: none;
}

@media screen and (max-width:1600px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        font-size: 18px;
    }
    .container {
        width: 1170px;
        max-width: 1170px;
    }
    .index1from img {
        max-width: 49%;
        height: auto;
    }
    .index1left {
        padding-left: 0rem;
    }
    .index1form2 form {
        margin-left: 20px;
    }
    .index2listp2 span {
        font-size: 50px;
    }
    .index2listp2 em {
        font-size: 36px;
    }
    .index2listp1 {
        font-size: 18px;
    }
    .index2listp2 {
        font-size: 20px;
    }
    .business .domain {
        height: 500px;
    }
    .index4infop1 {
        font-size: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        word-break: break-all;
    }
    .index4infop2 {
        font-size: 16px;
    }
    .gypage1 {
        padding-bottom: 100px;
    }
    .gypage2 {
        height: 925px;
        padding-top: 85px;
    }
    .lipage {
        padding-bottom: 400px;
    }
    .lipage::after {
        height: 375px;
    }
    .lipage4con {
        width: 80%;
    }
    .nyhead.navbar {
        padding: 0rem 2rem;
    }
    .langcheck {
        padding: 0px 1.5rem;
    }
    .lxwmtitle {
        font-size: 3rem;
    }
    .lxwmtitle2 {
        font-size: 20px;
    }
    .zongbutitle {
        font-size: 32px;
    }
    .zongbuleft {
        width: 50%;
        padding-left: 25px;
    }
    .zongbuleft ul li {
        font-size: 20px;
    }
    .salesli {
        font-size: 20px;
    }
    .aftersalesul li {
        font-size: 20px;
    }
    .sales {
        margin-top: 50px;
    }
    .fs-24 {
        font-size: 1.428rem;
    }
    .liniantitle {
        font-size: 3rem;
    }
    .toplnleft div,
    .toplnright div {
        font-size: 32px;
    }
    .topln ul li {
        font-size: 22px;
    }
    .lnpxleftp1 {
        font-size: 32px;
    }
    .lnpxleftp2 {
        font-size: 22px;
    }
    .jianli form {
        font-size: 16px;
    }
    .zplistp1 {
        font-size: 28px;
    }
    .zplistp2 {
        font-size: 22px;
    }
    .zplistp3 {
        font-size: 20px !important;
    }
    .zplistp4 a {
        font-size: 18px;
    }
    .page-num,
    .page-link {
        font-size: 16px;
    }
    .newstitle {
        font-size: 3rem;
    }
    .fs-30 {
        font-size: 1.857rem;
    }
    .fs-36 {
        font-size: 2.286rem;
    }
    .fs-26 {
        font-size: 1.5rem;
    }
    .cpnavleft {
        font-size: 3rem;
    }
    .width {
        width: 1170px;
        margin: 0px auto;
    }
    .sliderli {
        color: #373737;
        line-height: 3;
        font-size: 16px;
    }
    .lbnav i {
        margin: 0px 1.5rem;
        color: #fff;
        cursor: pointer;
    }
    .gypage1con p {
        font-size: 16px;
        line-height: 2.4;
    }
    .newlistinfop2 {
        margin: 15px 0px 25px;
        letter-spacing: 1px;
    }
    .fs-18 {
        font-size: 1.142rem;
    }
    .lccon {
        padding-left: 0;
    }
    .lctitle {
        font-size: 28px;
    }
    .lipage2img1 {
        top: 135px;
        left: 0vw;
    }
    .lipage2 {
        padding-right: 0;
        position: relative;
    }
    .cpnytopleftp2 {
        font-size: 3rem;
    }
    .sina-nav .sina-menu>li>a {
        padding: 32px 20px;
        font-size: 16px;
    }
    .bg-light.sina-nav .sina-menu>li>a {
        padding: 32px 20px;
        color: #494949;
    }
    .nyhead.sina-nav .sina-menu>li>a {
        padding: 32px 20px;
        font-size: 16px;
    }
    .business ul {
        font-size: 16px;
        line-height: 2;
    }
}

@media screen and (max-width:800px) {
    .navbar {
        border-bottom: 1px solid #fff;
        padding: 0rem 1rem;
    }
    .logo-sm-height {
        max-height: 35px!important;
    }
    .sina-nav .sina-menu>li>a {
        padding: 12px 24px 12px 12px;
    }
    .nyhead.sina-nav .sina-menu>li>a {
        padding: 12px 24px 12px 12px;
    }
    .topsearch {
        display: none;
    }
    .container {
        width: 100%;
        max-width: 100%;
    }
    .langcheck {
        display: none;
    }
    .nyhead.navbar {
        padding: 0rem 1rem;
    }
    .width {
        width: 100%;
        margin: 0px auto;
        padding: 0px 15px;
    }
    .topinfop1 {
        font-size: 22px;
    }
    .topinfop2 {
        font-size: 16px;
    }
    .lxwmtitle {
        font-size: 1.5rem;
    }
    .lxwmtitle2 {
        font-size: 14px;
    }
    .zongbutitle {
        font-size: 20px;
    }
    .zongbuleft {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .zongbuleft ul li {
        font-size: 14px;
    }
    .salesli {
        width: 100%;
        padding: 10px 15px;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .aftersalesul li {
        font-size: 14px;
        width: 100%;
        padding-left: 15px;
    }
    .lxwm {
        padding: 50px 0px 80px;
    }
    .fs-24 {
        font-size: 1rem;
    }
    .noticenav {
        padding: 0px 15px;
    }
    .noticenav a {
        padding: 15px 0px;
        margin-right: 35px;
    }
    .liniantitle {
        font-size: 2rem;
        margin-bottom: 60px;
    }
    .toplnleft div,
    .toplnright div {
        font-size: 22px;
        margin: 20px 0px 15px;
    }
    .topln ul li {
        font-size: 15px;
        line-height: 2;
    }
    .lnpx {
        padding: 70px 0px 80px;
    }
    .lnpxleftp1 {
        font-size: 22px;
    }
    .lnpxleftp2 {
        font-size: 15px;
    }
    .lnpxright {
        margin-top: 40px;
    }
    .zplistp1 {
        font-size: 18px;
    }
    .zplistp2 {
        font-size: 14px;
    }
    .zplistp3 {
        font-size: 14px !important;
    }
    .zplistp3 {
        padding: 20px 0px;
    }
    .zplistp4 a {
        font-size: 14px;
        padding: 10px 35px;
        margin-top: 10px;
    }
    .zplist li {
        margin-bottom: 50px;
    }
    .page-num,
    .page-link {
        font-size: 14px;
    }
    .zppage {
        padding-bottom: 60px;
    }
    .newstitle {
        font-size: 2rem;
    }
    .noticenav {
        margin-bottom: 40px;
    }
    .noticetop {
        margin-bottom: 60px;
        padding: 0px 15px;
    }
    .topnewimg {
        width: 100%;
    }
    .topnewdes {
        width: 100%;
        padding: 25px 2.5%;
    }
    .fs-30 {
        font-size: 1.3rem;
    }
    .topnewdesp1 {
        margin-bottom: 20px;
    }
    .gslist {
        padding-bottom: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .fs-30 {
        font-size: 1rem;
    }
    .gslisterp2 {
        color: #414141;
        margin-top: 15px;
        font-size: 1rem;
    }
    .gslister {
        width: 45%;
        margin-bottom: 25px;
    }
    .gslist nav {
        margin-top: 25px;
    }
    .newpage {
        padding: 35px 0px 50px;
    }
    .topnew {
        margin-bottom: 45px;
        padding: 0px 10px;
    }
    .newlist {
        padding: 0px 15px;
    }
    .newlistimg {
        width: 100%;
    }
    .newlistinfop3 span {
        display: none;
        border: 1px solid #7D7D7D;
        padding: 10px 28px;
    }
    .newlistinfo {
        width: 100%;
        padding: 15px 0px 0px;
    }
    .newlist .row {
        margin-bottom: 5px;
        justify-content: space-between;
    }
    .newlist .row:nth-last-child(1) {
        margin-bottom: 45px;
    }
    .cpnavleft {
        font-size: 2rem;
    }
    .cpnav {
        padding: 20px 0px 10px;
        border-bottom: 1px solid #DCDCDC;
    }
    .cplist {
        padding: 50px 0px 45px;
    }
    .cpinfo {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .fs-36 {
        font-size: 1.428rem;
    }
    .fs-26 {
        font-size: 1rem;
        line-height: 2;
    }
    .cpinfop2 {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.8;
    }
    .cplist .row {
        justify-content: space-between;
        margin-bottom: 35px;
    }
    .cplist .row:nth-child(2n) {
        justify-content: space-between;
        flex-direction: row;
    }
    .cplist nav {
        margin-top: 10px;
    }
    .gypage3video {
        font-size: 42px;
    }
    .gypage1 {
        padding-bottom: 60px;
        padding-top: 40px;
        position: relative;
    }
    .gypage1 .width {
        display: flex;
        flex-direction: column-reverse;
    }
    .gypage1right {
        width: 100%;
        position: relative;
    }
    .gypage1block {
        display: none;
    }
    .gypage1left {
        width: 100%;
        padding-top: 40px;
    }
    .gypage1right::after {
        content: none;
    }
    .gypage1con p {
        font-size: 14px;
        line-height: 2.2;
        text-indent: 2em;
    }
    .sliderli {
        color: #373737;
        line-height: 2;
        font-size: 14px;
    }
    .gypage2 {
        width: 100%;
        height: auto;
        background: url('../images/advanced_technology_for_supply_chain.jpg') no-repeat top;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .gypage2titp1 {
        font-size: 24px;
    }
    .gypage2tit {
        margin-bottom: 40px;
    }
    .gypage2top1 {
        width: 100%;
    }
    .gypage2top2 {
        width: 100%;
    }
    .gypage2bot1 {
        width: 100%;
    }
    .index1left {
        padding-left: 1rem;
    }
    .index2num {
        position: relative;
        bottom: 0;
        width: 100%;
        background: url('../images/indexnum.png') no-repeat center;
        background-size: cover;
        color: #fff;
        right: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .index2list {
        width: 50%;
    }
    .index2list:nth-child(-n+2) {
        margin-bottom: 20px;
    }
    .index2listp1 {
        font-size: 14px;
    }
    .index2listp2 {
        font-size: 14px;
    }
    .index2listp2 span {
        font-size: 36px;
    }
    .index2listp2 em {
        font-size: 24px;
    }
    .index2 {
        padding: 60px 0px 60px;
        position: relative;
    }
    .index2block {
        width: 100%;
        text-align: right;
        margin-top: 40px;
    }
    .index2blockp1 {
        font-size: 30px;
    }
    .index2blockp2 {
        font-size: 14px;
        color: #626262;
        margin-bottom: 35px;
    }
    .index2blockp3 {
        margin-bottom: 35px;
        display: inline-block;
    }
    .index2block a {
        display: inline-block;
        font-size: 14px;
        padding: 8px 15px;
        color: #626262;
        border: 1px solid #626262;
        border-radius: 5px;
    }
    .index2des {
        width: 100%;
        padding: 0px 1%;
        font-size: 14px;
        color: #3F3F3F;
        line-height: 2.4;
        margin-top: 10px;
        margin-bottom: 35px;
    }
    .index4 {
        padding: 30px 15px;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .index4left {
        display: none;
    }
    .index4block {
        position: relative;
        width: 100%;
        bottom: 0;
        left: 0;
        padding-right: 0;
    }
    .index4right {
        width: 100%;
    }
    .index4info {
        color: #fff;
        background-color: rgba(0, 80, 152, 0.7);
        padding: 20px 0px 0px;
    }
    .index4infop1 {
        font-size: 16px;
    }
    .index4infop2 {
        font-size: 14px;
    }
    .index5listp1 {
        padding: 15px 0px 30px;
        font-size: 16px;
        color: #505050;
    }
    .index5list span {
        display: inline-block;
        padding: 5px 12px;
        background-color: #282828;
        color: #fff;
        font-size: 14px;
        border-radius: 2px;
        transition: all 0.5s;
    }
    .index5list {
        margin-bottom: 25px;
    }
    .index5 {
        padding: 45px 0px 40px;
    }
    .footnav {
        display: none;
    }
    .fs-18 {
        font-size: 1rem;
    }
    .footright {
        display: flex;
        display: -webkit-flex;
        justify-content: start;
        align-items: center;
    }
    .myfoot {
        padding: 30px 0px 30px;
    }
    .fs-16 {
        font-size: 1rem;
    }
    .index1from img {
        width: 49%;
        height: auto;
    }
    .index1from form {
        width: 49%;
        margin-left: 1%;
    }
    .hotkey {
        color: #676767;
        margin: 15px 0px 10px;
    }
    .index1right {
        padding-left: 1rem;
        margin-top: 30px;
    }
    .index1form2 form {
        margin-left: 1%;
    }
    .index1form2 form {
        width: 49%;
    }
    .index1left .form-control-lg,
    .index1right .form-control-lg {
        height: calc(1em + 1rem + 2px);
    }
    .index1 {
        padding: 40px 0px 40px;
    }
    .index3 {
        display: none;
    }
    .index2mobile {
        display: block;
    }
    .index2mobile {
        padding: 2.5rem 0rem;
        display: block;
        color: #fff;
    }
    .index2mbitem {
        padding: 1.5rem 1rem;
        margin-bottom: 1rem;
    }
    .index2mbitemp1 {
        font-size: 1.2rem;
    }
    .index2mbitemp2 {
        font-size: 1rem;
        margin: 0.5rem 0 1rem;
    }
    .index2mbitemp3 a {
        display: inline-block;
        padding: 0.2rem 0.75rem;
        color: #fff;
        font-size: 1rem;
        border: 1px solid #fff;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11, 115, 198)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }
    .whitelogo {
        display: none;
    }
    .bluelogo {
        display: block;
    }
    .fixed-top {
        position: relative;
    }
    .navbar {
        background-color: #fff;
    }
    .navbar-light .navbar-nav .nav-link {
        color: #282828;
        transition: all 0.2s;
    }
    .lipage {
        width: 100%;
        height: auto;
        padding: 0px 10px 60px;
        overflow: hidden;
        background-size: 100% 100%;
    }
    .lctitle {
        font-size: 18px;
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .lctitle img {
        height: 30px;
    }
    .lctitle span {
        margin: 0px 60px 0px 30px;
    }
    .lctitle font {
        font-size: 18px;
    }
    .lcleft {
        width: 100%;
    }
    .lcleftp1 {
        font-size: 16px;
    }
    .lcleftp1 span {
        font-size: 20px;
        padding-top: 10px;
        height: 1.65em;
        margin-left: 5px;
        position: relative;
    }
    .lcleftp1 span::before {
        left: -4px;
    }
    .lcleftp2 {
        font-size: 14px;
        line-height: 2.4;
    }
    .lcright {
        margin-top: 15px;
        width: 100%;
        padding: 15px;
    }
    .lipage2 img {
        position: absolute;
        display: none;
    }
    .lipage2 {
        padding: 60px 15px 60px;
        padding-right: 0;
    }
    .lipage2con {
        padding: 0;
        width: 100%;
        background-color: #fff;
        box-shadow: 0px 0px 15px 15px #eee;
        border-radius: 5;
    }
    .lipage2conp1 strong {
        font-size: 28px;
    }
    .lipage2conp1 em {
        font-size: 24px;
        font-style: normal;
    }
    .lipage2conp1 div::before {
        height: calc(100% + 0px);
        left: 5px;
        bottom: 0;
        transform: rotate(-20deg);
        -o-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
    }
    .lipage2conp2 {
        font-size: 14px;
    }
    .inftright {
        display: none;
    }
    .indexfoot {
        padding: 40px 0px 0px;
    }
    .indexfootbq {
        margin-top: 30px;
    }
    .cpny {
        padding: 60px 0px;
    }
    .cpnytopleftp2 {
        font-size: 2.4rem;
    }
    .cpnytop .row {
        flex-direction: column-reverse;
    }
    .cpnytopright {
        margin-bottom: 30px;
    }
    .cpnytopleftp3 {
        margin-top: 20px;
        font-size: 16px;
        line-height: 1.8;
    }
    .lipage::after {
        height: 75px;
    }
    .lipage4left {
        padding: 39px 10px 50px;
    }
    .lipage4right {
        background-color: #F3F3F3;
        padding: 30px 10px;
    }
    .lipage4con {
        width: 100%;
        margin-left: 0;
    }
    .lipage .position {
        padding: 0px 0px;
    }
    .mobilenav {
        display: block;
    }
}

.bg-info {
    background-color: #d01f37 !important;
}

.btmenu img {
    position: absolute;
    right: 0;
    top: 0;
    max-width: 110px;
}

.title {
    text-align: center;
    margin-bottom: 60px;
}

.title h3 {
    font-size: 40px;
    line-height: 70px;
    color: #ffffff;
    font-weight: 700;
}

.title h3 span {
    color: #ffffff;
}

.title p {
    font-size: 20px;
    color: #ffffff;
}

.products {
    width: 100%;
    background: url(../images/probg.png) no-repeat top;
    padding: 50px 50px 0 50px;
}

.products .product_top_left {
    float: left;
    margin-top: 40px;
    width: 33%;
}

.products .product_top_left h3 {
    font-size: 40px;
    color: #310202;
    line-height: 70px;
    font-weight: 700;
}

.products .product_top_left h3 span {
    color: #0083C9;
}

.products .product_top_left p {
    font-size: 20px;
    color: #000000;
}

.product_top {
    position: relative;
}

.product_top_center {
    float: left;
    width: 50%;
}

.product_top_bottom {
    float: right;
    width: 50%;
    margin-top: 40px;
}

.product_top_bottom h3 {
    font-size: 40px;
    color: #333;
    line-height: 70px;
}

.product_top_bottom b {
    color: #0083C9;
    font-weight: 600;
}

.product_top_bottom p {
    font-size: 18px;
    line-height: 40px;
    color: #555555;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
}

.product_top_bottom a {
    border: 1px solid #6A6A6A;
    width: 150px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #6A6A6A;
    margin-top: 50px;
}

.product_top_bottom a img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.product_top .nextnext,
.product_top .prevprev {
    width: 50px;
    height: 50px;
    background: #fff;
    top: 70%;
    z-index: 1;
}

.product_top .nextnext:after,
.product_top .prevprev:after {
    font-size: 25px;
}

.product_top .nextnext {
    left: 4%;
}

.product_top .prevprev {
    left: 0%;
}

.product_bottom {
    margin-top: 70px;
}

.product_bottom .swiper-slide {
    position: relative;
}

.product_bottom .swiper-slide img {
    width: 100%;
    height: auto;
}

.product_bottom .protxt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(3, 3, 3, 0) 0%, rgba(3, 3, 3, 0.72) 100%);
    height: 120px;
    padding: 0 25px;
    box-sizing: border-box;
}

.product_bottom .protxt p {
    float: left;
    font-size: 20px;
    color: #FFF8F8;
    line-height: 160px;
    width: 80%;
}

.product_bottom .swiper-slide {
    overflow: hidden;
}

.product_bottom .swiper-slide img {
    transform: scale(1);
    transition: all 0.3s;
}

.product_bottom .swiper-slide:hover img {
    transform: scale(1.1);
}

.product_bottom .protxt i {
    float: right;
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-top: 65px;
}

@media (max-width: 768px) {
    .title h3 {
        font-size: 1.8rem;
    }
}