@keyframes bannerupV {

    0% {

        transform: translateY(-30px);

        opacity: 0;

    }

    100% {

        transform: translateY(0);

        opacity: 1;

    }

}






@keyframes bannerriV {

    0% {

        transform: translateY(30px);

        opacity: 0;

    }

    100% {

        transform: translateY(0);

        opacity: 1;

    }

}






/* ----------------------------product-box------------------------------------ */

.product-box{

    width: 100%;

    overflow: hidden;

    background-color: #f5f5f5;

    padding: 0 0 70px 0;

}

.product{

    width: 92%;

    margin-left: 4%;

    overflow: hidden;

}

.swiper-container-product{

    width: 100%;

    position: relative;

}

.product-words{

    width: 100%;

    overflow: hidden;

}

.product-w-pic{

    width: 100%;

    position: relative;

    overflow: hidden;

    padding: 60px 20px;

    background-color: #fff;

    text-align: center;

}
.product-w-pic .product-w-piclink{
    display: block;width: 100%;height: 100%;font-size: 0;
    padding: 0;border-bottom: none;margin: 0;
}

.product-w-pic img{

    width: 100%;

    min-height: 130px;

    max-height: 280px;

    object-fit: cover

}

.product-w-shade{

    width: 100%;

    height: 92%;

    position: absolute;

    top: 0%;

    left: 0%;

    background-color: rgba(43, 145, 157, .8);

    transition: all .5s;

    opacity: 0;

}

.product-w-shade h6{

    width: 100%;

    position: absolute;

    top: 50%;

    transform: translate(0,-50%);

}

.product-w-shade h6 p{

    font-size: 16px;

    color: #fff;

    width: 80%;

    margin-left: 10%;

    text-align:justify;

    text-justify:inter-word;

    text-align: center;

    height: 88px;

    overflow: hidden;

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}

.product-w-shade h6 span{

    display: inline-block;

    font-size: 24px;

    color: #fff;

    text-align: center;

    padding: 0 0 4px 0;

    border-bottom: 1px solid #fff;

    margin-top: 36px;

}

.product-w-pic:hover .product-w-shade{

    opacity: 1;

    height: 100%;

}

.product-w-words{

    width: 100%;

    overflow: hidden;

    padding: 30px 20px;

    background-color: #ebebeb;

}

.product-w-words h6{

    font-size: 26px;

    color: #333;

    font-weight: bold;

}

.product-w-words p{

    font-size: 16px;

    color: #666;

}



.swiper-container-product .swiper-button-prev{

    transform: translate(0,-50%);

    left: 0;

    background: none;

}

.swiper-container-product .swiper-button-prev h5{

    width: 40px;

    height: 60px;

    z-index: 99;

    text-align: center;

}

.swiper-container-product .swiper-button-prev i{

    width: 24px;

    height: 44px;

    background-repeat: no-repeat;

    display: inline-block;

    background-image: url('../images/productLeft.png');

    margin-top: 8px;

}

.swiper-container-product .swiper-button-next{

    transform: translate(0,-50%);

    right: 14px;

    background: none;

}

.swiper-container-product .swiper-button-next h5{

    width: 40px;

    height: 60px;

    z-index: 99;

    text-align: center;

}

.swiper-container-product .swiper-button-next i{

    width: 24px;

    height: 44px;

    background-repeat: no-repeat;

    display: inline-block;

    background-image: url('../images/productRight.png');

    margin-top: 8px;

}



