*{
    font-family: 'AlibabaPuHui';
}
.container{
    width: 1600px;
    margin: auto;
}
.header{
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 10;
}
.head-top{
    display: block;
    position: sticky;
    top: 0;
}
.head{
    height: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.head-left{}
.head-left a{
    width: 160px;
    display: block;
}
.head-left a img{
    width: 100%;
    display: block;
}
.head-zhong{}
.head-zhong ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.head-zhong ul li{
    position: relative;
}
.head-zhong ul li:hover>a{
    color: #245097;
}
.head-zhong ul .active a{
    color: #245097;
}
.head-zhong ul li a{
    font-size: 18px;
    line-height: 30px;
    color: #000;
    padding: 35px;
    box-sizing: border-box;
    display: block;
}
.head-zhong ul li:hover .head-menu{
    display: block;
}
.head-menu{
    width: 100%;
    position: fixed;
    top: 100px;
    left: 0;
    background-color: rgba(255,255,255,.65);
    display: none;
}
.head-menu p{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.head-menu p a{
    color: #333333 !important;
}
.head-menu p a:hover{
    color: #245097 !important;
}
.head-right{}
.head-right ul{}
.head-right ul li{
    position: relative;
}
.head-right ul li>a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    line-height: 30px;
    padding: 35px 20px;
}
.head-right ul li a span{
    font-size: 18px;
    color: #000;
    display: block;
}
.head-right ul li a i{
    font-size: 18px;
    display: block;
    color: #000;
    margin-left: 10px;
}
.head-right ul li:hover .lang-drop{
    display: block;
}
.lang-drop{
    width: 100%;
    position: absolute;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
}
.lang-drop a{
    display: block;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
}
.banner{}
.ban-swiper{
    overflow: hidden;
    position: relative;
}
.ban-swiper .swiper-slide{}
.ban-all{
    position: relative;
}
.ban-all img{
    width: 100%;
    display: block;
}
.ban-all .pc-ban{
    display: block !important;
}
.ban-all .phone-ban{
    display: none !important;
}
.ban-p{
    width: 1600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.ban-p h2{
    font-size: 48px;
    color: #191919;
    font-weight: bold;
}
.ban-p h2 span{
    display: inline-block;
    font-size: 48px;
    color: #245098;
    font-weight: bold;
}
.ban-p h3{
    width: 30%;
    height: 5px;
    background-image: linear-gradient(to right,#245098,rgba(36,80,152,0));
    margin: 30px 0;
}
.ban-p p{
    font-size: 32px;
    color: #191919;
}
.ban-page{
    width: 1600px !important;
    left: 50% !important;
    transform: translate(-50%, 0);
    text-align: left;
}
.ban-page .swiper-pagination-bullet{
    background: #B5B5B6;
    margin-right: 15px !important;
    opacity: 1;
}
.ban-page .swiper-pagination-bullet-active{
    background: #245098;
}
.index-why{
    padding: 100px 0;
}
.index-why-all{}
.index-why-top{
    padding-bottom: 40px;
    border-bottom: 1px solid #DCDDDD;
}
.index-why-top h1{
    font-size: 32px;
    color: #999999;
}
.index-why-top h2{
    font-size: 32px;
    color: #191919;
}
.index-why-content{
    margin-top: 60px;
    position: relative;
}
.why-swiper{
    overflow: hidden;
}
.why-swiper.swiper-slide{}
.index-why-cont{
    background-color: #F7F8F8;
    border-radius: 10px;
}
.index-why-cont:hover .index-why-p{
    background-color: #245098;
}
.index-why-cont:hover .index-why-p h2{
    color: #fff;
}
.index-why-cont:hover .index-why-p p{
    color: #fff;
}
.index-why-cont i{
    font-size: 45px;
    color: #245098;
    display: block;
    padding: 50px;
    box-sizing: border-box;
}
.index-why-p{
    padding: 50px;
    box-sizing: border-box;
    transition: .3s ease-in;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.index-why-p h2{
    font-size: 18px;
    color: #000;
    transition: .3s ease-in;
}
.index-why-p p{
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-weight: lighter;
    margin-top: 30px;
    min-height: 96px;
    transition: .3s ease-in;
}
.why-page{
    width: auto !important;
    left: unset !important;
    text-align: right;
    right: 0;
    top: -130px;
}
.why-page .swiper-pagination-bullet{
    background: #B5B5B6;
    margin-right: 15px !important;
    opacity: 1;
}
.why-page .swiper-pagination-bullet-active{
    background: #245098;
}
.why-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: unset;
    top: -170px;
    right: 70px;
}
.why-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.why-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: -170px;
}
.why-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.why-prev::after,.why-next::after{
    content: "";
}
.why-prev:hover,
.why-next:hover{
    background-color: #245098;
}
.why-prev:hover i,
.why-next:hover i{
    color: #fff;
}
.index-pro{
    padding: 100px 0;
    padding-bottom: 0;
    background: url(../img/pro-bj.png) no-repeat center;
    background-size: cover;
}
.index-pro-all{}
.index-pro-swiper{
    overflow: hidden;
    position: relative;
}
.index-pro-p{}
.index-pro-p h2{
    font-size: 32px;
    color: #191919;
    text-align: center;
}
.index-pro-p p{
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    text-align: center;
    margin-top: 20px;
}
.index-pro-p a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.index-pro-p a span{
    display: block;
    font-size: 16px;
    color: #245098;
}
.index-pro-p a i{
    font-size: 16px;
    color: #245098;
    display: block;
    margin-left: 10px;
}
.index-pro-img{
    margin-top: 60px;
    margin-bottom: 170px;
}
.index-pro-img img{
    display: block;
    margin: auto;
    -webkit-box-reflect: below 2px linear-gradient(transparent, rgba(0,0,0,.4));
}
.index-pro-page .swiper-pagination-bullet{
    background: #B5B5B6;
    opacity: 1;
}
.index-pro-page .swiper-pagination-bullet-active{
    background: #245098;
}
.index-pro-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
}
.index-pro-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.index-pro-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
}
.index-pro-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.index-pro-prev::after,.index-pro-next::after{
    content: "";
}
.index-pro-prev:hover,
.index-pro-next:hover{
    background-color: #245098;
}
.index-pro-prev:hover i,
.index-pro-next:hover i{
    color: #fff;
}
.index-hezuo{
    padding: 100px 0;
}
.index-hezuo-all{}
.index-hezuo-top{
    padding-bottom: 40px;
    border-bottom: 1px solid #DCDDDD;
}
.index-hezuo-top h1{
    font-size: 32px;
    color: #999999;
}
.index-hezuo-top h2{
    font-size: 32px;
    color: #191919;
}
.index-hezuo-content{
    margin-top: 60px;
    position: relative;
}
.hezuo-swiper{
    overflow: hidden;
}
.why-swiper.swiper-slide{}
.index-hezuo-cont{
    overflow: hidden;
    margin: 5px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 rgba(178,178,178,.75);
}
.index-hezuo-cont:hover img{
    transform: scale(1.1);
}
.index-hezuo-cont img{
    display: block;
    margin: 20px auto;
    transition: .3s ease-in;
}
.hezuo-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: unset;
    top: -170px;
    right: 70px;
}
.hezuo-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.hezuo-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: -170px;
}
.hezuo-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.hezuo-prev::after,.hezuo-next::after{
    content: "";
}
.hezuo-prev:hover,
.hezuo-next:hover{
    background-color: #245098;
}
.hezuo-prev:hover i,
.hezuo-next:hover i{
    color: #fff;
}
.index-ys{
    padding: 200px 0;
    background: url(../img/ys-bj.png) no-repeat center;
    background-size: cover;
}
.index-ys-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.index-ys-left{
    width: 100px;
    position: relative;
}
.mySwiper{
    position: relative;
    height: 420px;
}
.mySwiper .swiper-slide{
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid transparent;
    position: relative;
}
.mySwiper .swiper-slide::before{
    content: "";
    display: block;
    width: 0;
    height: 50px;
    border-left: 1px dashed #fff;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(0,-50%);
}
.mySwiper .swiper-slide:nth-child(3)::after{
    content: "";
    display: block;
    width: 0;
    height: 50px;
    border-left: 1px dashed #fff;
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translate(0,-50%);
}
.mySwiper .swiper-slide-thumb-active{
    border: 1px solid #fff;
}
.mySwiper .swiper-slide i{
    display: block;
    font-size: 40px;
    color: #fff;
    text-align: center;
    line-height: 100px;
}
.index-ys-right{
    width: calc(100% - 200px);
}
.mySwiper2{
    overflow: hidden;
    position: relative;
}
.index-ys-you{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.index-ys-l{
    width: 40%;
}
.index-ys-l h2{
    font-size: 18px;
    color: #fff;
}
.index-ys-l p{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 30px;
}
.index-ys-l a{
    margin-top: 60px;
    display: block;
    width: 150px;
    background-color: #245098;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    border: 1px solid transparent;
    transition: .3s ease-in;
}
.index-ys-l a:hover{
    background-color: transparent;
    border: 1px solid #245098;
}
.index-ys-r{
    width: 50%;
}
.index-ys-r img{
    width: 100%;
    display: block;
}
.index-news{
    padding: 100px 0;
}
.index-news-all{}
.index-news-top{
    padding-bottom: 40px;
    border-bottom: 1px solid #DCDDDD;
}
.index-news-top h1{
    font-size: 32px;
    color: #999999;
}
.index-news-top h2{
    font-size: 32px;
    color: #191919;
}
.index-news-content{
    margin-top: 60px;
    position: relative;
}
.news-swiper{
    overflow: hidden;
}
.why-swiper.swiper-slide{}
.index-news-cont{}
.index-news-cont:hover img{
    transform: scale(1.1);
}
.index-news-cont:hover h2{
    color: #245098;
}
.index-news-img{
    overflow: hidden;
}
.index-news-cont img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.index-news-cont span{
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
}
.index-news-cont h2{
    font-size: 18px;
    color: #333333;
    transition: .3s ease-in;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.news-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: unset;
    top: -170px;
    right: 70px;
}
.news-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.news-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: -170px;
}
.news-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.news-prev::after,.news-next::after{
    content: "";
}
.news-prev:hover,
.news-next:hover{
    background-color: #245098;
}
.news-prev:hover i,
.news-next:hover i{
    color: #fff;
}
.footer{
    background-color: #245098;
}
.foot{}
.foot-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0;
    border-bottom: 1px solid #27569A;
}
.foot-one a{
    width: 140px;
    display: block;
}
.foot-one a img{
    width: 100%;
    display: block;
}
.foot-one p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.foot-one p img{
    width: 40px;
    height: 40px;
    display: block;
}
.foot-one p span{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
}
.foot-two{
    padding: 50px 0;
}
.foot-two ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot-two ul li{}
.foot-two ul li p{
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}
.foot-two ul li p a{
    font-size: 18px;
    color: #fff;
}
.foot-two ul li a{
    display: block;
    font-size: 14px;
    color: #fff;
    margin-top: 10px;
}
.foot-di{
    padding: 30px 0;
    background-color: #143E81;
}
.foot-di-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.foot-di-left{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.foot-di-left li{
    position: relative;
}
.foot-di-left li:hover .lang-foot-drop{
    display: block;
}
.foot-di-left li a{
    width: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 10px 0;
    box-sizing: border-box;
}
.lang-foot-drop{
    position: absolute;
    top: -100%;
    display: none;
}
.lang-foot-drop a{
    color: #fff;
}
.foot-di-left li a span{
    display: block;
    font-size: 16px;
    color: #fff;
}
.foot-di-left li a i{
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}
.foot-di-left>a{
    display: block;
    margin-left: 30px;
    position: relative;
}
.foot-di-left>a:hover .ewm{
    display: block;
}
.ewm{
    position: absolute;
    top: -100px;
    left: -40px;
    display: none;
}
.ewm img{
    width: 100px;
    height: 100px;
    display: block;
}
.foot-di-left>a i{
    color: #fff;
    font-size: 20px;
    display: block;
}
.foot-di-zhong{}
.foot-di-zhong p{
    font-size: 14px;
    color: #fff;
}
.foot-di-zhong p a{
    display: inline-block;
    color: #fff;
    margin-left: 10px;
}
.foot-di-right{}
.foot-di-right a{
    font-size: 14px;
    color: #fff;
    display: block;
}
.about-ban{}
.about-ban img{
    width: 100%;
    display: block;
}
.about-head{
    box-shadow: 0 0 5px 0 rgba(206,206,206,.75);
}
.about-head-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-head-left{}
.about-head-left li{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.about-head-left li p{
    font-size: 14px;
    line-height: 80px;
    color: #333333;
}
.about-head-left li span{
    font-size: 14px;
    line-height: 80px;
    color: #333333;
    display: block;
    margin: 0 10px;
}
.about-head-left li a{
    font-size: 14px;
    line-height: 80px;
    color: #333333;
    display: block;
}
.about-head-right{}
.about-head-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.about-head-right ul li{}
.about-head-right ul .active a{
    color: #245097;
}
.about-head-right ul li:first-child a{
    margin-left: 0;
}
.about-head-right ul li a{
    font-size: 14px;
    line-height: 80px;
    color: #333333;
    margin-left: 40px;
    display: block;
}
.about{}
.about-one{
    padding: 100px 0;
}
.about-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-one-left{
    width: 20%;
}
.about-one-left h2{
    font-size: 32px;
    color: #989898;
}
.about-one-left p{
    font-size: 32px;
    color: #191919;
}
.about-one-right{
    width: 70%;
}
.about-one-right p{
    font-size: 16px;
    line-height: 34px;
    color: #333333;
}
.about-two{
    padding: 150px 0;
    background: url(../img/about-bj.png) no-repeat center fixed;
    background-size: cover;
}
.about-two-all{}
.about-two-all h1{
    font-size: 32px;
    color: #fff;
}
.about-two-content{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-two-cont{
    width: 30%;
    background-color: #fff;
    padding: 80px 60px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}
.about-two-cont:hover .about-two-img{
    opacity: 1;
}
.about-two-cont:hover .about-two-p p{
    background-color: #fff;
}
.about-two-cont:hover .about-two-p h2{
    color: #fff;
}
.about-two-cont:hover .about-two-p span{
    color: #fff;
}
.about-two-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    opacity: 0;
    transition: .3s ease-in;
}
.about-two-img::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(36,80,152,.75);
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
}
.about-two-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}
.about-two-p{
    position: relative;
}
.about-two-cont p{
    width: 60px;
    height: 60px;
    background-color: #EEEEEE;
    border-radius: 50%;
    margin: auto;
    transition: .3s ease-in;
}
.about-two-cont i{
    font-size: 24px;
    color: #245097;
    display: block;
    text-align: center;
    line-height: 60px;
}
.about-two-cont h2{
    font-size: 18px;
    color: #191919;
    text-align: center;
    margin-top: 30px;
    transition: .3s ease-in;
}
.about-two-cont span{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
    transition: .3s ease-in;
}
.about-three{
    padding: 100px 0;
}
.about-three-all{}
.about-three-all h1{
    font-size: 32px;
    color: #191919;
    text-align: center;
}
.about-three-content{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-three-cont{
    width: 23%;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(181,181,181,.75);
    border-radius: 10px;
    padding: 50px 60px;
    box-sizing: border-box;
    transition: .3s ease-in;
}
.about-three-cont:hover{
    background-color: #245097;
}
.about-three-cont:hover p{
    background-color: #fff;
}
.about-three-cont:hover h2{
    color: #fff;
}
.about-three-cont:hover span{
    color: #fff;
}
.about-three-cont p{
    width: 60px;
    height: 60px;
    background-color: #EEEEEE;
    border-radius: 50%;
    margin: auto;
    transition: .3s ease-in;
}
.about-three-cont p i{
    display: block;
    font-size: 24px;
    color: #245097;
    text-align: center;
    line-height: 60px;
}
.about-three-cont h2{
    font-size: 18px;
    color: #191919;
    text-align: center;
    margin-top: 30px;
    transition: .3s ease-in;
}
.about-three-cont span{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    margin-top: 20px;
    transition: .3s ease-in;
}
.about-four{
    padding-top: 100px;
    background: url(../img/about-ys-bj.png) no-repeat center;
    background-size: cover;
}
.about-four-all{}
.about-four-all h1{
    font-size: 32px;
    color: #fff;
}
.about-four-top{
    margin-top: 40px;
}
.about-four-top-cont{}
.about-four-top-cont h1{
    font-size: 32px;
}
.about-four-top-cont h2{
    font-size: 16px;
    color: #fff;
}
.about-four-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 300px;
}
.about-four-cont{
    width: 25%;
    padding: 50px;
    box-sizing: border-box;
    transition: .3s ease-in;
    cursor: pointer;
}
.about-four-cont.active{
    background-color: rgba(36,80,152,.8);
}
.about-four-cont i{
    display: block;
    font-size: 40px;
    color: #fff;
    text-align: center;
}
.about-four-cont p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.about-five{
    padding: 100px 0;
}
.about-five-all{
    position: relative;
}
.about-five-all h1{
    font-size: 32px;
    color: #191919;
    text-align: center;
}
.about-five-cont{
    position: relative;
}
.about-five-swiper{
    overflow: hidden;
    margin-top: 60px;
}
.about-five-img{
    /* background-image: linear-gradient(to right,#F1F1F1,#CBCBCB); */
    border-top-right-radius: 20px;
    padding: 40px 0;
    overflow: hidden;
}
.about-five-img img{
    display: block;
    width: 70%;
    margin: auto;
    transition: .3s ease-in;
}
.about-five-swiper .swiper-slide{}
.about-five-swiper .swiper-slide:hover img{
    transform: scale(1.1);
}
.about-five-swiper .swiper-slide p{
    font-size: 18px;
    color: #191919;
    text-align: center;
    margin-top: 20px;
}
.about-five-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: -60px;
}
.about-five-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-five-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    right: -60px;
}
.about-five-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-five-prev::after,.about-five-next::after{
    content: "";
}
.about-five-prev:hover,
.about-five-next:hover{
    background-color: #245098;
}
.about-five-prev:hover i,
.about-five-next:hover i{
    color: #fff;
}
.about-six{
    padding: 200px 0;
    background: url(../img/fz-bj.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.about-six-all{
    position: relative;
}
.about-six-top{}
.about-six-top h1{
    font-size: 32px;
    color: #fff;
}
.about-six-cont{
    margin-top: 60px;
    position: relative;
}
.about-six-xian{
    position: absolute;
    width: 130%;
    top: 80px;
}
.about-six-xian img{
    width: 100%;
    display: block;
}
.about-six-swiper{
    /* overflow: hidden; */
    position: relative;
}
.about-six-swiper .swiper-slide{
    height: 300px;
}
.about-six-swiper .swiper-slide-active .about-six-p span{
    transform: scale(1.5);
}
.about-six-swiper .swiper-slide-active .about-six-p h2{
    opacity: 1;
}
.about-six-swiper .swiper-slide-active .about-six-p span::after{
    content: "";
    display: block;
    opacity: 1;
    width: 7px;
    height: 6.8px;
}
.about-six-swiper .swiper-slide:nth-child(1){
    background: url(../img/x-1.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(2){
    background: url(../img/x-2.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(3){
    background: url(../img/x-3.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(4){
    background: url(../img/x-4.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(5){
    background: url(../img/x-5.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(6){
    background: url(../img/x-6.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(7){
    background: url(../img/x-7.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(8){
    background: url(../img/x-8.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(9){
    background: url(../img/x-9.png) no-repeat center;
    background-size: 100% auto;
}
.about-six-swiper .swiper-slide:nth-child(1) .about-six-p{
    top: 220px;
    left: -60px;
}
.about-six-swiper .swiper-slide:nth-child(2) .about-six-p{
    top: 70px;
}
.about-six-swiper .swiper-slide:nth-child(3) .about-six-p{
    top: 115px;
}
.about-six-swiper .swiper-slide:nth-child(4) .about-six-p{
    top: 228px;
}
.about-six-swiper .swiper-slide:nth-child(5) .about-six-p{
    top: 140px;
}
.about-six-swiper .swiper-slide:nth-child(6) .about-six-p{
    top: 72px;
}
.about-six-swiper .swiper-slide:nth-child(7) .about-six-p{
    top: 170px;
}
.about-six-swiper .swiper-slide:nth-child(8) .about-six-p{
    top: 87px;
}
.about-six-swiper .swiper-slide:nth-child(9) .about-six-p{
    top: 135px;
}
.about-six-p{
    position: absolute;
    width: 50%;
    margin: auto;
    transition: .3s ease-in;
}
.about-six-p span{
    display: block;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    position: relative;
}
.about-six-p span::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #245097;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.about-six-p span{}
.about-six-p p{
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}
.about-six-p h2{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    /* opacity: 0; */
    transition: .3s ease-in;
}
.about-six-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: unset;
    top: -80px;
    right: 70px;
}
.about-six-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-six-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: -80px;
}
.about-six-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-six-prev::after,.about-six-next::after{
    content: "";
}
.about-six-prev:hover,
.about-six-next:hover{
    background-color: #245098;
}
.about-six-prev:hover i,
.about-six-next:hover i{
    color: #fff;
}
.about-seven{
    padding: 100px 0;
    overflow: hidden;
}
.about-seven-all{}
.about-seven-all h1{
    font-size: 32px;
    color: #191919;
}
.about-seven-cont{
    margin-top: 60px;
}
.about-seven-swiper{
    position: relative;
}
.about-seven-swiper .swiper-slide-active .about-seven-left{
    display: block;
}
.about-seven-p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-seven-left{
    width: 47%;
    /* display: none; */
}
.about-seven-left h2{
    font-size: 18px;
    color: #191919;
}
.about-seven-left p{
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    margin-top: 20px;
}
.about-seven-right{
    width: 50%;
}
.about-seven-right img{
    width: 100%;
    display: block;
}
.about-seven-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: unset;
    bottom: 0;
}
.about-seven-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-seven-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: unset;
    bottom: 0;
    left: 70px;
}
.about-seven-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.about-seven-prev::after,.about-seven-next::after{
    content: "";
}
.about-seven-prev:hover,
.about-seven-next:hover{
    background-color: #245098;
}
.about-seven-prev:hover i,
.about-seven-next:hover i{
    color: #fff;
}
.about-eight{
    padding: 100px 0;
    background-color: #EEEEEE;
}
.about-eight-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-eight-left{
    width: 40%;
}
.about-eight-left h2{
    font-size: 32px;
    color: #191919;
}
.about-eight-left p{
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    margin-top: 30px;
}
.about-eight-right{
    width: 50%;
}
.about-eight-right img{
    width: 100%;
    display: block;
}
.product{
    padding: 100px 0;
}
.product-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
    margin-top: -40px;
}
.product-cont{
    width: 23%;
    margin-left: 2%;
    margin-top: 40px;
}
.product-cont a{
    display: block;
}
.product-cont a:hover img{
    transform: scale(1.1);
}
.product-cont a:hover span{
    background-color: #245097;
}
.product-cont a:hover p{
    color: #245097;
}
.product-img{
    padding: 40px;
    box-sizing: border-box;
    background-color: #EEEEEE;
}
.product-img img{
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.product-cont a span{
    display: block;
    width: 140px;
    background-color: #666666;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    border-radius: 25px;
    margin: 20px auto;
    transition: .3s ease-in;
}
.product-cont a p{
    font-size: 18px;
    color: #191919;
    text-align: center;
    margin-top: 10px;
    transition: .3s ease-in;
}
.pro-detail{}
.pro-detail-one{
    padding: 100px 0;
    background-color: #EEEEEE;
}
.pro-detail-head{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.pro-detail-head p{
    font-size: 14px;
    color: #333333;
}
.pro-detail-head span{
    display: block;
    font-size: 14px;
    color: #333333;
    margin: 0 10px;
}
.pro-detail-head a{
    font-size: 14px;
    color: #333333;
    display: block;
}
.pro-detail-one-all{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-detail-one-left{
    width: 45%;
}
.pro-detail-one-left h2{
    font-size: 36px;
    color: #191919;
}
.pro-detail-one-left p{
    font-size: 16px;
    line-height: 34px;
    color: #333333;
    margin-top: 20px;
}
.pro-detail-one-left ul{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pro-detail-one-left ul li{
    width: 150px;
    margin-right: 20px;
}
.pro-detail-one-left ul li:last-child{
    margin-right: 0;
}
.pro-detail-one-left ul li a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #333333;
    border-radius: 25px;
    padding: 10px 0;
    box-sizing: border-box;
}
.pro-detail-one-left ul li a span{
    display: block;
    font-size: 16px;
    color: #333333;
}
.pro-detail-one-left ul li a i{
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}
.pro-detail-one-right{
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-detail-zuo{
    width: calc(100% - 150px);
    position: relative;
}
.pro-detail-zuo .mySwiperzuo{
    overflow: hidden;
}
.pro-detail-zuo .mySwiperzuo .pro-detail-img{}
.pro-detail-zuo .mySwiperzuo .pro-detail-img img{
    display: block;
    margin: auto;
}
.pro-detail-you{
    width: 80px;
    position: relative;
}
.pro-detail-you .mySwiperyou{
    overflow: hidden;
    height: 286px;
}
.pro-detail-you .mySwiperyou .swiper-slide-thumb-active .pro-detail-img{
    border: 1px solid #245097;
}
.pro-detail-you .mySwiperyou .swiper-slide{
    height: 80px !important;
}
.pro-detail-you .mySwiperyou .pro-detail-img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #DBDCDC;
    padding: 5px;
    box-sizing: border-box;
}
.pro-detail-you .mySwiperyou .pro-detail-img img{
    display: block;
    margin: auto;
    width: 100%;
    border-radius: 50%;
}
.mySwiperyou-prev{
    width: 40px;
    height: 40px;
    background-color: #D2D2D2;
    border-radius: 50%;
    transition: .3s ease-in;
    top: -40px;
    left: unset;
    right: 25px;
}
.mySwiperyou-prev i{
    font-size: 20px;
    color: #ffffff;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
    transform: rotate(90deg);
}
.mySwiperyou-next{
    width: 40px;
    height: 40px;
    background-color: #D2D2D2;
    border-radius: 50%;
    transition: .3s ease-in;
    top: unset;
    bottom: -40px;
    left: unset;
    right: 25px;
}
.mySwiperyou-next i{
    font-size: 20px;
    color: #ffffff;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
    transform: rotate(90deg);
}
.mySwiperyou-prev::after,.mySwiperyou-next::after{
    content: "";
}
.mySwiperyou-prev:hover,
.mySwiperyou-next:hover{
    background-color: #245098;
}
.mySwiperyou-prev:hover i,
.mySwiperyou-next:hover i{
    color: #fff;
}
.pro-detail-two{
    padding: 100px 0;
}
.pro-detail-two-top{
    border-bottom: 1px solid #EEEEEE;
}
.pro-detail-two-top ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pro-detail-two-top ul li{
    font-size: 16px;
    color: #191919;
    margin-right: 40px;
    padding: 20px 0;
    box-sizing: border-box;
    cursor: pointer;
}
.pro-detail-two-top ul .active{
    color: #245097;
    border-bottom: 1px solid #245097;
}
.pro-detail-two-top ul li:last-child{
    margin-right: 0;
}
.pro-detail-two-content{
    margin-top: 40px;
}
.area{}
.area-one{
    padding: 100px 0;
    border-bottom: 1px solid #DBDCDC;
}
.area-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.area-one-left{
    width: 20%;
}
.area-one-left h2{
    font-size: 32px;
    color: #989898;
}
.area-one-left p{
    font-size: 32px;
    color: #191919;
}
.area-one-right{
    width: 75%;
}
.area-one-right p{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}
.area-two{
    overflow: hidden;
    padding-top: 100px;
}
.area-two-all{
    padding-top: 50px;
    position: relative;
}
.area-two-swiper{
    overflow: hidden;
}
.area-two-cont{
    position: relative;
}
.area-two-swiper .swiper-slide-active .area-two-cont{
    width: 100%;
}
.area-two-swiper .swiper-slide-active .area-two-p p{
    display: block;
}
.area-two-img{
    position: relative;
}
.area-two-img::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,rgba(36,80,152,0),rgba(36,80,152,1));
    position: absolute;
    top: 0;
    left: 0;
}
.area-two-img img{
    width: 100%;
    display: block;
}
.area-two-p{
    width: calc(100% - 60px);
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.area-two-p h2{
    font-size: 24px;
    color: #ffffff;
}
.area-two-p p{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    margin-top: 10px;
    display: none;
}
.area-two-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: 0px;
    left: unset;
    right: 60px;
}
.area-two-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.area-two-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    top: 0px;
    right: 0px;
}
.area-two-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.area-two-prev::after,.area-two-next::after{
    content: "";
}
.area-two-prev:hover,
.area-two-next:hover{
    background-color: #245098;
}
.area-two-prev:hover i,
.area-two-next:hover i{
    color: #fff;
}
.area-three{
    padding: 100px 0;
}
.area-three-all{}
.area-three-all h1{
    font-size: 32px;
    color: #191919;
}
.area-three-content{
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.area-three-cont{
    width: 18%;
    background-color: #EEEEEE;
    border-radius: 5px;
    padding: 40px;
    box-sizing: border-box;
    transition: .3s ease-in;
}
.area-three-cont:hover{
    background-color: #245097;
}
.area-three-cont:hover i{
    color: #fff;
}
.area-three-cont:hover h2{
    color: #fff;
}
.area-three-cont:hover p{
    color: #fff;
}
.area-three-cont i{
    font-size: 50px;
    color: #245098;
    display: block;
    text-align: center;
    transition: .3s ease-in;
}
.area-three-cont h2{
    font-size: 24px;
    color: #333333;
    text-align: center;
    margin-top: 30px;
    transition: .3s ease-in;
}
.area-three-cont p{
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    color: #333333;
    transition: .3s ease-in;
}
.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: 40px;
}
.news-cont a{
    display: block;
}
.news-cont a:hover img{
    transform: scale(1.1);
}
.news-cont a:hover h2{
    color: #245097;
}
.news-img{
    overflow: hidden;
}
.news-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.news-cont a span{
    display: block;
    font-size: 14px;
    color: #999999;
    margin-top: 20px;
}
.news-cont a h2{
    font-size: 18px;
    color: #333333;
    transition: .3s ease-in;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.news-page{
    margin-top: 40px;
}
.news-page ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.news-page ul li{
    width: 40px;
    height: 40px;
    margin: 0 10px;
}
.news-page ul li:hover{
    color: #245097;
}
.news-page .news-page-prev,
.news-page .news-page-next{
    background-color: #EFEFEF;
    border-radius: 50%;
}
.news-page .news-page-prev:hover,
.news-page .news-page-next:hover{
    background-color: #245097;
}
.news-page .news-page-prev:hover i,
.news-page .news-page-next:hover i{
    color: #fff;
}
.news-page ul li i{
    display: block;
    font-size: 16px;
    color: #999999;
    text-align: center;
    line-height: 40px;
}
.news-page ul li a{
    display: block;
    text-align: center;
    line-height: 40px;
}
.news-detail{}
.news-detail-one{
    padding: 80px 0;
    background-color: #EEEEEE;
}
.news-detail-top{
    width: 80%;
    margin: auto;
    margin-top: 80px;
}
.news-detail-top h2{
    font-size: 36px;
    color: #191919;
}
.news-detail-top p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
}
.news-detail-top p span{
    display: block;
    font-size: 14px;
    color: #666666;
}
.news-detail-top p span:last-child{
    margin-left: 20px;
}
.news-detail-cont{
    width: 80%;
    margin: auto;
    margin-top: 40px;
}
.news-detail-two{
    padding: 100px 0;
}
.other-news{}
.other-news h1{
    font-size: 24px;
    color: #000;
}
.other-news-cont{
    position: relative;
    margin-top: 60px;
}
.other-news-swiper{
    overflow: hidden;
}
.other-news-swiper .swiper-slide{}
.other-news-swiper .swiper-slide a{
    display: block;
}
.other-news-swiper .swiper-slide a .news-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.other-news-swiper .swiper-slide a span{
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #999999;
}
.other-news-swiper .swiper-slide a h2{
    font-size: 18px;
    color: #333333;
    transition: .3s ease-in;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
.other-news-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: -50px;
}
.other-news-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.other-news-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    right: -50px;
}
.other-news-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.other-news-prev::after,.other-news-next::after{
    content: "";
}
.other-news-prev:hover,
.other-news-next:hover{
    background-color: #245098;
}
.other-news-prev:hover i,
.other-news-next:hover i{
    color: #fff;
}
.contact{}
.contact-one{
    padding: 100px 0;
}
.contact-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -3%;
    margin-top: -40px;
}
.contact-one-cont{
    width: 30%;
    margin-left: 3%;
    margin-top: 40px;
}
.contact-one-cont:nth-child(1) h2{
    color: #245097;
}
.contact-one-cont h2{
    font-size: 24px;
    color: #000;
    margin-bottom: 30px;
}
.contact-one-cont p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.contact-one-cont p i{
    font-size: 24px;
    color: #3D3D3D;
}
.contact-one-cont p span{
    width: calc(100% - 34px);
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}
.contact-two{}
.contact-two #container{
    width: 100%;
    height: 600px;
    z-index: 1;
}
.contact-three{
    padding: 100px 0;
    background-color: #EEEEEE;
}
.contact-three-all{}
.contact-three-all form{}
.contact-three-all form legend{
    font-size: 32px;
    color: #191919;
    text-align: center;
}
.contact-three-all form .form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
    margin: auto;
    margin-top: 60px;
}
.contact-three-all form .form .form-left{
    width: 48%;
}
.contact-three-all form .form .form-left .form-group{
    margin-top: 20px;
}
.contact-three-all form .form .form-left .form-group:first-child{
    margin-top: 0;
}
.contact-three-all form .form .form-left .form-group input{
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding: 10px 20px;
    box-sizing: border-box;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 16px;
    color: #333333;
}
.contact-three-all form .form .form-left .form-group input::placeholder{
    color: #333333;
}
.contact-three-all form .form .form-left .form-group select{
    width: 100%;
    line-height: 70px;
    display: block;
    height: 70px;
    padding: 10px 20px;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: #fff;
    font-size: 16px;
    color: #333333;
}
.contact-three-all form .form .form-left .form-group option{}
.contact-three-all form .form .form-right{
    width: 48%;
}
.contact-three-all form .form .form-right textarea{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    outline: none;
    border: none;
    background-color: #fff;
    padding: 10px 20px;
    resize: none;
    font-size: 16px;
    color: #333333;
}
.contact-three-all form .btn{
    width: 150px;
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    background-color: #245097;
    border-radius: 25px;
    border: 1px solid transparent;
    transition: .3s ease-in;
    margin: auto;
    margin-top: 30px;
    display: block;
}
.contact-three-all form .btn:hover{
    background-color: transparent;
    color: #245097;
    border: 1px solid #245097;
}
.contact-four{
    padding: 100px 0;
}
.contact-four-all{}
.contact-four-all h1{
    font-size: 32px;
    color: #191919;
    text-align: center;
}
.contact-four-cont{
    margin-top: 60px;
    position: relative;
}
.contact-xian{
    position: absolute;
    left: calc(50% + 50px);
    bottom: 50px;
    z-index: 1;
}
.contact-xian-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.contact-xian-prev {
    font-size: 16px;
    color: #245098;
}
.contact-text{
    font-size: 16px;
    color: #000;
}
.contact-xian-next {
    font-size: 16px;
    color: #000;
}
.contact-four-swiper{
    overflow: hidden;
}
.contact-four-p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-four-left{
    width: 50%;
}
.contact-four-left img{
    width: 100%;
    display: block;
}
.contact-four-right{
    width: 50%;
    padding: 50px;
    box-sizing: border-box;
}
.contact-four-right h2{
    font-size: 24px;
    color: #000;
}
.contact-four-right p{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    margin-top: 20px;
}
.contact-four-prev{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    left: unset;
    bottom: 50px;
    right: 100px;
    top: unset;
}
.contact-four-prev i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.contact-four-next{
    width: 40px;
    height: 40px;
    background-color: #EFEFEF;
    border-radius: 50%;
    transition: .3s ease-in;
    right: 50px;
    bottom: 50px;
    top: unset;
}
.contact-four-next i{
    font-size: 20px;
    color: #999999;
    display: block;
    line-height: 40px;
    text-align: center;
    transition: .3s ease-in;
}
.contact-four-prev::after,.contact-four-next::after{
    content: "";
}
.contact-four-prev:hover,
.contact-four-next:hover{
    background-color: #245098;
}
.contact-four-prev:hover i,
.contact-four-next:hover i{
    color: #fff;
}
.ce{
    width: 60px;
    position: fixed;
    right: 10px;
    bottom: 20%;
    z-index: 9999;
}
.ce.test{
    display: block;
}
.ce-cont{
    position: relative;
    margin-top: 20px;
}
.ce-cont:nth-child(1){
    margin-top: 0;
}
.ce-p{}
.ce-p p{
    width: 40px;
    height: 40px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(181,181,181,.75);
}
.ce-p p i{
    font-size: 20px;
    color: #333333;
    display: block;
    text-align: center;
    line-height: 40px;
}
.ce-p span{
    font-size: 12px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    display: block;
    margin-top: 10px;
}
.ce-cang{
    width: max-content;
    position: absolute;
    right: 70px;
    top: 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(181,181,181,.75);
    box-sizing: border-box;
    display: none;
}
.ce-cang a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.ce-cang a:nth-child(1){
    margin-top: 0;
}
.ce-cang a i{
    font-size: 16px;
    color: #333333;
    display: block;
}
.ce-cang a span{
    font-size: 14px;
    color: #333333;
    margin-left: 10px;
}
.ce-cont:hover .ce-cang{
    display: block;
}
.ce-p:hover p i{
    color: #245097;
}
.top{
    cursor: pointer;
}
[lang="en"] .pro-detail-one-left ul li{
    width: 205px;
}
[lang="en"] .ban-p h2,[lang="en"] .ban-p p{
    width: 50%;
}

/* 25.5.28 */
.contact-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: #d5282a;
}

.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: #d5282a;
    color: #fff;
    display: inline-block;
    margin-top: 30px;
    border-radius: 25px;
}

.js-job-apply:hover {
    color: #fff;
    text-decoration: none;
}




/* phone */
.mobile-inner-header-icon {
    font-size: 25px;
    text-align: center;
    position: relative;
    background-color: #245098;
    width: 70px;
    height: 50px;
    position: relative;
}
.mobile-inner-header-icon p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.mobile-inner-header-icon span{
    background-color: #ffffff;
    height: 1px;
    display: block;
}
.mobile-inner-header-icon span:nth-child(1){
    width: 40px;
}
.mobile-inner-header-icon span:nth-child(2){
    width: 30px;
    margin-top: 8px;
}
.mobile-inner-header-icon span:nth-child(3){
    width: 20px;
    margin-top: 8px;
}

.mobile-inner-nav {
    background-color: #ffffff;
    width: 0%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    z-index: 9999;
    height: 100%;
    transition: .3s ease-in;
}

.mobile-inner-nav a {
    width: 100%;
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    color: #191919;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
}

.mobile-inner-nav a {
    position: relative;
    overflow: hidden;
}

#wrap {
    text-align: left;
}


@media (min-width:320px) and (max-width:1200px) {
    .phone-menu {
        display: block;
    }
}

/* phone xl */
.alist{
    width: 95%;
    margin: auto;
    position: relative;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.alist .iphone-xl{
    width: 50px;
    height: 50px;
    font-size: 24px;
    color: #666666;
    text-align: center;
    position: absolute;
    right: 0%;
    top: 0px;
    z-index: 99999;
    display: inline-block;
    border-bottom: none;
    transition: .3s ease-in;
}
.alist .iphone-xl::after{
    content: "+";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #666666;
}
.alist .xuan::after{
    content: "-";
    display: block;
    font-size: 40px;
}
.alist a i{
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #666666;
    font-size: 24px;
    transition: .3s ease-in;
    position: absolute;
    top: 0;
    right: 0;
}
.alist .m-xiala{
    display: none;
    position: relative;
}
.m-xiala a{
    width: 95%;
    padding-left: 20px;
}
.m-xiala>p{
    position: relative;
}
.alist .show{
    display: block;
}
.xuan i{
    display: block;
    transform: rotate(180deg);
}
.m-xiala span{
    display: block;
    color: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    width: 90%;
    margin-left: 5%;
    position: relative;
}
.phone-menu{
    display: none;
}




.swiper-button-next, .swiper-button-prev,.swiper-pagination{
    z-index: 1;
}
.phone-index-hezuo,.phone-index-ys,.phone-index-news,.foot-two>span,
.phone-about-six{
    display: none;
}
@media (min-width:1199px) and (max-width:1600px){
    .container{
        width: 85%;
    }
    .head-zhong ul li a{
        padding: 35px 25px;
    }
    .ban-p{
        width: 85%;
    }
    .ban-p h2{
        font-size: 40px;
    }
    .ban-p h2 span{
        font-size: 40px;
    }
    .ban-p p{
        font-size: 28px;
    }
    .index-why-cont i{
        padding: 30px;
    }
    .index-why-p{
        padding: 30px;
    }
    .index-why-p p{
        min-height: 144px;
    }
    .index-pro-img{
        margin-bottom: 100px;
    }
    .about-one-left{
        width: 25%;
    }
    .about-six-swiper .swiper-slide:nth-child(1) .about-six-p {
        top: 200px;
        left: -45px;
    }
    .about-six-swiper .swiper-slide:nth-child(2) .about-six-p {
        top: 94px;
    }
    .about-six-swiper .swiper-slide:nth-child(3) .about-six-p {
        top: 124px;
    }
    .about-six-swiper .swiper-slide:nth-child(4) .about-six-p {
        top: 202px;
    }
    .about-six-swiper .swiper-slide:nth-child(6) .about-six-p {
        top: 92px;
    }
    .about-six-swiper .swiper-slide:nth-child(7) .about-six-p {
        top: 163px;
    }
    .about-six-swiper .swiper-slide:nth-child(8) .about-six-p {
        top: 105px;
    }
    .pro-detail-one-left ul li{
        width: 140px;
        margin-top: 10px;
    }
    .area-one-left{
        width: 25%;
    }
    .area-three-cont{
        padding: 20px;
    }
    .news-detail-top,.news-detail-cont{
        width: 100%;
    }
    .contact-one-cont h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .contact-two #container{
        height: 350px;
    }
    .contact-four-right{
        padding: 20px;
    }
    .contact-xian{
        left: calc(50% + 20px);
        bottom: 20px;
    }
    .contact-four-next{
        right: 20px;
        bottom: 20px;
    }
    .contact-four-prev{
        bottom: 20px;
        right: 80px;
    }
}
@media screen and (max-width:1200px){
    .join-cont{
        width: 100%;
    }
    .join-tan-all{
        width: 90%;
    }
    [lang="en"] .pro-detail-one-left ul li{
        width: 45%;
        margin-top: 10px;
    }
    [lang="en"] .pro-detail-one-left ul li a span{
        font-size: 12px;
    }
    [lang="en"] .ban-p h2,[lang="en"] .ban-p h3,[lang="en"] .ban-p p{
        display: none;
    }
    .container{
        width: 95%;
    }
    .head{
        height: 50px;
    }
    .head-left a{
        width: 130px;
    }
    .head-zhong{
        display: none;
    }
    .phone-menu{
        display: block;
    }
    .mobile-close{
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        float: right;
        font-size: 30px;
        color: #000;
    }
    .mobile-inner-nav.active{
        width: 100%;
        opacity: 1;
        background-color: rgba(0,0,0,.7);
    }
    .mobile-inner-nav-all{
        width: 0;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        transition: .3s ease-in;
    }
    .mobile-inner-nav.active .mobile-inner-nav-all{
        width: 75%;
    }
    .mobile-inner-nav-all .foot-di-left{
        display: flex;
        margin-top: 40px;
        margin-left: 30px;
    }
    .foot-di-left li a{
        border: 1px solid #333333;
        color: #333333;
        line-height: 1;
    }
    .foot-di-left li a span,.foot-di-left li a i{
        color: #333333;
    }
    .lang-foot-drop{
        top: 100%;
    }
    .mobile-inner-nav-all>span{
        font-size: 14px;
        color: #333333;
        display: block;
        text-align: center;
        margin-top: 60px;
    }
    .head-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .head-right ul li>a{
        padding: 10px;
    }
    .ban-all .pc-ban{
        display: none !important;
    }
    .ban-all .phone-ban{
        display: block !important;
    }
    .ban-p{
        width: 95%;
        top: 25%;
    }
    .ban-p h2,.ban-p h2 span{
        font-size: 24px;
        text-align: center;
    }
    .ban-p h3{
        width: 50%;
        margin: 20px auto;
    }
    .ban-p p{
        font-size: 18px;
        text-align: center;
    }
    .index-why{
        padding: 30px 0;
    }
    .index-why-top h1{
        font-size: 24px;
        text-align: center;
    }
    .index-why-top h2{
        font-size: 24px;
        text-align: center;
    }
    .index-why-content{
        margin-top: 20px;
    }
    .why-swiper{
        padding-bottom: 30px;
    }
    .index-why-cont i{
        padding: 20px;
    }
    .index-why-p{
        padding: 20px;
    }
    .index-why-p p{
        margin-top: 15px;
    }
    .why-page{
        width: 100% !important;
        left: 0 !important;
        top: unset !important;
        text-align: center;
    }
    .why-prev,.why-next{
        display: none;
    }
    .index-pro{
        padding: 30px 0;
    }
    .index-pro-p h2{
        font-size: 24px;
    }
    .index-pro-p p{
        margin-top: 10px;
    }
    .index-pro-img img{
        width: 50%;
    }
    .index-pro-img{
        margin-bottom: 70px;
    }
    .index-hezuo{
        padding: 30px 0;
    }
    .index-hezuo-top h1,.index-hezuo-top h2{
        font-size: 24px;
        text-align: center;
    }
    .index-hezuo-content{
        display: none;
    }
    .phone-index-hezuo{
        display: block;
    }
    .phone-hz-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 40px;
    }
    .index-hezuo-top{
        padding-bottom: 20px;
    }
    .index-hezuo-cont{
        margin-top: 20px;
    }
    .index-ys{
        padding: 30px 0;
    }
    .index-ys-all{
        display: none;
    }
    .phone-index-ys{
        display: block;
    }
    .index-ys-left{
        width: 100%;
    }
    .mySwipershang{
        overflow: hidden;
        position: relative;
    }
    .mySwipershang .swiper-slide{
        width: 80px !important;
        height: 80px;
        margin: auto;
        box-sizing: border-box;
        border: 1px solid transparent;
        position: relative;
    }
    .mySwipershang .swiper-slide::before{
        content: "";
        display: block;
        width: 20px;
        height: 0px;
        border-top: 1px dashed #fff;
        position: absolute;
        top: 50%;
        left: -20px;
        transform: translate(-50%, 0);
        z-index: 5;
    }
    .mySwipershang .swiper-slide:nth-child(3)::after{
        content: "";
        display: block;
        width: 20px;
        height: 0px;
        border-top: 1px dashed #fff;
        position: absolute;
        bottom: 50%;
        right: -40px;
        transform: translate(-50%,0);
        z-index: 5;
    }
    .mySwipershang .swiper-slide-thumb-active{
        border: 1px solid #fff;
    }
    .mySwipershang .swiper-slide i{
        display: block;
        font-size: 40px;
        color: #fff;
        text-align: center;
        line-height: 80px;
    }
    .index-ys-right{
        width: 100%;
        margin-top: 30px;
    }
    .mySwiperxia{
        overflow: hidden;
        position: relative;
    }
    .index-ys-l{
        width: 100%;
    }
    .index-ys-l p{
        margin-top: 10px;
    }
    .index-ys-l a{
        margin-top: 15px;
    }
    .index-ys-r{
        width: 100%;
        margin-top: 20px;
    }
    .index-news{
        padding: 30px 0;
    }
    .index-news-content{
        display: none;
    }
    .phone-index-news{
        display: block;
    }
    .index-news-top{
        padding-bottom: 20px;
    }
    .index-news-top h1,.index-news-top h2{
        font-size: 24px;
        text-align: center;
    }
    .index-news-cont{
        margin-top: 30px;
    }
    .phone-news-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 60px;
    }
    .phone-news-prev{
        width: 40px;
        height: 40px;
        background-color: #EFEFEF;
        border-radius: 50%;
        transition: .3s ease-in;
        top: unset;
        bottom: 0;
        left: calc(50% - 50px);
    }
    .phone-news-prev i{
        font-size: 20px;
        color: #999999;
        display: block;
        line-height: 40px;
        text-align: center;
        transition: .3s ease-in;
    }
    .phone-news-next{
        width: 40px;
        height: 40px;
        background-color: #EFEFEF;
        border-radius: 50%;
        transition: .3s ease-in;
        top: unset;
        bottom: 0;
        right: calc(50% - 50px);
    }
    .phone-news-next i{
        font-size: 20px;
        color: #999999;
        display: block;
        line-height: 40px;
        text-align: center;
        transition: .3s ease-in;
    }
    .phone-news-prev::after,.phone-news-next::after{
        content: "";
    }
    .phone-news-prev:hover,
    .phone-news-next:hover{
        background-color: #245098;
    }
    .phone-news-prev:hover i,
    .phone-news-next:hover i{
        color: #fff;
    }
    .foot-one{
        padding: 30px 0;
        justify-content: center;
    }
    .foot-one p{
        display: none;
    }
    .foot-two{
        padding: 30px 0;
    }
    .foot-two>span{
        display: block;
        font-size: 24px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .foot-two ul li{
        width: 100%;
        text-align: center;
    }
    .foot-two ul li>a{
        display: none;
    }
    .foot-di-left{
        width: 100%;
        justify-content: center;
    }
    .foot-di-left li{
        display: none;
    }
    .foot-di-left>a{
        margin-left: 0;
    }
    .foot-di-left>a:last-child{
        margin-left: 30px;
    }
    .foot-di-zhong{
        width: 100%;
        margin-top: 20px;
    }
    .foot-di-zhong p{
        width: 100%;
        text-align: center;
    }
    .foot-di-zhong p a{
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    .foot-di-right{
        width: 100%;
        text-align: center;
    }
    .about-head-left li a,.about-head-left li span,
    .about-head-left li p{
        line-height: 50px;
    }
    .about-head-right ul{
        justify-content: flex-start;
    }
    .about-head-right ul li{
        width: 25%;
        text-align: center;
        margin-bottom: 10px;
    }
    .about-head-right ul li a{
        line-height: 24px;
        margin-left: 0;
    }
    .about-one{
        padding: 30px 0;
    }
    .about-one-left{
        width: 100%;
    }
    .about-one-left h2,.about-one-left p{
        font-size: 24px;
    }
    .about-one-right{
        width: 100%;
        margin-top: 10px;
    }
    .about-two{
        padding: 50px 0;
    }
    .about-two-all h1{
        font-size: 24px;
        text-align: center;
    }
    .about-two-content{
        margin-top: 0px;
    }
    .about-two-cont{
        width: 100%;
        padding: 50px 30px;
        margin-top: 20px;
    }
    .about-three{
        padding: 30px 0;
    }
    .about-three-all h1{
        font-size: 24px;
    }
    .about-three-content{
        margin-top: 0;
    }
    .about-three-cont{
        width: 100%;
        padding: 30px 20px;
        margin-top: 20px;
    }
    .about-four{
        padding-top: 30px;
    }
    .about-four-all h1{
        font-size: 24px;
        text-align: center;
    }
    .about-four-all h2{
        text-align: center;
    }
    .about-four-content{
        margin-top: 100px;
    }
    .about-four-cont{
        padding: 15px;
    }
    .about-four-cont i{
        font-size: 30px;
    }
    .about-five{
        padding: 30px 0;
    }
    .about-five-all h1{
        font-size: 24px;
    }
    .about-five-swiper{
        margin-top: 20px;
    }
    .about-five-prev{
        left: 10px;
    }
    .about-five-next{
        right: 10px;
    }
    .about-six{
        padding: 50px 0;
    }
    .about-six-top h1{
        font-size: 24px;
        text-align: center;
    }
    .about-six-cont{
        display: none;
    }
    .phone-about-six{
        display: block;
    }
    .phone-six-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 30px;
    }
    .about-six-p{
        width: 100%;
        padding: 30px 0;
        position: unset;
    }
    .about-six-p h2{
        opacity: 1;
    }
    .phone-six-page .swiper-pagination-bullet{
        background: #fff;
        opacity: 1;
    }
    .phone-six-page .swiper-pagination-bullet-active{
        background: #245097;
    }
    .about-seven{
        padding: 30px 0;
    }
    .about-seven-all h1{
        font-size: 24px;
        text-align: center;
    }
    .about-seven-cont{
        margin-top: 20px;
        overflow: hidden;
    }
    .about-seven-swiper{
        padding-bottom: 60px;
    }
    .about-seven-prev{
        left: calc(50% - 50px);
    }
    .about-seven-next{
        left: unset;
        right: calc(50% - 50px);
    }
    .about-seven-p{
        flex-direction: column-reverse;
    }
    .about-seven-left{
        width: 100%;
        margin-top: 20px;
    }
    .about-seven-left p{
        margin-top: 0;
    }
    .about-seven-right{
        width: 100%;
    }
    .about-eight{
        padding: 30px 0;
    }
    .about-eight-all{
        flex-direction: column-reverse;
    }
    .about-eight-left{
        width: 100%;
        margin-top: 20px;
    }
    .about-eight-left h2{
        font-size: 24px;
    }
    .about-eight-left p{
        margin-top: 0;
    }
    .about-eight-right{
        width: 100%;
    }
    .pro-head .about-head-right ul li{
        width: 33%;
    }
    .product{
        padding: 30px 0;
    }
    .product-cont{
        width: 48%;
        margin-top: 30px;
    }
    .product-cont a p{
        font-size: 16px;
    }
    .pro-detail-one{
        padding: 50px 0;
    }
    .pro-detail-one-all{
        margin-top: 30px;
        flex-direction: column-reverse;
    }
    .pro-detail-one-left{
        width: 100%;
        margin-top: 20px;
    }
    .pro-detail-one-left h2{
        font-size: 24px;
    }
    .mySwiperyou-next,.mySwiperyou-prev{
        display: none;
    }
    .pro-detail-zuo {
        width: calc(100% - 110px);
    }
    .pro-detail-one-right{
        width: 100%;
    }
    .pro-detail-one-left ul li {
        width: 110px;
        margin-right: 10px;
    }
    .pro-detail-two{
        padding: 30px 0;
    }
    .area-one{
        padding: 30px 0;
    }
    .area-one-left{
        width: 100%;
    }
    .area-one-left h2,.area-one-left p{
        font-size: 24px;
    }
    .area-one-right{
        width: 100%;
        margin-top: 20px;
    }
    .area-two{
        padding-top: 50px;
    }
    .area-three{
        padding: 30px 0;
    }
    .area-three-all h1{
        font-size: 24px;
    }
    .area-three-content{
        margin-top: 0;
    }
    .area-three-cont{
        width: 48%;
        padding: 10px;
        margin-top: 20px;
    }
    .area-three-cont h2{
        font-size: 18px;
    }
    .news{
        padding: 30px 0;
    }
    .news-cont{
        width: 48%;
        margin-bottom: 20px;
    }
    .news-detail-one{
        padding: 50px 0;
    }
    .news-detail-top{
        width: 100%;
        margin-top: 20px;
    }
    .news-detail-top h2{
        font-size: 24px;
    }
    .news-detail-cont{
        width: 100%;
        margin-top: 20px;
    }
    .news-detail-two{
        padding: 30px 0;
    }
    .other-news-prev{
        left: 10px;
    }
    .other-news-next{
        right: 10px;
    }
    .about-head-right{
        width: 100%;
    }
    .contact-head .about-head-right ul li{
        width: 50%;
    }
    .contact-one{
        padding: 30px 0;
    }
    .contact-one-cont{
        width: 100%;
    }
    .contact-one-cont h2{
        margin-bottom: 10px;
    }
    .contact-two #container{
        height: 250px;
    }
    .contact-three{
        padding: 30px 0;
    }
    .contact-three-all form legend{
        font-size: 24px;
    }
    .contact-three-all form .form{
        width: 100%;
        margin-top: 20px;
    }
    .contact-three-all form .form .form-left{
        width: 100%;
    }
    .contact-three-all form .form .form-right{
        width: 100%;
        margin-top: 20px;
    }
    .contact-four{
        padding: 30px 0;
    }
    .contact-four-all h1{
        font-size: 24px;
    }
    .contact-four-cont{
        margin-top: 20px;
    }
    .contact-four-left{
        width: 100%;
    }
    .contact-four-right{
        width: 100%;
        padding: 15px;
    }
    .contact-four-prev,.contact-four-next{
        display: none;
    }
    .contact-xian{
        left: 10px;
        bottom: -10px;
    }
    .ce{
        width: 95%;
        margin: auto;
        position: unset;
        display: flex !important;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 30px;
    }
    .ce-cont{
        width: 31%;
        margin-top: 0;
    }
    .ce-cont:last-child{
        display: none;
    }
    .ce-p{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        background-color: #245097;
        border-radius: 5px;
    }
    .ce-p p{
        width: auto;
        height: auto;
        margin: 0;
        background-color: unset;
        box-shadow: unset;
    }
    .ce-p p i{
        color: #fff;
    }
    .ce-p span{
        line-height: 40px;
        margin-top: 0;
        color: #fff;
        margin-left: 10px;
    }
    .ce-p:hover p i{
        color: #fff;
    }
    .ce-cang{
        width: 100%;
        padding: 15px;
        left: 0;
        top: 100%;
    }
    .ce-cang a span{
        font-size: 12px;
    }
}
@media (min-width:769px) and (max-width:1199px){
    .join-cont{
        width: 48%;
    }
    .join-tan-all{
        width: 60%;
    }
    [lang="en"] .ban-p h2,[lang="en"] .ban-p p{
        display: block;
    }
    .ban-all .pc-ban{
        display: block !important;
    }
    .ban-all .phone-ban{
        display: none !important;
    }
    .ban-p{
        top: 50%;
    }
    .ban-p h2, .ban-p h2 span,.ban-p p{
        text-align: left;
    }
    .ban-p h3{
        width: 30%;
        margin: 20px 0;
    }
    .index-pro-img img {
        width: 25%;
    }
    .index-ys-all{
        display: flex;
    }
    .phone-index-ys{
        display: none;
    }
    .index-ys-left{
        width: 100px;
    }
    .index-ys-right {
        width: calc(100% - 150px);
        margin-top: 0;
    }
    .index-ys-l{
        width: 45%;
    }
    .index-ys-r{
        width: 50%;
        margin-top: 0;
    }
    .about-head-right{
        width: auto;
    }
    .about-head-right ul li{
        width: auto;
    }
    .about-head-right ul li a{
        margin-left: 30px;
    }
    .about-two-cont{
        width: 31%;
    }
    .about-three-cont{
        width: 23%;
    }
    .about-seven-p{
        flex-direction: unset;
    }
    .about-seven-left{
        width: 47%;
        margin-top: 0;
    }
    .about-seven-right{
        width: 48%;
    }
    .about-eight-all{
        flex-direction: unset;
    }
    .about-eight-left{
        width: 45%;
    }
    .about-eight-right{
        width: 50%;
    }
    .pro-head .about-head-right ul li{
        width: auto;
    }
    .mySwiperyou-next, .mySwiperyou-prev{
        display: block;
    }
    .area-two-p{
        display: block;
    }
    .contact-head .about-head-right ul li{
        width: auto;
    }
    .contact-one-cont{
        width: 47%;
    }
    .contact-four-left{
        width: 50%;
    }
    .contact-four-right{
        width: 50%;
    }
    .contact-xian {
        left: unset;
        right: 10px;
        bottom: 10px;
    }
}
@media (min-width:414px) and (max-width:769px){
    .join-cont{
        width: 48%;
    }
    [lang="en"] .ban-p h2,[lang="en"] .ban-p p{
        display: block;
    }
    .ban-all .pc-ban{
        display: block !important;
    }
    .ban-all .phone-ban{
        display: none !important;
    }
    .ban-p{
        top: 50%;
    }
    .ban-p h2, .ban-p h2 span,.ban-p p{
        text-align: left;
    }
    .ban-p h3{
        width: 30%;
        margin: 20px 0;
    }
    .index-pro-img img{
        width: 30%;
    }
    .index-ys-left {
        width: 85%;
        margin: auto;
    }
    .about-two-cont{
        width: 48%;
    }
    .about-three-cont{
        width: 48%;
    }
    .about-seven-p{
        flex-direction: unset;
    }
    .about-seven-left{
        width: 47%;
        margin-top: 0;
    }
    .about-seven-right{
        width: 48%;
    }
    .about-eight-all{
        flex-direction: unset;
    }
    .about-eight-left{
        width: 45%;
    }
    .about-eight-right{
        width: 50%;
    }
}
@media screen and (max-width:414px){}

.pagination {
    margin: 30px 0;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.pagination a {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    width: 60px;
    height: 40px;
    color: #333;
    background-color: #f8f8f8;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pagination a:hover,
.pagination a.active {
    background-color: #292929;
    color: #fff;
}

.ql-editor {
    padding: 0;
}

.wang-editor-content h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0.67em 0;
}

.wang-editor-content h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0.83em 0;
}

.wang-editor-content h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 1em 0;
}

.wang-editor-content p {
    margin: 1em 0;
}

.wang-editor-content img,
.wang-editor-content video {
    display: revert;
}

.wang-editor-content ul,
.wang-editor-content ol {
    padding-left: 20px;
    margin: 0;
}

.wang-editor-content ul li,
.wang-editor-content ol li {
    margin-bottom: 5px;
    list-style-position: inside;
}

.wang-editor-content ul li {
    list-style-type: disc;
}

.wang-editor-content ol li {
    list-style-type: decimal;
}