@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
@font-face{
    font-family: "pRegular";
    src: url('../font/PingFang-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: "pBold";
    src: url('../font/PingFang-Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* @font-face{
    font-family: "pMedium";
    src: url('../font/PingFangSC-Medium.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
} */
@font-face{
    font-family: "pMedium";
    src:url('../font/PingFang\ Medium_downcc.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
/* header */
header{
    width: 100%;
    background: #fff;
    overflow: hidden;
}
.header-main{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100px;
    padding-left: 85px;
    padding-right: 32px;
}
.logo{
    display: block;
    width: 140px;
    overflow: hidden;
}
.logo img{
    width: 100%;
}
.hotline-wrap{
    display: flex;
    align-items: center;
}
.hotline-wrap p{
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-left: 16px;
}
.nav-ul{
    display: flex;
    justify-content: space-between;
    height: 100px;
    align-items: flex-end;
}
.nav-ul li{
    margin-right: 64px;
}
.nav-ul li:last-child{
    margin-right: 0px;
}
.nav-ul li>a{
    display: block;
    font-size: 18px;
    line-height: 100px;
    text-align: center;
    color: #333;
    position: relative;
    transition: all .3s;
}
.nav-ul li>a::after{
    position: absolute;
    width: 47px;
    height: 4px;
    border-radius: 2px;
    background-color: #e60012;
    content: "";
    bottom: 22px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all .3s;
}
.nav-ul li:hover>a,
.nav-ul li.nav-active a{
    color: #e60012;
}
.nav-ul li:hover>a::after{
    opacity: 1;
}
.nav-ul li.nav-active a::after{
    opacity: 1;
}
@media(max-width: 1400px){
    .nav-ul li{
        margin-right: 40px;
    }
}
@media(max-width: 1200px){
    .nav-ul li>a{
        font-size: 16px;
    }
    .nav-ul li{
        margin-right: 20px;
    }
    .hotline-wrap p{
        margin-left: 8px;
    }
    .header-main{
        padding-left: 32px;
    }
}
@media(max-width: 991px){
    .nav-ul{
        display: none;
    }
    .hotline-wrap{
        display: none;
    }
    header{
        height: 70px;
    }
    .header-main{
        height: 70px;
    }
}
/* banner */
.banner-pagination{
    position: absolute;
    width: 186px;
    height: 60px;
    background-color: #e60012;
    right: 110px;
    bottom: 0px;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-pagination .swiper-pagination{
    position: relative;
    bottom: auto;
    left: auto;
    transform: translate(0);
    color: #fff;
    font-size: 20px;
    font-family: "pRegular";
    width: auto;
}
.banner-pagination .swiper-pagination .swiper-pagination-current{
    font-size: 32px;
    font-family: "pBold";
}
.banner-pagination .banner-next, .banner-pagination .banner-prev{
    position: relative;
    top: auto;
    margin-top: 0px;
    width: 8px;
    height: 14px;
    background-size: 8px 14px;
    margin-top: 4px;
}
.banner-pagination .banner-next{
    background-image: url(../img/banner-next.png);
    right: auto;
}
.banner-pagination .banner-prev{
    background-image: url(../img/banner-prev.png);
    left: auto;
    margin-left: 18px;
    margin-right: 14px;
}
@media(max-width: 991px){
    .banner-pagination{
        right: 30px;
        width: 160px;
        height: 48px;
    }
}
@media(max-width: 449px){
    .banner-pagination{
        right: 20px;
        width: 120px;
        height: 40px;
    }
    .banner-pagination .swiper-pagination{
        font-size: 18px;
    }
    .banner-pagination .swiper-pagination .swiper-pagination-current{
        font-size: 24px;
    }
    .banner-pagination .banner-prev{
        margin-left: 8px;
        margin-right: 10px;
    }
}
/* 底部 */
#footer{
    width: 100%;
    background: #15181a;
    padding-top: 48px;
    padding-bottom: 60px;
}
.footer-main{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-left{
    width: 48%;
}
.footer-left ul{
    display: flex;
    margin-bottom: 30px;
}
.footer-left ul li{
    margin-right: 60px;
}
.footer-left ul li:last-child{
    margin-right: 0px;
}
.footer-left ul li a{
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.copy{
    font-size: 14px;
    color: #d8d8d8;
    line-height: 22px;
    font-weight: 300;
}
.footer-right{
    width: 52%;
    display: flex;
    justify-content: flex-end;
}
.footer-hotline{
    display: flex;
    align-items: center;
    color: #fff;
    margin-right: 102px;
}
.footer-phone{
    width: 52px;
    height: 52px;
    overflow: hidden;
    margin-right: 25px;
}
.footer-hotlineinfo h3{
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 2px;
}
.footer-hotlineinfo span{
    font-size: 30px;
    line-height: 30px;
}
.code-img{
    width: 98px;
    height: 98px;
    overflow: hidden;
    margin-right: 65px;
}
.code-img img{
    width: 100%;
}
.footer-logo a{
    display: block;
    width: 208px;
    overflow: hidden;
}
.footer-logo a img{
    width: 100%;
}
.footer-logo p{
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    margin-top: 12px;
}
@media(max-width: 1700px){
    .footer-left ul li{
        margin-right: 40px;
    }
    .footer-hotline{
        margin-right: 50px;
    }
    .code-img{
        margin-right: 40px;
    }
}
@media(max-width: 1600px){
    .footer-left ul li{
        margin-right: 30px;
    }
    .footer-logo a{
        width: 190px;
    }
    .footer-logo p{
        font-size: 14px;
    }
    .footer-hotline{
        margin-right: 30px;
    }
    .code-img{
        margin-right: 20px;
    }
}
@media(max-width: 1400px){
    .footer-left ul li a{
        font-size: 16px;
    }
    .footer-left ul li{
        margin-right: 20px;
    }
    .footer-logo a{
        width: 160px;
    }
    .footer-phone{
        margin-right: 15px;
    }
    .footer-hotlineinfo span{
        font-size: 24px;
        line-height: 24px;
    }
}
@media(max-width: 1200px){
    .footer-main{
        flex-wrap: wrap;
    }
    .footer-left{
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-left ul{
        justify-content: center;
    }
    .copy{
        text-align: center;
    }
    .footer-right{
        justify-content: center;
        width: 100%;
    }
    .footer-left ul{
        margin-bottom: 15px;
    }
    .code-img{
        margin-right: 35px;
    }
}
@media(max-width: 991px){
    #footer{
        padding-top: 38px;
        padding-bottom: 35px;
    }
    .footer-left ul{
        margin-bottom: 10px;
        flex-wrap: wrap;
    }
    .footer-left{
        margin-bottom: 15px;
    }
    .footer-right{
        flex-direction: column;
        align-items: center;
    }
    .code-img{
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .footer-hotline{
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .footer-logo a{
        width: 200px;
    }
}
/* 德国科诺  品质保障 */
.pinzhi-wrap{
    width: 100%;
    height: 760px;
    overflow: hidden;
    padding-top: 152px;
    background: url(../img/pinzhi-bg.jpg) no-repeat center;
}
.pinzhi-title{
    color: #fff;
    text-align: center;
    max-width: 935px;
    margin: 0 auto;
}
.pinzhi-title h3{
    font-size: 42px;
    line-height: 42px;
    margin-bottom: 50px;
}
.pinzhi-title p{
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 65px;
}
.pinzhi-title a{
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline !important;
    color: #fff;
}
.pinzhi-list{
    display: flex;
    justify-content: space-between;
    padding: 0 160px;
    margin-top: 38px;
}
.pinzhi-list li{
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pinzhi-icon{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}
.pinzhi-list li p{
    margin-top: 20px;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 12px;
}
.pinzhi-list li span{
    font-size: 36px;
    line-height: 36px;
    display: flex;
    align-items: flex-end;
}
.pinzhi-list li span i{
    font-size: 18px;
    line-height: 20px;
    margin-left: 8px;
    font-style: normal;
}
.pinzhi-list li:hover .pinzhi-icon{
    background-color: #e60012;
    border-color: #e60012;
}
@media(max-width: 1400px){
    .pinzhi-list{
        padding: 0 50px;
    }
}
@media(max-width: 1200px){
    .pinzhi-list{
        padding: 0px;
    }
    .pinzhi-wrap{
        height: 640px;
        padding-top: 100px;
    }
    .pinzhi-title p{
        margin-bottom: 50px;
    }
}
@media(max-width: 991px){
    .pinzhi-wrap{
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pinzhi-title {
        width: 100%;
    }
    .pinzhi-title h3{
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .pinzhi-title p{
        margin-bottom: 16px;
        font-size: 16px;
    }
    .pinzhi-title a{
        font-size: 16px;
    }
    .pinzhi-list{
        margin-top: 25px;
    }
    .pinzhi-list li p{
        margin-top: 12px;
        font-size: 16px;
    }
    .pinzhi-list li span{
        font-size: 24px;
        line-height: 24px;
    }
    .pinzhi-list li span > i{
        font-size: 16px;
    }
}
@media(max-width: 599px){
    .pinzhi-list{
        flex-wrap: wrap;
    }
    .pinzhi-list li{
        width: 50%;
        margin-bottom: 20px;
    }
    .pinzhi-title p{
        font-size: 14px;
        line-height: 24px;
    }
    .pinzhi-title h3{
        margin-bottom: 12px;
    }
    .pinzhi-list li p{
        margin-bottom: 6px;
    }
    .pinzhi-wrap{
        padding-bottom: 20px;
    }
}
/* KNOLL 产品 */
.home-pro{
    padding-top: 74px;
    padding-bottom: 64px;
    overflow: hidden;
}
.public-title{
    text-align: center;
    font-size: 42px;
    color: #333;
    line-height: 42px;
}
.hpro-nav{
    display: flex;
    margin-top: 35px;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
}
.hpro-nav li{
    margin-right: 35px;
}
.hpro-nav li:last-child{
    margin-right: 0px;
}
.hpro-nav li a{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    padding: 0 30px;
    position: relative;
    transition: all .5s;
    display: inline-block;
}
.hpro-nav li a::after, .hpro-nav li a::before{
    position: absolute;
    width: 16px;
    height: 16px;
    border: 2px solid #e60012;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    opacity: 0;
    transition: all .5s;
}
.hpro-nav li a::after{
    right: 0px;
}
.hpro-nav li a::before{
    left: 0px;
}
.hpro-nav li:hover a{
    color: #e60012;
}
.hpro-nav li.on a{
    color: #e60012;
}
.hpro-nav li:hover a::before,
.hpro-nav li:hover a::after{
    opacity: 1;
}
.hpro-nav li.on a::after, .hpro-nav li.on a::before{
    opacity: 1;
}
.hpro-main{
    display: flex;
    justify-content: space-between;
}
.hpro-item{
    width: calc(50% - 15px);
}
.hpro-img{
    position: relative;
}
.hpro-img p{
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding-right: 38px;
    padding-bottom: 34px;
    font-size: 24px;
    color: #fff;
    line-height: 24px;
}
.hpro-img:hover img{
    transform: scale(1.1);
}
.hpro-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hpro-childitem{
    flex: 1;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.hpro-childitem:last-child{
    margin-bottom: 0px;
}
.hpro-otheritem{
    width: calc(50% - 17px);
}
.hpro-childitem .hpro-img p{
    font-size: 18px;
    padding-right: 30px;
    padding-bottom: 26px;
}
@media(max-width: 1400px){
    .hpro-otheritem{
        width: calc(50% - 10px);
    }
    .hpro-childitem{
        margin-bottom: 18px;
    }
}
@media(max-width: 1200px){
    .hpro-nav li{
        margin-right: 20px;
    }
    .hpro-nav li a{
        padding: 0 25px;
    }
    .hpro-childitem .hpro-img p{
        padding-right: 20px;
        padding-bottom: 20px;
    }
}
@media(max-width: 991px){
    .hpro-main{
        flex-wrap: wrap;
    }
    .hpro-item{
        width: 100%;
    }
    .hpro-right{
        margin-top: 20px;
    }
    .hpro-nav li{
        margin-right: 10px;
    }
    .hpro-nav li a{
        padding: 0 15px;
        font-size: 16px;
    }
    .hpro-nav li a::after,  .hpro-nav li a::before{
        width: 10px;
        height: 10px;
    }
    .home-pro{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .public-title{
        font-size: 28px;
        line-height: 28px;
    }
    .hpro-nav{
        margin-top: 20px;
        margin-bottom: 25px;
    }
}
@media(max-width: 599px){
    .hpro-nav{
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .hpro-nav li{
        margin: 0 8px;
        text-align: center;
        margin-bottom: 10px;
    }
}
@media(max-width: 499px){
    .hpro-img p{
        padding-right: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    .hpro-childitem .hpro-img p{
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .hpro-childitem{
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    .hpro-otheritem{
        width: 100%;
        margin-bottom: 20px;
    }
    .home-pro{
        padding-bottom: 20px;
    }
}
/* KNOLL 案例 */
.hcase-item p{
    font-size: 18px;
    color: #333;
    line-height: 24px;
    margin-top: 26px;
    text-align: center;
}
.hcase-item:hover .public-img img{
    transform: scale(1.1);
}
.hcase-item:hover p{
    color: #e60012;
}
.home-case{
    margin-bottom: 145px;
    overflow: hidden;
}
.home-case .public-title{
    margin-bottom: 46px;
}
@media(max-width: 1400px){
    .home-case{
        margin-bottom: 95px;
    }
}
@media(max-width: 991px){
    .home-case{
        margin-bottom: 40px;
    }
    .hcase-item p{
        font-size: 16px;
        margin-top: 10px;
    }
    .home-case .public-title{
        margin-bottom: 30px;
    }
}
.home-news{
    overflow: hidden;
    margin-bottom: 58px;
}
.hnews-main{
    display: flex;
    flex-wrap: wrap;
}
.hnews-left{
    width: 49.2%;
}
.hnews-right{
    width: 50.8%;
    background-color: #f8f8f8;
    padding-top: 38px;
    padding-left: 70px;
    padding-right: 30px;
}
.hnews-title{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    margin-bottom: 60px;
}
.hnews-title h3{
    text-align: left;
}
.hnews-more{
    display: block;
    width: 125px;
    height: 46px;
    background-color: #e60012;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.hnews-list li{
    padding-right: 50px;
    margin-bottom: 60px;
}
.hnews-list li:last-child{
    margin-bottom: 0px;
}
.hnews-list li h3 a{
    display: block;
    font-size: 18px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
}
.hnews-list li span{
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #888;
    margin-top: 10px;
    margin-bottom: 6px;
}
.hnews-list li p{
    font-size: 16px;
    line-height: 26px;
    color: #888;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hnews-list li:hover h3 a{
    color: #e60012;
}
.hnews-left:hover .public-img img{
    transform: scale(1.1);
}
@media(max-width: 1700px){
    .hnews-title{
        margin-bottom: 40px;
    }
    .hnews-right{
        padding-bottom: 30px;
    }
    .hnews-list li{
        padding-right: 30px;
        margin-bottom: 40px;
    }
}
@media(max-width: 1600px){
    .hnews-right{
        padding-top: 20px;
        padding-left: 50px;
    }
}
@media(max-width: 1400px){
    .hnews-title{
        margin-bottom: 30px;
    }
    .hnews-list li{
        margin-bottom: 30px;
        padding-right: 20px;
    }
}
@media(max-width: 1200px){
    .hnews-title h3{
        font-size: 32px;
        line-height: 32px;
    }
    .hnews-more{
        height: 36px;
        width: 128px;
        line-height: 36px;
    }
}
@media(max-width: 991px){
    .home-news{
        margin-bottom: 40px;
    }
    .hnews-left{
        width: 100%;
    }
    .hnews-right{
        width: 100%;
        padding-left: 30px;
    }
    .hnews-title h3{
        font-size: 28px;
        line-height: 28px;
    }
    .hnews-more{
        width: 118px;
    }
    .hnews-title{
        margin-bottom: 20px;
    }
    .hnews-list li{
        padding-right: 0px;
        margin-bottom: 25px;
    }
}
@media(max-width: 499px){
    .hnews-right{
        padding: 20px;
    }
    .hnews-more{
        width: 110px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
}
.other-wrap{
    width: 100%;
    overflow: hidden;
    margin-bottom: 85px;
}
.other-main{
    background-color: #f8f8f8;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.other-left{
    width: calc(50% - 15px);
    padding-left: 92px;
    padding-right: 15px;
}
.other-right{
    width: calc(50% - 15px);
    display: flex;
    justify-content: flex-end;
    padding-right: 80px;
    align-items: center;
}
.other-img{
    width: 164px;
    margin-left: 56px;
}
.other-info h3{
    font-size: 40px;
    line-height: 40px;
    color: #333;
    font-weight: 300;
    margin-bottom: 25px;
}
.other-info p{
    font-size: 24px;
    color: #888;
    line-height: 24px;
    margin-bottom: 25px;
    font-weight: 300;
}
.other-info a{
    width: 166px;
    height: 45px;
    background-color: #e60012;
    line-height: 45px;
    font-size: 18px;
    color: #fff;
    display: block;
    text-align: center;
}
@media(max-width: 1700px){
    .other-left{
        padding-left: 30px;
    }
    .other-right{
        padding-right: 20px;
    }
    .other-img{
        margin-left: 35px;
    }
}
@media(max-width: 1600px){
    .other-info h3{
        font-size: 32px;
        line-height: 32px;
    }
}
@media(max-width: 1200px){
    .other-info h3{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .other-info p{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .other-left{
        padding-left: 10px;
    }
    .other-right{
        padding-right: 10px;
    }
    .other-img{
        margin-left: 25px;
    }
}
@media(max-width: 991px){
    .other-info h3{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .other-info p{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .other-main{
        background-color: #fff;
    }
    .other-left{
        padding-left: 0px;
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }
    .other-right{
        width: 100%;
        padding: 20px;
        justify-content: center;
        background-color: #f8f8f8;
    }
    .other-img{
        margin-left: 25px;
    }
    .other-wrap{
        margin-bottom: 40px;
    }
}
@media(max-width: 599px){
    .other-img{
        width: 110px;
        overflow: hidden;
        margin-left: 15px;
    }
    .other-img img{
        width: 100%;
    }
    .other-info h3{
        font-size: 24px;
        margin-bottom: 4px;
    }
    .other-right{
        padding-left: 10px;
        padding-right: 10px;
    }
    .other-info p{
        font-size: 16px;
    }
    .other-info a{
        width: 140px;
        height: 36px;
        line-height: 36px;
        font-size: 16px;
    }
}
/* 精选案例 */
.case-wrap{
    width: 100%;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}
.inside-title{
    font-size: 32px;
    color: #333;
    font-family: "pMedium";
    text-align: center;
}
.case-main{
    margin-top: 48px;
}
.case-list{
    margin-left: -17px;
    margin-right: -17px;
}
.case-list li{
    float: left;
    width: 25%;
    padding: 0 17px;
    margin-bottom: 60px;
}
.case-item p{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-top: 24px;
    text-align: center;
    font-family: "pMedium";
}
.case-item:hover .public-img img{
    transform: scale(1.1);
}
.case-item:hover p{
    color: #e60012;
}
@media(max-width: 1200px){
    .case-list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .case-list li{
        padding: 0 15px;
        margin-bottom: 40px;
    }
    .case-item p{
        font-size: 16px;
    }
}
@media(max-width: 991px){
    .case-wrap{
        padding-top: 40px;
        padding-bottom: 20px;
    }
    .inside-title{
        font-size: 28px;
        line-height: 28px;
    }
    .case-main{
        margin-top: 25px;
    }
    .case-list li{
        margin-bottom: 20px;
        width: 50%;
    }
    .case-item p{
        margin-top: 15px;
    }
}
@media(max-width: 559px){
    .case-list {
        margin-left: 0px;
        margin-right: 0px;
    }
    .case-list li{
        padding: 0px;
        width: 100%;
    }
}
/* 新闻资讯 */
.news-wrap{
    padding-top: 97px;
    padding-bottom: 70px;
}
.news-list{
    margin-left: -16px;
    margin-right: -16px;
}
.news-list li{
    float: left;
    width: 25%;
    padding: 0 16px;
    margin-bottom: 80px;
}
.news-info{
    padding-top: 40px;
}
.news-info span{
    font-size: 14px;
    line-height: 24px;
    color: #888;
    display: block;
    margin-bottom: 12px;
}
.news-info h3 a{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-info p{
    margin-top: 14px;
    min-height: 48px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 22px;
}
.news-more{
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #666;
    padding-right: 30px;
    background: url(../img/news-arrow.png) no-repeat right center;
}
.news-item:hover .public-img img{
    transform: scale(1.1);
}
.news-item:hover .news-info h3 a{
    color: #e60012;
}
.news-item:hover .news-info .news-more{
    color: #e60012;
    background-image: url(../img/news-arrow-on.png);
}
.click-more{
    display: block;
    width: 168px;
    height: 50px;
    border-radius: 25px;
    background-color: #e60012;
    margin: 0 auto;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}
@media(max-width: 1200px){
    .news-list{
        margin-left: -12px;
        margin-right: -12px;
    }
    .news-list li{
        padding: 0 12px;
        margin-bottom: 60px;
    }
    .news-info{
        padding-top: 20px;
    }
}
@media(max-width: 991px){
    .news-list li{
        width: 50%;
        margin-bottom: 20px;
    }
    .news-info{
        padding-top: 12px;
    }
    .news-click{
        margin-top: 10px;
    }
    .news-wrap{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .news-info span{
        margin-bottom: 4px;
    }
    .news-info p{
        margin-top: 8px;
        margin-bottom: 10px;
    }
}
@media(max-width: 599px){
    .news-list{
        margin: 0px;
    }
    .news-list li{
        padding: 0px;
        width: 100%;
    }
    .news-info p{
        min-height: auto;
        -webkit-line-clamp: 20;
    }
}
.dnews-title{
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 34px;
}
.dnews-title h3{
    font-size: 32px;
    line-height: 32px;
    color: #333;
    margin-bottom: 32px;
}
.dnews-title span{
    font-size: 16px;
    color: #969696;
    line-height: 24px;
}
.dnews-main{
    padding-top: 78px;
    padding-bottom: 15px;
    text-align: center;
    overflow: hidden;
}
.dnews-info{
    max-width: 1348px;
    width: 100%;
    padding: 0 34px;
    margin: 0 auto 55px;
}
.dnews-main p{
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    color: #666666;
}
.dnews-info{
    margin-bottom: 55px;
}
.dnews-main img{
    margin-bottom: 44px;
}
.dnews-page{
    text-align: center;
    padding: 35px 0px 20px;
    border-top: 1px solid #dbdbdb;
}
.dnews-page a{
    font-size: 16px;
    line-height: 36px;
    color: #666;
    display: block;
}
.dnews-page a:hover{
    color: #e60012;
}
@media(max-width: 1400px){
    .dnews-main img{
        width: 100%;
    }
}
@media(max-width: 991px){
    .dnews-title h3{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .dnews-title{
        padding-bottom: 14px;
    }
    .dnews-main{
        padding-top: 24px;
        padding-bottom: 0px;
    }
    .dnews-info{
        padding: 0px;
        margin-bottom: 25px;
    }
    .dnews-main img{
        margin-bottom: 20px;
    }
    .dnews-page{
        padding-bottom: 0px;
        padding-top: 15px;
    }
    .dnews-main p{
        line-height: 30px;
    }
    .dnews-page a{
        line-height: 30px;
    }
}




/*关于我们*/
.about-js{
    margin-top: 150px;
    padding-bottom: 170px;
    overflow: hidden;
}
.about-jstit h3{
    font-size: 38px;
    margin-right: 15px;
}
.about-jstit{
    display: flex;
    margin-top: 17px;
}
.about-jsflex{
    display: flex;
    justify-content: space-between;
}
.about-jsr img{
    width: 100%;
}
.about-jsr{
    width: 53.8%;
}
.about-jsl{
    width: 41.7%;
}
.about-jstxt{
    margin-top: 70px;
    font-size: 18px;
    line-height: 35px;
}
.about-jslbotimg{
    width: 100px;
    height: 100px;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-jslbotimg img:last-child{
    display: none;
}
.about-jslbot{
    margin-top: 40px;
}
.about-jslbot ul{
    display: flex;
    justify-content: space-between;
}
.about-jsltxt{
    text-align: center;
    margin-top: 24px;
    color: #666666;
}
.about-jsltxt h4{
    margin-top: 14px;
    font-size: 36px;
}
.about-jsltxt h4 span{
    font-size: 18px;
    margin-left: 5px;
}
.about-jslbot ul li{
    cursor: pointer;
}
.about-jslbot ul li:hover .about-jslbotimg{
    background: #e60012;
    border: 1px solid #e60012;
}
.about-jslbot ul li:hover .about-jslbotimg img:last-child{
    display: block;
}
.about-jslbot ul li:hover .about-jslbotimg img:first-child{
    display: none;
}
.about-jslbot ul li:hover .about-jsltxt h4{
    color: #e60012;
}
.about-jslbot ul li:hover .about-jsltxt h3{
    color: #e60012;
}
.about-jsltxt i{
    font-style: normal;
}
.about-fz{
    background:#f5f5f5 url('../img/about-fzbg.jpg') no-repeat top center;
    padding-top: 34px;
}
.about-fztit{
    text-align: center;
}
.about-fztit h3{
    font-size: 38px;
    color: #fff;
    margin-top: 80px;
}
.about-fzbox{
    margin-top: 100px;

}
.about-fzswiper{
    padding-bottom: 150px;
}

.about-fzswiper a{
    display: block;
    background: #fff;
}
.about-fzimg img{
    width: 100%;
}
.about-fztxt {
    padding: 36px 36px 70px;
}
.about-fztxt h3{
    font-size: 38px;
}
.about-fztxt h4{
    font-size: 38px;
    color: #e60012;
    margin-top: 20px;
}
.about-fztxt p{
    margin-top: 40px;
    font-size: 18px;
    color: #666666;
    line-height: 28px;
}
.about-fzswiper .swiper-scrollbar{
    width: 43.5%;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
}   
.about-fzswiper .swiper-scrollbar-drag{
    background: #e60012;
}
.about-fzswiper .swiper-scrollbar{
    background: #fff;
}
@media(max-width:1800px){
    .about-jstxt {
        margin-top: 40px;
        font-size: 16px;
        line-height: 32px;
    }
}
@media(max-width:1700px){
    .about-jstxt {
        margin-top: 25px;
        font-size: 16px;
        line-height: 32px;
    }
    .about-jstit{
        margin-top: 0;
    }
}
@media(max-width:1600px){
    .about-jstxt {
        margin-top: 20px;
        font-size: 16px;
        line-height:30px;
    }
    .about-jstit{
        margin-top: 0;
    }
    .about-jslbot{
        margin-top: 20px;
    }
    .about-jsl{
        width: 44.7%;
    }
}
@media(max-width:1400px){
    .about-jstxt {
        margin-top:15px;
        font-size: 14px;
        line-height:24px;
    }
    .about-jstit{
        margin-top: 0;
    }
    .about-jslbot{
        margin-top: 20px;
    }
    .about-jsl{
        width: 44.7%;
    }
    .about-jslbotimg{
        width: 90px;
        height: 90px;
    }
    .about-jslbot{
        margin-top: 10px;
    }
    .about-jsltxt{
        margin-top: 15px;
    }
    .about-jstit h3{
        font-size: 24px;
    }
    .about-jstit img{
        width:110px;
    }
}
@media(max-width:1200px){
    .about-jsflex{
        display: block;
    }
    .about-jsl{
        width: 100%;
    }
    .about-jsr{
        width: 100%;
        margin-top: 50px;
    }
    .about-jstxt{
        font-size: 16px;
        line-height: 30px;
    }
}
@media(max-width:991px){
    .about-js {
        margin-top: 50px;
        padding-bottom: 50px;
    }
    .about-fztitimg img{
        width: 50%;
    }
    .about-fztit h3{
        margin-top: 30px;
    }
    .about-fzbox{
        margin-top: 30px;
    }
    .about-fztxt p{
        margin-top: 20px;
    }
    .about-fztxt{
        padding: 30px 20px 30px;
    }
    
    
}
@media(max-width:449px){
    .about-fz{
        padding-top: 50px;
    }
    .about-fzswiper{
        padding-bottom: 100px;
    }
    .about-jslbot ul{
        flex-wrap: wrap;
    }
    .about-jslbot ul li{
        width: 50%;
        margin-bottom: 30px;
    }
    .about-jslbotimg{
        margin: 0 auto;
    }
    .about-jsr{
        margin-top: 0;
    }
    .about-fzswiper .swiper-scrollbar{
        bottom: 30px;
    }
}

/*产品*/
.pro-navw{
    margin: 0 150px;
    height: 106px;
    line-height: 106px;
    background: #f7f7f7;
    padding:0 100px;
    position: relative;
    margin-top: -53px;
}
.pro-navswiper .swiper-slide{
    text-align: center;
}
.pro-navswiper .swiper-slide a.on{
    color: #e60012;
}
.pro-navswiper .swiper-slide a:hover{
    color: #e60012;
}
.pro-navswiper .swiper-slide a{
    font-family: "pMedium";
}
.pro-box{
    margin-top: 50px;
    padding-bottom: 60px;
}
.pro-tit h3{
    font-size: 32px;
    text-align: center;
}
.pro-boxw{
    margin-top: 60px;
}
.pro-boximg img{
    width: 100%;
    transition: all 0.5s;
}
.pro-boxw ul li:hover .pro-boximg img{
    transform: scale(1.1);
}
.pro-boximg{
    overflow: hidden;
}
.pro-boxw ul li h4{
    font-size: 20px;
    margin-top: 28px;
    margin-bottom: 70px;
}
.pro-boxw ul li:hover h4{
    color: #e60012;
}

.promore span{
    display: block;
    width: 130px;
    height: 40px;
    background: #e60012;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    border-radius: 20px;
    cursor: pointer;
}
@media(max-width:1800px){
    .pro-navw{
        padding: 0;
    }
}
@media(max-width:1400px){
    .pro-boxw ul li h4{
        font-size: 16px;
        white-space: nowrap;/*强调文本在一行内显示*/
        overflow: hidden;/*溢出内容为隐藏*/
        text-overflow: ellipsis;/*溢出文本显示省略号*/
    }
}
@media(max-width:991px){
    .pro-navw{
        margin:-30px 0 0;
        height: 60px;
        line-height: 60px;
    }
    .pro-box {
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .pro-boxw{
        margin-top: 30px;
    }
    .pro-tit h3{
        font-size: 26px;
    }
    .pro-boxw ul li h4{
        margin-bottom: 30px;
    }
}
/*产品详情*/
.prod-top{
    margin-top: 80px;
    display: flex;
}
.prod-l img{
    width: 100%;
}
.prod-l{
    width: 50%;
}
.prod-r{
    width: 50%;
    padding: 68px 100px 0 60px;
}
.prod-r h3{
    font-size: 36px;
    color: #333333;
    font-family: "pMedium";
}
.prod-r p{
    margin-top: 48px;
    font-size: 18px;
    line-height: 34px;
    font-family: "pMedium";
    color:#333333;
}
.prod-td{
    margin-top: 64px;
    border: 1px solid #e5e5e5;
    display: flex;
}
.prod-tdltxt{
    padding: 60px 60px 80px;
}
.prod-tit h3{
    font-size: 36px;
    font-family: "pMedium";
    background: url('../img//prod-titbg.png') no-repeat center left;
    padding-left: 40px;
}
.prod-tdl{
    width: 50%;
    border-right: 1px solid #e5e5e5;
}
.prod-tdr{
    width: 50%;
}
.prod-tdltxtm{
    margin-top: 60px;
    font-family: "pMedium";
    line-height: 30px;
}
.prod-az{
    margin-top: 40px;
}
.prod-azm img{
    width: 100%;
}

.prod-azm{
    margin-top: 40px;
    
}
.prod-box{
    padding-bottom: 100px;
    overflow: hidden;
}
.prod-az .prod-tit{
    padding-left: 60px;
}
.prod-azm div{
    padding:0 3px;
}
@media(max-width:1800px){
    .prod-r {
        width: 50%;
        padding: 40px 50px 0 60px;
    }
}
@media(max-width:1400px){
    .prod-r {
        padding:30px 20px 0 40px;
    }
    .prod-r p{
        margin-top: 15px;
    }
}
@media(max-width:1200px){
    .prod-r h3{
        font-size: 30px;
    }
    .prod-r {
        padding: 0px 15px 0 20px;
    }
    .prod-r p {

        font-size: 16px;
        line-height: 30px;
    }
    .prod-tdltxt {
        padding: 30px 30px 60px;
    }
}
@media(max-width:991px){
    .prod-top{
        display:block;
        margin-top: 40px;
    }
    .prod-l{
        width: 100%;
    }
    .prod-r{
        width: 100%;
        padding:0;
        margin-top:30px;
    }
    .prod-td{
        display: block;
        margin-top: 30px;
    }
    .prod-tdl{
        width: 100%;
        border-right: 0;
    }
    .prod-tdr{
        width: 100%;
    }
    .prod-tdltxtm {
        margin-top: 20px;
    }
    .prod-tit h3{
        font-size:26px;
    }
    .prod-az{
        padding: 0 15px;
    }
    .prod-azm div{
        margin-bottom: 10px;
    }
    .prod-box{
        padding-bottom: 40px;
    }
}
@media(max-width:449px){
    .prod-tdltxt{
        padding: 15px;
    }
}

/*战略合作*/
.coop-ppys{
    margin-top: 60px;
    padding-bottom: 100px;
}
.coop-tit h3{
    font-size: 32px;
    text-align: center;
}
.coop-ppysw{
    margin-top: 90px;
}

.coop-ppysw ul li h4{
    font-size: 24px;
}
.coop-ppysw ul li{
    text-align: center;
    padding: 0 60px;
    cursor: pointer;
}
.coop-ppysw ul li .coop-ppimg img:last-child{
    display: none;
}
.coop-ppimg{
    margin-top: 35px;
    margin-bottom: 30px;
}
.coop-txt{
    font-size: 18px;
    font-family: "pMedium";
    line-height: 30px;
    color: #969696;
}
.coop-ppysw ul li:hover h4{
    color: #ea2534;
}
.coop-ppimg{
    width: 48px;
    margin: 35px auto 30px;
}
.coop-ppysw ul li:hover .coop-ppimg img:last-child{
    display: block;
}
.coop-ppysw ul li:hover .coop-ppimg img:first-child{
    display: none;
}
.coop-jmyq{
    background: url('../img/coop-jmyqbg.jpg') no-repeat top center;
    padding-top: 75px;
    padding-bottom: 80px;
    
}
.coop-jmyqw{
    padding:0 200px 0 240px;
    margin-top: 40px;
}
.coop-jmyqwl{
    position: relative;
}
.coop-jmyqtxt{
    position: absolute;
    top: 57px;
    left: 455px;
}
.coop-jmyqtxt ul li{
    display: flex;
    line-height: 42px;
    margin-bottom: 55px;
}
.coop-jmyqtxt ul li h3{
    width: 42px;
    height: 42px;
    background: #ea2534;
    border-radius: 50%;
    font-size: 20px;
    font-style: italic;
    line-height: 42px;
    text-align: center;
    color: #fff;
    margin-right: 22px;
}
.coop-jmyqtxttwo{
    margin-left: 60px;
}
.coop-jmyqtxtthree{
    margin-left: 80px;
}
.coop-jmyqtxt ul li span{
    font-size: 18px;
    font-family: "pRegular";
}
.coop-gy{
    padding: 80px 0 70px;
    text-align: center;
}
.coop-gy h3{
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: lighter;
}
.coop-gy h4{
    font-size: 36px;
    color: #ea2534;
    font-style: italic;
    font-family: "pBold";
}
@media(max-width:1800px){
    .coop-jmyqw {
        padding: 0 0px 0 240px;
        margin-top: 40px;
    }
}
@media(max-width:1700px){
    .coop-jmyqw {
        padding: 0;
        margin-top: 40px;
    }
    .coop-jmyqtxt ul li span{
        white-space:nowrap;
    }
}
@media(max-width:1600px){
    .coop-ppysw ul li{
        padding: 0 30px;
    }
}
@media(max-width:1400px){
    .coop-ppysw ul li{
        padding: 0 30px;
    }
    .coop-jmyqwl{
        width: 40%;
    }
    .coop-jmyqwl img{
        width: 100%;
    }
    .coop-jmyqtxt {
        position: absolute;
        top: 15px;
        left: 355px;
    }
}
@media(max-width:1200px){
    .coop-ppysw ul li{
        padding: 0 10px;
        
    }
    .coop-jmyqtxt ul li{
        margin-bottom: 30px;
    }
    .coop-jmyqtxt {
        position: absolute;
        top: 20px;
        left: 286px;
    }
    .coop-jmyqwl{
        width: 33%;
    }
    .coop-jmyqtxt ul li{
        margin-bottom: 15px;
    }
    .coop-jmyqtxt {
        position: absolute;
        top: 20px;
        left: 240px;
    }
    .coop-jmyqtxttwo{
        margin-left: 45px;
    }
    .coop-jmyqtxtthree{
        margin-left: 60px;
    }
}
@media(max-width:991px){
    .coop-ppysw ul li{
        padding: 0 30px;
        margin-bottom:30px;
    }
    .coop-txt{
        height: 90px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .coop-ppysw{
        margin-top: 40px;
    }
    .coop-ppys{
        padding-bottom: 0;
    }
    .coop-jmyqtxt{
        position: relative;
    }
    .coop-jmyqwl{
        width: 100%;
    }
    .coop-jmyqtxt{
        left: 0;
    }
    .coop-jmyqtxttwo{
        margin-left: 0;
    }
    .coop-jmyqtxtthree{
        margin-left: 0;
    }
    .coop-jmyqwl img{
        display: none;
    }
    .coop-jmyqtxt ul li span{
        white-space:normal;
        display: block;
        width: calc(100% - 42px);
    }
    .coop-jmyqtxt ul li{
        line-height: 30px;
    }
    .coop-jmyq{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .coop-jmyqw{
        margin-top: 10px;
    }
    .coop-gy {
        padding: 40px 0 30px;
    }
    .coop-gy h3{
        line-height: 35px;
        padding: 0 30px;
    }
    .coop-gy h4{
        font-size: 30px;
    }
}

/*联系我们*/
.contact{
    margin-top: 100px;
    padding-bottom: 80px;
    overflow: hidden;
}
.contactflex{
    display: flex;
}
.contact-l img{
    width: 100%;
}
.contact-l{
    width: 50%;
    padding-left: 114px;
}
.contact-r{
    padding-top: 90px;
    width: 50%;
    text-align: center;
}
.contact-rimg{
    width:90px;
    height: 90px;
    background: #dfdfdf;
    margin: 0 auto;
    line-height: 90px;
    text-align: center;
    border-radius: 50%;
}
.contact-r h4{
    margin-top: 30px;
    font-size: 30px ;
    margin-bottom: 43px;
}
.contact-r h5{
    font-size: 48px;
    color: #e60012;
    font-style: italic;
    font-family: "pBold";
    margin-bottom: 20px;
}
.contact-r span{
   
    color: #666666;
    font-size: 20px;

}
.feedback{
    background: url('../img/coop-jmyqbg.jpg') no-repeat top center;
    padding-top: 46px;
    padding-bottom: 90px;
}
.feedback-input{
    margin-top: 50px;
}
.feedback input{
    height: 70px;
    border: 1px solid #dcdcdc;
    line-height: 70px;
}
.feedback-top ul{
    display: flex;
}
.feedback-top ul li{
    width: 25%;
    margin-right: 15px;
    margin-bottom: 20px;
}
.feedback-top ul li input{
    width: 100%;
    padding-left: 15px;
}
.feedback-center ul{
    display: flex;
}
.feedback-center ul li{
    width: 50%;
    margin-right: 15px;
    margin-bottom: 20px;
}
.feedback-center ul li input{
    width: 100%;
    padding-left: 15px;
}
.feedback-bot textarea{
    border: 1px solid #dcdcdc;
    width: 100%;
    padding-left: 15px;
    padding-top: 15px;
}
.feedback-bot{
    padding-right: 15px;
}
.feedback-submit{
    width: 170px;
    height: 50px;
    background: #e60012;
    border: none;
    color: #fff;
    border-radius: 30px;
    margin:34px auto 0;
    display: block;
}
@media(max-width:1600px){
    .contact-r{
        padding-top: 20px;
    }
    .contact-r h4{
        margin-bottom: 20px;
    }
}
@media(max-width:1200px){
    .contact-r h5{
        font-size: 35px;
    }
    .contact-r{
        padding-top: 0;
    }
    .contact-r h4{
        font-size: 22px;
    }
}
@media(max-width:991px){
    .contactflex{
        display: block;
    }
    .contact-l{
        width: 100%;
        padding-left: 0;
    }
    .contact-r{
        width: 100%;
    }
    .contact{
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .feedback-top ul{
        flex-wrap: wrap;
    }
    .feedback-top ul li{
        width:calc(50% - 15px)
    }
    .feedback {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}
.dc-phone {
    display: none;
}
@media (max-width: 991px) {
    .dc-phone {
        display: block;
    }

    .dc-pc {
        display: none;
    }
}