@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2018-06-14 15:47:10
 * @version $Id$
 */
.wrapper{
    width: 1400px;
    margin: 0 auto;
}
.visible-xs{
    display: none;
}
header{
    height: 135px;
    border-bottom: 1px solid #e6e6e6;
}
header h1{
    line-height: 135px;
}
header h1 img{
    vertical-align: middle;
}
header ul{
    width: 512px;
    margin-top: 33px;
}
header ul li{
    float: left;
    padding: 6px 0;
    width: 50%;
}
header ul li p:first-child{
    height: 56px;
    width: 56px;
    line-height: 56px;
    border-radius: 10px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
}
header ul li p:first-child span{
    height: 18px;
    width: 12px;
    border: 1px solid #000000;
    margin: 18px auto 0;
    transform: skew(-20deg);
    box-sizing: border-box;
}
header ul li p:last-child{
    padding: 5px 0;
}
header ul li p:last-child span{
    margin-left: 10px;
    line-height: 23px;
}
header .phone{
    margin-top: 33px;
}
header .phone p{
    height: 68px;
    width: 190px;
    background: #da251d;
    border-radius: 10px;
    padding: 2px 0;
    box-sizing: border-box;
}
header .phone span{
    line-height: 22px;
    color: #fff;
}
nav{
    height: 75px;
}
nav li{
    position: relative;
    float: left;
    width: 11.11%;
}
nav li>a{
    line-height: 75px;
}
nav li>a.hover{
    color: #b90c04;
}
nav li p{
    position: absolute;
    top: 75px;
    width: 100%;
    display: none;
    z-index: 2;
}
nav li p>a{
       height: 50px;
    line-height: 50px;
    color: #fff;
    background: rgba(218,37,29,0.8);
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0% 4%;
	
}
nav li p>a:hover{
    background: rgba(218,37,29,0.85);
}
.banner{
    height: 794px;
}
.banner .swiper-slide{
    background-repeat: no-repeat;
    background-position: center;
}
.banner .swiper-pagination-bullet{
    height: 4px;
    width: 60px;
    border-radius: 0;
    background: #fff;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active{
    background: #d8292f;
}

.search{
    height: 90px;
    padding: 37px 0 13px 0;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;

}
.search .hot p{
    line-height: 40px;
}
.search .hot p i{
    display: inline-block;
    height: 31px;
    width: 27px;
    background: url("../img/icon.png") no-repeat 0 0;
    vertical-align: top;
    margin-right: 8px;
}
.search ul li{
    display: inline-block;
    line-height: 40px;
    margin: 0 20px;
}
.search form{
    height: 40px;
    line-height: 38px;
    width: 287px;
    border-radius: 20px;
    border: 1px solid #eee;
}
.search form input{
    padding: 0 15px;
    height: 40px;
    width: 80%;
    border: 0;
    background: transparent;
    box-sizing: border-box;
}
.search form button{
    height: 26px;
    width: 26px;
    background: transparent url("../img/icon.png") no-repeat -27px 0;
    border: 0;
    vertical-align: middle;
}

.four{
    margin: 50px 0;
}
.four ul li{
    float: left;
    height: 340px;
    width: 23%;
    margin-right: 2.666666%;
    background: #f0f3fa;
    text-align: center;
}
.four ul li:last-child{
    margin-right: 0;
}
.four ul li p:first-child{
    margin-top: 100px;
}
.four ul li p:first-child span{
    font-size: 50px;
    font-weight: bold;
    color: #d8292f;
}
.four ul li p:nth-child(2){
    margin-top: 30px;
    font-size: 18px;
}
.four ul li p:last-child{
    margin: 15px auto 0;
    transition: all 0.3s;
}
.four ul li:nth-child(1) p:last-child{
    height: 50px;
    width: 50px;
    background: url("../img/icon.png") no-repeat -53px 0;
}
.four ul li:nth-child(2) p:last-child{
    height: 48px;
    width: 62px;
    background: url("../img/icon.png") no-repeat -153px 0;
}
.four ul li:nth-child(3) p:last-child{
    height: 52px;
    width: 52px;
    background: url("../img/icon.png") no-repeat 0 -50px;
}
.four ul li:nth-child(4) p:last-child{
    height: 50px;
    width: 59px;
    background: url("../img/icon.png") no-repeat -104px -50px;
}
.four ul li:hover{
    background: #da251d;
}
.four ul li:hover p:nth-child(1) span, .four ul li:hover p:nth-child(2){
    color: #fff;
}
.four ul li:nth-child(1):hover p:last-child{
    background: url("../img/icon.png") no-repeat -103px 0;
}
.four ul li:nth-child(2):hover p:last-child{
    background: url("../img/icon.png") no-repeat -215px 0;
}
.four ul li:nth-child(3):hover p:last-child{
    background: url("../img/icon.png") no-repeat -52px -50px;
}
.four ul li:nth-child(4):hover p:last-child{
    background: url("../img/icon.png") no-repeat -163px -50px;
}

.product{
    padding-top: 120px;
    height: 1156px;
    background: url("../img/product-bg.jpg") no-repeat center center;
    box-sizing: border-box;
}
.product .category{
    width: 26.8%;
}
.product .category p{
    padding-top: 40px;
    padding-left: 55px;
    height: 170px;
    background: #bc1100;
    box-sizing: border-box;
}
.product .category p span:first-child{
    font-size: 35px;
    color: #fff;
    font-weight: bold;
}
.product .category p span:last-child{
    margin-top: 15px;
    font-size: 26px;
    color: #fff;
}
.product .category ul{
    height: 432px;
    background: #fff;
}
.product .category ul li{
    float: left;
    height: 72px;
    line-height: 72px;
    width: 50%;
    border-bottom: 1px solid #dcdcdc;
    box-sizing: border-box;
    text-align: center;
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0% 2%;
	
}

.product .category ul li a{
	overflow:hidden;
}


