*{
    margin: 0;
    padding:0
}
html,body{
    margin: 0;
    padding:0;
    font-family:'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 16px;
    background: #fff;
    overflow-x: hidden;
}
img{
    max-width: 100%;
}
ul,ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}
p,h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
a,a:hover{
    text-decoration: none;
    color: #333;
}

.font48{
    font-size: 48px;
}
.blue{
    color:#21399a;
}
.white{
    color:#ffffff;
}


.width60{width:60%}
.width50{width:50%}
.width55{width:55%}


.font30{font-size:30px}
.font60{font-size:60px;}

@media(min-width:1680px){
    .container{
        width:1600px
    }
}
@media(min-width:1440px){
    .container{
        width:1400px
    }
}


.banner{width:100%;height: 100vh;}
.banner .bannerSwiper{width:100%;height: 100vh;}
.banner .bannerSwiper .swiper-slide {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-size:cover;
    position: relative;
}
.banner .bannerSwiper .bannerSwiper-txt{
    position: absolute;
    color: #fff;
    text-align: right;
}
.banner .bannerSwiper .bannerSwiper-txt span{
    color:#e64e25;
    font-size:72px;
}
.banner .bannerSwiper .bannerSwiper-txt .font60{
    line-height: 80px;
    font-weight: bold;
}
.banner .bannerSwiper .s1 .bannerSwiper-txt{
    right:12%;
    top:40%;
}
.banner .bannerSwiper .s1 .bannerSwiper-txt .bannerSwiper-txt1{margin-bottom:40px;}
.banner .bannerSwiper .s2 .bannerSwiper-txt{
    right:8%;
    bottom:10%;
    letter-spacing: 2px;
}
.banner .bannerSwiper .s2 .bannerSwiper-txt  .bannerSwiper-txt1{margin-top:40px;}
.banner .bannerSwiper .s3 .bannerSwiper-txt{
    right:8%;
    top:25%;
    font-style: italic;
}



