.home{position:relative;width:100%;min-width: 1440px;}.home .home-banner{width:100%;min-width: 1440px;}.home .home-banner .swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;height:836px;background-repeat:no-repeat;background-size:cover;background-position:center center}.home .home-banner .swiper-pagination{bottom:118px}.home .home-banner .swiper-pagination .swiper-pagination-bullet{width:45px;height:3px;border-radius:2px;background-color:#fff;margin:0 10px}.home .home-banner .swiper-pagination .swiper-pagination-bullet-active{width:45px;height:3px;border-radius:2px;background-color:#e64027}.home .home-banner .home-banner-mouse{position:absolute;bottom:44px;left:50%;display:flex;flex-direction:column;align-items:center;transform:translateX(-50%);z-index:1;animation:mymove 2s infinite;-webkit-animation:mymove 2s infinite}.home .home-banner .home-banner-mouse .banner-mouse-img{width:24px;height:37px;background-image:url(../images/mouse.png);background-repeat:no-repeat;background-size:cover}.home .home-banner .home-banner-mouse .banner-mouse-big{width:13px;height:7px;background-image:url(../images/big-icon.png);background-repeat:no-repeat;background-size:cover}.home .home-banner .home-banner-mouse .banner-mouse-small{width:9px;height:4px;background-image:url(../images/small-icon.png);background-repeat:no-repeat;background-size:cover;margin-top:7px}.home .banner-box{width:1200px}.home .banner-box .banner-title{font-size:32px;font-weight:400;color:rgba(255,255,255,0.7);line-height:67px;text-transform:uppercase}.home .banner-box .banner-red{font-size:80px;font-weight:bold;color:#e74027;line-height:82px;text-transform:uppercase}.home .banner-box .banner-line{width:88px;height:8px;background-color:#fff;margin-top:30px;margin-bottom:20px}.home .banner-box .banner-text{font-size:40px;font-weight:bold;color:rgba(255,255,255,0.7);line-height:60px;text-shadow:5px 5px 10px rgba(0,0,0,0.8);letter-spacing:2px}.home .home-get{display:flex;justify-content:center;width:100%;height:129px;background-color:rgba(11,31,47,0.8);min-width: 1440px;}.home .home-get .home-get-box{display:flex;justify-content:space-between;align-items:center;width:1200px}.home .home-get .home-get-box .home-get-left{position:relative}.home .home-get .home-get-box .home-get-left .get-left-title{font-size:36px;font-weight:400;color:#fff;line-height:38px;letter-spacing:4px}.home .home-get .home-get-box .home-get-left .get-left-text{font-size:16px;font-weight:400;color:rgba(255,255,255,0.8);line-height:18px;margin-top:20px}.home .home-get .home-get-box .home-get-left .get-left-icon{position:absolute;top:18px;left:-6px;width:26px;height:26px;border-bottom:4px solid #e74027;border-left:4px solid #e74027}.home .home-get .home-get-box .home-get-right{display:flex;justify-content:center;align-items:center;width:176px;height:40px;background-color:#e74027;border-radius:4px;font-size:14px;font-weight:400;color:#fff;line-height:16px}.home .home-solve{display:flex;flex-direction:column;align-items:center;width:100%;min-height:817px;background-image:url(../images/solve-banner.png);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:68px;min-width: 1440px;}.home .home-solve .home-solve-cn{font-size: 50px;font-weight: 700;color:#03091a;line-height: 2;letter-spacing:2px;}.home .home-solve .home-solve-en{font-size:18px;font-weight:400;color:#03091a;line-height:20px;text-transform:uppercase;margin-top:10px;font-size: 30px;font-weight: 400;color: #03091a;line-height: 32px;text-transform: uppercase;}.home .home-solve .home-solve-title{font-size:20px;font-weight:bold;color:#03091a;line-height:22px;margin-top:48px}.home .home-solve .home-solve-title .solve-title-red{color:#e74027;margin:0 -5px}.home .home-solve .home-solve-text{font-size:16px;font-weight:400;color:#6d7385;line-height:24px;margin-top:16px;text-align:center}.home .home-four{display:flex;justify-content:center;width:100%;margin-top: 70px;}.home .home-four .home-four-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:291px;height:280px;background-color:#fff;border-radius:4px;margin-right:12px;transition:all .3s;border-bottom:7px solid #fff}.home .home-four .home-four-item .four-item-icon{width:64px;height:43px;background-image:url(../images/four-icon.png);background-repeat:no-repeat;background-size:auto 43px;background-position:10px 0}.home .home-four .home-four-item .four-item-icon.icon-two{background-position:-60px 0}.home .home-four .home-four-item .four-item-icon.icon-three{background-position:-132px 0}.home .home-four .home-four-item .four-item-icon.icon-four{background-position:-202px 0}.home .home-four .home-four-item .four-item-title{font-size:20px;font-weight:bold;color:#03091a;line-height:22px;margin-top:18px}.home .home-four .home-four-item .four-item-button{display:none;justify-content:center;align-items:center;width:148px;height:40px;border:1px solid #e74027;border-radius:4px;margin-top:35px;transition:all .3s}.home .home-four .home-four-item .four-item-button .four-button-title{font-size:18px;font-weight:400;color:#e74027;line-height:20px}.home .home-four .home-four-item .four-item-button .four-button-icon{width:14px;height:7px;background-image:url(../images/solve-icon.png);background-repeat:no-repeat;background-size:cover;margin-left:12px}.home .home-four .home-four-item:nth-last-child(1){margin-right:0}.home .home-four .home-four-item:hover{height:340px;box-shadow:0 15px 20px 1px rgba(0,0,0,0.1);border-bottom:7px solid #e74027}.home .home-four .home-four-item:hover .four-item-button{display:flex}.home .home-product{display:flex;flex-direction:column;align-items:center;width:100%;padding:50px 0 80px;min-width: 1440px;}.home .home-product .home-product-cn{font-size: 50px;font-weight:bold;color:#03091a;line-height: 2;}.home .home-product .home-product-en{font-size:18px;font-weight:400;color:#03091a;line-height:20px;text-transform:uppercase;margin-top:10px;font-size: 30px;font-weight: 400;color: #03091a;line-height: 32px;text-transform: uppercase;}.home .home-product .home-product-text{font-size:16px;font-weight:400;color:#6d7385;line-height:24px;margin-top:30px}.home .home-product .home-solve-detail{position:relative;display:flex;justify-content:center;width:1200px;margin-top:100px}.home .home-product .home-solve-detail .home-solve-item{position:relative;width:288px;height:400px;background-repeat:no-repeat;background-size:cover;overflow:hidden;margin-right:12px;z-index:2}.home .home-product .home-solve-detail .home-solve-item .solve-item-img{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;transform:scale(1);transition:transform 1s}.home .home-product .home-solve-detail .home-solve-item .solve-item-box{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:60px;background-color:rgba(255,255,255,0.75);transition:height .3s}.home .home-product .home-solve-detail .home-solve-item .solve-item-box .solve-item-title{width:200px;font-size:20px;font-weight:bold;color:#e74027;line-height:22px;letter-spacing:1px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s}.home .home-product .home-solve-detail .home-solve-item .solve-item-box .solve-item-button{display:none;justify-content:center;align-items:center;width:118px;height:32px;border:1px solid #e74027;border-radius:4px;margin-top:16px;transition:display .3s}.home .home-product .home-solve-detail .home-solve-item .solve-item-box .solve-item-button .item-button-title{font-size:14px;font-weight:bold;color:#e74027;line-height:16px}.home .home-product .home-solve-detail .home-solve-item .solve-item-box .solve-item-button .item-button-icon{width:14px;height:7px;background-image:url(../images/solve-icon.png);background-repeat:no-repeat;background-size:cover;margin-left:10px}.home .home-product .home-solve-detail .home-solve-item:hover .solve-item-img{transform:scale(1.2)}.home .home-product .home-solve-detail .home-solve-item:hover .solve-item-box{height:114px}.home .home-product .home-solve-detail .home-solve-item:hover .solve-item-box .solve-item-title{color:#03091a}.home .home-product .home-solve-detail .home-solve-item:hover .solve-item-box .solve-item-button{display:flex}.home .home-product .home-solve-detail .home-solve-item:nth-last-child(1){margin-right:0}
.home .home-product .home-solve-detail .home-solve-item:nth-child(2){margin-top:100px}.home .home-product .home-solve-detail .home-solve-item:nth-child(4){margin-top:100px}.home .home-product .home-solve-detail .home-solve-line{position:absolute;right:-20px;bottom:-27px;width:165px;height:165px;background-image:url(../images/solve-line.png);background-repeat:no-repeat;background-size:cover;z-index:1}.home .home-team{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:808px;background-image:url(../images/team-banner.png);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:77px;min-width: 1440px;}.home .home-team .home-team-cn{font-size: 50px;font-weight: 700;color:#fff;line-height: 2;letter-spacing:4px;}.home .home-team .home-team-en{font-size:30px;font-weight:400;color:#fff;line-height:32px;text-transform:uppercase;margin-top:18px}.home .home-team .home-team-text{font-size:16px;font-weight:400;color:#fff;line-height:24px;margin-top:16px;text-align:center}.home .home-team .home-team-button{display:flex;justify-content:center;align-items:center;width:176px;height:40px;background-color:#e74027;border-radius:4px;font-size:14px;font-weight:400;color:#fff;line-height:16px;margin-top:46px}.home .home-team .home-team-box{position:absolute;bottom:-79px;left:50%;display:flex;justify-content:space-between;align-items:center;width:1200px;height:485px;transform:translateX(-50%);z-index:1}.home .home-team .home-team-box .team-box-left{width:796px;height:485px;background-image:url(../images/team-left.png);background-repeat:no-repeat;background-size:cover}.home .home-team .home-team-box .team-box-right{display:flex;flex-direction:column;justify-content:space-between;height:485px}.home .home-team .home-team-box .team-box-right .team-right-img{width:392px;height:243px;background-image:url(../images/team-right1.png);background-repeat:no-repeat;background-size:cover}.home .home-team .home-team-box .team-box-right .team-right-imgs{width:392px;height:230px;background-image:url(../images/team-right2.png);background-repeat:no-repeat;background-size:cover}.home .home-team .home-team-box .team-box-line{position:absolute;bottom:-30px;left:-30px;width:260px;height:261px;background-image:url(../images/team-line.png);background-repeat:no-repeat;background-size:cover}.home .home-news{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;/* height:1265px; */background-image:url(../images/news-banner.png);background-repeat:no-repeat;background-size:cover;background-position:center center;padding: 212px 0 100px;overflow:hidden;min-width: 1440px;}.home .home-news .home-news-cn{font-size: 50px;font-weight: 700;color:#03091a;line-height: 2;letter-spacing: 2px;}.home .home-news .home-news-en{font-size:30px;font-weight:400;color:#03091a;line-height:32px;text-transform:uppercase;/* margin-top:18px */}.home .home-news-box{position:relative;display:flex;justify-content:center;width:1200px;margin-top:90px}.home .home-news-box .home-news-second{position:absolute;top:0;left:-309px;display:flex;justify-content:center;width:1920px}.home .home-news-box .home-news-second .news-second{position:relative;display:flex;width:1200px}.home .home-news-box .home-news-second .news-second .news-box-left{position:relative;display:none;width:442px;height:595px;background-repeat:no-repeat;background-size:cover;z-index:2}.home .home-news-box .home-news-second .news-second .news-box-left.active{display:block}.home .home-news-box .home-news-second .news-second .news-second-line{position:absolute;bottom:-80px;left:-80px;width:496px;height:373px;border:10px solid #e84827;border-radius:10px;z-index:1}.home .news-box-right{position:absolute;top:0;right:0;width:952px;height:770px;padding:70px 0 0 78px;background-color:#fff;overflow:hidden}.home .news-box-right .news-right-item{display:flex;align-items:center;width:515px;margin-bottom:38px}.home .news-box-right .news-right-item .news-item-left{display:flex;flex-direction:column;align-items:center}.home .news-box-right .news-right-item .news-item-left .news-item-left-day{font-size:50px;font-weight:400;color:#03091a;line-height:52px}.home .news-box-right .news-right-item .news-item-left .news-item-left-month{font-size:18px;font-weight:400;color:#03091a;line-height:20px}.home .news-box-right .news-right-item .news-item-line{width:1px;height:62px;background-color:#000;margin:0 10px}.home .news-box-right .news-right-item .news-item-right{width:379px}.home .news-box-right .news-right-item .news-item-right .news-item-right-title{font-size:20px;font-weight:bold;color:#000;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.home .news-box-right .news-right-item .news-item-right .news-item-right-text{font-size:16px;font-weight:400;color:#6d7385;line-height:18px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}.home .news-box-right .news-right-item .news-item-detail{font-size:16px;font-weight:400;color:#6d7385;line-height:18px;margin-top:35px;transition:all .3s}.home .news-box-right .news-right-item:nth-last-child(1){margin-bottom:0}.home .news-box-right .news-right-item:hover .news-item-right .news-item-right-title{color:#e74027}.home .news-box-right .news-right-item:hover .news-item-right .news-item-right-text{color:#e74027}.home .news-box-right .news-right-item:hover .news-item-detail{color:#e74027}.home .news-box-right .news-right-item.active .news-item-right .news-item-right-title{color:#e74027}.home .news-box-right .news-right-item.active .news-item-right .news-item-right-text{color:#e74027}.home .news-box-right .news-right-item.active .news-item-detail{color:#e74027}.home .news-box-right .news-right-button{display:flex;justify-content:center;align-items:center;width:176px;height:40px;background-color:#e74027;border-radius:4px;font-size:14px;font-weight:400;color:#fff;line-height:16px;margin-top:70px}.home .home-center{display:flex;flex-direction:column;align-items:center;width:100%;height:546px;background-image:url(../images/center-banner.png);background-repeat:no-repeat;background-size:cover;background-position:center center;padding-top:60px;min-width: 1440px;}.home .home-center .home-center-cn{font-size: 50px;font-weight: 700;color:#fff;line-height: 2;letter-spacing: 2px;}.home .home-center .home-center-en{font-size:30px;font-weight:400;color:#fff;line-height:32px;text-transform:uppercase;/* margin-top:18px */}.home .home-center .home-center-box{display:flex;justify-content:space-between;width:1200px;margin-top:70px}.home .center-box-left .center-left-item{display:flex;align-items:center;margin-bottom:30px}.home .center-box-left .center-left-item .center-item-icon{width:29px;height:38px;background-image:url(../images/center-img.png);background-repeat:no-repeat;background-size:29px auto;background-position:0 0}.home .center-box-left .center-left-item .center-item-icon.icon-two{background-position:0 -43px}.home .center-box-left .center-left-item .center-item-icon.icon-three{background-position:0 -86px}.home .center-box-left .center-left-item .center-item-detail{margin-left:30px}.home .center-box-left .center-left-item .center-item-detail .center-item-title{font-size:24px;font-weight:bold;color:#fff;line-height:26px;margin-bottom:12px;letter-spacing:1px}.home .center-box-left .center-left-item .center-item-detail .center-item-text{font-size:16px;font-weight:400;color:rgba(255,255,255,0.4);line-height:18px}.home .center-box-left .center-left-item:nth-last-child(1){margin-bottom:0}.home .center-box-right .center-right-form{display:flex;align-items:center}.home .center-box-right .center-right-form .center-form-left{display:flex;flex-direction:column;margin-right: 20px;}.home .center-box-right .center-right-form .center-form-left .form-left-input{width:292px;height:49px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:16px;background-color:rgba(255,255,255,0.15);border-radius:4px;margin-bottom:17px;padding:0 20px}.home .center-box-right .center-right-form .center-form-left .form-left-input:nth-last-child(1){margin-bottom:0}.home .center-box-right .center-right-form .center-form-right{/* margin-left:82px */}.home .center-box-right .center-right-form .center-form-right .form-right-input{width: 292px;height:115px;font-size:14px;font-weight:400;color:rgba(255,255,255,0.8);line-height:19px;background-color:rgba(255,255,255,0.15);border-radius:4px;padding:16px 20px;}.home .center-box-right .center-right-button{display:flex;justify-content:center;align-items:center;width: 76px;height: 240px;background-color:#e74027;border-radius:4px;font-size:14px;font-weight:400;color:#fff;line-height:16px;/* margin-top:47px; */cursor:pointer;}input::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}input::-moz-placeholder{color:rgba(255,255,255,0.5)}input:-moz-placeholder{color:rgba(255,255,255,0.5)}input:-ms-input-placeholder{color:rgba(255,255,255,0.5)}textarea{color:rgba(255,255,255,0.5)}textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.5)}@keyframes mymove{from{transform:translateY(-50px)}50%{transform:translateY(0)}to{transform:translateY(-50px)}}@-webkit-keyframes mymove{from{transform:translateY(-50px)}50%{transform:translateY(0)}to{transform:translateY(-50px)}}
.home .home-product .home-solve-detail .home-solve-item:nth-child(6){margin-top:100px}
.home .home-product .home-solve-detail .home-solve-item:nth-child(8){margin-top:100px}


.product {
    padding-top: 60px;
    padding-bottom: 90px;
    width: 100%;
    background-image: url('../images/product-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.product .product-content {
    display: flex;
    padding-top: 60px
}

.product .product-content-right {
    flex: 1
}

.product-box {
    margin-left: 30px
}

.product-box .product-item {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid rgba(196,196,196,0.5)
}

.product-box .product-item:first-child {
    padding-top: 0
}

.product-box .product-item .product-img {
    margin-right: 60px;
    /* height: 200px; */
    width: 300px;
}

.product-box .product-item .product-name {
    flex: 1;
    padding-right: 40px;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
    transition: all .3s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-box .product-item .product-series {
    width: 240px;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.product-box .product-item .more {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 40px;
    width: 110px;
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #f7f7f7;
    background: #e84827;
    border-radius: 6px
}

.product-box .product-item:hover .product-name {
    color: #e84827
}

.ds-public-page {
    padding-top: 70px
}

.news-nav .nav-item {
    width: 200px;
    padding: 0;
    background-color: #fff
}

.news-nav .nav-item .nav-item-titles {
    display: flex;
    align-items: center;
    padding: 20px 10px
}

.news-nav .nav-item .nav-item-titles .nav-item-title {
    display: block;
    width: 145px;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    cursor: pointer
}

.news-nav .nav-item .nav-item-titles .nav-item-arrow {
    width: 32px;
    height: 32px;
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(0);
    transition: all .3s;
    cursor: pointer
}

.news-nav .nav-item .nav-item-titles .nav-item-arrow.hide {
    display: none
}

.news-nav .nav-item .nav-item-detail {
    display: none;
    flex-direction: column
}

.news-nav .nav-item .nav-item-detail .nav-item-type {
    font-size: 18px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    padding: 20px 0;
    transition: all .3s
}

.news-nav .nav-item .nav-item-detail .nav-item-type.active {
    color: #e84827
}

.news-nav .nav-item .nav-item-detail .nav-item-type:hover {
    color: #e84827
}

.news-nav .nav-item:hover {
    color: #333;
    background-color: #fff
}

.news-nav .nav-item.active {
    color: #333;
    background-color: #fff
}

.news-nav .nav-item.active .nav-item-titles {
    background: #e84827
}

.news-nav .nav-item.active .nav-item-titles .nav-item-title {
    color: #fff
}

.news-nav .nav-item.active .nav-item-titles .nav-item-arrow {
    background-image: url(../images/white-arrow.png);
    transform: rotate(180deg)
}

.news-nav .nav-item.active .nav-item-detail {
    display: flex
}



.product {
    padding-top: 60px;
    padding-bottom: 70px;
    width: 100%;
    background-image: url('../images/product-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.product .product-content {
    display: flex;
    padding-top: 60px
}

.product .product-content-right {
    flex: 1;
    margin-left: 40px
}

.product .product-content-right .product-title {
    font-size: 36px;
    font-weight: bold;
    color: #333
}

.product .product-content-right .time {
    padding-top: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #9d9d9d
}

.product .product-content-right .product-information {
    display: flex;
    padding-bottom: 60px
}

.product .product-content-right .product-information .information-left {
    width: 553px;
    height: 650px;
    background-color: #fff
}

.product .product-content-right .product-information .information-left .swiper-slide {
    width: 520px;
    height: 650px;
    background-repeat: no-repeat;
    background-size: cover
}

.product .product-content-right .product-information .information-right {
    margin-left: 45px
}

.product .product-content-right .product-information .information-right .information-title {
    padding-top: 65px;
    padding-bottom: 55px;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    color: #333
}

.product .product-content-right .product-information .information-right .information-item {
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #666
}

.product .product-content-right .product-detail-top {
    display: flex;
    border-bottom: 2px solid #eee
}

.product .product-content-right .product-detail-top .product-detail-type {
    position: relative;
    margin: 0 20px;
    padding: 15px;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    color: #999;
    cursor: pointer
}

.product .product-content-right .product-detail-top .product-detail-type .type-line {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #e84827;
    transform: scaleX(0);
    transition: all .3s
}

.product .product-content-right .product-detail-top .product-detail-type:hover,.product .product-content-right .product-detail-top .product-detail-type.active {
    color: #333
}

.product .product-content-right .product-detail-top .product-detail-type:hover .type-line,.product .product-content-right .product-detail-top .product-detail-type.active .type-line {
    transform: scaleX(1)
}

.product .product-content-right .product-detail-bottom {
    display: none;
    padding-top: 30px
}

.product .product-content-right .product-detail-bottom .sketch-map {
    display: block;
    margin: 0 auto;
    margin-top: 20px
}

.product .product-content-right .product-detail-bottom img {
    max-width: 100%
}

.product .product-content-right .product-detail-bottom.show {
    display: block
}

.product .product-content-right .product-detail-bottom .product-video {
    width: 100%;
    height: 540px
}

.product .product-content-right .product-detail-bottom .product-video .product-video-img {
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px
}

.product .product-content-right .product-detail-bottom .product-video .product-video-img .product-video-shadow {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(51,51,51,0.6);
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.product .product-content-right .product-detail-bottom .product-video .product-video-img .product-video-shadow .product-video-icon {
    width: 58px;
    height: 58px;
    background-image: url(../images/play.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: .8
}

.product .product-content-right .product-detail-bottom .product-video .video-img {
    display: none;
    width: 100%;
    height: 100%;
    outline: none
}

.product .product-content-right .recommand {
    padding-top: 30px;
    width: 100%
}

.product .product-content-right .recommand .recommand-title {
    display: flex;
    align-items: center;
    padding-bottom: 50px;
    font-size: 30px;
    font-weight: 500;
    line-height: 30px;
    color: #333
}

.product .product-content-right .recommand .recommand-title .recommand-line {
    margin-right: 14px;
    width: 8px;
    height: 28px;
    background: #e84827
}

.news-nav .nav-item {
    width: 200px;
    padding: 0;
    background-color: #fff
}

.news-nav .nav-item .nav-item-titles {
    display: flex;
    align-items: center;
    padding: 20px 10px
}

.news-nav .nav-item .nav-item-titles .nav-item-title {
    display: block;
    width: 145px;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    line-height: 24px;
    cursor: pointer
}

.news-nav .nav-item .nav-item-titles .nav-item-arrow {
    width: 32px;
    height: 32px;
    background-image: url(../images/black-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(0);
    transition: all .3s;
    cursor: pointer
}

.news-nav .nav-item .nav-item-titles .nav-item-arrow.hide {
    display: none
}

.news-nav .nav-item .nav-item-detail {
    display: none;
    flex-direction: column
}

.news-nav .nav-item .nav-item-detail .nav-item-type {
    font-size: 18px;
    font-weight: 400;
    color: #999;
    line-height: 20px;
    padding: 20px 0;
    transition: all .3s
}

.news-nav .nav-item .nav-item-detail .nav-item-type.active {
    color: #e84827
}

.news-nav .nav-item .nav-item-detail .nav-item-type:hover {
    color: #e84827
}

.news-nav .nav-item:hover {
    color: #333;
    background-color: #fff
}

.news-nav .nav-item.active {
    color: #333;
    background-color: #fff
}

.news-nav .nav-item.active .nav-item-titles {
    background: #e84827
}

.news-nav .nav-item.active .nav-item-titles .nav-item-title {
    color: #fff
}

.news-nav .nav-item.active .nav-item-titles .nav-item-arrow {
    background-image: url(../images/white-arrow.png);
    transform: rotate(180deg)
}

.news-nav .nav-item.active .nav-item-detail {
    display: flex
}

.recommand-product {
    padding-left: 25px;
    width: 920px
}

.recommand-product .swiper-container {
    padding-bottom: 65px;
    padding-right: 10px
}

.recommand-product .swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px
}

.recommand-product .swiper-container .swiper-pagination-bullet-active {
    margin-bottom: -2px;
    background: #ea4728;
    border: 2px solid #f3c1b8
}

.recommand-product .recommand-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 286px;
    height: 374px;
    padding: 0 23px;
    background-color: #fff;
    box-sizing: border-box;
    transition: all .3s
}

.recommand-product .recommand-slide.swiper-slide-active,.recommand-product .recommand-slide:hover {
    box-shadow: 10px 10px 10px 1px rgba(238,238,238,0.4)
}

.recommand-product .recommand-slide .recommand-img {
    margin-top: 38px;
    height: 240px;
    width: 240px;
    background-repeat: no-repeat;
    background-size: cover
}

.recommand-product .recommand-slide .recommand-product-title {
    padding-top: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    color: #666
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 2px
}

.swiper-button-next,.swiper-button-prev {
    right: 12px;
    height: 35px;
    width: 35px;
    background-image: url('../images/arrow-right.png');
    background-size: cover
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 12px;
    right: auto;
    transform: rotate(180deg)
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background-image: url('../images/arrow-left.png');
    transform: rotate(360deg)
}

.swiper-button-next.swiper-button-disabled {
    background-image: url('../images/arrow-left.png');
    transform: rotate(180deg)
}



.about {
    width: 100%
}

.about .about-profile {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.about .about-profile .about-container {
    width: 1200px;
    padding-top: 60px
}

.about .profile-swiper {
    width: 100%;
    margin-top: 10px
}

.about .profile-swiper .swiper-container {
    position: relative;
    width: 100%;
    padding: 30px 0
}

.about .profile-swiper .swiper-container .profile-frame {
    position: absolute;
    bottom: 0;
    right: 36px;
    width: 165px;
    height: 165px;
    background-image: url(../images/about-line.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.about .profile-swiper .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    width: 100%
}

.about .profile-swiper .swiper-container .swiper-slide .profile-left {
    position: relative;
    width: 320px;
    height: 457px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 32px 40px 0 40px;
    margin-right: -100px;
    z-index: 2
}

.about .profile-swiper .swiper-container .swiper-slide .profile-left .profile-left-title {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 50px
}

.about .profile-swiper .swiper-container .swiper-slide .profile-left .profile-left-line {
    width: 54px;
    height: 4px;
    background-color: #fff;
    margin-top: 40px
}

.about .profile-swiper .swiper-container .swiper-slide .profile-left .profile-left-text {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    line-height: 42px;
    text-transform: uppercase;
    margin-top: 130px
}

.about .profile-swiper .swiper-container .swiper-slide .profile-right {
    position: relative;
    width: 849px;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 56px;
    z-index: 1
}

.about .profile-swiper .swiper-container .swiper-button-next {
    right: 0;
    width: 44px;
    height: 44px;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: cover
}

.about .profile-swiper .swiper-container .swiper-button-prev {
    left: 0;
    width: 44px;
    height: 44px;
    
    background-repeat: no-repeat;
    background-size: cover
}

.about .profile-swiper .swiper-container .swiper-pagination {
    left: 130px
}

.about .profile-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background: #e84827
}

.about .profile-swiper .swiper-content {
    width: 1115px;
    margin: 60px auto
}

.about .profile-swiper .swiper-content .swiper-content-item {
    display: none
}

.about .profile-swiper .swiper-content .swiper-content-item .swiper-item-text {
    display: flex;
    margin-bottom: 10px
}

.about .profile-swiper .swiper-content .swiper-content-item .swiper-item-text .swiper-text-count {
    font-size: 10px;
    font-weight: bold;
    color: #6d7385;
    line-height: 26px;
    margin-right: 6px
}

.about .profile-swiper .swiper-content .swiper-content-item .swiper-item-text .swiper-text-text {
    font-size: 16px;
    font-weight: 400;
    color: #6d7385;
    line-height: 26px
}

.about .profile-swiper .swiper-content .swiper-content-item.content-show {
    display: block
}

.about .about-develop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 470px;
    background-image: url(../images/develop-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 60px
}

.about .about-develop .develop-title {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 50px
}

.about .about-develop .develop-en {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    line-height: 42px;
    margin-top: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.about .about-develop .develop-line {
    position: absolute;
    top: 310px;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #e84827
}

.about .about-develop .develop-container {
    position: relative;
    width: 1200px;
    margin-top: 80px;
    padding: 0 40px
}

.about .about-develop .develop-container .develop-swiper {
    width: 100%
}

.about .about-develop .develop-container .develop-swiper .develop-slide {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 208px;
    height: 125px
}

.about .about-develop .develop-container .develop-swiper .develop-slide .develop-item-year {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    transition: all .3s
}

.about .about-develop .develop-container .develop-swiper .develop-slide .develop-item-count {
    position: absolute;
    top: 56px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-color: #e84827;
    border-radius: 50%
}

.about .about-develop .develop-container .develop-swiper .develop-slide .develop-item-text {
    position: absolute;
    top: 75px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.about .about-develop .develop-container .develop-swiper .develop-slide:hover .develop-item-year {
    color: #e84827
}

.about .about-develop .develop-container .develop-swiper .develop-slide.develop-slide-back .develop-item-year {
    top: 80px
}

.about .about-develop .develop-container .develop-swiper .develop-slide.develop-slide-back .develop-item-text {
    top: -4px
}

.about .about-develop .develop-container .swiper-button-next {
    top: 85%;
    right: 0;
    width: 23px;
    height: 44px;
    background-image: url(../images/develop-right.png);
    background-repeat: no-repeat;
    background-size: cover
}

.about .about-develop .develop-container .swiper-button-prev {
    top: -20%;
    left: 0;
    width: 23px;
    height: 44px;
    background-image: url(../images/develop-left.png);
    background-repeat: no-repeat;
    background-size: cover
}

.about .about-honor {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 871px;
    background-image: url(../images/honor-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 100px
}

.about .about-honor .honor-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1200px;
    height: 500px;
    background-image: url(../images/honor-container.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px
}

.about .about-honor .honor-container .honor-title {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 50px
}

.about .about-honor .honor-container .honor-en {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    line-height: 42px;
    margin-top: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.about .about-honor .honor-container .honor-swiper {
    position: relative;
    width: 100%;
    padding: 0 190px;
    margin-top: 65px
}

.about .about-honor .honor-container .honor-swiper .honor-frame {
    position: absolute;
    bottom: 0;
    right: 165px;
    width: 165px;
    height: 165px;
    background-image: url(../images/about-line.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.about .about-honor .honor-container .honor-swiper .honor-frames {
    position: absolute;
    top: 0;
    left: 165px;
    width: 165px;
    height: 165px;
    background-image: url(../images/about-line.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(180deg);
    z-index: 1
}

.about .about-honor .honor-container .honor-swiper .swiper-container {
    position: relative;
    width: 100%;
    padding: 20px 0
}

.about .about-honor .honor-container .honor-swiper .swiper-container .swiper-slide {
    width: 100%
}

.about .about-honor .honor-container .honor-swiper .swiper-container .swiper-slide .honor-img {
    width: 263px;
    height: 374px
}

.about .about-honor .swiper-button-next {
    right: 43px;
    width: 44px;
    height: 44px;
    background-image: url(../images/honor-right.png);
    background-repeat: no-repeat;
    background-size: cover
}

.about .about-honor .swiper-button-prev {
    left: 43px;
    width: 44px;
    height: 44px;
    background-image: url(../images/honor-left.png);
    background-repeat: no-repeat;
    background-size: cover
}

.about .about-honor .swiper-pagination {
    left: 50%;
    bottom: -30px
}

.about .about-honor .swiper-pagination .swiper-pagination-bullet {
    margin-right: 6px
}

.about .about-honor .swiper-pagination .swiper-pagination-bullet-active {
    background: #e84827
}

.about .about-struct {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 941px;
    background-image: url(../images/structure-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 50px
}

.about .about-struct .struct-title {
    font-size: 48px;
    font-weight: 400;
    color: #fff;
    line-height: 50px
}

.about .about-struct .struct-en {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    line-height: 42px;
    margin-top: 20px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.about .about-struct .struct-img {
    width: 1285px;
    height: 603px;
    background-image: url(../images/structure-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    margin-left: 115px
}

.machining {
    width: 100%
}

.machining .machining-process {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 938px;
    background-image: url(../images/machining-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 60px
}

.machining .machining-process .process-container {
    width: 1200px
}

.machining .machining-process .process-container .process-title {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    line-height: 38px;
    margin-top: 60px
}

.machining .machining-process .process-container .process-text {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    margin-top: 36px
}

.machining .process-detail {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px
}

.machining .process-detail .process-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33.33%;
    margin-bottom: 50px
}

.machining .process-detail .process-item .process-item-icon {
    width: 25px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: cover
}

.machining .process-detail .process-item .process-item-icon.icon-two {
    width: 32px;
    height: 34px
}

.machining .process-detail .process-item .process-item-icon.icon-three {
    width: 33px;
    height: 35px
}

.machining .process-detail .process-item .process-item-icon.icon-four {
    width: 33px;
    height: 33px
}

.machining .process-detail .process-item .process-item-icon.icon-five {
    width: 36px;
    height: 29px
}

.machining .process-detail .process-item .process-item-icon.icon-six {
    width: 30px;
    height: 30px
}

.machining .process-detail .process-item .process-item-title {
    font-size: 30px;
    font-weight: bold;
    color: #e84827;
    line-height: 32px;
    margin-top: 6px
}

.machining .process-detail .process-item .process-item-text {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-top: 34px;
    text-align: center
}

.machining .machining-assess {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 90px
}

.machining .machining-assess .assess-container {
    width: 1200px
}

.machining .machining-assess .assess-container .assess-content {
    display: flex;
    align-items: center
}

.machining .machining-assess .assess-container .assess-content .assess-content-icon {
    width: 8px;
    height: 28px;
    background-color: #e84827
}

.machining .machining-assess .assess-container .assess-content .assess-content-title {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    line-height: 32px;
    margin-left: 14px
}

.machining .machining-assess .assess-container .assess-title {
    font-size: 24px;
    font-weight: bold;
    color: #e84827;
    line-height: 26px;
    margin-top: 48px;
    margin-left: 32px
}

.machining .machining-assess .assess-container .assess-text {
    width: 1136px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    margin: 26px auto 0
}

.machining .machining-assess .assess-container .assess-img {
    width: 904px;
    height: 250px;
    background-image: url(../images/assess-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 80px auto 0
}

.machining .machining-assess .assess-container .assess-detail {
    width: 980px;
    margin-top: 70px
}

.machining .machining-assess .assess-container .assess-detail .assess-item {
    display: flex
}

.machining .machining-assess .assess-container .assess-detail .assess-item .assess-item-icon {
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 14px;
    margin-top: 12px
}

.machining .machining-assess .assess-container .assess-detail .assess-item .assess-item-title {
    font-size: 16px;
    font-weight: 400;
    color: #eb5e41;
    line-height: 48px
}

.machining .machining-assess .assess-container .assess-detail .assess-item .assess-item-text {
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 48px
}

.machining .machining-assess .assess-container .assess-detail .assess-item .assess-item-text .text-sad {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 48px
}

.machining .machining-assess .assess-box {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 839px;
    background-image: url(../images/white-gray.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 60px
}

.machining .machining-assess .assess-box .assess-box-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 1200px
}

.machining .machining-assess .assess-box .assess-box-container .assess-box-item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 50%
}

.machining .machining-assess .assess-box .assess-box-container .assess-box-item .box-item-icon {
    width: 65px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: cover
}

.machining .machining-assess .assess-box .assess-box-container .assess-box-item .box-item-icon.icon-two {
    width: 73px;
    height: 54px
}

.machining .machining-assess .assess-box .assess-box-container .assess-box-item .box-item-icon.icon-four {
    width: 75px;
    height: 54px
}

.machining .machining-assess .assess-box .assess-box-container .assess-box-item .box-item-text {
    width: 438px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-left: 14px
}

.machining .machining-skill {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 665px;
    background-image: url(../images/skill-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 45px
}

.machining .machining-skill .skill-container {
    width: 1200px
}

.machining .machining-skill .skill-container .skill-content {
    display: flex;
    align-items: center
}

.machining .machining-skill .skill-container .skill-content .skill-content-icon {
    width: 8px;
    height: 28px;
    background-color: #fff
}

.machining .machining-skill .skill-container .skill-content .skill-content-title {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 36px;
    margin-left: 16px
}

.machining .machining-skill .skill-container .skill-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 24px;
    margin-top: 24px;
    margin-left: 22px
}

.machining .machining-skill .skill-container .skill-title {
    font-size: 20px;
    font-weight: bold;
    color: #eb5e41;
    line-height: 22px;
    margin-top: 30px;
    margin-left: 22px
}

.machining .machining-skill .skill-container .skill-box {
    width: 100%;
    height: 657px;
    background-color: #fff;
    margin-top: 25px;
    box-shadow: 0 0 29px 3px rgba(0,0,0,0.09)
}

.machining .machining-skill .skill-container .skill-box .swiper-container {
    width: 100%;
    height: 100%
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 90px 136px 82px
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-slide .skill-slide-title {
    font-size: 18px;
    font-weight: bold;
    color: #0e0101;
    line-height: 30px
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-slide .skill-slide-text {
    font-size: 16px;
    font-weight: 400;
    color: #0e0101;
    line-height: 30px;
    margin-top: 70px;
    text-align: justify
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-slide .skill-slide-number {
    font-size: 150px;
    font-weight: bold;
    color: #f3f3f3;
    line-height: 152px;
    margin-top: 70px
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-button-next {
    right: 30px;
    width: 31px;
    height: 53px;
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    background-size: cover
}

.machining .machining-skill .skill-container .skill-box .swiper-container .swiper-button-prev {
    left: 30px;
    width: 31px;
    height: 53px;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-size: cover
}

.machining .machining-operate {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fafafa;
    padding: 300px 0 3px
}

.machining .machining-operate .operate-container {
    width: 1200px
}

.machining .machining-operate .operate-container .operate-content {
    display: flex;
    align-items: center
}

.machining .machining-operate .operate-container .operate-content .operate-content-icon {
    width: 8px;
    height: 28px;
    background-color: #e84827
}

.machining .machining-operate .operate-container .operate-content .operate-content-title {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
    margin-left: 14px
}

.machining .machining-operate .operate-container .operate-text {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 30px;
    margin-top: 30px;
    padding-left: 20px
}

.machining .machining-operate .operate-container .operate-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 80px;
}

.machining .machining-operate .operate-container .operate-detail .operate-item {
    width: 359px;
    height: auto;
    background-color: #fff;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    line-height: 36px;
    padding: 30px 27px 0;
    margin-bottom: 35px
}


.contact {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    background-image: url('../images/contact-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.contact .contact-box {
    position: relative;
    top: -67px;
    padding-top: 56px;
    padding-bottom: 100px;
    width: 1200px;
    height: auto;
    background: #fff;
    box-shadow: 0 0 28px 0 rgba(25,44,122,0.2)
}

.contact .contact-box .ds-public-crumbs {
    padding-left: 89px
}

.contact .contact-box .contact-bottom {
    padding-top: 40px
}

.contact .contact-box .contact-bottom .contact-en-title {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #333
}

.contact .contact-box .contact-bottom .contact-ch-title {
    font-size: 30px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #333
}

.contact .contact-box .contact-bottom .contact-line {
    margin: 0 auto;
    margin-top: 20px;
    width: 30px;
    height: 2px;
    background: #e84827
}

.contact .contact-box .submit {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 25px;
    width: 170px;
    height: 42px;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    color: #fff;
    background: #e84827;
    border-radius: 8px;
    cursor: pointer
}

.contact-items {
    margin: 0 auto;
    margin-top: 40px;
    width: 630px;
    display: flex;
    flex-wrap: wrap
}

.contact-items .contact-item .item-title {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #6d7385
}

.contact-items .contact-item .item-title .symbol {
    margin-top: -5px;
    margin-left: 3px;
    height: 9px;
    font-size: 16px;
    font-weight: 400;
    color: #ff6c78
}

.contact-items .contact-item .item-content {
    width: 300px;
    height: 40px;
    border: 1px solid #ccc
}

.contact-items .contact-item .item-content .your-information {
    padding: 5px 10px;
    height: 100%;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    color: #6d7385;
    resize: none
}

.contact-items .contact-item .item-content.suggest {
    width: 629px;
    height: 108px
}

.contact-items .contact-item:first-child {
    margin-right: 30px
}

.contact-information {
    display: flex;
    align-items: center;
    padding-top: 55px;
    padding-left: 145px
}

.contact-information .map {
    position: relative;
    margin-right: 75px;
    width: 570px;
    height: 325px;
    background-image: url('../images/map.png');
    background-repeat: no-repeat;
    background-size: cover
}

.contact-information .map .map-tip {
    position: absolute;
    top: 126px;
    right: 130px;
    width: 86px;
    height: 32px;
    background-image: url('../images/map-tips.png');
    background-repeat: no-repeat;
    background-size: cover
}

.contact-information .informations .information-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: #333
}

.contact-information .informations .information-item .blue {
    padding-left: 5px;
    color: #00c8e4
}

.contact-information .informations .information-item .link {
    color: #333;
    padding-left: 5px
}

.contact-information .informations .information-item:nth-child(2) {
    /* padding-bottom: 30px; */
}

.contact-information .informations .information-item:nth-child(4) {
    /* padding-bottom: 30px; */
}
.title{padding:20px 0}
.four-button-title{line-height:2;padding:20px}