.product .category ul li:nth-child(odd){
    border-right: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.product .category ul li:hover a,.product .category ul li.hover a{
    color: #d8292f;
}
.product .product-first{
    height: 602px;
    width: 72.4%;
    display: none;
}
.product .product-first .picture{
    height: 100%;
    width: 62%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
}
.product .product-first .picture a{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product .product-first .picture img{
    max-width: 60%;
    transition: all 0.3s;
}
.product .product-first .picture:hover img{
    transform: scale(1.2);
    max-width: 100%;
}
.product .product-first .text{
    position: relative;
    padding: 60px 20px;
    width: 37%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
}
.product .product-first .text p:first-child{
    padding: 0 15px;
    font-size: 35px;
    color: #bc1100;
    font-weight: bold;
}
.product .product-first .text p:first-child::after{
    margin-top: 40px;
    display: block;
    content: '';
    height: 3px;
    width: 40px;
    background: #000;
}
.product .product-first .text p:nth-child(2){
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-top: 40px;
    padding: 0 15px;
    line-height: 30px;
}
.product .product-first .text p:last-child{
    position: absolute;
    bottom: 80px;
    width: calc(100% - 40px);
}
.product .product-first .text p:last-child a:first-child{
    height: 40px;
    line-height: 40px;
    width: 152px;
    background: #d8292f;
    text-align: center;
    color: #fff;
    overflow: hidden;
}
.product .product-first .text p:last-child a:first-child span:first-child{
    width: 42px;
    line-height: 40px;
}
.product .product-first .text p:last-child a:first-child span:last-child{
    position: relative;
    width: 110px;
    line-height: 40px;
}
.product .product-first .text p:last-child a:first-child span:last-child::before{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: 'See More';
    height: 40px;
    width: 110px;
    background: #000;
    transition: all 1s;
}
.product .product-first .text p:last-child a:first-child:hover span:last-child::before{
    right: -110px;
}
.product .product-first .text p:last-child a:last-child{
    height: 40px;
    line-height: 40px;
    width: 120px;
    text-align: center;
    background: #000;
    color: #fff;
}
.product .product-first .text p:last-child a:last-child:hover{
    background: #d8292f;
}

.swiper-product{
    margin-top: 15px;
}
.swiper-product .swiper-slide a:first-child{
    padding: 30px;
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
}
.swiper-product .swiper-slide a:first-child img{
    max-width: 80%;
    max-height: 80%;
    vertical-align: middle;
    transition: all 0.5s;
}
.swiper-product .swiper-slide a:last-child{
    height: 50px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}
.swiper-product .swiper-slide:hover a:first-child img{
    transform: scale(1.2);
}
.swiper-product .swiper-slide:hover a:last-child{
    background: #bc1100;
}

.about{
    padding: 100px 0;
    height: 945px;
    background: url("../img/about-bg.jpg") no-repeat center;
    box-sizing: border-box;
}
.index-title{
    margin-bottom: 50px;
}
.index-title p{
    position: relative;
}
.index-title p::before{
    position: absolute;
    bottom: 17px;
    margin-right: 15px;
    display: inline-block;
    content: '';
    height: 8px;
    width: 80px;
    background: #bc1100;
}
.index-title p span:first-child{
    padding-left: 90px;
    font-size: 36px;
    font-weight: bold;
}
.index-title p span:last-child{
    padding-left: 90px;
    margin-top: 20px;
    font-size: 18px;
}
.index-title ul li{
    display: inline-block;
    height: 55px;
    line-height: 55px;
    width: 174px;
    text-align: center;
    margin-left: 30px;
    background: #efefef;
    border-radius: 25px;
    cursor: pointer;
    font-size: 17px;
}
.index-title ul li.hover,.index-title ul li:hover{
    background: #bc1100;
    color: #ffffff;
}
.about .slide{
    display: none;
}
.about-box{
    position: relative;
}
.about-box .picture{
    position: absolute;
    top: 160px;
}
.about-box .picture img{
    height: 485px;
    width: 821px;
    border-radius: 20px;
}
.about-box .text{
    position: absolute;
    right: 0;
    top: 200px;
    padding: 45px;
    height: 417px;
    width: 750px;
    background: #fff;
    box-shadow: 0 0 10px #999;
    border-radius: 20px;
    box-sizing: border-box;
}
.about-box .text p:first-child{
    font-size: 30px;
    font-weight: bold;
}
.about-box .text p:first-child::after{
    display: block;
    content: '';
    height: 3px;
    width: 80px;
    background: #bc1100;
    margin: 30px 0;
}
.about-box .text p:nth-child(2){
    line-height: 30px;
    text-indent: 2em;
}
.about-box .text a{
    position: absolute;
    right: 85px;
    bottom: 55px;
    height: 37px;
    width: 132px;
    background: #bc1100;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 20px;
}
.about-box .text a:hover{
    box-shadow: 0 0 8px #999;
}
.honor-box ul li{
    float: left;
    padding: 15px 0;
    margin-right: 8%;
    margin-bottom: 50px;
    height: 300px;
    width: 28%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 0 10px #999;
    box-sizing: border-box;
}
.honor-box ul li a{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.honor-box ul li:nth-child(3n){
    margin-right: 0;
}
.honor-box ul li span{
    font-size: 18px;
    color: #333;
}
.honor-box ul li img{
    max-width: 100%;
    max-height: 100%
}
.honor-box ul li:hover{
    box-shadow: 0 0 10px #bc1100;
}
.adv{
    padding-top: 60px;
    height: 1037px;
    background: url("../img/adv-bg.jpg") no-repeat center center;
    box-sizing: border-box;
}
.adv-title p:first-child{
    font-size: 46px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    letter-spacing: 2px;
}
.adv-title p:last-child{
    margin-top: 30px;
    color: #fff;
    text-align: center;
}
.adv-tab{
    margin-top: 60px;
    position: relative;
    z-index: 1;
}
.adv-tab ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 16.6666%;
}
.adv-tab ul li p{
    height: 118px;
    width: 109px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    font-weight: bold;
    background: url("../img/icon.png") no-repeat 0 -102px;
    cursor: pointer;
}
.adv-tab ul li p:hover,.adv-tab ul li p.hover{
    color: #fff;
    background: url("../img/icon.png") no-repeat -109px -102px;
}
.adv-slide{
    display: none;
    margin-top: -40px;
    position: relative;
}
.adv-slide img{
    position: absolute;
    top: 0;
    left: 0;
    height: 622px;
    width: 100%;
}
.adv-slide .text{
    position: absolute;
    top: 155px;
    left: 60px;
    padding: 60px 40px;
    height: 386px;
    width: 624px;
    background: #fff;
    border-radius: 20px;
    box-sizing: border-box;
}
.adv-slide .text p:first-child{
    padding-left: 30px;
    font-size: 32px;
    color: #e60012;
}
.adv-slide .text p:first-child span{
    font-size: 32px;
    color: #e60012;
    font-weight: bold;
}
.adv-slide .text p:last-child{
    margin-top: 40px;
    line-height: 35px;
    text-indent: 2em;
}

@keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
@-o-keyframes scalemap {
    0% {
        transform: scale(0.2);
        opacity: 1;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.map{
    padding: 130px 0 160px 0;
}
.map .wrapper{
    position: relative;
}
.map-left{
    width: 506px;
}
.map-left p:nth-of-type(1){
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 45px;
    font-weight: bold;
}
.map-left p:nth-of-type(2){
    font-size: 45px;
    font-weight: bold;
    color: #bc1100;
    letter-spacing: 2px;
}
.map-left p:nth-of-type(2)::after{
    display: block;
    content: "";
    margin: 30px 0;
    height: 4px;
    width: 50px;
    background: #d2d2d2;
}
.map-left p:nth-of-type(3){
    font-size: 18px;
    color: #666;
    line-height: 40px;
}
.map-left a{
    margin-top: 80px;
    height: 40px;
    width: 150px;
    background: #bc1100;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.map-left a:hover{
    box-shadow: 0 0 8px #999
}
.map .map-right{
    position: absolute;
    width: 894px;
    right: 0;
}
.map .map-right .hugemap {
    position: relative;
    width: 100%;
    max-width: 894px;
    margin: 0 0 0 auto;
}
.map-right .hugemap img{
    max-width: 100%;
}
.map-right .hugemap .appoint {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ee3139;
    display: flex;
    justify-content: center;
    align-items: center;
}
.map-right .hugemap .appoint .dot {
    flex: 0 0 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(238, 34, 34, 0.4);
    border: 1px solid #ee3139;
    animation: scalemap 2s linear infinite;
    -moz-animation: scalemap 2s linear infinite;
    -webkit-animation: scalemap 2s linear infinite;
}
.map-right .hugemap .a1 {
    top: 20%;
    left: 15%;
}
.map-right .hugemap .a2 {
    top: 40.1%;
    left: 13.3%;
}
.map-right .hugemap .a3 {
    top: 33.5%;
    left: 16.7%;
}
.map-right .hugemap .a4 {
    top: 30.2%;
    left: 20.8%;
}
.map-right .hugemap .a5 {
    top: 42.1%;
    left: 24.3%;
}
.map-right .hugemap .a6 {
    top: 37%;
    left: 27.6%;
}
.map-right .hugemap .a7 {
    top: 58.7%;
    left: 27.6%;
}
.map-right .hugemap .a8 {
    top: 65.5%;
    left: 32.7%;
}
.map-right .hugemap .a9 {
    top: 52%;
    left: 46.8%;
}
.map-right .hugemap .a10 {
    top: 28.5%;
    left: 50.9%;
}
.map-right .hugemap .a11 {
    top: 48.5%;
    left: 50.1%;
}
.map-right .hugemap .a12 {
    top: 68.7%;
    left: 50.9%;
}
.map-right .hugemap .a13 {
    top: 25%;
    left: 58.5%;
}
.map-right .hugemap .a14 {
    top: 47.2%;
    left: 61%;
}
.map-right .hugemap .a15 {
    top: 26.7%;
    left: 69.3%;
}
.map-right .hugemap .a16 {
    top: 53.7%;
    left: 69.4%;
}
.map-right .hugemap .a17 {
    top: 31.7%;
    left: 71%;
}
.map-right .hugemap .a18 {
    top: 25%;
    left: 72.8%;
}
.map-right .hugemap .a19 {
    top: 29.9%;
    left: 73.6%;
}
.map-right .hugemap .a20 {
    top: 45.1%;
    left: 73.7%;
}
.map-right .hugemap .a21 {
    top: 53.7%;
    left: 76.1%;
}
.map-right .hugemap .a22 {
    top: 43.6%;
    left: 79.5%;
}
.map-right .hugemap .a23 {
    top: 63.7%;
    left: 79.4%;
}
.map-right .hugemap .a24 {
    top: 82.3%;
    left: 81.1%;
}
.map-right .hugemap .a25 {
    top: 16.7%;
    left: 38.4%;
}
.map-right .hugemap .a26 {
    top: 18.4%;
    left: 80.3%;
}
.map-right .minimap {
    position: relative;
    width: 100%;
    max-width: 994px;
    margin: 0 0 0 auto;
    display: none;
}

.other-case ul li p span {
    width: 64%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.case{
    position: relative;
    padding-top: 50px;
    height: 766px;
    background: url("../img/case-bg.jpg") no-repeat center;
    box-sizing: border-box;
}
.case .wrapper{

}
.case-title p{
    position: relative;
}
.case-title p span:first-child{
    padding-left: 90px;
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
.case-title p::before{
    position: absolute;
    bottom: 17px;
    display: block;
    content: '';
    height: 8px;
    width: 80px;
    background: #fff;
}
.case-title p span:last-child{
    padding-left: 90px;
    margin-top: 20px;
    color: #fff;
    font-size: 18px;
}
.case-title a{
    margin-top: 30px;
    height: 40px;
    width: 150px;
    background: #bc1100;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.case .case-swiper{
    margin-top: 100px;
    width: 1310px;
}
.case .swiper-slide{
    position: relative;
    height: 412px;
    width: 45%;
}
.case .swiper-slide img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.case .swiper-slide a:last-child{
    position: absolute;
    bottom: -125px;
    padding: 25px;
    height: 125px;
    width: 100%;
    background: rgba(188,17,0,0.8);
    box-sizing: border-box;
    transition: all 0.3s;
}
.case .swiper-slide:hover a:last-child{
    bottom: 0;
}
.case .swiper-slide a:last-child p span:first-child{
    font-size: 22px;
    color: #fff;
    line-height: 31px;
}
.case .swiper-slide a:last-child p span:last-child{
    padding: 8px 25px;
    background: #fff;
    border-radius: 15px;
}
.case .swiper-slide a:last-child p span:last-child:hover{
    background: #bc1100;
    color: #fff;
}
.case .swiper-slide a:last-child>span{
    color: #fff;
    margin-top: 20px;
}

.case .swiper-button-next,.case .swiper-button-prev{
    top: 410px;
    height: 80px;
    width: 80px;
    background: #fff;
    border-radius: 50%;
}
.case .swiper-button-prev{
    left: 80px;
}
.case .swiper-button-next{
    right: 80px;
}
.case .swiper-button-prev::after, .case .swiper-button-next::after{
    font-size: 30px;
}
.news{
    padding: 100px 0;
}
.news-box{
    display: none;
}
.news-left{
    width: 68%;
}
.news-first a:first-child{
    height: 190px;
    width: 32%;
    overflow: hidden;
}
.news-first a:first-child img{
    max-height: 100%;
    width: 100%;
    transition: all 0.3s;
}
.news-first a:first-child:hover img{
    transform: scale(1.2);
}
.news-first a:last-child{
    padding: 35px 0;
    margin-left: 25px;
    width: 61%;
}
.news-first a:last-child span:nth-child(1){
    font-size: 22px;
    margin-bottom: 10px;
}
.news-first a:last-child span:nth-child(2){
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
}
.news-first a:last-child span:nth-child(1):hover{
    color: #bc1100;
}
.news-first a:last-child span:nth-child(3){
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 28px;
    color: #999;
}
.news-left ul li{
    width: 48%;
}
.news-left ul{
    margin-top: 30px;
    border-top: 1px dotted #ddd;
}
.news-left ul li:nth-child(odd){
    float: left;
}
.news-left ul li:nth-child(even){
    float: right;
}
.news-left ul li a{
    height: 80px;
    border-bottom: 1px dotted #ddd;
}
.news-left ul li span{
    line-height: 80px;
    color: #666666;
}
.news-left ul li:hover a{
    border-bottom: 1px dotted #bc1100;
    color: #bc1100;
}
.news-left ul li:hover span{
    color: #bc1100;
}
.news-right{
    width: 29%;
}
.news-right a:first-child{
    height: 274px;
    width: 100%;
    overflow: hidden;
}
.news-right a:first-child img{
    height: 100%;
    width: 100%;
    transition: all 0.3s;
}
.news-right a:last-child{
    padding: 25px;
    height: 200px;
    background: #f0f3fa;
    box-sizing: border-box;
}
.news-right a:last-child p:nth-child(1){
    margin-bottom: 15px;
    font-size: 20px;
}
.news-right a:last-child p:nth-child(2) span{
    font-size: 18px;
    vertical-align: middle;
}
.news-right a:last-child p:nth-child(2) span:first-of-type::before{
    display: inline-block;
    content: '';
    height: 19px;
    width: 15px;
    background: url("../img/icon.png") no-repeat -222px -50px;
    vertical-align: middle;
    margin-right: 5px;
}
.news-right a:last-child p:nth-child(2) span:last-child::before{
    display: inline-block;
    content: '';
    height: 15px;
    width: 16px;
    background: url("../img/icon.png") no-repeat -237px -50px;
    vertical-align: middle;
    margin-right: 5px;
}
.news-right a:last-child p:nth-child(3){
    margin-top: 15px;
    line-height: 30px;
    color: #666;
}

.links{
    height: 55px;
    line-height: 55px;
    background: #bc1100;
}
.links span{
    font-size: 20px;
    color: #fff;
}
.links span::after{
    display: inline-block;
    content: '';
    height: 12px;
    width: 2px;
    background: #dd4a3c;
    margin: 0 15px;
}
.links a{
    font-size: 18px;
    color: #fff;
    margin: 0 15px;
}
footer {
    padding: 40px 0;
    background-color: #333;
}

footer ul {
    width: 80%;
    margin-bottom: 60px;
}

footer ul li {
    width: 16.6666%;
    float: left;
}

footer ul li a:first-child {
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

footer ul li a {
    display: block;
    line-height: 40px;
    color: #999999;
    font-size: 17px;
}

footer ul li a:hover {
    color: #fff;
}

footer .wxcode {
    width: 20%;
}
.copyright{
    padding-top: 15px;
    border-top: 1px solid #4c4c4c;
}
.copyright p, .copyright a{
    font-size: 18px;
    color: #999;
}
.copyright a:hover{
    color: #fff;
}
.other-banner{
    height: 453px;
    background-position: center;
    background-repeat: no-repeat;
}

/*产品中心*/
.product-search{
    padding-bottom: 30px;
    background: #f0f3fa;
}
.product-search form{
    position: relative;
    width: 1208px;
    margin: 0 auto;
    top: -44px;
}
.product-search input{
    padding: 0 15px;
    height: 88px;
    width: 89%;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.product-search button{
    height: 88px;
    width: 11%;
    background: #da251d;
    border: 0;
    text-align: center;
}
.product-search button i{
    display: inline-block;
    height: 25px;
    width: 25px;
    background: url("../img/icon.png") no-repeat -247px -103px;
}
.product-search p,.product-search a{
    color: #9c9c9c;
}
.product-search p i{
    margin-right: 5px;
    display: inline-block;
    height: 18px;
    width: 21px;
    vertical-align: middle;
    background: url("../img/icon.png") no-repeat -28px -28px;
}
.product-search h1{
    margin-top: 30px;
    font-size: 34px;
    color: #da251d;
    font-weight: bold;
}
.product-search ul{
    margin-top: 30px;
}
.product-search ul li{
    float: left;
    margin-left: 10px;
    line-height: 34px;
}
.product-search ul li a{
    padding: 0 15px;
    display: inline-block;
    color: #000;
    border-radius: 20px;
}
.product-search ul li a:hover,.product-search ul li a.hover{
    background-color: #da251d;
    color: #fff;
}
.other-product-box{
    padding: 50px 0;
}
.product-left{
    width: 26.7%;
}
.product-left-title{
    padding: 25px 40px;
    background: #bc1100;
}
.product-left-title h2{
    font-size: 40px;
    color: #fff;
    font-weight: bold;
}
.product-left-title p{
    margin-top: 20px;
    font-size: 28px;
    color: #fff;
}
.product-left ul{
    padding: 12px 12px 30px 12px;
    background: #f0f3fa;
    box-sizing: border-box;
}
.product-left ul li{
    border-bottom: 1px solid #dad6d6;
}
.product-left ul li>a{
    
	position: relative;
    height: 65px;
    line-height: 65px;
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 18%;
	
}
.product-left ul li>a::after{
    position: absolute;
    right: 40px;
    top: 24px;
    display: inline-block;
    content: '';
    height: 16px;
    width: 16px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    box-sizing: border-box;
}
.product-left ul li>a:hover,.product-left ul li>a.hover{
    background: #bc1100;
    color: #fff;
}
.product-left ul li>p{
    display: none;
    padding-bottom: 20px;
}
.product-left ul li>p>a{
    position: relative;
    padding-left: 20px;
    line-height: 35px;
	padding-right: 18%;
}
.product-left ul li>p>a::after{
    position: absolute;
    right: 44px;
    top: 8px;
    display: inline-block;
    content: '';
    height: 16px;
    width: 9px;
    background: #fff;
    background: url("../img/icon.png") no-repeat -255px -50px;
}
.product-left ul li>p>a:hover,.product-left ul li>p>a.hover{
    color: #bc1100;
}
.product-left ul li>p>a:hover::after,.product-left ul li>p>a.hover::after{
    background: url("../img/icon.png") no-repeat -264px -50px;
}

.product-left-contact img{
    width: 100%;
    display: block;
}
.product-left-contact p{
    padding: 25px;
    background: #bc1100;
    text-align: center;
}
.product-left-contact p span{
    font-size: 20px;
    color: #fff;
    line-height: 35px;
}

.product-right{
    width: 71%;
}
.product-right ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.product-right ul li:nth-child(3n){
    margin-right: 0;
}
.product-right ul li a:first-child{
    height: 290px;
    border: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.product-right ul li img{
    max-width: 80%;
    transition: all 0.3s;
}
.product-right ul li a:last-child{
    
	
	height: 53px;
    line-height: 53px;
    text-align: center;
    background: #f0f3fa;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0% 4%;
	
}
.product-right ul li:hover img{
    transform: scale(1.2);
}
.product-right ul li:hover a:last-child{
    background: #bc1100;
    color: #fff;
}

.other-product-box1 {
    padding: 60px 0;
    height: 760px;
    background: url("../img/other-product-bg1.jpg") repeat-x;
    box-sizing: border-box;
}
.other-title h2{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 20px;
}
.other-title p{
    font-size: 24px;
    text-transform: uppercase;
    color: #9c9c9c;
    font-weight: bold;
}
.other-title i{
    display: block;
    height: 34px;
    width: 47px;
    margin:  10px auto 30px;
    background: url("../img/icon.png") no-repeat -222px -69px;
}
.other-product-box1 ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    background: #fff;
    box-shadow: 0 0 10px #999;
}
.other-product-box1 ul li:last-child{
    margin-right: 0;
}
.other-product-box1 ul li img{
    height: 290px;
    width: 100%;
}
.other-product-box1 ul li p:first-of-type{
    font-size: 36px;
    line-height: 80px;
    text-align: center;
}
.other-product-box1 ul li p:last-of-type{
    padding: 0 30px 30px;
    line-height: 30px;
    height: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-bottom: 8%;
}
.other-partner ul{
    padding: 0 50px 50px;
}
.other-partner ul li{
    float: left;
    height: 319px;
    width: 23.5%;
    margin-right: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../img/partner-bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s;
}
.other-partner ul li img{
    max-width: 80%;
}
.other-partner ul li:nth-child(4n){
    margin-right: 0;
}
.other-partner ul li:hover{
    transform: rotate(360deg);
}

.product-detail{
    border-top: 1px solid #e6e6e6;
    background: #f0f3fa;
}
.product-detail-position{
    padding: 40px 0;
}
.product-detail-position i{
    margin-right: 5px;
    display: inline-block;
    height: 18px;
    width: 21px;
    vertical-align: middle;
    background: url("../img/icon.png") no-repeat -28px -28px;
}
.product-detail-position p,.product-detail-position p a{
    color: #333;
    line-height: 56px;
    font-size: 18px;
    vertical-align: middle;
}
.product-detail-position>a{
    height: 56px;
    width: 192px;
    text-align: center;
    background: #bc1100;
    line-height: 56px;
    border-radius: 28px;
    color: #fff;
    box-sizing: border-box;
}
.product-detail-position>a:hover{
    box-shadow: 0 0 10px #999;
}
.product-detail-box{
    padding: 50px 20px;
    background: #fff;
}
.picture-desc{
    height: 560px;
}
.picture-desc .picture{
    height: 100%;
    width: 45%;
}
.gallery-top {
    position: relative;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #eee;
}
.gallery-top .swiper-slide {
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
}
.product-detail-slide{
    height: 140px;
    position: relative;
}
.gallery-thumbs {
    height: 100%;
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px 50px;
}
.gallery-thumbs .swiper-slide {
    width: calc(33.3333% - 6px) !important;
    height: 100%;
    opacity: 1;
    border: 1px solid #d2d2d2;
    box-sizing: border-box;
}
.gallery-thumbs .swiper-slide {
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
}
.gallery-thumbs .swiper-slide-thumb-active {
    border-color: #bc1100;
}
.picture-desc .description{
    height: 100%;
    width: 53%;
}
.product-detail-slide .swiper-button-prev, .product-detail-slide .swiper-button-next{
    top: 22px;
    height: 140px;
    width: 30px;
    background-color: #eeeeee;
    opacity: 1!important;
}
.product-detail-slide .swiper-button-next:after, .product-detail-slide .swiper-button-prev:after{
    font-size: 15px;
}
.picture-desc .description>p:nth-child(1){
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: bold;
    color: #bc1100;
    border-bottom: 1px solid #d2d2d2;
    line-height: 60px;
}
.picture-desc .description>p:nth-child(2){
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 25px 0;
    padding: 0 25px;
    height: 120px;
    line-height: 40px;
    overflow: hidden;
}
.picture-desc .description>p:nth-child(3){
    height: 40px;
    padding: 0 25px 30px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 30px;
}
.picture-desc .description>p:nth-child(3) a{
    height: 40px;
    line-height: 40px;
    width: 146px;
    text-align: center;
    background-color: #bc1100;
    color: #fff;
    border-radius: 20px;
}
.picture-desc .description>p:nth-child(3) span{
    line-height: 40px;
    font-size: 18px;
}
.picture-desc .description>p:nth-child(3) em{
    font-size: 30px;
    color: #bc1100;
}
.product-title{
    padding-left: 20px;
    margin-top: 30px;
    height: 64px;
    line-height: 64px;
    width: 100%;
    background-image: url("../img/product-detail-title-bg.png");
    background-size: 100% 100%;
    box-sizing: border-box;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
}
.product-detail .content{
    padding: 40px 40px 20px;
}
.content img{
    max-width: 100%;
    height: auto!important;
}
.content,.content p{
    line-height: 1.5em;
}
.product-detail-img img{
    display: block;
    width: 100%;
}
.product-detail-page p{
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
    width: 100%;
    border: 1px solid #eee;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.product-detail-page p span{
    text-transform: uppercase;
    color: #999;
}
.product-detail-page p a{
    color: #333;
}
.product-detail-page p:hover{
    border-color: #bc1100;
}
.product-flag1{
    padding: 50px 0;
}
.product-flag1 .title{
    text-align: center;
}
.product-flag1 .title h2{
    font-size: 36px;
    color: #333;
}
.product-flag1 .title p{
    margin-top: 20px;
    font-size: 20px;
    color: #333;
    margin-bottom: 50px;
}
.product-flag1 ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
}
.product-flag1 ul li:last-child{
    margin-right: 0;
}
.product-flag1 ul li a:first-child{
    height: 292px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    overflow: hidden;
}
.product-flag1 ul li a:first-child img{
    max-height: 80%;
    max-width: 80%;
    transition: all 0.3s;
}
.product-flag1 ul li a:last-child{
    padding: 20px 15px;
    box-sizing: border-box;
    text-align: center;
}
.product-flag1 ul li a:last-child span:first-child{
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
}
.product-flag1 ul li a:last-child span:last-child{
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-flag1 ul li:hover img{
    transform: scale(1.2);
}
.product-flag1 ul li:hover a:last-child{
    background-color: #bc1100;
}
.product-flag1 ul li:hover a:last-child span{
    color: #fff;
}
.product-flag1>a{
    height: 56px;
    line-height: 56px;
    width: 225px;
    text-align: center;
    margin: 50px auto 0;
    border: 1px solid #bc1100;
}
.product-flag1>a:hover{
    background-color: #bc1100;
    color: #fff;
}
.other-case{
    padding: 50px 0;
}
.other-case h1{
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
}
.other-case ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.other-case ul li:nth-child(3n){
    margin-right: 0;
}
.other-case ul li>a{
    height: 316px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.other-case ul li img{
    height: 100%;
    width: 100%;
    transition: all 0.3s;
}
.other-case ul li p{
    position: relative;
    padding: 0 20px;
    height: 100px;
    line-height: 100px;
    background-color: #f0f3fa;
}
.other-case ul li p a{
    position: absolute;
    right: 20px;
    top: 30px;
    height: 40px;
    line-height: 40px;
    width: 130px;
    text-align: center;
    border: 1px solid #da251d;
}
.other-case ul li:hover img{
    transform: scale(1.2);
}
.other-case ul li:hover p{
    background-color: #d8292f;
}
.other-case ul li:hover p span{
    color: #fff;
}
.other-case ul li:hover p a{
    background-color: #fff;
    color: #000;
}
.other-case-box{
    padding: 100px 0;
    background-color: #bc1100;
}
.other-case-box ul li{
    float: left;
    width: 33.3333%;
    text-align: center;
}
.other-case-box ul li div{
    height: 161px;
    width: 161px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    line-height: 161px;
    text-align: center;
    font-size: 35px;
    color: #bc1100;
}
.other-case-box ul li p{
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
}

.top-nav{
    position: relative;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    z-index: 999;
}
.top-nav ul li{
    padding: 0 4%;
    border-right: 2px solid #000;
    display: inline-block;
    cursor: pointer;
}
.top-nav ul li:last-child{
    border-right: 0;
}
.top-nav ul li:hover, .top-nav ul li.hover{
    color: #bc1100;
}
.other-service{
    padding: 50px 0;
}
.other-service ul li:nth-child(odd) .text{
    float: left;
}
.other-service ul li:nth-child(odd) .picture{
    float: right;
}
.other-service ul li:nth-child(even) .text{
    float: right;
}
.other-service ul li:nth-child(even) .picture{
    float: left;
}
.other-service ul li>div{
    width: 50%;
}
.other-service ul li .text{
    padding: 60px 165px 60px 150px;
    box-sizing: border-box;
}
.other-service ul li .text p:nth-child(1){
    font-size: 34px;
    color: #000;
    font-weight: bold;
    margin-bottom: 15px;
}
.other-service ul li .text p:nth-child(2){
    font-size: 22px;
    font-weight: bold;
    color: #9c9c9c;
    text-transform: uppercase;
}
.other-service ul li .text p:nth-child(3){
    height: 34px;
    width: 47px;
    margin: 10px 0 50px 50px;
    background: url(../img/icon.png) no-repeat -222px -69px;
}
.other-service ul li .text p:nth-child(4){
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 18px;
    color: #9c9c9c;
    line-height: 35px;
    margin-bottom: 60px;
    overflow: hidden;
}
.other-service ul li .text p:nth-child(5){
    height: 60px;
    line-height: 60px;
    width: 130px;
    border-bottom: 1px solid #dddddd;
}
.other-service ul li .text p:nth-child(5) a{
    position: relative;
}
.other-service ul li .text p:nth-child(5) a::after{
    display: block;
    content: '';
    height: 1px;
    width: 30px;
    background-color: #bc1100;
    transition: all 0.3s;
}
.other-service ul li .text p:nth-child(5) a:hover::after{
    width: 100%;
}
.other-service ul li .text p:nth-child(5) i{
    position: absolute;
    top: 24px;
    right: 0;
    display: inline-block;
    content: '';
    height: 11px;
    width: 13px;
    background: url("../img/icon.png") no-repeat 0 -33px;
}
.other-service ul li .picture{
    height: 600px;
    overflow: hidden;
}
.other-service ul li .picture a{
    height: 100%;
    width: 100%;
}
.other-service ul li .picture img{
    height: 100%;
    width: 100%;
    transition: all 0.3s;
}
.other-service ul li .picture:hover img{
    transform: scale(1.2);
}

.other-about{
    padding: 50px 0;
}

.other-video{
    margin-top: 100px;
    height: 653px;
    background: url("../img/other-video-bg.jpg") no-repeat center;
}
.other-video .wrapper {
    position: relative;
}
.other-video ul{
    position: absolute;
    top: -50px;
    width: 100%;
    background: #fff;
}
.other-video ul li{
    padding-bottom: 60px;
    float: left;
    width: 25%;
    text-align: center;
}
.other-video ul li:last-child{
    margin-right: 0;
}
.other-video ul li p:first-child span{
    font-size: 50px;
    font-weight: bold;
    color: #d8292f;
}
.other-video ul li p:nth-child(2){
    margin-top: 30px;
    font-size: 18px;
}
.other-video ul li p:last-child{
    margin: 15px auto 0;
    transition: all 0.3s;
}
.other-video ul li:nth-child(1) p:last-child{
    height: 50px;
    width: 50px;
    background: url("../img/icon.png") no-repeat -53px 0;
}
.other-video ul li:nth-child(2) p:last-child{
    height: 48px;
    width: 62px;
    background: url("../img/icon.png") no-repeat -153px 0;
}
.other-video ul li:nth-child(3) p:last-child{
    height: 52px;
    width: 52px;
    background: url("../img/icon.png") no-repeat 0 -50px;
}
.other-video ul li:nth-child(4) p:last-child{
    height: 50px;
    width: 59px;
    background: url("../img/icon.png") no-repeat -104px -50px;
}
.other-video .play{
    position: absolute;
    top: 350px;
    height: 100px;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    background: rgba(0,0,0,0.5);
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.other-video .play i{
    display: block;
    height: 28px;
    width: 22px;
    background: url("../img/icon.png") no-repeat -224px -104px;
}
.video-fixed{
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.video-fixed video{
    width: 50%;
}
.other-base{
    padding: 50px 0;
}
.other-base ul li{
    position: relative;
    float: left;
    margin-right: 2%;
    overflow: hidden;
}
.other-base ul li:nth-child(1),.other-base ul li:nth-child(2){
    height: 440px;
    width: 49%;
    margin-bottom: 30px;
}
.other-base ul li:nth-child(3),.other-base ul li:nth-child(4),.other-base ul li:nth-child(5){
    width: 32%;
}
.other-base ul li:nth-child(2),.other-base ul li:nth-child(5){
    margin-right: 0;
}
.other-base ul li img{
    height: 100%;
    width: 100%;
    transition: all 0.3s;
}
.other-base ul li p{
    position: absolute;
    bottom: -80px;
    height: 80px;
    width: 100%;
    line-height: 80px;
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
    transition: all 0.3s;
}
.other-base ul li:hover p{
    bottom: 0;
}
.other-base ul li:hover img{
    transform: scale(1.2);
}
.other-honor{
    padding: 80px 0;
    height: 825px;
    background: url("../img/other-honor-bg.jpg") no-repeat center;
    box-sizing: border-box;
}
.other-honor .wrapper{
    position: relative;
}
.other-honor .swiper-slide{
    height: 420px;
    width: 490px;
    background: #fff;
    text-align: center;
    transform: scale(0.8);
    transition: all 0.3s;
}
.other-honor .swiper-slide-active,.other-honor .swiper-slide-duplicate-active{
    transform: scale(1);
}
.other-honor .swiper-slide div{
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.other-honor .swiper-slide div img{
    max-width: 100%;
    max-height: 100%;
}
.other-honor .swiper-slide p{
    line-height: 120px;
}
.other-honor .swiper-button-next,.other-honor .swiper-button-prev{
    top: 63%;
}
.other-honor .swiper-button-next{
    right: -30px;
}
.other-honor .swiper-button-prev{
    left: -30px;
}
.other-culture{
    padding: 80px 0;
}
.other-culture ul li{
    padding: 100px 20px 0 55px;
    float: left;
    width: 33.3333%;
    height: 295px;
    background-size: 100% 100%;
    box-sizing: border-box;
}
.other-culture ul li h3{
    margin-bottom: 20px;
    font-size: 28px;
}
.other-culture ul li p{
    font-size: 18px;
    line-height: 35px;
}
.other-culture ul li:nth-child(1){
    background: linear-gradient(to right, #003374, #01224d);
}
.other-culture ul li:nth-child(2){
    background-image: url("../img/other-culture-bg2.jpg");
}
.other-culture ul li:nth-child(3){
    background-image: url("../img/other-culture-bg3.jpg");
}
.other-culture ul li:nth-child(4){
    background-image: url("../img/other-culture-bg4.jpg");
}
.other-culture ul li:nth-child(5){
    background-color: #bc1100;
}
.other-culture ul li:nth-child(6){
    background-image: url("../img/other-culture-bg6.jpg");
}
.other-culture ul li:nth-child(1) h3,.other-culture ul li:nth-child(5) h3,
.other-culture ul li:nth-child(1) p,.other-culture ul li:nth-child(5) p{
    color: #fff;
}
.other-article{
    padding: 60px 0;
}
.other-article ul li{
    padding: 10px;
    float: left;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
    background-color: #f0f3fa;
    box-sizing: border-box;
}
.other-article ul li:first-child{
    padding: 25px;
    height: 350px;
    width: 100%;
}
.other-article ul li:first-child a:first-child{
    float: left;
    height: 100%;
    width: 35%;
}
.other-article ul li:first-child a:last-child{
    float: right;
    width: 63%;
}
.other-article ul li:first-child a:last-child span:first-child{
    margin-bottom: 20px;
}
.other-article ul li:first-child a:last-child span:nth-child(3){
    margin-top: 30px;
    height: 40px;
    line-height: 40px;
    width: 150px;
    text-align: center;
    background-color: #d8292f;
    border-radius: 20px;
    color: #fff;
}
.other-article ul li:first-child a:last-child span:first-child::before{
    margin-right: 5px;
    display: inline-block;
    content: '';
    height: 5px;
    width: 20px;
    background: linear-gradient(to right, #d8292f, #bc1100);
    vertical-align: middle;
    transition: all 0.3s;
}
.other-article ul li:first-child a:last-child span:first-child:hover::before{
    width: 40px;
}
.other-article ul li:first-child:hover a:last-child{
    background-color: transparent;
}
.other-article ul li:first-child:hover a:last-child span:first-child,
.other-article ul li:first-child:hover a:last-child span:nth-child(2){
    color: #000;
}
.other-article ul li:first-child a:last-child span:last-child:hover{
    box-shadow: 0 0 10px #999;
}
.other-article ul li:first-child a:last-child span:nth-child(2){
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}
.other-article ul li:nth-child(3n+1){
    margin-right: 0;
}
.other-article ul li a:first-child{
    height: 230px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.other-article ul li a:first-child img{
    width: 100%;
    transition: all 0.3s;
}
.other-article ul li a:last-child{
    padding: 20px;
    height: 150px;
    box-sizing: border-box;
}
.other-article ul li a:last-child span:first-child{
    line-height: 40px;
    font-size: 20px;
}
.other-article ul li a:last-child span:nth-child(2){
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    line-height: 30px;
    overflow: hidden;
}
.other-article ul li:hover a:first-child img{
    transform: scale(1.2);
}
.other-article ul li:hover a:last-child{
    background-color: #d8292f;
}
.other-article ul li:hover a:last-child span{
    color: #fff;
}
.article-detail-title{
    text-align: center;
}
.article-detail-title h1{
    font-size: 18px;
    line-height: 30px;
    font-weight: bold;
}
.article-detail-title p{
    margin-top: 15px;
    line-height:25px;
    color: #999;
    border-bottom: 1px dotted #eee;
}
.other-contact{
    padding-top: 60px;
}
.other-contact-box{
    padding-top: 60px;
    height: 500px;
    background: url("../img/other-contact-bg.jpg") no-repeat center;
}
.other-contact-top>div{
    padding-left: 50px;
}
.other-contact-top h4{
    font-size: 90px;
    color: #fff;
    font-weight: bold;
}
@keyframes gooddh{
    0%   {top:0;}
    25%  {top:10px;}
    50%  {top:0;}
    75%  {top:-10px;}
    100% {top:0;}
}
.other-contact-top i{
    position: relative;
    display: inline-block;
    height: 40px;
    width: 31px;
    background: url("../img/icon.png") no-repeat -219px -133px;
    margin-left: -15px;
    -webkit-animation: gooddh 1s linear infinite both;
    animation: gooddh 1s linear infinite both;
}
.other-contact-top a{
    height: 40px;
    line-height: 40px;
    width: 160px;
    text-align: center;
    border: 2px solid #FFFFFF;
    color: #fff;
}
.other-contact-text p:first-child{
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 26px;
}
.other-contact-text p{
    color: #fff!important;
    line-height: 35px !important;
}
.other-contact-bottom .code{
   text-align: center;
}
.other-contact-bottom .code p{
    margin-top: 20px;
    color: #fff;
    line-height: 35px;
}
.other-contact-map{
    position: relative;
    display: none;
}
.other-contact-map .close{
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cb2631;
    z-index: 99;
    cursor: pointer;
}
.other-contact-map i{
    display: inline-block;
    height: 25px;
    width: 25px;
    background: url("../img/icon.png") no-repeat -253px -135px;
    -webkit-animation: gooddh 1s linear infinite both;
    animation: gooddh 1s linear infinite both;
}


.liuyan_wrap{
	
}

.liuyan{
	
margin-bottom: 5%;
	
display: flex;
	
flex-direction: row;
	
justify-content: space-between;
}

.map_left{
	
width: 50%;
}

.liuyan_right{
	
width: 50%;
	
background: #f0f3fa;
	
padding-top: 6%;
}



 .liuyan_right li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 35px;
            color: #666;
            overflow: hidden;
        }
        
        .liuyan_right li span {
            font-weight: bold;
            color: #666;
        }
        .liuyan_right li b{color:#f00;}
        .liuyan_right li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .liuyan_right li p {
            clear: both;
        }
        
        .liuyan_right label {
            display: inline-block;
            width: 120px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 33px;line-height: 33px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .liuyan_right .inputs,
        .liuyan_right li select {
            width: 73%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            box-sizing: border-box;
            /*float: left;*/
        }
        .liuyan_right .radioandcheck{vertical-align:middle;}
        
        .liuyan_right .err {
            border: 1px solid #c00;
        }
        
        .liuyan_right .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
            box-sizing: border-box;
        }
        
        .liuyan_right .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .liuyan_right .p4-order-form-1-t3 {
            padding-left: 120px;
        }
        
        .liuyan_right .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .liuyan_right .p4-order-form-1-b1 {
            background: #bc1100;
        }
        
        .liuyan_right .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .liuyan_right .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .liuyan_right .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }
		
		.product-detail .content table{
			
border-collapse: collapse;
		}
		
		.product-detail .content table tr{
			
		}
		
		
		.product-detail .content table tr td p{
			
text-align: center;
			
line-height: 28px;
			
font-size: 15px;
			
padding: 0% 9%;
			
 
			
word-wrap: break-word;
			
word-break:normal;
		}
		
		
.web_en{
			
margin-top: 40px;
			
margin-left: 36px;
		}
		
		.web_en a{
			
display: block;
			
height: 56px;
			
width: 56px;
			
line-height: 56px;
			
border-radius: 10px;
			
border: 1px solid #bfbfbf;
			
box-sizing: border-box;
			
text-align: center;
			
font-size: 20px;
			
color: #999;
		}




/**pc:end**/

@media screen and (max-width: 1500px) {
    .wrapper{
        width: 1200px;
    }
    .banner{
        height: 694px;
    }
    .product .category ul{
        height: 372px;
    }
    .product .category ul li{
        height: 62px;
        line-height: 62px;
    }
    .product .product-first{
        height: 542px;
    }
    .case .case-swiper{
        width: 1200px;
    }
    .adv{
        height: 937px;
    }
    .adv-slide img{
        height: 522px;
    }
    .adv-slide .text{
        top: 95px;
    }
    .map .map-right{
        width: 744px;
    }
    .product-right ul li a:first-child{
        height: 260px;
    }
    .other-partner ul li{
        height: 259px;
    }
    .picture-desc{
        height: 460px;
    }
    .picture-desc .description>p:nth-child(2) {
        height: 80px;
        -webkit-line-clamp: 2;
    }
    .other-case ul li>a{
        height: 276px;
    }
    .other-service ul li .text{
        padding: 60px 95px 60px 80px;
    }
    .other-service ul li .picture{
        height: 520px;
    }
    .top-nav ul li{
        padding: 0 80px;
    }
}
@media screen and (max-width: 992px){
    .wrapper{
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 768px){
	
	.liuyan{
		flex-direction: column;
	}
	
	.map_left {
		width: 100%;
	}
	
	.liuyan_right {
		width: 100%;
	}
	
	.liuyan_right label{
		width: 20%;
	}

	
    body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,span,em,b,i{font:normal 14px/1 "微软雅黑","Microsoft YaHei";}
    .hidden-xs{
        display: none!important;
    }
    .wrapper{
        width: calc(100% - 30px);
    }
    header{
        position: fixed;
        top: 0;
        height: 75px;
        width: 100%;
        z-index: 999;
        background: #fff;
    }
    header h1{
        line-height: 75px;
    }
    header h1 img{
        width: 70%;
    }
    	.web_en a {
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 10px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    text-align: center;
    font-size: 15px;
    color: #999;
	}
	
	
	.web_en {
    margin-top: -20%;
    margin-right: 17%
	}

    .menu{
    margin-top: -20%;
    height: 40px;
    width: 40px;
    background: #d8292f;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -3%;
    }
    .menu i{
        display: block;
        height: 19px;
        width: 25px;
        background: url("../img/icon.png") no-repeat -252px -161px;
    }
    .nav{
        display: none;
        position: fixed;
        top: 75px;
        height: calc(100% - 75px);
        width: 100%;
        z-index: 99;
        background: rgba(0,0,0,0.8);
    }
    nav{
        padding: 20px;
    }
    nav a{
        color: #fff;
    }
    nav li{
        float: none;
        width: 100%;
        border-bottom: 1px dotted #fff;
    }
    nav li>a{
        position: relative;
        padding: 0 20px;
        text-align: left!important;
        line-height: 50px;
        box-sizing: border-box;
    }
    nav li>a i{
        position: absolute;
        display: inline-block;
        top: 15px;
        right: 20px;
        height: 20px;
        width: 12px;
        background: url(../img/icon.png) no-repeat -231px -174px;
    }
    .banner{
        height: 194px;
    }
    body::before{
        display: block;
        content: '';
        height: 75px;
    }
    .banner .swiper-slide{
        background-size: 100% 100%;
    }
    .banner .swiper-pagination-bullet{
        width: 30px;
    }
    .search{
        padding: 13px 0;
        height: auto;
    }
    .search form{
        width: 100%;
    }
    .four{
        margin: 25px 0;
    }
    .four ul li{
        padding: 0 25px;
        margin-bottom: 8px;
        height: 260px;
        width: 49%;
        margin-right: 2%;
        box-sizing: border-box;
    }
    .four ul li:nth-child(2n){
        margin-right: 0;
    }
    .four ul li p:first-child{
        margin-top: 35px;
    }
    .four ul li p:first-child span{
        font-size: 36px;
    }
    .four ul li p:nth-child(2){
        margin-bottom: 15px;
        font-size: 15px;
        height: 48px;
        line-height: 24px;
        overflow: hidden;
    }
    .swiper-product .swiper-slide a:first-child{
        padding: 15px;
        height: 180px;
    }
    .product{
        height: auto;
        padding: 40px 0;
    }
    .product-box .category{
        width: 100%;
    }
    .product .category p{
        height: auto;
        padding: 25px;
    }
    .product .category p span:first-child{
        font-size: 30px;
    }
    .product .category p span:last-child{
        font-size: 20px;
    }
    .product .category ul{
        height: auto;
        margin-bottom: 10px;
    }
    .product .category ul li{
        height: 50px;
        line-height: 50px;
        width: 33.3333%;
        border-right: 1px solid #dcdcdc;
    }
    .product .category ul li:nth-child(3n){
        border-right: 1px solid #fff;
    }

    .product .product-first{
        height: 242px;
        width: 100%;
    }
    .product .product-first .text{
        padding: 15px 10px;
    }
    .product .product-first .text p:first-child{
        padding: 0;
        font-size: 18px;
    }
    .product .product-first .text p:first-child::after{
        margin-top: 15px;
    }
    .product .product-first .text p:nth-child(2){
        margin-top: 15px;
        padding: 0;
        font-size: 14px;
        line-height: 25px;
        -webkit-line-clamp: 3;
    }
    .product .product-first .text p:last-child{
        bottom: 20px;
        width: calc(100% - 20px);
    }
    .product .product-first .text p:last-child a:first-child{
        height: 35px;
        line-height: 35px;
        width: 100%;
    }
    .product .product-first .text p:last-child a:first-child span:first-child{
        height: 35px;
        line-height: 35px;
        width: 30%;
    }
    .product .product-first .text p:last-child a:first-child span:last-child{
        height: 35px;
        line-height: 35px;
        width: 70%;
    }
    .product .product-first .text p:last-child a:first-child span:last-child::before{
        height: 35px;
        line-height: 35px;
        width: 100%;
    }
    .swiper-product .swiper-slide a:last-child{
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .about{
        padding: 40px 0;
    }
    .index-title{
        margin-bottom: 30px;
    }
    .index-title p{
        width: 100%;
    }
    .index-title p::before{
        height: 4px;
        width: 40px;
    }
    .index-title p span:first-child{
        font-size: 20px;
        padding-left: 50px;
    }
    .index-title p span:last-child{
        font-size: 16px;
        padding-left: 50px;
    }
    .index-title ul{
        text-align: center;
        margin-top: 20px;
        width: 100%;
    }
    .index-title ul li{
        height: 35px;
        line-height: 35px;
        width: 24%;
        font-size: 14px;
        margin-left: 0;
    }
    .about{
        height: auto;
    }
    .about-box{
        min-height: 470px;
    }
    .about-box .picture{
        top: 0;
        width: 95%;
    }
    .about-box .picture img{
        width: 100%;
        height: auto;
    }
    .about-box .text{
        padding: 30px 30px 80px;
        top: 130px;
        width: 95%;
        height: auto;
    }
    .about-box .text p:first-child{
        font-size: 18px;
    }
    .about-box .text p:first-child::after{
        width: 40px;
    }
    .about-box .text p:first-child::after{
        margin: 15px 0 20px;
    }
    .about-box .text a{
        bottom: 30px;
        right: 30px;
    }
    .honor-box ul li{
        margin-bottom: 10px;
        width: 49%;
        margin-right: 2%;
    }
    .honor-box ul li:nth-child(3n){
        margin-right: 2%;
    }
    .honor-box ul li:nth-child(even){
        margin-right: 0!important;
    }
    .base-box ul li{
        height: 120px;
    }
    .adv{
        height: 680px;
        padding-top: 30px;
    }
    .adv-tab{
        margin-top: 30px;
    }
    .adv-title p:first-child{
        font-size: 26px;
    }
    .adv-title p:last-child{
        margin-top: 15px;
    }
    .adv-tab ul li{
        margin-top: -20px;
        width: 33.3333%;
        transform: scale(0.7);
    }
    .adv-slide img{
        width: 100%;
        height: auto;
    }
    .adv-slide .text{
        top: 120px;
        left: 30px;
        height: auto;
        padding: 30px 20px;
        width: calc(100% - 15px);
    }
    .adv-slide .text p:first-child{
        font-size: 26px;
    }
    .adv-slide .text p:first-child span{
        font-size: 26px;
    }
    .adv-slide .text p:last-child{
        margin-top: 20px;
        line-height: 30px;
    }
    .map{
        padding: 30px 0;
    }
    .map .map-left{
        width: 100%;
    }
    .map .map-right{
        margin-top: 50px;
        position: relative;
        width: 100%;
    }
    .map-left p:nth-of-type(1){
        margin-top: 0;
        font-size: 25px;
    }
    .map-left p:nth-of-type(2){
        font-size: 25px;
    }
    .map-left p:nth-of-type(2)::after{
        margin: 15px 0 25px;
    }
    .map-left p:nth-of-type(3){
        font-size: 16px;
        line-height: 30px;
    }
    .map-left a{
        margin-top: 30px;
    }
    .case{
        height: auto;
        padding: 30px 0;
    }
    .case .case-swiper{
        margin-top: 30px;
    }
    .case-title p::before{
        height: 4px;
        width: 40px;
    }
    .case-title p span:first-child{
        padding-left: 50px;
        font-size: 20px;
    }
    .case-title p span:last-child{
        padding-left: 50px;
        font-size: 16px;
    }
    .case .case-swiper{
        width: 100%;
    }
    .case .swiper-slide{
        height: 232px;
    }
    .case .swiper-button-next, .case .swiper-button-prev{
        top: 230px;
        height: 40px;
        width: 40px;
    }
    .case .swiper-button-prev::after, .case .swiper-button-next::after{
        font-size: 15px;
    }
    .case .swiper-button-prev{
        left: 30px;
    }
    .case .swiper-button-next{
        right: 30px;
    }
    .case .swiper-slide a:last-child{
        padding: 15px;
        height: 85px;
        bottom: 0;
    }
    .case .swiper-slide a:last-child p span:first-child{
        font-size: 18px;
    }
    .case .swiper-slide a:last-child>span{
        margin-top: 10px;
    }
    .news{
        padding: 30px 0;
    }
    .news-left{
        width: 100%;
    }
    .news-left ul li{
        width: 100%;
    }
    .news-first a:first-child{
        height: auto;
    }
    .news-first a:last-child{
        padding: 0;
        margin-left: 10px;
    }
    .news-first a:last-child span:nth-child(1){
        font-size: 16px;
    }
    .news-first a:last-child span:nth-child(2){
        margin-bottom: 0px;
    }
    .news-first a:last-child span:nth-child(3){
        height: 40px;
        line-height: 20px;
    }
    .news-left ul{
        margin-top: 20px;
    }
    .news-left ul li a{
        height: 45px;
    }
    .news-left ul li span{
        line-height: 45px;
    }
    .links span{
        font-size: 16px;
    }
    .links a{
        font-size: 14px;
        margin: 0 5px;
    }
    footer{
        padding: 0 0 40px 0;
    }
    footer ul{
        margin-bottom: 20px;
        width: 100%;
    }
    footer ul li{
        width: 100%;
    }
    footer ul li a:first-child{
        margin-top: 10px;
        display: block;
        font-size: 16px;
        margin-bottom: 0;
    }
    footer ul li a{
        display: inline-block;
        font-size: 15px;
        line-height: 25px;
    }
    footer .wxcode{
        margin-bottom: 20px;
        width: 100%;
    }
    .copyright p{
        width: 100%;
        text-align: center;
        font-size: 15px;
        line-height: 30px;
    }
    .copyright p a{
        font-size: 15px;
        line-height: 30px;
    }

    .other-banner {
        height: 120px;
        background-size: 100% 100%;
    }
    .product-search form{
        top: -30px;
        width: 100%;
    }
    .product-search input{
        height: 58px;
        width: 80%;
    }
    .product-search button{
        height: 58px;
        width: 20%;
    }
    .product-search h1{
        font-size: 24px;
    }
    .other-product-box1{
        height: auto;
        padding: 30px 0;
    }
    .other-title h2{
        margin-bottom: 12px;
        font-size: 20px;
    }
    .other-title p{
        font-size: 16px;
    }
    .other-product-box{
        padding: 30px 0;
    }
    .product-left{
        width: 100%;
    }
    .product-left ul li>a{
        height: 50px;
        line-height: 50px;
    }
    .product-right{
        margin-top: 25px;
        width: 100%;
    }
    .product-right ul li{
        width: 49%;
    }
    .product-right ul li:nth-child(3n){
        margin-right: 2%;
    }
    .product-right ul li:nth-child(2n){
        margin-right: 0;
    }
    .product-right ul li a:first-child{
        height: 200px;
    }
    .other-product-box1 ul li{
        margin-bottom: 20px;
        width: 100%;
    }
    .other-product-box1 ul li img{
        height: 220px;
    }
    .other-product-box1 ul li p:first-of-type{
        font-size: 22px;
        line-height: 60px;
    }
    .other-partner ul{
        padding: 0 0 30px 0;
    }
    .other-partner ul li{
        height: 129px;
        width: 32%;
    }
    .other-partner ul li:nth-child(4n){
        margin-right: 2%;
    }
    .other-partner ul li:nth-child(3n){
        margin-right: 0;
    }
    .product-detail-box{
        padding: 30px 20px;
    }
    .product-detail-position{
        padding: 0;
    }
    .product-detail-position p, .product-detail-position p a{
        font-size: 14px;
    }
    .picture-desc{
        height: auto;
    }
    .picture-desc .picture{
        height: 300px;
        width: 100%;
    }
    .picture-desc .description{
        margin-top: 20px;
        width: 100%;
    }
    .picture-desc .description>p:nth-child(1){
        padding-bottom: 0;
        font-size: 20px;
    }
    .picture-desc .description>p:nth-child(2){
        height: 60px;
        line-height: 30px;
        margin: 10px 0;
        padding: 0;
    }
    .picture-desc .description>p:nth-child(3){
        height: auto;
        padding: 0 0 10px;
    }
    .picture-desc .description>p:nth-child(3) em{
        font-size: 20px;
    }
    .picture-desc .description>p:nth-child(3) span{
        margin-top: 10px;
        width: 100%;
        text-align: left;
        font-size: 16px;
    }
    .gallery-thumbs .swiper-slide{
        width: calc(50% - 4px) !important;
    }
    .product-detail-slide{
        height: 110px;
    }
    .product-detail-slide .swiper-button-prev, .product-detail-slide .swiper-button-next{
        height: 110px;
    }
    .product-title{
        height: 45px;
        line-height: 45px;
        font-size: 18px;
    }
    .product-detail .content{
        padding: 20px 0;
    }
    .product-detail-page p{
        height: 50px;
        line-height: 50px;
    }
    .product-flag1 ul li{
        width: 100%;
    }
    .product-flag1>a{
        height: 50px;
        line-height: 50px;
        width: 165px;
    }
    .product-search ul{
        margin-top: 15px;
        width: 100%;
    }
    .product-search ul li{
        margin-left: 0;
    }
    .product-search ul li a{
        margin-right: 20px;
    }
    .other-case ul li{
        width: 100%;
    }
    .other-case{
        padding: 30px 0 0 0;
    }
    .other-case h1{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .other-case-box{
        padding: 30px 0;
    }
    .other-case-box ul li div{
        height: 100px;
        line-height: 100px;
        width: 100px;
        font-size: 25px;
    }
    .other-case-box ul li p{
        margin-top: 15px;
        padding: 0 15px;
        font-size: 15px;
        line-height: 25px;
    }
    .product-flag1{
        padding: 30px 0;
    }
    .product-flag1 .title h2{
        font-size: 22px;
    }
    .product-flag1 .title p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .other-service{
        padding: 0;
    }
    .other-service ul li>div{
        width: 100%;
    }
    .other-service ul li .text{
        padding: 30px 20px;
    }
    .other-service ul li .text p:nth-child(1){
        font-size: 24px;
    }
    .other-service ul li .text p:nth-child(2){
        font-size: 17px;
    }
    .other-service ul li .text p:nth-child(3){
        margin: 10px 0 10px 30px
    }
    .other-service ul li .text p:nth-child(4){
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .other-service ul li .text p:nth-child(5){
        height: 50px;
        line-height: 50px;
    }
    .other-service ul li .picture{
        height: auto;
    }
    .other-article{
        padding: 30px 0 0 0;
    }
    .other-article ul li{
        margin-bottom: 10px;
        width: 49%;
    }
    .other-article ul li:first-child{
        height: 120px;
    }
    .other-article ul li a:last-child{
        height: auto;
    }
    .other-article ul li:nth-child(3n+1){
        margin-right: 2%;
    }
    .other-article ul li:nth-child(2n+1){
        padding: 10px;
        margin-right: 0;
    }
    .other-article ul li:first-child a:last-child{
        padding: 0 10px;
    }
    .other-article ul li:first-child a:last-child span:first-child{
        margin-bottom: 0;
    }
    .other-article ul li:first-child a:last-child span:nth-child(2){
        height: 50px;
        line-height: 25px;
    }
    .other-article ul li a:first-child{
        height: 110px;
    }
    .other-article ul li a:last-child{
        padding: 0;
    }
    .other-article ul li a:last-child span:first-child{
        font-size: 16px;
    }
    .other-article ul li a:last-child span:nth-child(2){
        height: 50px;
        line-height: 25px;
    }
    .other-article ul li:hover a:last-child{
        background-color: transparent;
    }
    .other-article ul li:hover a:last-child span{
        color: #000;
    }
    .other-about{
        padding: 30px 0;
    }
    .other-video ul li{
        height: 190px;
        padding-bottom: 30px;
        width: 50%;
    }
    .other-video ul li p:first-child span{
        font-size: 36px;
    }
    .other-video ul li p:nth-child(2) {
        margin-bottom: 15px;
        font-size: 15px;
        height: 28px;
        line-height: 24px;
        overflow: hidden;
    }
    .other-video .play{
        top: 450px;
        height: 80px;
        width: 80px;
    }
    .video-fixed video{
        width: 90%;
    }
    .other-base{
        padding: 30px 0;
    }
    .other-base ul li:nth-child(1), .other-base ul li:nth-child(2){
        height: 130px;
        margin-bottom: 10px;
    }
    .other-honor{
        padding: 30px 0;
        height: auto;
    }
    .other-honor .swiper-slide{
        height: 350px;
    }
    .other-honor .swiper-slide p{
        line-height: 50px;
    }
    .other-honor .swiper-button-prev{
        left: 20px;
    }
    .other-honor .swiper-button-next{
        right: 20px;
    }
    .other-culture ul li{
        padding: 20px;
        width: 50%;
        height: 145px;
    }
    .other-culture ul li h3{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .other-culture{
        padding: 30px 0;
    }
    .other-culture ul li p{
        font-size: 14px;
        line-height: 25px;
    }
    .other-contact-top h4{
        font-size: 60px;
    }
    .other-contact{
        padding-top: 30px;
    }
    .other-contact-top>div{
        margin-top: 40px;
        padding-left: 0;
    }
    .other-contact-box{
        padding: 30px 0;
        height: auto;
    }
    .other-contact-text{
        width: 100%;
    }
    .other-contact-bottom .code{
        margin-top: 30px;
        float: left;
    }
    .other-contact-bottom .code p{
        margin-top: 0;
        line-height: 25px;
    }
}