.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-rtl .swiper-button-prev,.bannerSwiper .swiper-button-prev, .bannerSwiper .swiper-rtl .swiper-button-next{color:#fff;}



.banner-c{
    width: 100%;
    position: relative;
}
.banner-c-pic{
    display: flex;
    width: 100%;
    overflow:hidden;
}
.banner-c-pic img{
    width: 100%;
    object-fit: cover;
    transform: scale(1.2);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.banner-c-pic img.loaded {
    transform: scale(1);
    opacity: 1;
}
.banner-c-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,.3); */
    left: 0;
    top:0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.banner-c-txt{
    color: #000;
}
.banner-c-txt a{color: #000;}
.banner-c-txt h1{margin-bottom:30px}

.sub_nav{width: 70%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    position: absolute;
    left: 15%;
    bottom: -10%;
    }
    .sub_nav ul{font-size:0;width:100%;margin:0 auto;text-align: center;display: flex; flex-wrap: wrap; justify-content: center;}
    .sub_nav li{overflow: hidden;}
    .sub_nav li a{display:block; text-align:center;font-size:16px; color:#777; position:relative;padding:30px 30px; }
.sub_nav li a:after{content:"";position: absolute;display: block;width:100%;left:0; bottom:0;height: 1px;background: #fe0000;transform: translateX(-100%);transition: all .4s;}
.sub_nav li.cur a{color:#fe0000;}
.sub_nav li.cur a:after{transform: translateX(0);}
/* .sub_nav li.cur a:after{} */
.sub_nav li:hover a{color:#fe0000;}
.sub_nav li:hover a:after{transform: translateX(0);}



/* 内容 */
.aboutIndex{
    padding:80px 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.aboutIndex-title{
    line-height: 70px;
}
.cbtn{
    width: 260px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    border: 1px solid #21399a;
    border-radius: 0;
    margin-top:40px;
    margin-bottom:80px
}
.cbtn a{
    display: block;
}
.aboutIndex-about{
    width: 100%;
    background: #f4f4f4;
    padding:60px 30px;
    line-height: 30px;
}
.aboutIndex-right{
    position: absolute;
    top: 80px;
    right:0;
    z-index: -1;
}
.aboutIndex-right .aboutIndex-pic{
    width: 100%;
    overflow: hidden;
    border-radius:60px 0 60px 0;
}
.aboutIndex-right .aboutIndex-pic img{
    width: 100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}
.aboutIndex-right:hover .aboutIndex-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.cateAbout{
    background: #f4f4f4;
    padding:120px 0 80px;
    overflow: hidden;
}
.cateAbout-title{
    width: 100%;
}
.cateAbout-title h1{
    line-height: 80px;
    border-bottom:1px solid #ccc;
    color: #21399a;
}
.cateAbout-text{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top:40px;
}
.cateAbout-c{
    width:48%;
}

.cateAbout-pic{
    width:48%;
    overflow: hidden;
}
.cateAbout-pic img{
    width: 100%;
    transition: all .4s;
}
.cateAbout-pic:hover img{
    transform: scale(1.1);
}
.cateAbout-desc{
    line-height: 30px;
    color:#555
}

/* 文化 */
.cateCulture{
    width: 100%;
    padding:80px;
    overflow: hidden;
}
.cateCulture-item{
    width: 100%;
    display: flex;
    justify-content: start;
}
.cateCulture-item .cateCulture-li{
    width:33.333%;
}
.cateCulture-li-pic{
    overflow: hidden;
}
.cateCulture-li-pic img{
    width: 100%;
    transition: all .4s;
}
.cateCulture-li-txt{
    background: #eee;
    padding:60px;
    overflow: hidden;
    line-height: 30px;
    position: relative;
    height: 323px;
}
.cateCulture-li-txt h3{
    line-height: 60px;
    position: relative;
    margin-bottom:30px;
}
.cateCulture-li-txt h3:after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #21399a;
    position: absolute;
    left:0;
    bottom:0;
}
.cateCulture-li-desc{color:#555}
.cateCulture-en{
    font-size: 100px;
    color:rgba(255,255, 255, .5);
    position:absolute;
    right:0;
    bottom:0;
    text-transform: uppercase;
    font-weight: bold;
}
.cateCulture-li:hover .cateCulture-li-pic img{
    transform: scale(1.1);
}


.about{
    background: #f8f8f8;
}
.about-content{
    margin:120px 0 80px;
    overflow: hidden;
    position: relative;
}
.about-content-left{
    position: relative;
    z-index: 1;
    width: 45%;
    padding-top:80px;
    height: 480px;
}
.about-content-left .about-content-title{
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom:60px;
}
.about-content-content{
    line-height: 30px;
    color:#555;
}
.about-content-right{
    position: absolute;
    right: 0;
    top:0;
    width: 50%;
    display: flex;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
    box-shadow: 0 2px 3px 3px rgba(0,0,0,.2);
}
.about-content-right img{
    width: 100%;
    object-fit: cover;
    transition: all .4s;
}
.about-content-right:hover img{
    transform: scale(1.1);
}
.about-content-bottom{
    color:#555;
    line-height: 30px;

}
.about-sb{
    width: 100%;
}
.about-sb h2{
    text-align: center;
    position: relative;
    line-height: 80px;
    margin-bottom:60px;
}
.about-sb h2:after{
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #21399a;
    position: absolute;
    left: calc((100% - 40px) / 2);
    bottom:0;
}
.about-sb-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-sb-left{
    width: 50%;
    float: left;
    line-height: 40px;
    color: #555;
}
.about-sb-right{
    width: 45%;
    float: right;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
}
.about-sb-right img{
    width: 100%;
    object-fit: cover;
}
.about-sb-pic{
    text-align: center;
    margin-top:60px;
    border-radius: 20px;
    overflow: hidden;
}

.honor-style{
    text-align: center;
    margin-bottom:80px;
}
.honor-style h1{
    margin-bottom:40px;
}



#honor{
    width: 100%;
    height: 300px;
    overflow: hidden;
}
#honor ul {
    display: flex;
    justify-content: safe;
}
#honor ul li{
    width: 350px;
    margin-right:20px;
    transition: all .6s;
}
#honor ul li .cateHonor-pic{
    width: 100%;
    overflow: hidden;
}
#honor ul li .cateHonor-pic img{
    display: block;
    margin: 0 auto;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}
#honor ul li .cateHonor-name{
    background: #f4f4f4;
    text-align: center;
    line-height: 48px;
}
#honor ul li:hover .cateHonor-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#honor ul li:hover{
    box-shadow: 0 2px 3px 3px rgba(0,0,0,.1);
}

#style{
    width: 100%;
    height: 300px;
    overflow: hidden;
}
#style ul {
    display: flex;
    justify-content: safe;
}
#style ul li{
    width: 350px;
    margin-right:20px;
    transition: all .6s;
}
#style ul li .cateHonor-pic{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 247px;
    background: #f4f4f4;
}
#style ul li .cateHonor-pic img{
    
    display: block;
    margin: 0 auto;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}
#style ul li .cateHonor-name{
    background: #f4f4f4;
    text-align: center;
    line-height: 48px;
}
#style ul li:hover .cateHonor-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#style ul li:hover{
    box-shadow: 0 2px 3px 3px rgba(0,0,0,.1);
}



/* 数字 */
.digital {
    width: 100%;
    color: #21399a;
}

.main {
    width: 100%;
    margin: 0 auto;
    font-size: 0;
}