#cont2 {
    width: 100%;
    height: 780px;
    background: #fff url(../images/bj_03.jpg) top center no-repeat;
}#line70 {
    width: 100%;
    height: 70px;
}#bt1 {
    width: 100%;
    height: 58px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    line-height: 58px;
    background: url(../images/btbg1.png) bottom center no-repeat;
    padding-bottom: 85px;
}#bt2 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #aaa;
}#line50 {
    width: 100%;
    height: 50px;
}#cont2c {
    width: 90%;
    height: 505px;
    margin: 0 auto;
    background: #2b919d url(../images/in_21.jpg) right center no-repeat;
}#cont2cl {
    width: 50%;
    height: 505px;
    float: left;
}#cont2cl a {
    display: block;
    width: 100;
    height: 505px;
}#cont2cr {
    width: 50%;
    height: 505px;
    float: right;
    box-sizing: border-box;
    padding: 40px 0px 0px 60px;
    position: relative;
}#cc_mr {
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    left: 170px;
    bottom: 42px;
    position: absolute;
}#cc_mr a {
    color: #d2dde9;
}#cont2cr .c21 {
    width: 100%;
    height: 66px;
    color: #fff;
    line-height: 60px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
}#cont2cr .c22 {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 24px;
    color: #fff;
}#cont2cr .c23 {
    width: 88%;
    height: 270px;
    overflow: hidden;
    font-size: 15px;
    color: #d2dde9;
    line-height: 30px;
    padding-top: 60px;
}#cont2cr .c24 {
    width: 95px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 60px;
    bottom: 60px;
}





/* ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- */

.words-title{

    width: 100%;

    overflow: hidden;

    text-align: center;

    padding: 70px 0 56px 0;

}

.words-title h6{

    text-transform: uppercase;

    font-size: 36px;

    color: #333;

    font-weight: bold;background: url(../images/btbg2.png) bottom center no-repeat;
padding-bottom: 45px;

}.map { max-width:1000px;width:100%;height:500px;margin:0 auto;margin-top:2%;padding-bottom:3%;position: relative; }
.map .pic {width: 100%;height: 100%;left: 0;top: 0;}
.map .pic img {width: 100%;height:100%;}
.map .content  {color:#fff;opacity: 1;line-height:28px;overflow: hidden;z-index:99;}
.map:hover .content{z-index: 10;background: url(../images/arrleft.png) no-repeat left center; }
.map1 .content,.map2 .content,.map3 .content,.map4 .content,.map5 .content,.map6 .content,.map7 .content,.map8 .content,.map9 .content,.map10 .content,.map11 .content{height: 0px;padding:0px 7px 0 22px;}
.map1:hover .content,.map2:hover .content,.map3:hover .content,.map4:hover .content,.map5:hover .content,.map6:hover .content,.map7:hover .content,.map8:hover .content,.map9:hover .content,.map10:hover .content,.map11:hover .content{ height:28px;}
.map .origin {width: 30px;height: 30px;z-index: 10; background:url(../images/yq.png) no-repeat center;}
.map .origin1 { left: 79%;top: 45.5%; }
.map .content1 { left: 82%;top: 46%; }
.map .origin2 { left: 78.5%;top: 40.7%; }
.map .content2 { left: 81.5%;top: 41.2%; }
.map .origin3 { left: 74.5%;top: 51.7%; }
.map .content3 { left: 77.5%;top: 52.2%; }
.map .origin4 { left: 84%;top: 37.3%; }
.map .content4 { left: 87%;top: 38.3%; }
.map .origin5 { left: 81.2%;top: 37.5%; }
.map .content5 { left: 84.2%;top: 37.8%; }
.map .origin6 { left: 12.2%;top: 32.5%; }
.map .content6 { left: 16.2%;top: 33.5%; }
.map .origin7 { left: 47.5%;top: 29.8%; }
.map .content7 { left: 50.5%;top: 30.3%; }
.map .origin8 { left: 54.5%;top: 35.1%; }
.map .content8 { left: 57.5%;top: 35.6%; }
.map .origin9 { left: 49.7%;top: 33.5%; }
.map .content9 { left: 52.7%;top: 34%; }
.map .origin10 { left: 48.9%;top: 25.9%; }
.map .content10 { left: 51.9%;top: 26.4%; }
.map .origin11 { left: 79.2%;top: 50.5%; }
.map .content11 { left: 82.2%;top: 51%; }.yq { position:absolute;z-index:10;left:50%;top:50%;margin-left:-50%;margin-top:-50%;width:100%;height:100%; border-radius:25px;border:#33baca 1px solid; }
.yq1{ -webkit-animation: fangda 1.4s ease 0s infinite;animation: fangda 1.4s ease 0s infinite; }
.yq2{ -webkit-animation: fangda 1.4s ease .2s infinite;animation: fangda 1.4s ease .2s infinite; }
.yq3{ -webkit-animation: fangda 1.4s ease .4s infinite;animation: fangda 1.4s ease .4s infinite; }
.absolute {
    position: absolute;
}@-webkit-keyframes fangda {0%{-webkit-transform: scale(.6);opacity:1;}85%{-webkit-transform:scale(1.3);opacity:0;}100%{-webkit-transform:scale(1.3);opacity:0;}}
/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {

   

}



@media all and (max-width:1460px) {

 

    .words-title {

        padding: 46px 0 40px 0;

    }

    .product-w-words {

        padding: 22px 20px;

    }

    .product-w-words h6 {

        font-size: 22px;

    }

    

}



@media all and (max-width:1280px) {

    .words-title h6 {

        font-size: 40px;

    }

    .words-title {

        padding: 36px 0 32px 0;

    }

    .product-w-words h6 {

        font-size: 20px;

    }

    .

}



@media all and (max-width:1200px) {

  

    .words-title h6 {

        font-size: 34px;

    }

    .words-title {

        padding: 24px 0 28px 0;

    }

    .product-w-pic {

        padding: 80px 24px;

    }

   

}



/* ------------------------手机端-------------------------- */

.swiper-container-banner .swiper-pagination{

    bottom: 28px;

}

.swiper-container-banner .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    background: #fff;

    opacity: 1;

}

.swiper-container-banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #273c92;

}



