:root{
    --swiper-theme-color: #cb2434;
}
a:hover{text-decoration: none;}
img{max-width: 100%;}
.bg-f5{background-color: #f5f5f5;display: block;overflow: hidden;}
.pl10{padding-left: 10px;padding-right: 10px;}
.sm-show{display:none!important; }
.topnav{height: 70px;}
.navbar-brand{font-size:2rem;padding: 0.1rem 0;}
.nav-item{font-size: .8rem;color: #333;}
.nav-item .active{color: #c71426;}
.btn-chose{border-radius: 4px;
    background-color: rgb(199, 20, 38);width: 85px;height: 36px;font-size: 14px;color: #fff;border: none;outline: none;}
.head-tel{margin-left:30px;text-align: center;}
.head-icon-tel{display: inline-block;vertical-align: middle;margin-right: 15px; width: 22px;height: 20px;background: url("../images/icon-telt.png") no-repeat;background-size: 100%;}
.head-tel p{font-size: 14px;margin: 0;padding: 0;}
.head-tel p:nth-child(2){color: #c71426;font-size: 16px;font-weight: bold;}
.banner-warp{width: 100%;position: relative;}
.banner-warp img{width: 100%;}
.banner-pos{position: absolute;top: 8%;right: 5%;}
.banner-text{text-align: right;color: #fff;}
.banner-text p{margin: 0;font-weight: bold;}
.text-b{font-size:100px;}
.text-s{font-size:24px;}
.banner-swiper{float: right; margin-top:100px;width: 960px;overflow: hidden;}
.banner-list{display: flex;animation: scroll calc(var(--count) * 2s) linear infinite;}
.swiper-item{width: 240px;padding:15px 20px; flex-shrink: 0;list-style: none;box-sizing: border-box; position: relative;}
.swiper-item img{width: 200px;height: 144px;border-radius: 12px;z-index: 10;position: relative;}
.swiper-item:after{content: '';display: block;width: 211px;
    height: 142px;border-width: 2px;
    border-color: rgb(131, 5, 18);
    border-style: solid;
    border-radius: 12px;position: absolute;left: 0;bottom: 0;z-index: 0;}
@keyframes scroll {
    0% {
        transform: translate(0px, 0px);
    }
    100% {
        transform: translate(calc(-240px * var(--count)), 0px);
    }
}
.title-part{display: block;display: flex;justify-content: space-between;}
.tit-pb{padding: 70px 0 100px;}
.title-w{position: relative;font-weight: bold;}
.title-span{color:#c71426;font-size: 48px;position: absolute;top: -10px;left: 0;}
.title-w .title-d{-webkit-text-stroke: 1px #ccc;color: #fff;font-size: 60px;text-transform:uppercase;}
.tit-more{background-color: rgb(237, 240, 247);width: 207px;height: 72px;border-radius: 36px; color: #999999;font-size: 14px;font-weight: bold;}
.tit-more a{display: block;text-align: center;line-height: 72px;color: #999999;font-size: 14px;font-weight: bold;}
.tit-more a:after{content: '';display: inline-block;vertical-align: middle; margin-left: 20px; width: 6px;
    height: 6px;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(45deg);}

.us-warp{position: relative;}
.us-right{float: right;margin-top: 90px; padding: 0 0 60px 45px;position: relative;width: 55%;box-sizing: border-box;text-align: center;}
.us-right img{z-index: 3;position: relative;}
.us-right:after{content: '';display: block; background-color: rgb(199, 20, 38);width: 100%; height: 294px;position: absolute;bottom: 0;left: 0;z-index: 1;}
.us-left{width:1205px;height: 514px;background: url("../images/bgs01.jpg") no-repeat;background-size: cover;position: relative;z-index: 0;}
.us-left-con{color: #fff;width: 600px;float: right; padding-top: 20px;padding-right: 20px; }
.us-left-con h3{font-size: 24px;}
.us-left-con p{font-size: 14px;margin-top: 10px;}
.us-down{width:600px;margin: 30px auto;padding-right: 30px; float:right; display: flex;justify-content: space-between;}
.us-down-item{width: 30%;text-align: center;}
.us-down-item p{margin: 10px 0; font-size: 12px;color: #333;}

.tab{padding-bottom: 100px;}
.tab .box {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 800px;
    display: flex;
    justify-content: space-between;
}
.tab .box .menus {
    margin: 0;padding: 0;
    width: 370px;
    height: 800px;
    float: left;
    overflow: hidden;
    list-style: none;
}
.tab .box .menus li {
    width: 100%;
    height: 100px;
    padding: 0 5px;
    border-bottom: 1px solid #333333;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url("../images/icon-r.png") no-repeat center right; background-size:36px;
}
.tab .box .menus li p{
    font-size: 24px;color: #666666;font-weight: bold;margin: 0;
}
.tab .box .menus li span{
    font-size: 14px;color: #999;font-weight: bold;
}
.tab .box .menus li.active p{
    color: #c71426;
}
.tab .right {
    float: left;
    flex: 1;
    /* width: 900px; */
    height: 800px;
    overflow: hidden;
    margin-left: 100px;
    background: #edf0f7;
    padding: 0 40px;
    box-sizing: border-box;
}
.tab .tab_right {
    width: 100%;
    height: 800px;
    color: #fff;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tab .tab_right img {
    width: 550px;
}
.tab_right_text{width: 440px;height: 680px;margin-left: 20px; box-sizing: border-box;padding: 50px; background: #fff;color: #666;font-size: 14px;}
.tab_right_text_name{padding:0 15px 20px;color: #333333;font-size: 24px;font-weight: bold;border-bottom: 2px solid #333;text-align: left;}
.tab_right_text_name p{margin: 0;}
.tab_right_info{padding: 30px 10px;}
.tab_right_info p{margin: 0;}
.btn-to{display: block;margin: 0 auto; border-radius: 8px;
    background-color: rgb(199, 20, 38);width: 184px;
    height: 42px;line-height:42px;text-align: center;color: #fff;font-size: 14px;}
.btn-to:hover{color: #fff;}
.tab .scroll {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.swiper-tab{background-color:#edf0f7;display: flex;
    align-items: center;
    justify-content: space-between;padding: 15px;}
.swiper-tab_img{width:55%;}
.swiper-tab_text{width: 40%;padding: 10px;margin-left: 10px; background-color: #fff;}
.swiper-tab_text_name{padding:5px; border-bottom: 1px solid #000;color: #333;font-size: 15px;font-weight: bold;}
.swiper-tab_text_name p{margin: 0;}
.swiper-tab_info{height:67px; padding: 5px;color: #666666;font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.swiper-bottom{border-bottom: 1px solid #000;padding: 10px 15px;background: url("../images/icon-r.png") no-repeat center right;background-size: 18px;}
.swiper-bottom p{margin: 0;color: #333;font-size: 14px;}
.swiper-bottom span{color: #999;font-size: 10px;}
.new-warp{padding: 70px 0 100px;}
.nav-tabs{border-bottom: 1px solid #000;}
.nav-tabs li a{display: block;margin-bottom: -1px; padding: 20px;color: #333;font-size: 24px;}
.nav-tabs li a:hover{text-decoration: none;}
.nav-tabs li a.active{border-bottom: 2px solid #c71426;}
.new-list{list-style: none;margin: 0 -20px;padding: 20px 0;display: block;overflow: hidden;}
.new-list li{float: left;width: 25%;padding:20px;}
.new-list-img{width:100%;background-color: #fff;}
.new-list-name{background-color: #34373a;height: 72px;line-height: 72px;text-align: center;color: #fff;font-size: 14px;}
.link-warp{display: block;overflow: hidden; padding: 80px 0; background: url("../images/bg-bb.jpg") no-repeat center;background-size: cover;color: #fff;}
.link-warp-left{float: left;width: 50%;}
.link-warp-right{float: right;}
.link-warp-info h5{font-size: 20px;font-weight: bold;}
.link-warp-info h4{font-size: 40px;font-weight: bold;}
.link-warp-info p{font-size: 20px;margin-top: 20px;}
.link-warp-tel a{display: block;height: 66px;line-height: 66px;margin-top: 40px; color: #ffffff;font-size: 24px;padding-left: 80px; font-weight: bold;background: url("../images/icon-tel.png") no-repeat center left;background-size:66px;}
.link-warp-right{width:50%;}
.link-form input,.link-form textarea{background:rgba(255,255,255,.4);border-radius: 8px;border: none;outline: none;vertical-align: top;}
.link-form input::placeholder,.link-form textarea::placeholder{color: #fff;font-size: 14px;}
.link-form input{float: left;width: 49%;height: 62px;padding-left: 20px;}
.link-form input:first-child{margin-right: 2%;}
.link-form textarea{width: 100%;margin-top: 20px;height: 130px;padding: 20px;}
.btn-link{margin-top: 20px;vertical-align: top; width: 100%;background:#34373a;height: 72px;line-height:72px;border-radius: 8px;border: none;outline: none;color: #fff;font-size: 14px;}
.btn-link:hover{background:#34373a;color: #fff;text-decoration: none;}
.footer{background-color:#34373a;color: #fff;}
.footer-copy{font-size: 16px;padding: 20px;color: rgba(255,255,255,.3);}
.footer-fast{border-bottom:1px solid #46484b;padding: 20px 0;}
.footer-fast-tit{display: inline-block;font-size: 20px;font-weight: bold;}
.footer-fast-nav{display: inline-block;}
.footer-fast-nav a{font-size: 14px;margin-left: 150px;color: #fff;}
.footer-item{border-bottom:1px solid #46484b;padding: 20px 0;display: block;overflow: hidden;}
.footer-item dl{float: left;width: 33.33%;}
.footer-item dl dt{font-size: 20px;margin-bottom: 10px;}
.footer-item dl dd{font-size: 14px;}
.footer-item dl dd b{font-size: 24px;}
/*联系我们*/
.banner-tips{position: absolute;top: 10%;left: 0;right: 0; margin: 0 auto;}
.banner-head{font-size: 100px;color: #fff;font-weight: bold;}
.banner-p{color: #fff;font-size: 24px;font-weight: bold;}
.title-text{font-size: 18px;color: #333;}
.link-us{display: block;overflow: hidden;margin-bottom: 70px;}
.link-us .link-warp-right{padding-left: 40px;}
.link-us-form{display: block;overflow: hidden;}
.form-item-h{float: left;width: 49%;margin-bottom: 20px;}
.form-item-h:first-child{margin-right: 2%;}
.form-item{width: 100%;margin-bottom: 20px;}
.form-item p,.form-item-h p{font-size: 14px;}
.form-item textarea,.form-item-h input{border: 1px solid #f5f5f5;width: 100%;padding-left: 10px;}
.form-item-h input{height: 70px;}
.form-item textarea{height: 180px;}
.contactUs-part{display: block;overflow: hidden;}
.contactUs-addr{float: right;width: 50%;}
.contactUs-link{float: left; padding-top: 10%;width: 50%;}
.contactUs-link dl{margin-bottom: 40px;}
.contactUs-link dl dt{margin-bottom: 10px; color: #333;font-size: 20px;font-weight: normal;}
.contactUs-link dl dd{color: #333;font-size: 24px;font-weight: bold;}
.go-tips{position: absolute;bottom:10%;left: 10%;width: auto;}
.ry-part{padding:0 10px 100px; background: url("../images/ry.jpg") no-repeat bottom;background-size: cover;}
.ry-list{display: block;overflow: hidden;}
.ry-list ul{padding-left: 0;margin: 0;display: flex;justify-content: space-between;}
.ry-list ul li{background-color: rgb(51, 51, 51);width: 20%;height:0;list-style: none;padding-top: 28%;background-size:100% 100%;}

.pro-info{display: flex;justify-content: space-between;padding: 40px 0;}
.pro-tips{margin-top: 40px;padding: 20px; border-bottom: 1px solid #d7d7d7;font-size: 16px;color: #999;}
.pro-tips .active{color: #333;}
.pro-info-img{width: 650px;}
.pro-info-img img{vertical-align: top;}
.pro-text{flex: 1;padding-left: 80px;color: #333;}
.pro-text h2{font-size: 36px;margin-bottom: 20px;font-weight: bold;}
.pro-text p{font-size: 14px;}
.sw-pb{padding-top: 40px;padding-bottom: 40px;}
.sear-warp{border: 2px solid rgb(226, 227, 227);border-radius: 4px;width: 840px;height: 38px;display: flex;justify-content: space-between;overflow: hidden;}
.sear-warp input{flex: 1;border: none;height: 100%;font-size: 14px;padding-left: 20px;outline: none;border-radius: 4px;}
.sear-warp input::placeholder{color: #999;}
.btn-sear{width: 44px;height:100%;background: url("../images/icon-sear.png") no-repeat center;background-size: 22px;border: none;outline: none;}
.right-prod{
    /* float: left; */
    /* width: 900px; */
    flex: 1;
    height: 800px;
    overflow: hidden;
    margin-left: 70px;
    padding: 0 40px;
    box-sizing: border-box;
}
.right-ul ul{margin: 0;padding: 0;display: block;overflow: hidden;}
.right-ul ul li{float: left;width: 25%;padding: 0 15px 10px; text-align: center;list-style: none;}
.right-prod-img{border: 2px solid rgb(217, 218, 218);background-color: rgb(255, 255, 255);width:100%;height: 1%;padding-top: 100%;position:relative;overflow: hidden;}
.right-prod-img img{position: absolute;top: 0;bottom:0; left: 0;right: 0;margin: 0 auto;}
.right-prod-text{height: 65px; color: #333;font-size: 14px;padding: 10px 0;margin:0}
.right-ul-6 ul li{width:calc(100%/6);}

.prod-swiper{min-height: 500px; background-color: #f5f5f5;}
.swiper1 {
    width: 100%;
    color: #333;
    background-color: #f5f5f5;
    position: fixed;
    top:45px;
    z-index: 10;
    height: 50px;
}
.swiper1 span{
    display: inline-block;
    padding:0 10px;
}
.swiper1 .selected  span{
    color: #cb2434;
    font-weight: bold;
}
.swiper1 .swiper-slide {
    text-align: center;
    font-size: 14px;
    width: auto;
    line-height: 50px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;

}

.swiper2 {
    width: 100%;
    margin-top: 50px;
}
.swiper2 .swiper-slide {
    /* height: calc(100vh - 50px); */
    color: #333333;
    font-size: 1.4rem;
    text-align: left;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

@media (min-width: 1400px) {
    .container {
        width: 1400px; max-width:1920px;} }
@media (max-width: 1440px){
    .banner-swiper {margin-top: 30px;}

}
@media (max-width: 1360px){
    .banner-pos{top: 3%;}
    .us-down{width:500px;}
    .us-left-con{width: 500px;}
    .footer-fast-nav a {margin-left: 120px;}
}
@media (max-width: 991.98px){
    body{padding-top: 45px;}
    .sbg-f5{background-color: #f5f5f5;}
    .topnav{height: auto;}
    .sm-none{display:none!important; }
    .sm-show{display:block!important; }
    .navbar-brand{font-size:1rem;}
    .navbar-toggler {
        padding: 0;
        font-size: 1rem;
        line-height: 1;
        background-color: transparent;
        border: none;
        border-radius:0;
    }
    .head-tel{padding:0.8rem 0;}
    .banner-pos{position: absolute;top: 8%;right: 20px;}
    .text-b{font-size:25px;}
    .text-s{font-size:9px;}
    .banner-swiper{float: right; margin-top:5px;width: 200px;overflow: hidden;}
    .swiper-item{width: 70px;padding:7px 7px; flex-shrink: 0;list-style: none;box-sizing: border-box; position: relative;}
    .swiper-item img{width: 50px;height: 35px;border-radius: 12px;z-index: 10;position: relative;}
    .swiper-item:after{content: '';display: block;width: 50px;
        height: 35px;border-width: 2px;
        border-color: rgb(131, 5, 18);
        border-style: solid;
        border-radius: 12px;position: absolute;left: 0;bottom: 0;z-index: 0;}
    @keyframes scroll {
        0% {
            transform: translate(0px, 0px);
        }
        100% {
            transform: translate(calc(-70px * var(--count)), 0px);
        }
    }
    .tit-pb{padding: 20px 0;}
    .title-span{font-size: 16px;top: -3px;}
    .title-w .title-d{font-size: 22px;}
    .tit-more{display: none;}
    .us-part{padding:0 10px 10px;}
    .us-warp{background-color: #fff;padding-bottom: 20px;}
    .us-right{float: none;margin-top: 0; padding: 0;width: 100%;box-sizing: border-box;}
    .us-right:after{content: '';display: none;}
    .us-left{width:100%;height: auto;background:none;z-index: 0;padding: 0 10px;}
    .us-left-con{width: 100%;padding:0 10px;}
    .us-left-con h3{display: none;}
    .us-left-con p{font-size: 12px;margin-top:10px;color: #333333;}
    .us-down{width: 100%;margin:0;padding:0 10px;float:none;}
    .pro-warp{padding: 0 10px 15px;}
    .btn-to{width: 100%;height: 24px;line-height: 24px;font-size: 14px;border-radius: 5px;}
    .new-warp{padding: 10px;}
    .nav-tabs{border-bottom: none;}
    .nav-tabs li a {
        margin-bottom:0;
        padding: 10px;
        font-size: 14px;
    }
    .nav-tabs li a.active{border-bottom:none;color:#cb2434;font-weight: bold;}
    .new-list {
        margin: 0 -5px;
        padding:0;
        display: block;
        overflow: hidden;
    }
    .new-list li {
        float: left;
        width: 50%;
        padding: 5px;
    }
    .new-list-name {height: 36px;line-height: 36px;font-size: 12px;}
    .link-warp{padding: 25px 0;background: url("../images/bg-bs.jpg") no-repeat center top;background-size: cover;}
    .link-warp-left,.link-warp-right{width: 100%;}
    .link-warp-info h5{font-size: 12px;}
    .link-warp-info h4{font-size: 20px;}
    .link-warp-info p{font-size: 12px;margin-top: 10px;}
    .link-warp-tel a{height: 40px;line-height: 40px;margin-top: 10px;font-size: 14px;padding-left:50px;background-size:40px;}
    .link-form{margin-top: 10px;}
    .link-form input,.link-form textarea{margin-top:10px;height: 44px;line-height: 44px; padding: 0 0 0 10px;}
    .btn-link{margin-top: 10px; height: 44px;line-height: 44px;}
    .footer-copy{padding: 20px 0;text-align: center;font-size: 10px;}

    .banner-tips{width: auto; left:20px;top:15%;}
    .banner-head{font-size: 25px;}
    .banner-p{font-size: 14px;color: #333;}
    .link-warp-s{background: none;color: #333;}
    .link-warp-s .link-warp-tel a{color: #333;}
    .link-warp-s .link-form input,.link-warp-s .link-form textarea{color: #333;border: 1px solid #f5f5f5;}
    .link-warp-s .link-form input::placeholder,.link-warp-s .link-form textarea::placeholder{color: #333;}
    .link-warp-s .btn-link{background-color:#c71426;}

    .contactUs-addr{width: 100%;padding-top: 10px;background: #f5f5f5;text-align: center;}
    .bg-ff{background: #fff;display: block;overflow: hidden;}
    .contactUs-link{float: none;width: 100%; text-align: center;padding: 20px 0;}
    .contactUs-link dl{margin-bottom: 20px;}
    .contactUs-link dl dt{margin-bottom: 0; font-size: 12px;}
    .contactUs-link dl dd{font-size: 14px;}
    .go-tips{left: 5%;}
    .ry-part{padding:0 10px 20px;}
    .pro-box{padding: 0;height: calc(100vh - 120px);}
    .pro-info{padding: 0;flex-direction: column;}
    .pro-info-img{width: 100%;}
    .pro-text{padding:20px;}
    .pro-text h2{font-size: 16px;margin-bottom: 10px;}
    .pro-text p{font-size: 14px;margin-bottom: 5px;}
    .right-ul{padding: 0 5px;}
    .right-ul ul li{width: 50%;padding: 5px;}
    .right-prod-img{border: none;}
    .sw-pb {padding-top: 20px;padding-bottom: 20px;position: fixed;top: 45px;background-color: #fff;z-index: 100;}
    .sear-warp{width:100%;}
    .search-list{padding: 0;margin-top: 78px;}
    .prod-swiper {min-height: calc(100vh - 120px);}
    }