@font-face {
    font-family: 'SWZ';
    /* 来自 https://fonts.alibabagroup.com/#/font ，使用阿里云公共服务以加快下载速度 */
    src:
    url(../fonts/swz721c.ttf),
    url(../fonts/swz721kc.ttf),
    url(../fonts/swz721lc.ttf);
    /* url(../fonts/alibabapuhuiti-2-55-regular.woff2) format('woff2'),
        url(../fonts/alibabapuhuiti-2-55-regular.woff) format('woff'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype'),
        url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'),
        url(../fonts/alibabapuhuiti-2-55-regular.ttf) format('TrueType'); */
    /* 在字体没有下载完成之前，使用默认字体显示，避免空白 */
    font-display: swap;
}
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    /*font-family: 'SWZ';*/
    /* scroll-behavior: smooth; */
}
.container{
    width: 90%;
    margin:0 auto;
}
.header{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1003;
    background-color: #fff;
    border-bottom: 1px solid #E5E5E5;
}
.head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    z-index: 10;
}
.head-left{
    z-index: 9999;
    background: #fff;
    padding-left: 110px;
}
.head-left a{
    width: 230px;
    display: block;
}
.head-left a img{
    width: 100%;
    display: block;
    z-index: 9;
}
.head-zhong{
    z-index: 99;
}
.head-zhong ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.head-zhong ul li{
    position: relative;
    background: #fff;
}
.head-zhong ul li a{
    display: block;
    font-size: 17px;
    color: #666666;
    padding: 19px 40px;
}
.head-zhong ul .active>a{
    color: #043e80;
}







.head-zhong ul li a:hover {
    font-weight: bold;
    color: #043e80;
}

.head-zhong ul li:hover .down{
    display: block;
}
.down{
    width: max-content;
    position: absolute;
    background-color: #fff;
    display: none;
    left: 50%;
    transform: translate(-50%,0);
}
.down p{
    text-align: center;
}
.down p a{
    padding: 15px 30px !important;
}


.down2{
    width: 80%;
    position: fixed;
    background-color: #fff;
    left: 0%;
    /*transform: translate(-50%,0);*/
    padding: 2% 10%;
    z-index: -34;
    top: -100%;
    transition: all 0.6s;
}


.down2 .left  {
    width: 60%;
    float: left;
}


.down2 .left h2 {
    font-size: 30px;
    line-height: 80px;
}


.down2 .right  {
    width: 30%;
    float: right;
}





.down2 .left a {
    width: 38%;
    float: left;
    text-indent: 5%;
    font-size: 16px;
    border-bottom: 1px solid #f1f1f1;
    padding: 1%;
    margin: 0 3%;
    transition: all 0.6s;
}

.down2 .left a:hover {
    text-indent: 8%;
    border-bottom: 1px solid #043e80;
    color: #043e80;
  
}




.down2 .right {
    padding: 10px;
    position: relative;
}

.down2 .right img {
    width: 100%;
    position: relative;
    right: -200%;
    transition: all 1s;
    
}


.head-zhong ul li:hover .down2{
     top: 78px;
}

.head-zhong ul li:hover .down2 img {
     right: 0%;

}




 .down2 p a:hover {
    font-weight: bold;
}




.head-right{
    padding: 30px 0;
    position: relative;
}
.head-right img{
    display: block;
}
.head-right .active{
    display: block;
}
.head-right .hide{
    display: none;
}
.head-right form{
    display: none;
    width: 200px;
    position: absolute;
    top: 105%;
    right: 0;
}
.head-right form .form-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.head-right form input{
    box-sizing: border-box;
    outline: none;
    padding: 10px;
    width: 100%;
    transition: .3s ease-in;
}
.head-right form img{
    width: 17px;
    height: 18px;
    position: absolute;
    right: 10px;
}
.banner{
    margin-top: 80px;
    position: relative;
}
.banner-swiper{
    overflow: hidden;
    position: relative;
}
.banner-swiper .swiper-slide{
    position: relative;
}
/* .banner-swiper .swiper-slide::after {
    border-style: solid;
    border-width: 135px 135px 100px 0px;
    border-color: white transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
} */

.swiper-slide img {
     width: 100%;
}