@media all and (max-width:1000px) {
#cont2{height:auto; background-color:rgba(43, 145, 157, 1);}
    #cont2cl{width:100%;float:left;margin-bottom:5%;}
#cont2cr{width:90%;margin:auto;height:auto;padding-left:0;padding-right:0;float:none;}
#cont2c{width:100%;height:auto;float:left;}
#cont2cr .c21{float:left;}
#cont2cr .c22{float:left;}
#cont2cr .c24{ position:inherit;float:left;display:none;}
#cc_mr{position:inherit;float:left;left:0;bottom:0;}
#cont2cr .c23{width:100%;float:left;padding-top:20px;height:auto;padding-bottom:20px; font-size:14px;}
#line70{height:auto;}
#line50{height:auto;}
#bt1{ font-size:24px;}    .words-title h6 {

        font-size: 24px;

    }

    .words-title {

        padding: 14px 0 14px 0;

    }

    .product-w-pic {

        padding: 26px 36px;

    }

    .product-w-words h6 {

        font-size: 18px;

    }

    .product-w-words p {

        font-size: 14px;

        margin-top: 4px;

    }

    .product-w-words {

        padding: 10px 16px;

    }

    .product-w-shade h6 p {

        font-size: 14px;

        overflow: hidden;

        display: -webkit-box;

        text-overflow: ellipsis;

        -webkit-line-clamp: 4;

        height: 58px;

        -webkit-box-orient: vertical;

    }

    .product-w-shade h6 span {

        font-size: 20px;

        margin-top: 20px;

    }

    .product-box {

        padding: 0 0 28px 0;

    }

   


}





/* ---------------------------G-------------------------------- */

.showpic ul li a:after{

    content: "";

    position: absolute;

    width: 100%;

    height: 0%;

    background-color: rgba(39,60,146,.4);

    left: 0;

    bottom: 0;

    z-index: 9;

}





.showpic ul li a:hover:after{

    height: 100%;

}




#bt1{color:#fff;}
#bt2{color:#becbda;}

#fu{background-color:#eaeef1}




@media(max-width:1020px){

#cont2cl{height:auto;margin-bottom:0;}
.layer{padding-right:2%;}
}