.mumping_mun {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mumping_mun li{
    width:32%;
    background: #eeeeee;
    padding:60px;
    text-align: center;
    border-radius: 20px;
}

.mumping_mun p {
    font-size: 16px;
    width: 100%;
    display: block;
    clear: both;
    color: #333;
    margin-top: 30px;
}

.mumping_mun h2 {
    font-size: 60px;
    font-weight: bold;
}
hr{
    width: 100%;
    height: 1px;
    background: #21399a;
    margin:60px 0;
}

/* 产品 */
.productIndex{
    width: 100%;
}
.productIndex-item{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.productIndex-li{
    width:49%;
    overflow: hidden;
    position: relative;
    margin-bottom:30px;
}
.productIndex-li-pic{
    width: 100%;
    height: 515px;
    display: flex;
    overflow: hidden;
}
.productIndex-li-pic img{
    object-fit: cover;
    width: 100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}
.productIndex-li-cover{
    position: absolute;
    left:0;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productIndex-li-cover h2{
    width: 300px;
    height: 100px;
    background: rgba(255,255, 255, .8);
    text-align: center;
    line-height: 100px;
    color: #21399a;
    transition: all .6s;
}
.productIndex-li:hover .productIndex-li-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.productIndex-li:hover h2{
    background: rgba(255,255, 255, 0);
    color: #fff;
}
.productIndex-li:nth-child(7),.productIndex-li:nth-child(8){
    margin-bottom:0;
}

.product{
    padding:80px 0;
    overflow: hidden;
}
.productC{
    background: url(../../images/p-bg.jpg) no-repeat bottom;
    background-size:cover;
}

.product-top{
    background: #eee;
    overflow: hidden;
    display: flex;
    justify-content: start;
}
.product-cate{
    width: 20%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #21399a;
    text-transform: uppercase;
    line-height: 120px;
}
.product-cate-item{
    width:80%;
    border: 1px solid #ddd;
    padding:0 60px;
}
.product-cate-item ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    line-height: 120px;
}

.product-cate-item ul li{
    margin-right: 50px;
}
.product-cate-item ul li:hover i{color: #21399a;}
.product-cate-item ul li:hover a{color: #21399a;}

.product-cate-item ul li.car a{color:#21399a;}

.product-cate{
    width: 20%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: #21399a;
    text-transform: uppercase;
}
.product-cate-item{
    width:80%;
    border: 1px solid #ddd;
    padding:0 60px;
}
.product-cate-item ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.product-cate-item ul li{
    margin-right: 40px;    
}
.product-cate-item ul li:hover i{color: #21399a;}
.product-cate-item ul li:hover a{color: #21399a;}

.product-cate-item ul li.car a{color:#21399a;}

.product-bottom{
    padding:80px 0 0;
    overflow: hidden;
}
.product-item{
    display: flex;
    flex-wrap: wrap;
    justify-content:start;
}
.product-item-li{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom:40px;
    border-radius: 10px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding:30px;
    background: #f4f4f4;
}
.product-item-li .product-item-li-pic{
    width:35%;
    overflow: hidden;
    display: flex;
}
.product-item-li .product-item-li-pic img{
    transition: all .4s;
    width: 100%;
    object-fit: cover;
}

.product-item-li-txt{
    width:65%;
    padding-left:60px;
    line-height: 30px;
}
.product-item-li:nth-child(2n) .product-item-li-txt{
    padding-left:0;
    padding-right:60px;
}
.product-item-li-txt h2{
    color: #21399a;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom:20px;
}
.product-item-li:hover{
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.product-item-li:hover .product-item-li-pic img{
    transform: scale(1.1);
}
.product-item-li:last-child{margin-bottom:0;}

.product-content-item{
    width: 100%;
    overflow: hidden;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-content-left{
    display: flex;
    overflow: hidden;
}
.product-content-left img{
    width: 100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.product-content-left:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-content-right{
    text-align: left;
    padding-left:80px;
    padding-right:12%;
    background:#f4f4f4;
    padding-top:80px;
}
.product-content-right h1{
    color:#21399a;
    line-height: 80px;
    border-bottom:1px solid #ddd;
    position: relative;
}
.product-content-right h1::before{
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #21399a;
    display: block;
    position: absolute;
    left:0;
    bottom:0;
}
.product-content-right .product-content-desc{
    padding-top:30px;
    line-height: 30px;
    color:#777
}
.product-content-right .product-content-desc h3{
    margin-bottom:20px;
    color:#333;
}
.product-tel{
    margin-top:60px;
    width: 240px;
    border-radius: 24px;
    overflow: hidden;
    height: 48px;
    border: #21399a 1px solid;
    text-align: center;
    line-height: 48px;
    background-color: #ddd;
    transition: all .4s;
}
.product-tel:hover{
    background-color: #21399a;
    color: #fff;
}
.product-list-item{
    width:100%;
    overflow:hidden
}
.product-list-item ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.product-list-item ul li{
    width:calc((100% - 60px) / 3);
    width:-webkit-calc((100% - 60px) / 3);
    width:-moz-calc((100% - 60px) / 3);
    width:-o-calc((100% - 60px) / 3);
    margin-right:30px;
    margin-bottom:30px;
}
.product-list-item ul li:nth-child(3n){
    margin-right:0;
}

.product-list-box{
    width: 100%;
}
.product-list-pic{
    width:100%;
    height:335px;
    overflow:hidden;
    display:flex;
    border: 1px solid #ccc;
}
.product-list-pic img{
    width:100%;
    object-fit: cover;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.product-list-name{
    height:60px;
    line-height:60px;
    overflow:hidden;
    text-align:center;
    border:1px solid #ccc;
    border-top:unset;
    background: #fff;
}
.product-list-item ul li:hover .product-list-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.product-content-content{
    line-height: 30px;
    margin-top:40px;
    color:#555;
}
.product-content-content h4{
    line-height: 40px;
    border-bottom:1px solid #ddd;
    position: relative;
    font-size: 20px;
    color: #000;
    margin-bottom:20px;
    margin-top:20px;
}
.product-content-content h4::before{
    content: "";
    display: block;
    width: 90px;
    height: 4px;
    background: #21399a;
    position: absolute;
    left: 0;
    bottom: 0;
}



/* 优势 */
.advIndex{
    width: 100%;
    padding:80px 0;
    overflow: hidden;
}
.advIndex-title{
    background: #21399a;
    text-align: center;
    height: 200px;
    position: relative;
}
.advIndex-title-box h1{
    line-height: 200px;
}
.advIndex-en{
    font-size:80px;
    font-weight: bold;
    text-align: center;
    color: rgba(255,255, 255, .2);
    position: absolute;
    width: 100%;
    left: 0;
    bottom:0;
    text-transform: uppercase;
}
.advIndex-con{
    overflow: hidden;
    width: 100%;
}
.advIndex-box{
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.advIndex-pic{
    width:100%;
    overflow: hidden;
    transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -o-transform: translateY(60px);
}
.advIndex-pic img{
    width: 100%;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
}
.advIndex-pic:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.advIndex-right{
    position: absolute;
    right:0;
    top:0px;
    z-index: -1;
    background: #f4f4f4;
    padding-left:10%;
    padding-top:60px;
    padding-bottom:60px;
    padding-right:40px;
}
.advIndex-bg h3{color: #000;}
.advIndex-bg .line{
    width:60px;
    height: 2px;
    background: #21399a;
    margin:30px 0;
}
.advIndex-desc{line-height: 30px;color: #555;}
.advSwiper .swiper-button-next, .advSwiper .swiper-rtl .swiper-button-prev{
    right:0;
    bottom:0;
    top:auto;
    width: 30px;
    height:30px;
    background: #21399a;
}
.advSwiper .swiper-button-next:after, .advSwiper .swiper-rtl .swiper-button-prev:after{
    font-size: 20px;
    color:#fff;
}
.advSwiper .swiper-button-prev, .advSwiper .swiper-rtl .swiper-button-next{
    right:30px;
    left:auto;
    bottom:0;
    top:auto;
    width: 30px;
    height:30px;
    background: #cccccc;
}
.advSwiper .swiper-button-prev:after, .advSwiper .swiper-rtl .swiper-button-next:after{
    font-size: 20px;
    color:#fff;
}
.case-top{
    background: #f4f4f4;
    padding:80px 0;
    overflow: hidden;
}
.case-adv{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    justify-content: start;
}
.case-adv-li{
    width:25%;
    padding:0 40px;
    overflow: hidden;
    border-right: 1px solid #ddd;
}
.case-adv-li:last-child{
    border-right: unset;
    padding-right:0;
}
.case-adv-li:first-child{
    padding-left:0;
}
.case-adv-icon{width: 100%;}
.case-adv-icon img{
    display: block;
    width: 80px;
    margin-bottom:40px;
}
.case-adv-li h3{
    color:#000;
    line-height: 40px;
    margin-bottom:20px;
}
.case-adv-desc{
    color:#555;
    line-height: 30px;
}
.case-bottom{
    width: 100%;
    padding:80px 0;
    overflow: hidden;
}

.case-bottom-item{width: 100%;display: flex;flex-wrap: wrap;justify-content: start;}
.case-bottom-li{
    width:23%;
    margin-right:2%;
    margin-bottom:30px;
    position: relative;
}
.case-bottom-li:nth-child(4n){
    margin-right:0;
}
.case-bottom-li .case-bottom-pic{
    width: 100%;
    height: 215px;
    overflow: hidden;
    display: flex;
}
.case-bottom-li .case-bottom-pic img{
    width: 100%;
    object-fit: cover;
    transition: all .4s;
}
.case-bottom-cover{
    position: absolute;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(0,0,0,.5);
    text-align: center;
    color: #fff;
    left:0;
    bottom:0;
}
.case-bottom-li:hover .case-bottom-pic img{
    transform: scale(1.1);
}

.case{
    background: #f8f8f8;
}
.case-adv-box{
    padding:80px 0;
    overflow: hidden;
}
.case-adv-item{margin-bottom:80px;}
.case-adv-item:last-child{
    margin-bottom:0;
}
.case-adv-item-text{
    width: 70%;
    line-height: 30px;
}
.case-adv-item-text h2{
    line-height: 40px;
    margin-bottom:40px;
    text-transform: capitalize;
    color: #21399a;
}

.case-adv-item-case{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top:40px;
}
.case-adv-item-case-box{
    width:calc((100% - 90px) / 4);
    margin-right:30px;
    margin-bottom:30px;
}
.case-adv-item-case-box:nth-child(4n){
    margin-right:0;
}
.case-adv-item-case-pic{
    overflow: hidden;
    border: 1px solid #ddd;
    padding:5px;
    height: 224px;
}
.case-adv-item-case-pic img{
    display: block;
    margin: 0 auto;
    max-height: 214px;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.case-adv-item-case-box:hover .case-adv-item-case-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.case-adv-item-case-name{
    border: 1px solid #ddd;
    border-top:unset;
    text-align: center;
}
.case-adv-item-case-name  h2{
font-size:16px;
height: 60px;
line-height: 60px;
overflow: hidden;
}



/* 案例 */
.caseIndex{
    width: 100%;
    padding:80px 0;
    overflow: hidden;
    background: #f4f4f4;
}
.caseIndex h1{
    text-align: center;
    margin-bottom:60px;
}
.caseSwiper .swiper-slide {
    width: 978px;
    transition-timing-function: linear;
    display:flex;
    height: 548px;
}
.caseSwiper .swiper-slide img{
    width:100%;
    object-fit: cover;
}


@media only screen and (max-width:1200px) {
    .swiper-slide {
        width: 770px;
    }
}

@media only screen and (max-width:980px) {
    .swiper-slide {
        width: 471px;
    }

    /* .bannerSwiper .swiper-slide{
        height: 400px;
        display: flex;
    }
    .bannerSwiper .swiper-slide img{
        width: 100%;
        object-fit:cover;
    } */
}

@media only screen and (max-height:480px) {
    .swiper-slide {
        width: 471px;
    }
}

.caseSwiper .swiper-slide img {
    width: 100%;
    border-radius: 4px;
}

.caseSwiper .swiper-slide .title {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: left top;
    left: -3px;
    font-size: 11px;
    color: rgb(102, 102, 102);
}

.caseSwiper .swiper-button-next,
.caseSwiper .swiper-button-prev {
    width: 86px;
    height: 112px;
    background-size: 86px 112px;
    margin-top: -56px;
    outline: none;
}


.caseSwiper .swiper-pagination-bullet {
    background: none;
    opacity: 1;
    margin: 0 6px !important;
    width: 9px;
    height: 9px;
    position: relative;
    outline: none;
    vertical-align: middle;
}

.caseSwiper .swiper-pagination-bullet span {
    width: 3px;
    height: 3px;
    background: #CCC;
    display: block;
    border-radius: 50%;
    margin-top: 3px;
    margin-left: 3px;
}

.caseSwiper .swiper-pagination-bullet i {
    background: #000;
    height: 1px;
    width: 20px;
    position: absolute;
    top: 4px;
    transform: scaleX(0);
    transform-origin: left;
    z-index: 3;
    transition-timing-function: linear;
}

.caseSwiper .swiper-pagination-bullet-active span,
.caseSwiper .swiper-pagination-bullet:hover span {
    width: 9px;
    height: 9px;
    margin-top: 0;
    margin-left: 0;
    background: #000;
    position: relative;
    z-index: 1;
}

.caseSwiper .swiper-pagination-bullet-active i {
    animation: middle 6s;
}

.caseSwiper .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
    animation: first 6s;
}

.caseSwiper .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
    animation: last 6s;
}

.caseSwiper .swiper-button-next:after, .caseSwiper .swiper-rtl .swiper-button-prev:after,.caseSwiper .swiper-button-prev:after, .caseSwiper .swiper-rtl .swiper-button-next:after{color:#fff;}



.footer{
    background: #21399a;
}
.footer-con{
    width: 100%;
    overflow: hidden;
    padding:60px 0;
    color:#fff;
    line-height: 30px;
}
.ft-phone{
    font-size: 40px;
    font-weight: bold;
    margin-top:30px;
    line-height: 60px;
}
.erweima{overflow: hidden;display: flex;justify-content: right;}
.erweima img{
    height: 120px;
    margin-right:40px;
}
.copyright{
    width: 100%;
    overflow: hidden;
    padding:20px 0;
    color: #fff;
    border-top:1px solid #ddd;
}
.copyright .yyzz{
    text-align: right;
}
.copyright span{
    margin-right:60px;
}
.copyright span a{
    color:#fff;
}

/* 新闻 */
.news{
    background: #f4f4f4;
    padding:120px 0 80px;
    overflow:hidden
}
.newsItem ul{
    display: flex;
    flex-wrap:wrap;
    justify-content: start;
}
.newsItem li{
    width:49%;
    margin-right:2%;
    margin-bottom:30px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.newsItem li:nth-child(2n){
    margin-right:0;
}

.newsItem li a{
    display: flex;
    justify-content: start;
}
.newsItem li a .news-li-date{
    width:20%;
    background: #21399a;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.newsItem li a .news-li-date span{
    display:block;
    font-size:42px;
    font-weight:bold;
    margin-bottom:10px;
}
.newsItem li a .news-li-txt{
    width:80%;
    padding:20px 40px;
    overflow: hidden;    
}
.news-li-desc{
    width: 100%;
    overflow: hidden;
    height: 48px;
    line-height: 24px;
    color:#555;
}
.newsContent{
    width:100%;
    overflow:hidden;
}
.newsContent h2{
    line-height:40px;
    text-align: center;
    color:#000;
}
.newsContent-desc{
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius:10px;
    padding:20px;
    margin:30px 0 40px;
    color:#555;
    line-height:30px;
}
.newsContent-con{
    line-height:30px;
    color:#555;
    margin-bottom:40px;
}
.fanye{
    border-top:1px solid #ddd;
    padding-top:20px;
    color:#777;
}
.fanye a{color:#777;}

/* 联系 */
.contact{
    width:100%;
    padding:80px 0;
    overflow:hidden
}
.contact-top{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: start;
}
.contact-top .contact-li{
    width:33.333%;
    border: 1px solid #ddd;
    padding:40px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-li-icon{
    width:20%;
}
.contact-li-txt{width:70%;line-height: 30px;}
.contact-li-txt span{
    display:block;
    font-weight: bold;
    font-size:18px;

}
.contact-li:nth-child(2){
    background: #f4f4f4;
    border-left:0;
    border-right:0;
}
.contact-li:nth-child(3) img,.contact-li:nth-child(6) img{
    height:120px;
    display:block;
    margin:0 auto;
}
.sec{
    background:#f4f4f4;
    padding:80px 0;
    overflow:hidden;
}
.sec-box{
    width:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.message,.map{
    width:45%
}
.message h2{
    color:#000;
    margin-bottom:40px;
}
.message form{width:100%}
.message form input{width:100%;border:1px solid #ddd;height: 40px;line-height: 40px;padding:0 10px;}
.message form textarea{width:100%;border:1px solid #ddd;padding:10px;height:150px}
.message button{
    border-radius: 0;
    width:200px;
    height:48px;
    line-height:48px;
    background: #21399a;
    padding:0;
    border:unset
}
.message button:hover{
    border-radius:0;
    border:unset
}

/* 人才 */
.jobs{
    width:100%;
}
.jobs-box h1{
    padding:120px 0;
    overflow: hidden;
    text-align: center;
    color:#000;
}
.jobs-item{
    margin-bottom:80px;
    overflow: hidden;
}
.jobs-item-li{margin-bottom:30px;}
.jobs-item-li-box{
    box-shadow: 0 2px 3px 3px rgba(33,57,154,.1);
    border-radius: 5px;
    overflow:hidden;
    transition: all .5s;
}
.jobs-item-li-box a{
    display:flex;
    justify-content: start;
}
.jobs-item-li-txt{
    width:80%;
    padding:30px 40px;
    overflow: hidden;
}
.jobs-item-li-txt h3{
    color:#000;
    line-height: 40px;
    margin-bottom:20px;
}
.jobs-item-li-icon{
    width:20%;
    background: rgba(33,57,154,.3);
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(33,57,154,.3);
    background-image:url(../../images/job-icon.png);
    background-size:50%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
}
.jobs-item-li-icon img{
    width:60px;
}
.jobs-item-li:hover .jobs-item-li-icon{
    background-color: rgba(33,57,154,1);
    background-image:url(../../images/job-icon1.png);
}
.jobs-item-li:hover .jobs-item-li-box{
    box-shadow: unset;
}
.jobs-box-box{
    padding:80px 0;
    overflow: hidden;
}
.jobs-con-con{
    padding:20px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin: 30px 0;
    color:#555;
}
.jobs-con-con-text{
    line-height: 30px;
}
.jobs-con-con-text-desc{
    margin-bottom:30px;
    color:#555
}
.jobs-con-con-text h4{
    color:#000;
    line-height: 40px;
}


/* 合作 */
.partner-box{
    padding:80px 0;
    overflow: hidden;
}
.partner-box ul{
    overflow: hidden;
}
.partner-box ul li{
    width:18%;
    margin-right:2%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding:5px;
    height:91px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
    transition: all .4s;
    float:left;
    overflow: hidden;
}

.partner-box ul li:nth-child(5n){
    margin-right:0;
}
.partner-box ul li img{
    display:block;
    max-height:91px
}
.partner-box ul li:hover{
    box-shadow:0 2px 2px 3px rgba(0,0,0,.1)
}


/* 发展历程 */
/* .history{
    margin-bottom:80px;
} */


















@keyframes first {
    0% {
        transform: scaleX(0.5);
        left: 0px;
    } 

    /*091*/
    100% {
        transform: scaleX(1);
        left: 2px;
    }

    /*0915*/
}

@keyframes last {
    0% {
        transform: scaleX(0.7);
        left: -10px;
    }

    /*1090*/
    20% {
        transform: scaleX(0.3);
        left: 2px;
    }

    /*090*/
    100% {
        transform: scaleX(0.3);
        left: 0px;
    }

    /*090*/
}

@keyframes middle {
    0% {
        transform: scaleX(0.7);
        left: -10px;
    }

    /*1091*/
    20% {
        transform: scaleX(0.45);
        left: 2px;
    }

    /*092*/
    100% {
        transform: scaleX(1);
        left: 2px;
    }

    /*0913*/
}

@media(max-width:1440px){
    .about-content-left{padding-top:10px;}
    .product-cate-item ul li{line-height: 60px;}
    .product-content-right{padding-top:40px}
}

@media(max-width:1440px) and (min-width:1280px){
    .product-tel{margin-top:30px;}
}
@media(min-width:1280px) and (max-width:1439px){
    .cateCulture-li-txt{height: 280px;padding:30px;}
    .product-content-right{padding-top: 40px;}
}

@media(min-width:768px) and (max-width:1279px){
    .advIndex-box{
        height:500px
    }
    .cateAbout{
        padding: 80px 0 80px;
    }
    .cateCulture-li-txt{height: 420px;}
    .case-bottom-li .case-bottom-pic{height: 149px;}
    .sub_nav{bottom:unset}
    .product-content-right{padding-left:40px;padding-right:20px;}
    .product-tel{margin-top:30px;}
    .erweima img{margin-right: 20px;}
}

@media(max-width:767px){
    .width55,.width60{width:100%}
    .width50{width:100%}
    .font48{font-size:32px}
    .aboutIndex{padding:30px 10px;}
    .aboutIndex-right{position:relative;top:0;}
    .aboutIndex-box{margin-top:30px;}
    .aboutIndex-title{line-height:48px;}
    .cbtn{width:200px;margin-bottom:40px;height: 48px;line-height: 48px;}
    .shuzi{overflow: hidden;padding:0 10px;}
    .mumping_mun li{width:100%;margin-bottom:20px;padding:30px;}
    .productIndex{
        padding:0 10px;
    }
    .productIndex-li{width:100%}
    .productIndex-li:nth-child(3){margin-bottom:30px;}
    .productIndex-li-cover h2{width:200px;height:60px;line-height:60px;font-size: 24px;}
    .advIndex{padding:40px 0;}
    .advIndex-en{font-size:40px;}
    .advIndex-con{padding:0 10px;}
    .advIndex-right{position: relative;height:505px;padding-top:30px;}
    .advIndex-pic{transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);}
    .caseIndex{padding:40px 0;}
    .caseSwiper .swiper-slide{width:100%;height:240px}
    .ft-phone{margin-top:0px;}
    .erweima{justify-content: center;margin-top:20px;}
    .ft-phone{font-size:30px;}
    .copyright span{display: block;text-align:center;margin-right:0;}
    .copyright .yyzz{text-align: center;}
    .advIndex-title{height: 120px;}
    .advIndex-title-box h1{line-height:120px;}
    .advIndex-bg h3{line-height: 30px;}
    .mumping_mun h2{font-size: 48px;}
    .aboutIndex-about{padding:30px 10px;}

    .banner-c,.banner-c-pic{height:300px;}
    .about{margin-top:100px;}
    .product{padding:40px 0;}
    .product-top{display: none;}
    .product-bottom{padding:0 10px;}
    .product-item-li .product-item-li-pic{width:100%}
    .product-item-li-txt{width:100%;padding-left:0;}
    .product-item-li:nth-child(2n) .product-item-li-txt{padding-right:0;}
    .sub_nav{display:block;position: unset;width: 100%;height: 100px;overflow: hidden;}
    .sub_nav ul{padding: 20px 0;justify-content: start;}
    .sub_nav li{width: 33.333%;line-height: 40px;}
    .sub_nav li a{padding:0;}
    .cateAbout{padding:40px 10px 30px;margin-top:80px}
    h1{font-size:30px;}
    .cateAbout-text{display: unset;}
    .cateAbout-c,.cateAbout-pic{width:100%}
    .cateCulture{padding:30px 10px;}
    .cateCulture-item{display: unset;}
    .cateCulture-item .cateCulture-li{width:100%;margin-bottom:30px;}
    .cateCulture-li-txt{padding:30px;}
    .honor-style{margin-bottom:30px;}

    .news{padding:40px 10px;}
    .newsItem li{width:100%}
    h3{font-size:20px;}

    .jobs-box h1{padding:40px 10px;}
    .jobs-box-box{padding:40px 10px;}
    .partner-box{padding:40px 10px;}
    .partner-box ul li{width:48%;}
    .partner-box ul li:nth-child(5n){margin-right:2%}
    .case-adv-li{width:100%;padding:0;border-right:0;border-bottom:1px solid #aaa;padding:10px 0;}
    .case-top{padding:40px 10px;}
    .case-bottom-item{
        padding:0 10px;
    }
    .case-bottom-li{width:48%}
    .case-bottom-li:nth-child(2n){margin-right:0;}
    .case-bottom{padding:40px 0;}
    .contact{padding:40px 10px;}
    .contact-top .contact-li{width:100%}
    .message, .map{width:100%}
    .sec{padding:40px 0;}
    .sec-box{padding:0 10px;}
    hr{margin:30px 0}

    .banner{width:100%;height: 60vh;}
.banner .bannerSwiper{width:100%;height: 60vh;}
.productIndex-li-cover{
    align-items: end;
    justify-content: start;
}
.banner .bannerSwiper .s1 .bannerSwiper-txt .bannerSwiper-txt1.font30{
    font-size: 24px;
}
.banner .bannerSwiper .bannerSwiper-txt .font60{font-size:30px;line-height: 48px;}
.banner .bannerSwiper .s1 .bannerSwiper-txt{
    top:50%;
}
.banner .bannerSwiper .s1 .bannerSwiper-txt .bannerSwiper-txt1{margin-bottom:10px}
.banner .bannerSwiper .s1 .bannerSwiper-txt .bannerSwiper-txt2{line-height: 48px;}
.banner .bannerSwiper .s1 .bannerSwiper-txt span{
    font-size:36px;
}
.banner .bannerSwiper .s2 .bannerSwiper-txt .bannerSwiper-txt1{margin-top:20px;}
.banner .bannerSwiper .s2 .bannerSwiper-txt .bannerSwiper-txt1.font30{font-size:20px;}
.banner .bannerSwiper .s3 .bannerSwiper-txt{width:60%}

.about-content{
    margin:40px 10px;
}
.about-content-left{
    width: 100%;
    padding-top:0;
    height: auto;
}
.about-content-left .about-content-title{
    line-height: 30px;
    font-size: 30px;
    margin-bottom:30px;
}
.about-content-right{
    position: unset;
    width: 100%;
    margin:20px 0;
}
.case-adv-item-case{padding:0 10px;}
.case-adv-item-case-box{
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
}
.case-adv-item-case-box:nth-child(2n) {
    margin-right: 0;
}
.case-adv-item-case-pic{
    height: 115px;
}
.case-adv-item-case-pic img{
    max-height: 105px;
}
.product-content-right{
    padding-left:10px;
    padding-right:10px;
    padding-top:40px;
}
.product-tel{margin-top:30px;margin-bottom:30px;}
.product-list-item ul li{
    width: -webkit-calc((100% - 30px) / 2);
}
.product-list-item ul li:nth-child(2n){
    margin-right:0
}
.product-list-item ul li:nth-child(3){
    margin-right:30px;
}
.product-list-pic{
    height: 120px;
}
.newsItem{margin-top:100px;}
.about-sb-box{
    overflow: hidden;
    display: block;
}
.about-sb-left,.about-sb-right{width: 100%;}
.about-sb h2{margin-bottom:30px;}
.about-sb-pic{margin-top:30px;margin-bottom:30px;}
.about-sb{padding:0 10px;}
.case-bottom-li .case-bottom-pic{height: 115px;}
.productIndex-li-pic{height: 266px;}
.productIndex-li:nth-child(7){margin-bottom:30px;}
}