.banner-swiper img{
    width: 100%;
    display: block;
}
.banner-page .swiper-pagination-bullet{
    background: #fff;
    opacity: .5;
}
.banner-page .swiper-pagination-bullet-active{
    background: #fff;
    opacity: 1;
}
.ban-zi{
    width: 1400px;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%,0);
}
.ban-zi p{
    font-size: 18px;
    color: #043e80;
    position: relative;
}
.ban-zi p::before{
    content: "";
    display: block;
    width: 120px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: -20px;
    left: 0;
}
.ban-zi p::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #043e80;
    position: absolute;
    top: -20px;
    left: 0;
}
.ban-zi h2{
    font-size: 50px;
    color: #fff;
    margin: 20px 0;
}
.ban-zi h3{
    font-size: 50px;
    color: #043e80;
}
.ban-zi span{
    display: block;
    font-size: 20px;
    color: #fff;
    margin: 20px 0;
}
.ban-zi .ban-more{
    width: 160px;
    font-size: 16px;
    color: #333333;
    background-color: #043e80;
    text-align: center;
    padding: 10px 0;
    border: 1px solid transparent;
    transition: .1s ease-in;
}
.ban-more a{
    display: block;
    color: #333333;
    font-weight: bold;
}
.ban-more:hover{
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
.ban-more:hover a{
    color: #fff;
}
.news{
    padding: 100px 0;
}
.news-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.news-cont{
    width: 31%;
    margin-left: 2%;
    margin-bottom: 30px;
}
.news-cont:hover img{
    transform: scale(1.1);
}
.news-cont h2:hover{
    color: #043e80;
}
.news-img{
    overflow: hidden;
    position: relative;
}
.news-img img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;
    background-color: #acb1b9;
}
.news-img p{
    font-size: 14px;
    color: #fff;
    background-color: #043e80;
    display: inline-block;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    left: 20px;
    font-weight: bold;
}
.news-content{
    padding: 50px 30px;
    background-color: #f8f8f8;
    position: relative;
}
.news-content::after{
    border-style: solid;
    border-width: 80px 0px 80px 80px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-content h2{
    font-size: 24px;
    line-height: 30px;
    color: #191919;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    transition: .3s ease-in;
}
.news-content p{
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    transition: .3s ease-in;
}
.line-1{
    background-color: #043e80;
    padding: 30px 0;
    position: relative;
}
.line-1::after{
    border-style: solid;
    border-width: 60px 60px 60px 0px;
    border-color: white transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.line-1 h2{
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.line-1 p{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
.company{
    padding: 100px 0;
}
.company-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.company-left{
    width: 35%;
}
.company-left h2{
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
}
.company-left h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #043e80;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.company-left p{
    font-size: 18px;
    line-height: 24px;
    color: #666666;
    /* margin-top: 30px; */
}
.company-left span{
    margin-top: 40px;
    display: block;
    border: 1px solid transparent;
}
.company-left span:hover a{
    border: 1px solid #043e80;
    background-color: transparent;
    color: #043e80;
}
.company-left span a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    background-color: #043e80;
    border: 1px solid transparent;
    transition: .3s ease-in;
    font-weight: bold;
}
.company-right{
    width: 65%;
    position: relative;
}
.company-one{
    width: 80%;
    float: right;
}
.company-swiper{
    overflow: hidden;
    position: unset;
}
.company-swiper img{
    width: 100%;
    height: 470px;
    object-fit: cover;
    display: block;
}
.company-two{
    width:65%;
    background-color: #222222;
    position: absolute;
    left: 82px;
    bottom: -66px;
    z-index: 2;
}
.company-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.company-two-cont{
    width: 50%;
    padding: 30px 0;
    position: relative;
}
.company-two-cont:first-child::after{
    content: "";
    display: block;
    width: 2px;
    height: 60%;
    background-color: #656565;
    position: absolute;
    top: 20%;
    right: 0;
}
.company-two-cont:last-child::after{
    content: "";
    display: block;
    width: 2px;
    height: 60%;
    background-color: #043e80;
    position: absolute;
    top: 20%;
    right: 0;
}
.company-two-cont h2{
    font-size: 32px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.company-two-cont p{
    font-size: 16px;
    color: #043e80;
    text-align: center;
}
.company-prev::after{
    content: "";
    display: block;
    width: 10px;
    height: 12px;
    background: url(../images/company-prev.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.company-next::after{
    content: "";
    display: block;
    width: 10px;
    height: 12px;
    background: url(../images/company-next.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.company-prev{
    width: 100px;
    height: 132px;
    background-color: #333333;
    left: 75%;
    bottom: -66px;
    top: unset;
}
.company-next{
    width: 100px;
    height: 132px;
    background-color: #333333;
    left: calc(75% + 100px);
    bottom: -66px;
    top: unset;
}
.product{
    padding: 60px 0 80px;
    position: relative;
}
.product-one{}
.product-one ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.product-one ul li{
    width: 23%;
    margin-left: 2%;
    margin-bottom: 30px;
    font-size: 18px;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    background:rgba(255,255,255,.6);
    cursor: pointer;
    font-weight: bold;
    position: relative;
     transition: all 0.8s;
     z-index: 2;
}

.product-one ul li:After {
    /*content:"";*/
    /*width: 0%;*/
    /*background: #21519e;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*transition: all 0.8s;*/
    /*z-index: 0;*/
}





.product-one ul li a{
    display: block;
    color: #333333;
    z-index: 3;
     transition: all 0.8s;
     z-index: 2;
}

.product-one ul li:hover:After  {
    width: 100%;
}

.product-one ul li:hover {
    background: none;
    color: #fff;
    background: #043e80;
}


.product-one ul li:hover a {
    color: #fff;
}

.product-one ul .active{
    background-color: #043e80;
}
.product-two{
    margin-top: 40px;
}
.product-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.product-two-cont{
    width: 22.5%;
    margin-left: 2%;
    margin-bottom: 30px;
    border: 1px solid #626262;
}

.product-two-cont:hover {
    border: 1px solid #043e80;
}



.product-two-cont:hover img{
    transform: scale(1.1);
}
.product-two-cont h2:hover{
    color: #043e80;
}
.product-two-a{
    overflow: hidden;
    position: relative;
}
.product-two-a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
    /*background-color: #cfe9dc;*/
}
.product-two-a p{
    font-size: 16px;
    color: #333333;
    background-color: #edf5ff;
    padding: 10px 40px;
    position: absolute;
    right: 30px;
    bottom: 0;
    font-weight: bold;
}
.product-two-b{
    padding: 20px;
    padding-bottom: 50px;
    background: rgba(255,255,255,0.2);
    position: relative;
    transition: all 0.8s;
}
.product-two-b::after{
    border-style: solid;
    border-width: 80px 0px 80px 80px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}


.product-two-cont:hover .product-two-b{
    padding: 10px 10px 60px 30px;
}


.product-two-b h2{
    font-size: 24px;
    color: #191919;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.product-two-b p{
    margin-top: 20px;
}
.product-two-b p span{
    display: none;
    font-size: 18px;
    line-height: 24px;
    color: #666666;
}
.product-more{
    margin-top: 30px;
}
.product-more a{
    display: inline-block;
    font-size: 16px;
    color: #333333;
    /*background-color: #043e80;*/
    padding: 10px 20px;
    margin-right: 20px;
    border: 1px solid transparent;
    transition: .3s ease-in;
    font-weight: bold;
    border: 1px solid #626262;
}
.product-more a:hover{
    background-color: transparent;
    border: 1px solid #043e80;
}
.project{
    padding-bottom: 100px;
}
.project-all{}
.project-all>h2{
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
}
.project-all>h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #043e80;
    position: absolute;
    bottom: 0;
    left: 0;
}
.project-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
    margin-top: 30px;
}
.project-cont{
    width: 23%;
    margin-left: 2%;
}
.project-cont:hover img{
    transform: scale(1.1);
}
.project-cont h2:hover{
    color: #043e80;
}
.project-img{
    overflow: hidden;
}
.project-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.project-p{
    padding: 30px;
    padding-bottom: 50px;
    background-color: #f8f8f8;
    position: relative;
}
.project-p::after{
    border-style: solid;
    border-width: 60px 0px 60px 60px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.project-p h2{
    font-size: 24px;
    line-height: 30px;
    min-height: 60px;
    color: #191919;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.project-p p{
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    color: #666666;
    margin-top: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.project-p span{
    display: block;
    font-size: 16px;
    color: #043e80;
    margin-top: 20px;
}
.share{
    position: relative;
    width: 100%;
    height: 410px;
    background: url(../images/share.jpg) no-repeat center;
    background-size: cover;
    margin: 100px 0;
}
.share>img{
    width: 100%;
    display: block;
}
.share-a{
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%,0);
}
.share-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -90px;
}
.share-cont{
    width: 32%;
    background-color: #222222;
    padding: 40px 30px;
    box-sizing: border-box;
    position: relative;
}
.share-cont:first-child::after{
    border-style: solid;
    border-width: 60px 60px 60px 0px;
    border-color: white transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.share-cont:last-child::after{
    border-style: solid;
    border-width: 60px 0px 0px 60px;
    border-color: white transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.share-cont h2{
    font-size: 24px;
    color: #fff;
    font-weight: normal;
}
.share-cont p{
    font-size: 16px;
    line-height: 24px;
    min-height: 48px;
    color: #fff;
    margin-top: 20px;
}
.share-cont img{
    width: 200px;
    height: 200px;
    display: block;
    margin: auto;
    margin-top: 30px;
}
.footer{
    background-color: #222222;
    position: relative;
}
.footer::after{
    border-style: solid;
    border-width: 60px 0px 0px 60px;
    border-color: white transparent transparent transparent;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.foot-one{
    padding: 80px 0 40px;
}
.foot-one ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot-one ul li{
    width: 13%;
}
.foot-one ul li form input{
    width: 100%;
    padding:4px 10px;
    box-sizing: border-box;
    outline: none;
    border: none;
    margin-bottom: 10px;
}
.foot-one ul li form textarea{
    width: 100%;
    padding:4px 10px;
    box-sizing: border-box;
    outline: none;
}
.foot-one ul li form .btn{
    display: block;
    text-align: center;
    padding: 10px 40px;
    margin: auto;
    margin-top: 10px;
}
.foot-one ul li form legend{
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}
.foot-one ul li p:first-child a{
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
}
.foot-one ul li p a{
    font-size: 14px;
    color: #fff;
    display: block;
    margin-top: 25px;
}
.foot-two{
    padding-bottom: 30px;
    overflow: hidden;
}
.foot-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* align-items: center; */
    position: relative;
}
.foot-two-all::before{
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    height: 80px;
    background-color: #fff;
    left: -100%;
    top: 0;
}
.foot-two-left{
    position: relative;
}
.foot-two-left a{
    display: block;
    background-color: #fff;
    /* padding: 30px 0; */
    position: relative;
}
.foot-two-left a::before{
    content: "";
    display: block;
    width: 33%;
    height: 80px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 99%;
}
.foot-two-left a::after{
    border-style: solid;
    border-width: 40px 0px 40px 40px;
    border-color: transparent transparent #222222 transparent;
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    right: -32%;
}
.foot-two-left a img{
    width: 209px;
    height: 80px;
    display: block;
}
.foot-two-right{
    width: 100%;
    text-align: center;
}
.foot-share{
   
    padding-bottom: 15px;
}
.foot-share a:first-child{
    margin-left: 0;
}
.foot-share a{
    /*width: 30px;*/
    /*height: 30px;*/
    display: inline-block;
    margin-left: 15px;
    color: #FFF;
}
.foot-share a img{
    width: 100%;
    display: block;
}
.foot-two-right p{
    font-size: 14px;
    color: #fff;
   
}
.about-ban{
    width: 100%;
    position: relative;
    margin-top: 80px;
}
.about-ban img{
    width: 100%;
    display: block;
}
.about-zi{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-zi h2{
    font-size: 50px;
    color: #fff;
    text-align: center;
    font-weight: normal;
}
.about-zi p{
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
.about{}
.about-one{
    padding-top: 100px;
}
.about-one>h2{
    font-size: 36px;
    color: #191919;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
}
.about-one>h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #043e80;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.about-swiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
    margin-top: 30px;
}
.about-swiper p{
    width: 80%;
    margin: auto;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    text-align: center;
}
.about-page .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #666666;
}
.about-page .swiper-pagination-bullet-active{
    background: #043e80;
}
.about-one-cont{
    width: 100%;
    margin: auto;
  
    justify-content: center;
    margin: 80px 0;
}
.about-one-p{
    /*padding: 0 50px;*/
    position: relative;
    width: 16%;
    float: left;
    text-align: center;
}
.about-one-p::after{
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: #E6E6E6;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);
}
.about-one-p:last-child::after{
    content: "";
    display: none;
}
.about-one-p h2{
    font-size: 36px;
    color: #191919;
    text-align: center;
    font-weight: normal;
}
.about-one-p h2 span{}
.about-one-p p{
    font-size: 16px;
    line-height: 30px;
    color: #043e80;
    text-align: center;
    margin-top: 10px;
}
.about-two{
    padding: 100px 0;
}
.about-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #c3c3c3;
    position: relative;
}
.about-two-all::after {
    border-style: solid;
    border-width: 60px 0px 60px 60px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-two-left{
    width: 50%;
}
.about-idea-swiper{
    overflow: hidden;
    position: relative;
}
.about-idea-page{
    width: max-content !important;
    right: 20px;
    left: unset !important;
    bottom: 20px !important;
}
.about-idea-page .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
    border-radius: 0;
}
.about-idea-page .swiper-pagination-bullet-active{
    background: #043e80;
}
.about-idea-swiper .swiper-slide{
    overflow: hidden;
}
.about-idea-swiper .swiper-slide:hover img{
    transform: scale(1.1);
}
.about-idea-swiper .swiper-slide img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.about-two-left img{
    width: 100%;
    display: block;
}
.about-two-right{
    width: 45%;
}
.about-two-right h2{
    font-size: 36px;
    color: #191919;
    text-transform: uppercase;
}
.about-two-right p{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
}
.about-two-right span{
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
    padding: 10px 15px;
    border: 1px solid #E6E6E6;
    border-radius: 25px;
}
.about-three{
    padding-bottom: 100px;
}
.about-three-all{}
.about-three-all h1{
    font-size: 36px;
    color: #191919;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
}
.about-three-all h1::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #043e80;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.album-swiper{
    overflow: hidden;
    position: relative;
    padding: 3px;
    box-sizing: border-box;
    padding-bottom: 40px;
    margin-top: 60px;
}
.album-swiper .swiper-slide img{
    width: 100%;
    display: block;
}
.album-swiper .swiper-slide-active .album-zi{
    display: block;
}
.album-zi{
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #c3c3c3;
    background-color: #fff;
    display: none;
    transition: .3s ease-in;
}
.album-zi h2{
    font-size: 24px;
    line-height: 30px;
    color: #191919;
}
.album-zi p{
    font-size: 16px;
    color: #666666;
    margin-top: 10px;
}
.album-swiper .swiper-slide-shadow-left{
    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.7),rgba(0,0,0,0));
}
.album-swiper .swiper-slide-shadow-right{
    background-image: linear-gradient(to right,rgba(0, 0, 0, 0.7),rgba(0,0,0,0));
}
.album-swiper>.swiper-wrapper>.swiper-slide{
    /*width: 200px !important;*/
    border: 1px solid #dddddd;
}
.album-prev::after,.album-next::after{
    content: "";
    display: none;
}
.album-prev{
    width: 50px;
    height: 50px;
    background: url(../images/album-prev.png) no-repeat center;
    background-size: cover;
    left: 50px;
  
    display: none;
}
.album-next{
    width: 50px;
    height: 50px;
    background: url(../images/album-next.png) no-repeat center;
    background-size: cover;
    right: 50px;
    display: none;
}
.album-page .swiper-pagination-bullet{
    background: #999999;
    position: relative;
}
.album-page .swiper-pagination-bullet-active{
    background: #043e80;
}
.album-page .swiper-pagination-bullet-active::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #043e80;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-four{
    padding-bottom: 100px;
}
.about-four-all{}
.about-four-swiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}
.history{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.history-left{
    width: 50%;
}
.history-left img{
    width: 100%;
    display: block;
}
.history-right{
    width: 50%;
    padding: 0 50px;
    box-sizing: border-box;
}
.history-right h1{
    font-size: 20px;
}
.history-right h2{
    font-size: 24px;
    margin-top: 10px;
    font-weight: bold;
}
.history-right p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
}
.about-four-page .swiper-pagination-bullet{
    background: #999999;
    position: relative;
}
.about-four-page .swiper-pagination-bullet-active{
    background: #043e80;
}
.about-four-page .swiper-pagination-bullet-active::before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #043e80;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pro{
    padding: 100px 0;
}
.pro-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-top-left{}
.pro-top-left p{
    font-size: 16px;
    color: #666666;
}
.pro-top-right{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.pro-xiala {
    position: relative;
}
.pro-top-er {
    width: 100%;
    position: absolute;
    padding-top: 20px;
    display: none;
    transition: .3s ease-in;
    z-index: 10;
}
.pro-xiala:hover .pro-top-er {
    display: block;
}
.pro-top-er li {
    padding: 0 !important;
    box-shadow: 0 0 5px 0 #eee;
}
.pro-top-er p {
    background-color: #fff;
}
.pro-top-er p a {
    font-size: 16px;
    color: #9D9D9D;
    display: block;
    text-align: center;
    padding: 10px 30px;
}
.pro-xiala-li {
    box-sizing: border-box;
    border: 1px solid #D7DAE0;
    cursor: pointer;
}
.pro-xiala-li p {
    padding: 0px 30px;
    font-size: 16px;
    line-height: 38px;
    color: #666666;
}
.pro-xiala li p i {
    color: #666666;
    margin-left: 10px;
}
.pro-top-right form {
    margin-left: 20px;
}
.pro-top-right form .form-group {
    position: relative;
}
.pro-top-right form .form-group input {
    box-sizing: border-box;
    outline: none;
    width: 280px;
    padding: 0 10px;
    line-height: 38px;
    border: 1px solid #D7DAE0;
}
.pro-top-right .form-group i {
    color: #666666;
    position: absolute;
    top: 10px;
    right: 10px;
}
.pro-all{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.pro-cont{
    width: 22.5%;
    margin-left: 2%;
    margin-bottom: 30px;
}
.pro-cont:hover img{
    transform: scale(1.1);
}
.pro-detail{
    padding: 100px 0;
}
.pro-detail-all{
    margin-top: 60px;
}
.pro-detail-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.pro-detail-left{
    width: 50%;
}
.pro-da{
    overflow: hidden;
    position: relative;
}
.pro-da .swiper-slide img{
    width: 100%;
    display: block;
}
.pro-da-prev::after,.pro-da-next::after{
    content: "";
    display: none;
}
.pro-da-prev{
    width: 50px;
    height: 50px;
    background: url(../images/album-prev.png) no-repeat center;
    background-size: cover;
    left: 30px;
    top: 70%;
}
.pro-da-next{
    width: 50px;
    height: 50px;
    background: url(../images/album-next.png) no-repeat center;
    background-size: cover;
    right: 30px;
    top: 70%;
}
.pro-xiao{
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}
.pro-xiao .swiper-slide img{
    width: 100%;
    display: block;
}
.pro-xiao .swiper-slide{
    position: relative;
}
.pro-xiao .swiper-slide::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.pro-xiao .swiper-slide-thumb-active::after{
    content: "";
    display: none;
}
.pro-detail-right{
    width: 50%;
    background-color: #F8F8F8;
    padding: 50px;
    box-sizing: border-box;
}
.pro-detail-right h2{
    font-size: 36px;
    color: #191919;
}
.pro-detail-right h3{
    font-size: 24px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;
    font-weight: normal;
}
.pro-detail-right p{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 40px;
    max-height: 144px;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 30px;
}
.pro-detail-right p::-webkit-scrollbar {
    width: 4px;
}
.pro-detail-right p::-webkit-scrollbar-track {
    background: #CCCCCC;
    border-radius: 10px;
}
.pro-detail-right p::-webkit-scrollbar-thumb {
    background: #043e80;
    border-radius: 10px;
}
.pro-detail-right p::-webkit-scrollbar-thumb:hover {
    background: #043e80;
    border-radius: 10px;
}
.pro-detail-right p::-webkit-scrollbar-thumb:active {
    background: #043e80;
    border-radius: 10px;
}
.pro-detail-right a{
    width: 200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    background-color: #043e80;
    box-sizing: border-box;
    margin: auto;
    margin-top: 55px;
}
.pro-detail-right a img{
    width: 24px;
    height: 24px;
    display: block;
}
.pro-detail-right a span{
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}
.pro-detail-cont{
    margin-top: 100px;
}
.pro-detail-cont ul{
    overflow: hidden;
}
.pro-detail-cont ul .active{
    color: #fff;
    background-color: #222222;
}
.pro-detail-cont ul li{
    font-size: 18px;
    color: #333333;
    margin-right: 20px;
    float: left;
    padding: 10px 40px;
    background-color: #D7DAE0;
    cursor: pointer;
    font-weight: bold;
}
.pro-detail-cont-p{
    margin-top: 40px;
    overflow: hidden;
}
.pro-detail-p{
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #c3c3c3;
    position: relative;
    margin: 5px;
}
.pro-detail-p::after{
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    border-left: 1px solid #c3c3c3;
    position: absolute;
    right: -40px;
    bottom: -40px;
    transform: rotate(45deg);
    background-color: #fff;
}
.pro-detail-p h2{
    font-size: 24px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 40px;
}
.pro-detail-p p{
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}
.pro-detail-p table{
    width: 100%;
}
.pro-detail-p img{
    width: 100%;
    display: block;
}
.more-pro{
    margin-top: 80px;
}
.more-pro h1{
    font-size: 36px;
    color: #191919;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.more-pro h1::after{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #043e80;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.projects{
    padding: 80px 0;
}
.project-alls{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.project-one{
    width: 47%;
    margin-bottom: 40px;
}
.project-one:hover .projectimg{
    transform: scale(1.1);
}
.project-one:hover .project-cang{
    display: block;
    opacity: 1;
}
.project-p1 h2:hover{
    color: #043e80;
}
.project-img{
    overflow: hidden;
    position: relative;
}
.project-cang{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    opacity: 0;
    transition: .3s ease-in;
}
.project-cang img{
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.project-img>img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.project-p1{
    background-color: #F8F8F8;
    padding: 20px 30px;
    box-sizing: border-box;
}
.project-p1 h2{
    font-size: 18px;
    color: #333333;
}
.project-p1 .project-time{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.project-time p{
    font-size: 14px;
    line-height: 26px;
    color: #999999;
    overflow: hidden;
}
.project-time p:last-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.project-time p img{
    width: 20px;
    height: 12px;
    display: block;
}
.project-time p span{
    font-size: 14px;
    color: #999999;
    display: block;
    margin-left: 10px;
    margin-top: 0;
}
.page{}
.page ul{
    width: max-content;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.page ul li{
    width: 26px;
    height: 26px;
    border: 1px solid #E5E5E5;
    text-align: center;
    line-height: 26px;
    margin: 0 10px;
}
.page ul li a{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
}
.page-second{
    background-color: #E5E5E5;
}
.page-second a{
    color: #222222;
}
.page ul .active a{
    background-color: #222222;
    color: #fff;
}
.page-prev a,.page-next a{
    color: #E5E5E5;
}
.project-detail{
    padding: 100px 0;
}
.project-detail-top{}
.project-detail-top h2{
    font-size: 36px;
    color: #191919;
    text-align: center;
    font-weight: normal;
}
.project-detail-top h3{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: normal;
    margin-top: 20px;
}
.project-detail-top h3>span{
    font-size: 16px;
    color: #999999;
}
.project-detail-top h3 p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-left: 40px;
}
.project-detail-top h3 p img{
    max-width: 100%;
    display: block;
}
.project-detail-top h3 p span{
    font-size: 16px;
    color: #999999;
    margin-left: 10px;
}
.project-top-1{
    padding: 10px 20px;
    box-shadow: 0 0 5px 0 #c3c3c3;
    box-sizing: border-box;
    margin-top: 40px;
}
.project-detail-top1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.project-detail-top1 p{
    font-size: 16px;
    color: #666666;
}
.project-detail-top1 p:last-child{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.project-detail-top1 p span{
    font-size: 16px;
    color: #666666;
}
.project-detail-top1 p img{
    max-width: 100%;
    display: block;
    margin-left: 10px;
}
.project-detail-top2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.project-detail-top2 p{
    width: 25%;
    font-size: 14px;
    color: #333333;
}
.project-detail-video video{
    width: 100%;
    margin-top: 40px;
}
.project-detail-all{
    position: relative;
}
.pro-shang{
    overflow: hidden;
    padding: 3px;
    box-sizing: border-box;
}
.pro-shang-next::after,.pro-shang-prev::after{
    content: "";
    display: none;
}
.pro-shang-prev{
    width: 50px;
    height: 50px;
    background: url(../images/project-prev.png) no-repeat center;
    background-size: cover;
    top: unset;
    left: -80px;
    bottom: 65px;
}
.pro-shang-next{
    width: 50px;
    height: 50px;
    background: url(../images/project-next.png) no-repeat center;
    background-size: cover;
    top: unset;
    right: -80px;
    bottom: 65px;
}
.pro-xia{
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}
.pro-xia-cont{
    position: relative;
}
.pro-xia-cont>img{
    max-width: 100%;
    width: 100%;
    display: block;
}
.pro-xia-cang{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    transition: .3s ease-in;
}
.pro-xia-cang img{
    max-width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pro-xia .swiper-slide-thumb-active .pro-xia-cang{
    display: block;
}
.service{
    padding: 80px 0;
}
.service-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.service-cont{
    width: 47%;
    margin-bottom: 40px;
}
.service-cont:hover .service-img img{
    transform: scale(1.1);
}
.service-img{
    overflow: hidden;
}
.service-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.service-p{
    padding: 30px;
    box-sizing: border-box;
    background-color: #F8F8F8;
    position: relative;
}
.service-p::after{
    border-style: solid;
    border-width: 100px 0px 100px 100px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.service-p h2{
    font-size: 24px;
    color: #191919;
}
.service-p h2:hover{
    color: #043e80;
}
.service-p p{
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
}
.service-p img{
    max-width: 100%;
    display: block;
    margin-top: 40px;
}
.service-detail{
    padding: 80px 0;
}
.service-detail-all{}
.service-detail-all>h2{
    font-size: 36px;
    color: #191919;
    text-align: center;
    font-weight: normal;
    margin-bottom: 60px;
}
.service-detail-all>img{
    width: 100%;
    display: block;
    margin-top: 60px;
}
.service-detail-all ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.service-detail-all ul li{
    width: 23%;
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    background-color: #D7DAE0;
    cursor: pointer;
    font-weight: bold;
}
.service-detail-all ul .active{
    background-color: #222222;
    color: #fff;
}
.service-detail-content{
    margin-top: 40px;
}
.service-detail-cont{
    padding: 60px 50px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #c3c3c3;
}
.service-more{
    margin-top: 60px;
}
.service-more h2{
    font-size: 24px;
    color: #333333;
    padding-left: 50px;
}
.service-more-all{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.service-more-cont{
    width: 23%;
    margin-left: 2%;
}
.service-more-cont:hover img{
    transform: scale(1.1);
}
.service-more-cont:hover p{
    color: #043e80;
}
.service-more-img{
    overflow: hidden;
}
.service-more-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.service-more-cont p{
    font-size: 16px;
    color: #333333;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #F8F8F8;
    position: relative;
    font-weight: bold;
}
.service-more-cont p::after{
    border-style: solid;
    border-width: 30px 0px 30px 30px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.new{
    padding: 80px 0;
}
.new-zong{
    margin-top: 60px;
}
.new-zong .news-all .news-cont{
    margin-bottom: 40px;
}
.news-detail{
    padding: 80px 0;
    margin-top: 80px;
}
.news-detail-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news-detail-left{
    width: 60%;
}
.news-detail-left-top{}
.news-detail-left-top h2{
    font-size: 36px;
    line-height: 48px;
    color: #191919;
    font-weight: normal;
}
.news-detail-left-top p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
}
.news-detail-left-top p span:first-child{
    font-size: 14px;
    color: #333333;
    padding: 10px 20px;
    background-color: #043e80;
    margin-left: 0;
}
.news-detail-left-top p span{
    font-size: 14px;
    color: #999999;
    margin-left: 40px;
}
.news-detail-left-p{
    margin-top: 40px;
}
.news-detail-left-p img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.news-detail-left-p video{
    max-width: 100%;
    display: block;
}
.news-page{
    margin-top: 40px;
    border: 1px solid #c3c3c3;
}
.news-page p{}
.news-page p a{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #191919;
    padding: 10px;
    box-sizing: border-box;
}
.news-detail-right{
    width: 30%;
}
.news-detail-right>h2{
    font-size: 24px;
    color: #191919;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
}
.news-detail-right-all{
    margin-top: 40px;
}
.news-detail-right-cont{
    margin-bottom: 40px;
}
.news-detail-right-cont:hover img{
    transform: scale(1.1);
}
.news-detail-right-cont:hover h2{
    color: #043e80;
}
.news-detail-img{
    overflow: hidden;
    position: relative;
}
.news-detail-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.news-detail-img p{
    font-size: 14px;
    color: #333333;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #043e80;
    position: absolute;
    top: 0;
    left: 30px;
}
.news-detail-p{
    padding: 20px 30px;
    background-color: #F8F8F8;
    box-sizing: border-box;
    position: relative;
}
.news-detail-p::after{
    border-style: solid;
    border-width: 30px 0px 30px 30px;
    border-color: transparent transparent white transparent;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-detail-p h2{
    font-size: 18px;
    line-height: 26px;
    color: #191919;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.news-detail-p p{
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
     -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.contact{
    padding: 80px 0;
}
.contact-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-top-left{
    width: 47%;
    position: relative;
}
.contact-top-left img{
    width: 100%;
    display: block;
}
.contact-top-left .contact-top-zi{
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.contact-top-left .contact-top-zi h2{
    font-size: 24px;
    color: #fff;
    text-align: center;
}
.contact-top-left .contact-top-zi p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 30px;
    text-align: center;
}
.contact-top-left .contact-top-zi p a{
    font-size: 16px;
    color: #333333;
    padding: 10px 20px;
    box-sizing: border-box;
    background-color: #043e80;
    display: inline-block;
    text-align: center;
}
.contact-top-right{
    width: 47%;
}
.contact-top-right h2{
    font-size: 36px;
    line-height: 48px;
    color: #191919;
    padding-bottom: 30px;
    border-bottom: 1px solid #E5E5E5;
    font-weight: normal;
}
.contact-top-right p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 30px;
}
.contact-top-right p img{
    display: block;
    max-width: 100%;
    display: block;
}
.contact-top-right p span{
    width: calc(100% - 40px);
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    margin-left: 20px;
}
#map{
    width: 100%;
    height: 500px;
    margin-top: 60px;
}
#map-info-window{
    display: none;
}
.map-text img{
    width: 120px;
    display: block;
    padding: 10px 50px;
}
.join{
    padding: 80px 0;
}
.join-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.join-cont{
    width: 48%;
    margin-bottom: 30px;
    border: 1px solid #c3c3c3;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
}
.join-cont-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.join-cont-one h2{
    width: 60%;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}
.join-cont-one p{
    width: 30%;
    text-align: end;
    font-size: 14px;
    color: #043e80;
}
.join-cont-two{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.join-cont-two h2{
    width: 70%;
    font-size: 12px;
    color: #b0b4ca;
    font-weight: normal;
}
.join-cont-two p{
    width: 20%;
    text-align: end;
    font-size: 12px;
    color: #b0b4ca;
}
.join-cont-three{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
}
.join-cont-three img{
    display: block;
    max-width: 100%;
}
.join-cont-three p{
    font-size: 14px;
    color: #777d9c;
    margin-left: 10px;
}
.join-cont-tan{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1005;
    display: none;
}
.join-cont-tan-all{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(0, 0, 0, 0.3);
}
.join-tan-all{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1006;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    max-height: 500px;
    overflow-y: auto;
}
.join-tan-close{
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 40px;
    cursor: pointer;
}
.join-tan-cont{}
.join-tan-top{}
.join-tan-top>h2{
    font-size: 24px;
    color: #191919;
    font-weight: normal;
    margin-bottom: 10px;
}
.join-tan-top>p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.join-tan-p{}
.join-tan-p h2{
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    margin: 20px 0;
}
.join-tan-p p{
    font-size: 14px;
    line-height: 28px;
    color: #666666;
}
.js-job-apply{
    padding: 10px 40px;
    background-color: #043e80;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    border-radius: 25px;
}
.liuyan{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}
.liuyan-all{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.5);
}
.liuyan-cont{
    width: 20%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1001;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #c3c3c3;
    border-radius: 10px;
}
.liuyan-cont form{}
.liuyan-cont form legend{
    font-size: 20px;
    color: #191919;
    text-align: center;
}
.liuyan-cont form .form-group{
    margin-top: 30px;
}
.liuyan-cont form .form-group input{
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    border: 1px solid #c3c3c3;
    outline: none;
}
.liuyan-cont form .form-group textarea{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #c3c3c3;
    margin-top: 10px;
}
.liuyan-cont form .btn{
    background-color: #043e80;
    font-size: 14px;
    color: #fff;
    padding: 10px 30px;
    display: block;
    margin: auto;
    margin-top: 30px;
    border: none;
}
.liuyan-close{
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 30px;
    cursor: pointer;
}

/* 4.2 add */
.foot-address{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.foot-address p{}
.foot-address p:last-child{
    margin-left: 40px;
}
.foot-address p:last-child a{
    display: block;
    width: 100px;
}
.foot-address p a img{
    display: block;
    margin: auto;
}
.foot-address p a span{
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
}
.download{
    padding: 60px 0;
}
.download-a a{
    display: block;
    color: #191919;
    padding: 20px 0;
    border-bottom: 1px solid #666666;
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}
.download-a a:hover{
    color: #043e80;
}
.download-a a::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #043e80;
    position: absolute;
    top: 28px;
    left: 0;
}



/* phone */
.mobile-inner-header {
    background-color: rgba(255,255,255,255.7);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
#wrap {
    text-align: left;
}
.fl {
    float: left;
    display: inline;
}
.mobile-inner-header-icon:hover {
    background-color: rgba(255,255,255,0.2);
    cursor: pointer;
}
.mobile-inner-header-icon {
    color: #666666;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}
.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,0.7);
}
.mobile-inner-header-icon:hover {
    cursor: pointer;
}
.mobile-inner-header-icon {
    color: #666666;
    font-size: 25px;
    text-align: center;
}
.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}
.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-nav {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0px;
    display: none;
    z-index: 9999;
    height: calc(100% - 50px);
    padding-top: 0%;
    overflow-y: auto;
}
.mobile-inner-nav a {
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    width: 90%;
    margin-left: 5%;
    color: #333333;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
    border-bottom: 1px solid #333333;
}
.mobile-inner-nav a {
    position: relative;
    overflow: hidden;
}
#wrap {
    text-align: left;
}
@keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}
.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,0.7);
}
.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
.mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-header-icon{
  display: none;
}
.mobile-inner-nav .alist:first-child a{
    border-bottom: none;
}
.mobile-inner-nav form{}
.mobile-inner-nav form .form-group{
    position: relative;
}
.mobile-inner-nav form input{
    box-sizing: border-box;
    outline: none;
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #333333;
}
.mobile-inner-nav form img{
    width: 17px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
}
@media (min-width:320px) and (max-width:1100px) {
  .mobile-inner-header-icon{
    display: block;
  }
}
@media (min-width:1200px) and (max-width:1600px){
    .container{
        width: 85%;
    }
    .news,.company{
        padding: 60px 0;
    }
    
    .product {
        padding:60px 0 60px;
    }
    .project{
        padding-top: 0;
        padding-bottom: 60px;
    }
    .ban-zi{
        width: 90%;
    }
    .head-zhong ul li a{
        padding: 30px 15px;
    }
    .banner-swiper .swiper-slide::after{
        border-width: 80px 80px 80px 0px;
    }
    .banner-swiper img{
        /* height: 50vh; */
        object-fit: cover;
    }
    .ban-zi h2{
        font-size: 40px;
        margin: 10px 0;
    }
    .ban-zi h3{
        font-size: 40px;
    }
    .news-content{
        padding: 40px 30px;
    }
    .news-content h2{
        font-size: 20px;
    }
    .news-content p{
        font-size: 14px;
    }
    .company-left{
        width: 40%;
    }
    .company-left p{
        font-size: 16px;
    }
    .company-left span{
        margin-top: 20px;
    }
    .company-right{
        width: 60%;
    }
    .product-one ul li{
        font-size: 14px;
    }
    .product-two{
        margin-top: 20px;
    }
    .product-two-b h2{
        font-size: 20px;
    }
    .product-two-b p span{
        font-size: 14px;
    }
    .product-more a{
        font-size: 12px;
        padding: 10px 6px;
          margin-right:2px;
    }
    .project-p h2{
        font-size: 20px;
    }
    .project-p p{
        font-size: 14px;
    }
    .project-p span{
        font-size: 14px;
    }
    .share-a{
        width: 90%;
    }
    .share-cont h2{
        font-size: 20px;
    }
    .share-cont p{
        font-size: 14px;
    }
    .about-swiper p{
        width: 100%;
    }
    .album-swiper>.swiper-wrapper>.swiper-slide{
        /*width: 300px !important;*/
    }
    .share-cont img{
        width: 150px;
        height: 150px;
    }
    .join-tan-all{
        width: 60%;
    }
    .liuyan-cont{
        width: 30%;
    }
    .foot-one ul li p a{
        margin-top: 15px;
    }
    
    .about2 .about-left .title p {
        font-size: 14px!important;
        line-height: 25px!important;
    }
    
    
    
    
    
}
.phone-news{
    display: none;
}
.phone-di{
    display: none;
}
@media screen and (max-width:1199px) {
    .about-four{
        padding-bottom: 30px;
    }
    .history-left{
        width: 100%;
    }
    .history-right{
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
    .pro-detail-p table{
        width: max-content;
    }
    /* 3.7 */
    .phone-di{
        display: block;
    }
    .footer{
        padding-bottom: 62px;
    }
    .liuyan-cont .liuyan-input::before{
        top: 15px;
    }
    .foot-one .liuyan-input::before{
        top: 5px;
    }
    .foot-share{
        text-align: center;
        padding: 10px 0;
    }
    .foot-two-right p{
        text-align: center;
    }
    .foot-address p:last-child{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .foot-address p:last-child a{
        width: 100%;
    }


    .liuyan-cont{
        width: 80%;
        padding: 30px 10px;
    }
    .liuyan-cont form .form-group{
        margin-top: 20px;
    }
    .liuyan-cont form .btn{
        margin: auto;
        margin-top: 20px;
    }
    .container{
        width: 95%;
    }
    .head-zhong ul{
        display: none;
    }
    .head-right{
        display: none;
    }
    .banner-swiper .swiper-slide::after{
        border-width: 30px 30px 30px 0px;
    }
    .banner-swiper img{
        /* height: 50vh; */
        object-fit: cover;
    }
    .ban-zi{
        width: 95%;
    }
    .ban-zi p{
        font-size: 14px;
    }
    .ban-zi h2{
        font-size: 20px;
        margin: 10px 0;
    }
    .ban-zi h3{
        font-size: 18px;
    }
    .ban-zi span{
        font-size: 12px;
        margin: 10px 0;
    }
    .ban-zi .ban-more{
        width: 130px;
        font-size: 14px;
    }
    .news{
        padding: 30px 0;
    }
    .phone-news{
        display: block;
    }
    .news-aa{
        display: none;
    }
    .news-one-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 30px;
    }
    .news-cont{
        width: 100%;
        margin-left: 0;
    }
    .news-content{
        padding: 30px 15px;
        margin-bottom: 20px;
    }
    .news-content::after{
        border-width: 30px 0px 30px 30px;
    }
    .line-1::after{
        border-width: 30px 30px 30px 0px;
    }
    .line-1 h2,.line-1 p{
        width: 95%;
    }
    .company{
        padding: 30px 0;
    }
    .company-all{
        flex-direction: column-reverse;
    }
    .company-left{
        width: 100%;
        margin-top: 20px;
    }
    .company-left h2{
        font-size: 24px;
    }
    .company-left p{
        font-size: 14px;
        margin-top: 15px;
    }
    .company-left span{
        margin-top: 10px;
    }
    .company-right{
        width: 100%;
        margin-top: 20px;
    }
    .company-one{
        width: 100%;
        float: unset;
    }
    .company-swiper img{
        height: auto;
    }
    .company-two{
        width: 100%;
        position: unset;
    }
    .company-two-cont{
        padding: 20px 0;
    }
    .company-two-cont h2{
        font-size: 24px;
    }
    .company-two-cont p{
        font-size: 12px;
    }
    .company-two-cont:last-child::after{
        content: "";
        display: none;
    }
    .company-prev,.company-next{
        display: none;
    }
    .product{
        padding: 30px 0;
    }
    .product-one ul li{
        width: 47%;
        font-size: 12px;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .product-two{
        margin-top: 20px;
    }
    .product-two-cont{
        width: 100%;
    }
    .product-two-b{
        padding: 15px;
    }
    .product-more a{
        font-size: 14px;
        padding: 10px;
      
    }
    .product-two-b::after{
        border-width: 30px 0px 30px 30px;
    }
    .project{
        padding: 0;
    }
    .project-all>h2{
        font-size: 24px;
    }
    .project-cont{
        width: 48%;
        margin-bottom: 20px;
    }
    .project-p{
        padding: 10px;
    }
    .project-p::after{
        border-width: 30px 0px 30px 30px;
    }
    .project-p h2{
        font-size: 20px;
    }
    .project-p p{
        display: none;
    }
    .share{
        height: 100%;
        background: unset;
        margin-bottom: 30px;
    }
    .share-a{
        width: 95%;
        position: unset;
        transform: unset;
        margin: auto;
    }
    .share-cont:first-child::after,.share-cont:last-child::after{
        display: none;
    }
    .share-cont{
        width: 100%;
        padding: 10px;
        margin-bottom: 20px;
    }
    .share-cont img{
        width: 100px;
        height: 100px;
    }
    .footer::after{
        border-width: 30px 0px 0px 30px;
    }
    .foot-one{
        padding: 30px 0;
    }
    .foot-one ul li{
        width: 100%;
        margin-bottom: 10px;
    }
    .foot-one ul li p a{
        display: none;
    }
    .foot-one ul li p:first-child a{
        display: block;
    }
    .foot-two-left a::before{
        width: 100%;
    }
    .foot-two-left a::after{
        right: -100%;
        border-width: 30px 0px 30px 30px;
    }
    .foot-two-right{
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .about-ban img{
        height: 50vh;
        object-fit: cover;
    }
    .about-zi{
        width: 90%;
    }
    .about-zi h2{
        font-size: 24px;
    }
    .about-zi p{
        font-size: 14px;
    }
    .about-one{
        padding-top: 30px;
    }
    .about-one>h2{
        font-size: 24px;
    }
    .about-swiper p{
        width: 100%;
    }
    .about-one-p{
        width: 50%;
        padding: 0;
    }
    .about-one-cont{
        width: 100%;
    }
    .about-one-p p{
        font-size: 12px;
        line-height: 24px;
        margin-top: 0;
    }
    .about-two{
        padding: 30px 0;
    }
    .about-two-all{
        padding: 10px;
    }
    .about-two-left{
        width: 100%;
    }
    .about-two-right{
        width: 100%;
        margin-top: 20px;
    }
    .about-two-right h2{
        font-size: 24px;
    }
    .about-two-right span{
        font-size: 12px;
        margin-top: 10px;
    }
    .about-two-all::after{
        content: "";
        display: none;
    }
    .album-swiper>.swiper-wrapper>.swiper-slide{
        width: 100% !important;
    }
    .album-prev,.album-next{
        display: none;
    }
    .about-three-all h1{
        font-size: 24px;
    }
    .album-swiper{
        margin-top: 20px;
    }
    .album-zi{
        padding: 10px;
    }
    .about-three{
        padding-bottom: 30px;
    }
    .about-ban{
        margin-top: 50px;
    }
    .pro{
        padding: 30px 0;
    }
    .pro-top-left{
        width: 100%;
    }
    .pro-top-right{
        width: 100%;
        margin-top: 10px;
    }
    .pro-top-right form{
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .pro-top-right form .form-group input{
        width: 100%;
    }
    .pro-xiala{
        width: 100%;
    }
    .pro-xiala-li p{
        padding: 0;
        text-align: center;
    }
    .pro-top-er p a{
        padding: 10px 0;
    }
    .pro-all{
        margin-top: 30px;
    }
    .pro-cont{
        width: 100%;
    }
    .pro-detail{
        padding: 30px 0;
    }
    .pro-detail-all{
        margin-top: 30px;
    }
    .pro-detail-left{
        width: 100%;
    }
    .pro-da-prev{
        left: 10px;
    }
    .pro-da-next{
        right: 10px;
    }
    .pro-xiao{
        margin-top: 20px;
    }
    .pro-detail-right{
        width: 100%;
        margin-top: 20px;
        padding: 10px;
    }
    .pro-detail-right h2{
        font-size: 24px;
    }
    .pro-detail-right h3{
        font-size: 16px;
        line-height: 28px;
    }
    #pro-li-3 img{
        width: 310%;
    }
    .pro-detail-right p{
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
    }
    .pro-detail-right a{
        margin-top: 20px;
    }
    .pro-detail-cont{
        margin-top: 30px;
    }
    .pro-detail-cont ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro-detail-cont ul li{
        width: 32%;
        font-size: 14px;
        padding: 10px 0;
        margin-right: 0;
        text-align: center;
    }
    .pro-detail-p{
        padding: 10px;
    }
    .pro-detail-p h2{
        margin-bottom: 10px;
    }
    .more-pro{
        margin-top: 30px;
    }
    .more-pro h1{
        font-size: 24px;
    }
    .projects{
        padding: 30px 0;
    }
    .project-alls{
        margin-top: 30px;
    }
    .project-one{
        width: 100%;
    }
    .project-p1{
        padding: 10px;
    }
    .pro-shang-next,.pro-shang-prev{
        display: none;
    }
    .project-detail{
        padding: 30px 0;
    }
    .project-detail-top h2{
        font-size: 18px;
    }
    .project-detail-top h3 p{
        margin-left: 20px;
    }
    .about-zi p br{
        display: none;
    }
    .service{
        padding: 30px 0;
    }
    .service-cont{
        width: 100%;
    }
    .service-p{
        padding: 10px;
    }
    .service-p::after{
        border-width: 50px 0px 50px 50px;
    }
    .service-detail{
        padding: 30px 0;
    }
    .service-detail-all>h2{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .service-detail-all>img{
        margin-top: 20px;
    }
    .service-detail-all ul{
        margin-top: 30px;
    }
    .service-detail-all ul li{
        width: 48%;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .service-detail-cont{
        padding: 10px;
    }
    .service-more-cont{
        width: 48%;
        margin-bottom: 20px;
    }
    .service-more{
        margin-top: 30px;
    }
    .new{
        padding: 30px 0;
    }
    .new-zong{
        margin-top: 30px;
    }
    .new-zong .news-all .news-cont{
        margin-bottom: 10px;
    }
    .page ul{
        width: 100%;
    }
    .page ul li{
        margin: 0 5px;
    }
    .news-detail{
        padding: 30px 0;
        margin-top: 50px;
    }
    .news-detail-left{
        width: 100%;
    }
    .news-detail-right{
        display: none;
    }
    .news-detail-left-top h2{
        font-size: 20px;
        line-height: 30px;
    }
    .news-detail-left-top p{
        margin-top: 20px;
    }
    .news-detail-left-p{
        margin-top: 20px;
    }
    .contact{
        padding: 30px 0;
    }
    .contact-top-left{
        width: 100%;
    }
    .contact-top-right{
        width: 100%;
        margin-top: 20px;
    }
    .contact-top-left .contact-top-zi{
        width: 100%;
        position: unset;
        transform: unset;
        margin-top: 20px;
    }
    .contact-top-left .contact-top-zi h2{
        color: #191919;
    }
    .contact-top-left .contact-top-zi p{
        color: #333333;
        margin-top: 10px;
    }
    .contact-top-right h2{
        font-size: 24px;
        line-height: 30px;
    }
    #map{
        height: 300px;
        margin-top: 30px;
    }
    .join{
        padding: 30px 0;
    }
    .join-cont{
        width: 100%;
        padding: 10px;
    }
    .join-tan-all{
        width: 90%;
        height: 400px;
        overflow-y: auto;
    }
    .join-cont-one h2,.join-cont-one p,.join-cont-two h2,.join-cont-two p{
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}

.thinkphp-pagination > div{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.thinkphp-pagination > div > * {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    font-size: 0.875rem;
}

.thinkphp-pagination > div > *.thispage {
    background-color: #222;
    color: #fff;
}

.thinkphp-pagination > div > *:not(.thispage):hover {
    background-color: #222;
    color: #fff;
    transition: all 150ms;
}


/* 2024.3.7 add */
.liuyan-input,.foot-input{
    position: relative;
}
.liuyan-input::before{
    content: "*";
    display: block;
    font-size: 13px;
    color: #f00;
    position: absolute;
    top: 10px;
    left: 3px;
}
.foot-input::before{
    content: "*";
    display: block;
    font-size: 13px;
    color: #f00;
    position: absolute;
    top: 10px;
    left: 3px;
}
#top{
    position: fixed;
    right: 10px;
    bottom: 20%;
    z-index: 9999;
    cursor: pointer;
}
#top img{
    max-width: 100%;
    display: block;
}
.phone-di{
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #043e80;
}
.phone-di-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 0;
}
.phone-di-cont{
    width: 25%;
}
.phone-di-cont img{
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;
}
.phone-di-cont p{
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-top: 5px;
}



.prodh2 {
    text-align: center;
    font-size: 40px;
    line-height: 80px;
    margin-bottom: 30px;
    color: #043e80;
}


.prodh2 span {
    display: block;
    font-size: 16px;
    color: #000;
    border: 1px solid #043e80;
    width: 600px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    line-height: 30px;
    font-weight: normal;
}



.about2 {
  margin-top: 5%;
  margin-bottom: 5%;
  position: relative;
}
.about2 .container {
  display: flex;
  justify-content: space-between;
}
.about2 .about-left {

  width: 53%;
}
.about2 .about-left .title {
}
.about2 .about-left .title h3 {
  font-size: 52px;
  color: #043e80;
  font-weight: bold;
}
.about2 .about-left .title em {
  font-size: 38px;
  color: #000000;
  font-weight: bold;
  position: relative;
  bottom: 15px;
}
.about2 .about-left .title span {
  font-size: 27px;
  color: #000000;
  display: block;
  position: relative;
  bottom: 5px;
}
.about2 .about-left .title i {
  display: block;
  width: 39px;
  height: 4px;
  background: #043e80;
  margin-top: 10px;
  margin-bottom: 20px;
}
.about2 .about-left .title p {
  font-size: 16px;
  color: #000000;
  line-height: 32px;
  width: 90%;
}
.about2 .about-right {
  width: 47%;
}
.about2 .about-right ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-right: 5px solid #d3d3d3;
  border-bottom: 5px solid #d3d3d3;
}
.about2 .about-right ul li {
  width: calc(100% / 3 - 6px);
  text-align: center;
  border: 6px solid #d3d3d3;
  border-right: 0;
  border-bottom: 0;
  padding: 9.7% 0px;
  transition: 0.4s;
}
.about2 .about-right ul li:hover {
  background: #043e80;
}
.about2 .about-right ul li:hover span,
.about2 .about-right ul li:hover i,
.about2 .about-right ul li:hover em {
  color: #ffffff;
}
.about2 .about-right ul li span {
  font-size: 52px;
  color: #000000;
  font-weight: 500;
  transition: 0.4s;
}
.about2 .about-right ul li i {
  font-size: 16px;
  color: #000000;
  font-weight: 300;
  transition: 0.4s;
}
.about2 .about-right ul li em {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  display: block;
  transition: 0.4s;
}



.ghangye h2 {
    text-align: center;
    font-size: 40px;
    padding-top: 60px;
      color: #043e80;
}
.ghangye h2 span {
    display: block;
    font-size: 28px;
    font-weight: normal;
    line-height: 80px;
    color: #000;
    border: 1px solid #043e80;
    width: 360px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}

.ghangye h2 p {
    font-size: 14px;
    font-weight: normal;
    width: 60%;
    margin: 0 auto;
}


.ghangye li {
    width:16.2%;
    float: left;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    text-align: center;
    margin: 30px 0;
}


.ghangye li h3 {
    line-height: 60px;
    font-size: 16px;
}


.ghangye li img {
    transition: all 0.5s;
}


.ghangye li:hover img {
    transform: rotate(360deg);
}

.ghangye li:hover h3 {
    color: #043e80;
}


.ugee {
  background: url(../images/ugee-bg.jpg) no-repeat center;
  overflow: hidden;
  padding-bottom: 9%;
}
.ugee .fr {
  width: 44.6%;
}
.ugee .title {
  text-align: right;
  margin-top: 8%;
  margin-bottom: 3%;
}
.ugee .title em {
  font-size: 42px;
  color: #333333;
  font-weight: bold;
}
.ugee .title p {
  font-size: 18px;
  color: #333333;
}
.ugee ul {
  display: flex;
  justify-content: space-between;
}
.ugee ul li:nth-child(1) {
  background: rgba(0,0,0,0.4);
  width: 100%;
  padding-top: 3.5%;
  padding-bottom: 9.1%;
  border-radius: 50px;
}
.ugee ul li:nth-child(1) dl {
  margin-left: 8%;
}
.ugee ul li:nth-child(1) dl dt {
  font-size: 26px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 3%;
}
.ugee ul li:nth-child(1) dl dd {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}
.ugee ul li:nth-child(1) a {
  font-size: 14px;
  color: #fff;
  margin-left: 8%;
  margin-top: 22%;
}
.ugee ul li:nth-child(2) {
  width: 43.01%;
  overflow: hidden;
}
.ugee ul li:nth-child(2) dd {
  padding-left: 8%;
}
.ugee ul li:nth-child(2) dd:nth-child(1) {
  background: url(../images/serve-pic2.jpg) no-repeat center;
  padding-top: 5%;
  padding-bottom: 25%;
  margin-bottom: 3%;
}
.ugee ul li:nth-child(2) dd:nth-child(2) {
  background: url(../images/serve-pic3.jpg) no-repeat center;
  padding-top: 5%;
  padding-bottom: 18.9%;
}
.ugee ul li:nth-child(2) dd em {
  font-size: 26px;
  color: #ffffff;
  font-weight: bold;
}
.ugee ul li:nth-child(2) dd a {
  font-size: 14px;
  color: #ffffff;
}
.ugee ul li:nth-child(2) dd:nth-child(1) a {
  margin-top: 2%;
}
.ugee ul li:nth-child(2) dd:nth-child(2) a {
  margin-top: 8%;
}


.auto_1400 {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
}

.Floor002642{position:relative; overflow:hidden;padding:4% 0 3%;background:url(../images/Floor002642-bg.png)no-repeat left center #fff}
.Floor002642 .left h2{font-size: 50px;font-weight: normal;color: #043e80;margin-bottom: 3%;margin-top: 0}
.Floor002642 .left h2 span{font-size: 60px;font-weight: bold;text-transform: uppercase;display: block;color: #eee;font-family: 'DINCond-Bold';margin-bottom: -30px}
.Floor002642 .right h2{ position:relative;}
.Floor002642 .right h2  span{color:#999;}
.Floor002642 .right h2 a{ position:absolute; right:0; top:50%; margin-top:-17px; border:1px solid #e7e7e7; line-height:35px; padding:0 20px; background:url(../images/Floor002642_more.png) no-repeat 90% center; font-size:18px; color:#ddd; width:150px; border-radius:35px; text-transform:uppercase; font-family:Helvetica, sans-serif;}
.Floor002642 .right h2 a:hover{ color:#12aec1;}
.Floor002642 .left{}
.Floor002642 .icon aside{ display:inline-block; border-radius:50%; padding:27px; background:rgba(255,255,255,0.2); width:60%; max-width:150px;}
.Floor002642 .icon aside img{ display:block; width:100%;}
.Floor002642 .txt{color:#666;font-size: 19px;line-height:40px;}
.Floor002642 .txt p{ margin:0;}
.Floor002642 .book{line-height:50px;color:#fff;display: block;transition:0.3s;font-size: 14px;background: #043e80;padding-right: 60px;padding-left: 30px;width: 180px;box-shadow: 0 0px 30px rgba(0,0,0,0.2);}
.Floor002642 .book:hover{ width: 200px;}

.Floor002642 .right ul{ overflow:hidden;box-shadow: 0 0px 30px rgba(0,0,0,0.04)}
.Floor002642 .right li{ 
    float:left; 
    width:33%;
    background: #fff;
    text-align: center;
    
}
.Floor002642 .right li a{display:block;border-left:1px solid #f1f1f1;border-top:1px solid #f1f1f1;padding: 3% 0;text-align:center;margin-top:-1px;}
.Floor002642 .right li:nth-child(1) a,
.Floor002642 .right li:nth-child(5) a{ border-left:none;}
.Floor002642 .right li p{ margin-bottom:0; font-size:18px; color:#888;}
.Floor002642 .right li a:hover p{ color:#0598aa;}
.Floor002642 .right li figure{ 
    position:relative;
    margin:0 auto;
    text-align: center;
    
}
.Floor002642 .right li figure img{ 
    
    width:80%; 
    background:#fff;
    transition: transform ease-out 0.1s;
    
    
}
.Floor002642 .right li figure img.hide{ display:none; }
.Floor002642 .right li :hover figure img{ 
  
}
.Floor002642 .right li a:hover figure img{  border-color:#12aec1;
    transform: scale(1.1);
}

@media(max-width:1425px){
    .foot-two-left a::before{
        display:none;
    }
    

    
    
    
    
}

@media(max-width:1325px){
       .product-more a {
        font-size: 12px;
        padding: 10px 8px;
        margin-right: 2px;
    }
    
    

    
    
    
    
    
}




@media(min-width:1025px){
.Floor002642 > *{ position:relative; z-index:3; padding-bottom:5%;}
.Floor002642 .left{ float:left; width:35.416%;}
.Floor002642 .left .main{width:100%; max-width:420px; padding-right:8%;}
.Floor002642 .txt{ padding:8% 0 10% 0;}
.Floor002642 .icon{ padding-top:8%;}
.Floor002642 .right{ float:right; width:64.584%;}

}

@media(max-width:1024px){
.Floor002642{padding:50px 0;}
.Floor002642 .left{margin-bottom: 30px;}
.Floor002642 .left h2{font-size: 28px;}
.Floor002642 .left h2 span{font-size: 40px;}
.Floor002642 .txt{ padding:3% 0;}
}
@media(max-width:640px){
.Floor002642 .right h2 a{ font-size:14px; width:95px;}
.Floor002642 .right h2{ padding-top:15px;}
}
@media(max-width:480px){
.Floor002642 .right li{ width:50%;}
.Floor002642 .icon aside{ width:110px;}
}
@media(max-width:375px){
.Floor002642 .main h2 span{ display:none;}
}

@media(max-width:480px){

.about2 .container {
    display:block;
}

.about2 .about-left {
    width:100%;
}

.about2 .about-left .title p {
    width:100%;
}

.about2 .about-right {
    width:100%;
}

.about2 .about-right ul li {
    width: calc(100% / 2 - 6px);
}
.ghangye h2 p {
    width:80%;
}

.ghangye li {
    width:49%;
}

.Floor002642 .right li {
    width:33%;
}

.pro-all {
    display:block;
}








}




.hyjjfa {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.4);
    padding: 10px 0 0;
    width: 100%;
    z-index: 999999;
    
}

.hyjjfa h2 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 6px;
    color: #fff;
}



.hyjjfa-swiper {
    width: 80%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.hyjjfap,.hyjjfan {
    display: block!important;
}

.hyh3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.fooyleft {
    color: #fff;
    line-height: 21px;
}

.fooyleft p {
    margin-top: 15px;
    font-size: 14px;
}

.fooyleft img {
    filter: brightness(100);
    width: 80%;
}
.shouhzi {
    position: absolute;
    width: 100px;
    height: 100px;
    right: 0;
    top: 50%;
    
    animation-duration: 3s;
       animation-name: rightMove, bottomMove;
      animation-iteration-count: infinite;
      animation-direction:alternate;
       right: 100px;
      top:40%;
}




  @keyframes rightMove{
       50% {
        animation-timing-function: linear;
        right: 0px;
      }
    }
    
     @keyframes bottomMove{
      50% {
        animation-timing-function: linear;
        top: 50%;
      }
    }



.smabannerimg {
    max-width: 163px!important;
}



@media(max-width:640px){

.head-left {
    position:relative;
    width:50%;
    padding-left:0;
}

.head-left a {
    width:100%;
}

.head-left img {
     width:100%;
}

.ny_right_top {
    width:96%!important;
    
}


.pro-cont {
    width:48%;
    float:left;
    margin:0 1%;
}


.product-two-a p {
    width:100%;
    right:0;
    text-align:center;
    padding: 10px 0;
}

.leftimg {
    width:100%;
}
.rightcontent {
    width:100%;
}
    
    
    
.out-foot {
    display:none;
}    
    

.ny_news_list li .img {
    width:100%;
}    

.ny_news_list li span {
    width:100%;
}
    
 .ny_product_list li {
     width:48%;
     margin:0 1%;
     float:left;
 }   
    
    
.hyjjfa {
    position:relative;
}
    
.product-two-cont {
    width:47%;
    float:left;
} 

.product-more {
    display:none;
}
    
}