.header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background-color: #fff;
}
.head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.head-left{}
.head-left a{
    width: 170px;
    display: block;
}
.head-left a img{
    width: 100%;
    display: block;
}
.head-right{}
.head-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.head-right ul li{
    padding: 0 30px;
    position: relative;
}
.head-right ul .active>a{
    color: #E60012;
    border-bottom: 1px solid #E60012;
}
.head-right ul li a:hover{
    color: #E60012;
}
/* .head-right ul li:first-child{
    padding-left: 0;
} */
.head-right ul li:last-child{
    padding-right: 0;
}
.head-right ul li a{
    display: block;
    font-size: 16px;
    color: #191919;
    line-height: 120px;
    transition: .3s ease-in;
}
.head-right .language{
    position: relative;
}
.head-right .language>a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.head-right .language>a i{
    display: block;
    font-size: 14px;
    color: #191919;
}
.head-right .language a .yuyan{
    font-size: 18px;
    color: #E60012;
}
.head-right .language a span{
    font-size: 16px;
    color: #191919;
    padding: 0 8px;
    display: block;
}
.lang-menu{
    width: 120%;
    position: absolute;
    left: 50%;
    padding: 10px 0;
    transform: translateX(-50%);
    background-color: #fff;
    display: none;
}
.lang-menu a{
    font-size: 14px !important;
    line-height: 40px !important;
    text-align: center;
}
.head-right ul li:hover .lang-menu{
    display: block;
}
.banner{
    position: relative;
    margin-top: 120px;
}
.ban-img{
    position: relative;
}
.ban-img::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,rgba(29,32,136,1),rgba(29,32,136,0));
    position: absolute;
    top: 0;
    left: 0;
}
.ban-img img{
    width: 100%;
    display: block;
}
.ban-p{
    position: absolute;
    top: 40%;
    left: calc((100vw - 1400px)/2);
}
.ban-p p{
    font-size: 50px;
    line-height: 60px;
    color: #fff;
}
.ban-content{
    margin-top: -100px;
    position: relative;
}
.ban-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ban-one-cont{
    width: 20%;
    padding: 40px;
    box-sizing: border-box;
}
.ban-one-cont:nth-child(2n-1){
    background-color: #1D2088;
}
.ban-one-cont:nth-child(2n){
    background-color: #E60012;
}
.ban-one-cont a{
    display: block;
}
.ban-one-cont a h2{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.ban-one-cont a p{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
}
.ban-one-cont a span{
    display: block;
    margin-top: 20px;
    position: relative;
}
.ban-one-cont a span::after{
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.ban-one-cont a span i{
    display: block;
    font-size: 24px;
    color: #fff;
}
.index-pro{
    padding: 150px 0;
}
.index-pro-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.index-pro-left{
    width: 145px;
}
.index-pro-left h2{
    font-size: 36px;
    color: #191919;
}
.index-pro-left p{
    font-size: 12px;
    line-height: 20px;
    color: #E60012;
    margin-top: 5px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
}
.index-pro-left p::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #1D2088;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.index-pro-left p::after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #E60012;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.index-pro-right{}
.index-pro-right a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.index-pro-right a p{
    font-size: 16px;
    line-height: 30px;
    padding: 10px 30px;
    color: #fff;
    background-color: #1D2088;
    transition: .3s ease-in;
}
.index-pro-right a span{
    width: 50px;
    height: 50px;
    display: block;
    background-color: #E60012;
    transition: .3s ease-in;
}
.index-pro-right a span i{
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.index-pro-right a:hover p{
    background-color: #E60012;
}
.index-pro-right a:hover span{
    background-color: #1D2088;
}
.index-pro-cont{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-pro-cont a:nth-child(1),
.index-pro-cont a:nth-child(2){
    margin-top: 0;
}
.index-pro-cont a{
    width: 49%;
    padding: 40px;
    box-sizing: border-box;
    background-color: #F2F2F2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.index-pro-cont a .index-pro-zuo{
    width: 78%;
}
.index-pro-cont a .index-pro-zuo h2{
    font-size: 24px;
    color: #000000;
    transition: .3s ease-in;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.index-pro-cont a .index-pro-zuo li{
    margin-top: 20px;
}
.index-pro-cont a .index-pro-zuo li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.index-pro-cont a .index-pro-zuo span{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    transition: .3s ease-in;
}
.index-pro-cont a .index-pro-zuo span i{
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #999999;
    margin-left: 20px;
    transition: .3s ease-in;
}
.index-pro-cont a .index-pro-you{
    width: 20%;
}
.index-pro-cont a .index-pro-you img{
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.index-pro-cont a:hover h2,
.index-pro-cont a:hover span,
.index-pro-cont a:hover span i{
    color: #E60012;
}
.index-pro-cont a:hover img{
    transform: scale(1.06);
}
.index-about{
    padding: 150px 0;
    padding-bottom: 300px;
    background: url(../img/about-bj.png) no-repeat center fixed;
    background-size: cover;
}
.index-about-top{}
.index-about-top{
    width: 145px;
}
.index-about-top h2{
    font-size: 36px;
    color: #ffffff;
}
.index-about-top p{
    font-size: 12px;
    line-height: 20px;
    color: #E60012;
    margin-top: 5px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
}
.index-about-top p::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #1D2088;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.index-about-top p::after{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #E60012;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}
.index-about-cont{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-about-left{
    width: 60%;
}
.index-about-left>p{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.index-about-left a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 100px;
}
.index-about-left a p{
    font-size: 16px;
    line-height: 30px;
    padding: 10px 30px;
    color: #fff;
    background-color: #1D2088;
    transition: .3s ease-in;
}
.index-about-left a span{
    width: 50px;
    height: 50px;
    display: block;
    background-color: #E60012;
    transition: .3s ease-in;
}
.index-about-left a span i{
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.index-about-left a:hover p{
    background-color: #E60012;
}
.index-about-left a:hover span{
    background-color: #1D2088;
}
.index-about-right{
    width: 30%;
}
.index-about-history{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-about-history-cont{
    width: 48%;
}
.index-about-history-cont h2{
    font-size: 18px;
    color: #fff;
    text-align: center;
}
.index-about-history-cont h2 p{
    font-size: 50px;
    color: #fff;
    display: inline-block;
}
.index-about-history-cont span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
}
.index-solution{
    padding-top: 150px;
}
.index-solution-content{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-solution-cont{
    width: 25%;
    box-sizing: border-box;
}
.index-solution-cont a{
    display: block;
    position: relative;
}
.index-solution-img{
    overflow: hidden;
    position: relative;
}
.index-solution-img::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(25,25,25,.4);
    position: absolute;
    top: 0;
    left: 0;
}
.index-solution-cont a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.index-solution-cont a .index-solution-p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.index-solution-cont a .index-solution-p i{
    display: block;
    font-size: 70px;
    color: #fff;
    text-align: center;
    transition: .3s ease-in;
}
.index-solution-cont a .index-solution-p p{
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 30px;
}
.index-solution-cont a:hover img{
    transform: scale(1.06);
}
.index-solution-cont a:hover i{
    transform: translateY(-20px);
}
.index-news{
    padding: 150px 0;
}
.index-news-cont{
    margin-top: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-news-cont a{
    display: block;
    width: 32%;
}
.index-news-cont a .index-news-img{
    overflow: hidden;
}
.index-news-cont a .index-news-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.index-news-cont a h2{
    font-size: 24px;
    line-height: 40px;
    color: #333333;
    margin-top: 20px;
    transition: .3s ease-in;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index-news-cont a p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 30px;
}
.index-news-cont a:hover img{
    transform: scale(1.06);
}
.index-news-cont a:hover h2{
    color: #E60012;
}
.index-line{
    padding: 80px 0;
    background-color: #1D2088;
}
.index-line form{}
.index-line form legend{
    font-size: 24px;
    color: #fff;
    display: block;
}
.index-line form .form-group{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}
.index-line form .form-group input{
    width: 23%;
    box-sizing: border-box;
    border: none;
    background-color: #fff;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    padding: 0 20px;
}
.index-line form .form-group .btn{
    width: 23%;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-color: #E60012;
    outline: none;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    transition: .3s ease-in;
}
.index-line form .form-group .btn:hover{
    background-color: #1D2088;
    border: 1px solid #E60012;
    color: #E60012;
}
.footer{
    background-color: #1C1A1A;
}
.foot-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 100px 0;
    border-bottom: 1px solid #615F5F;
}
.foot-one-left{
    width: 25%;
}
.foot-one-left>a{
    width: 170px;
    display: block;
    margin-bottom: 40px;
}
.foot-one-left>a img{
    width: 100%;
    display: block;
}
.foot-one-left p{
    font-size: 14px;
    line-height: 40px;
    color: #fff;
}
.foot-one-left p span{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.foot-one-left li{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.foot-one-left li>div{
    margin-right: 20px;
}
.foot-one-left li>div a{
    width: 20px;
    height: 20px;
    display: block;
}
.foot-one-left li>div:last-child{
    margin-right: 0;
}
.foot-one-left li>div a img{
    width: 100%;
    display: block;
}
.foot-one-left li>div{
    position: relative;
}
.foot-one-left li .share-hide{
    width: max-content;
    position: absolute;
    top: -110px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.foot-one-left li .share-hide span{
    display: block;
    width: 100px;
    height: 100px;
}
.foot-one-left li .share-hide span img{
    width: 100%;
    display: block;
}
.foot-one-left li>div:hover .share-hide{
    display: block;
}
.foot-one-right{
    width: 70%;
}
.foot-one-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot-one-right ul li{}
.foot-one-right ul li p{
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 30px;
}
.foot-one-right ul li a{
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #706E6E;
    margin-top: 20px;
    transition: .3s ease-in;
}
.foot-one-right ul li a:hover,.foot-two-left p a:hover,
.foot-two-right a:hover{
    color: #1D2088;
}
.foot-two{
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.foot-two-left{}
.foot-two-left p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 32px;
    color: #706E6E;
}
.foot-two-left p a{
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #706E6E;
    margin-left: 10px;
    transition: .3s ease-in;
}
.foot-two-right{}
.foot-two-right a{
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #706E6E;
    transition: .3s ease-in;
}
.about-ban{
    position: relative;
    margin-top: 120px;
}
.about-ban img{
    width: 100%;
    display: block;
}
#ones{
    width: 100%;
    height: 1px;
    position: relative;
    top: -223px;
}
.about-head{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.about-head ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-head ul li{
    width: 20%;
}
.about-head ul li:hover a,
.about-head ul .active a{
    background-color: #1D2088;
}
.about-head ul li a{
    display: block;
    font-size: 16px;
    line-height: 100px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transition: .3s ease-in;
}
.about-head ul li:last-child a{
    border-right: 1px solid #fff;
}
.about{}
.about-one{
    padding: 150px 0;
}
.about-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-one-left{
    width: 45%;
}
.about-one-left h2{
    font-size: 32px;
    line-height: 54px;
    color: #191919;
}
.about-one-right{
    width: 50%;
}
.about-one-right p{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}
.about-one-img{
    margin-top: 100px;
}
.about-one-img img{
    width: 100%;
    display: block;
}
.about-two{
    padding: 150px 0;
    background: url(../img/about-2.png) no-repeat center;
    background-size: cover;
}
.about-two-all{}
.about-two-all h1{
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.about-two-shang{
    margin-top: 80px;
    position: relative;
}
.about-two-shang::after{
    content: "";
    display: block;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #E60012;
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}
.about-shang-swiper{
    overflow: hidden;
    position: relative;
}
.about-shang-swiper .swiper-slide{
    height: 200px;
    position: relative;
}
.about-shang-swiper .swiper-slide:nth-child(2n) h2{
    top: unset;
    bottom: 0;
}
.about-shang-swiper .swiper-slide h2{
    width: 120px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    box-sizing: border-box;
    background-color: #E60012;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    transition: .3s ease-in;
}
.about-shang-swiper .swiper-slide p{
    width: 8px;
    height: 8px;
    background-color: #E60012;
    border-radius: 50%;
    position: relative;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.about-shang-swiper .swiper-slide p::before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: rgba(230,0,18,.3);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.about-shang-swiper h3{
    width: 150px;
    height: 150px;
    font-size: 36px;
    line-height: 150px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #E60012;
    position: absolute;
    top: 50% !important;
    left: 50%;
    bottom: unset !important;
    transform: translate(-50%,-50%);
    z-index: 5;
    opacity: 0;
    transition: .3s ease-in;
}
.about-shang-swiper h3::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .3s ease-in;
}
.about-shang-swiper .swiper-slide-thumb-active h3,
.about-shang-swiper .swiper-slide-thumb-active h3::after{
    opacity: 1;
}
.about-shang-swiper .swiper-slide-thumb-active h2{
    opacity: 0;
}
.about-shang-swiper .swiper-slide p{}
.about-shang-prev{
    left: 0;
}
.about-shang-next{
    right: 0;
}
.about-shang-prev,.about-shang-next{
    width: 40px;
    height: 40px;
    background-color: #E60012;
    border-radius: 50%;
}
.about-shang-prev::after,
.about-shang-next::after{
    font-size: 12px;
    color: #fff;
    line-height: 40px;
}
.about-two-xia{
    margin-top: 80px;
}
.about-xia-swiper{
    overflow: hidden;
    position: relative;
}
.about-xia-swiper p{
    font-size: 16px;
    line-height: 32px;
    color: #fff;
    text-align: center;
}
.about-three{
    padding: 150px 0;
}
.about-three-cont{}
.about-three-cont h2{
    font-size: 36px;
    color: #191919;
}
.about-three-p{
    margin-top: 80px;
    position: relative;
}
.about-three-swiper{
    overflow: hidden;
}
.about-three-swiper li:hover img{
    transform: scale(1.03);
}
.about-three-swiper li{
    overflow: hidden;
}
.about-three-swiper li img{
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.about-three-prev{
    top: -100px;
    left: unset;
    right: 60px;
}
.about-three-next{
    top: -100px;
    right: 0;
}
.about-three-prev,.about-three-next{
    width: 40px;
    height: 40px;
    background-color: #DCDDDD;
    border-radius: 50%;
}
.about-three-prev::after,
.about-three-next::after{
    font-size: 12px;
    color: #666666;
    line-height: 40px;
}
.about-three-prev:hover,.about-three-next:hover{
    background-color: #1D2088;
}
.about-three-prev:hover::after,
.about-three-next:hover::after{
    color: #fff;
}
.about-four{
    padding: 150px 0;
    background-color: #1D2088;
}
.about-four-all{}
.about-four-all h2{
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.about-four-all li{
    margin-top: 80px;
}
.about-four-all li img{
    width: 80%;
    margin: auto;
    display: block;
}
.about-five{
    padding: 150px 0;
}
.about-five-cont{}
.about-five-cont h2{
    font-size: 36px;
    color: #191919;
}
.about-five-p{
    margin-top: 80px;
    position: relative;
}
.about-five-swiper{
    overflow: hidden;
    padding: 1px;
    box-sizing: border-box;
}
.about-five-swiper li:hover img{
    transform: scale(1.03);
}
.about-five-swiper ul{}
.about-five-swiper ul li:first-child{
    margin-top: 0;
}
.about-five-swiper ul li{
    overflow: hidden;
    margin-top: 40px;
    border: 1px solid #DCDDDD;
    padding: 20px 0;
    box-sizing: border-box;
}
.about-five-swiper li img{
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.about-five-prev{
    top: -100px;
    left: unset;
    right: 60px;
}
.about-five-next{
    top: -100px;
    right: 0;
}
.about-five-prev,.about-five-next{
    width: 40px;
    height: 40px;
    background-color: #DCDDDD;
    border-radius: 50%;
}
.about-five-prev::after,
.about-five-next::after{
    font-size: 12px;
    color: #666666;
    line-height: 40px;
}
.about-five-prev:hover,.about-five-next:hover{
    background-color: #1D2088;
}
.about-five-prev:hover::after,
.about-five-next:hover::after{
    color: #fff;
}
.solution-head ul li {
    width: 25%;
}
.solution{
    padding: 150px 0;
}
.solution-all{}
.solution-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 150px;
}
.solution-cont:first-child{
    margin-top: 0;
}
.solution-left{
    width: 50%;
    overflow: hidden;
}
.solution-left img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.solution-left:hover img{
    transform: scale(1.06);
}
.solution-right{
    width: 50%;
    padding-left: 5%;
    box-sizing: border-box;
}
.solution-right h2{
    font-size: 24px;
    color: #191919;
    margin-bottom: 20px;
}
.solution-right p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.solution-cont:nth-child(2n){
    flex-direction: row-reverse;
}
.solution-cont:nth-child(2n) .solution-right{
    padding-left: 0;
    padding-right: 5%;
}
.pro{
    padding: 150px 0;
}
.pro-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.pro-cont{
    width: 31%;
    margin-left: 2%;
    margin-bottom: 50px;
}
.pro-cont{}
.pro-cont a{
    display: block;
}
.pro-cont a .pro-img{
    background-color: #F2F2F2;
    box-sizing: border-box;
    padding: 50px 0;
    overflow: hidden;
}
.pro-cont a .pro-img img{
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.pro-cont a h2{
    font-size: 24px;
    color: #000000;
    margin-top: 20px;
    transition: .3s ease-in;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.pro-cont a li{
    margin-top: 20px;
}
.pro-cont a li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.pro-cont a span{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #999999;
    transition: .3s ease-in;
}
.pro-cont a span i{
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #999999;
    margin-left: 20px;
    transition: .3s ease-in;
}
.pro-cont a:hover img{
    transform: scale(1.06);
}
.pro-cont a:hover h2{
    color: #E60012;
}
.pro-cont a:hover span,
.pro-cont a:hover span i{
    color: #E60012;
}
.pro-page{
    margin-top: 40px;
}
.pro-page ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.pro-page ul li{
    margin: 0 8px;
}
.pro-page ul li a{
    display: block;
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    border: 1px solid #DCDDDD;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 rgba(204,204,204,.8);
    transition: .3s ease-in;
}
.pro-page ul li a:hover,
.pro-page ul .active a{
    background-color: #1D2088;
    color: #fff;
}
.pro-detail{
    margin-top: 120px;
}
.pro-detail-one{
    padding: 150px 0;
    background-color: #EFEFEF;
}
.pro-detail-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-detail-one-left{
    width: 45%;
}
.pro-detail-one-left .pro-detail-img{
    background-color: #fff;
    padding: 50px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.pro-detail-one-left .pro-detail-img img{
    display: block;
    margin: auto;
}
.pro-detail-one-right{
    width: 50%;
}
.pro-detail-one-right h2{
    font-size: 36px;
    color: #000000;
}
.pro-detail-one-right li{
    margin-top: 30px;
}
.pro-detail-one-right li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.pro-detail-one-right a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 50px;
}
.pro-detail-one-right a p{
    font-size: 16px;
    line-height: 30px;
    padding: 10px 30px;
    color: #fff;
    background-color: #1D2088;
    transition: .3s ease-in;
}
.pro-detail-one-right a span{
    width: 50px;
    height: 50px;
    display: block;
    background-color: #E60012;
    transition: .3s ease-in;
}
.pro-detail-one-right a span i{
    display: block;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.pro-detail-one-right a:hover p{
    background-color: #E60012;
}
.pro-detail-one-right a:hover span{
    background-color: #1D2088;
}
.pro-detail-two{
    margin-top: 60px;
}
.pro-detail-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-detail-two-left{
    width: 20%;
}
.pro-detail-two-left ul{}
.pro-detail-two-left ul li{}
.pro-detail-p{}
.pro-detail-p h2{
    font-size: 16px;
    line-height: 32px;
    padding: 10px 30px;
    color: #fff;
    background-color: #1D2088;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    box-sizing: border-box;
}
.pro-detail-p p{
    background-color: #EFEFEF;
    padding: 20px;
    box-sizing: border-box;
}
.pro-detail-p p a:hover,
.pro-detail-p p a.active{
    background-color: #333333;
    color: #fff;
}
.pro-detail-p p a:first-child{
    margin-top: 0;
}
.pro-detail-p p a{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #333333;
    background-color: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 25px;
    margin-top: 20px;
    transition: .3s ease-in;
}
.pro-detail-contact{
    background-color: #EFEFEF;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 30px;
}
.pro-detail-contact h2{
    font-size: 24px;
    line-height: 60px;
    color: #191919;
    padding-bottom: 20px;
    border-bottom: 1px solid #C9CACA;
    position: relative;
}
.pro-detail-contact h2::after{
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background-color: #1D2088;
    position: absolute;
    bottom: 0;
    left: 0;
}
.pro-detail-contact h2{}
.pro-detail-contact img{
    width: 100%;
    display: block;
    margin: 40px auto;
}
.pro-detail-contact p{
    font-size: 16px;
    line-height: 32px;
    color: #333333;
}
.pro-detail-two-right{
    width: 75%;
}
.pro-detail-two-right>ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #EFEFEF;
    border-radius: 25px;
}
.pro-detail-two-right>ul li{
    width: 33.33333%;
    font-size: 16px;
    line-height: 50px;
    color: #333333;
    text-align: center;
    border-radius: 25px;
    transition: .3s ease-in;
}
.pro-detail-two-right>ul .active,
.pro-detail-two-right>ul li:hover{
    background-color: #1D2088;
    color: #fff;
}
.pro-detail-two-content{
    padding: 60px 0;
}
.pro-detail-two-cont{}
.pro-detail-yi{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.pro-detail-yi img{
    width: 150px;
    display: block;
}
.pro-detail-yi li{
    width: calc(100% - 250px);
    margin-left: 100px;
}
.pro-detail-yi li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    position: relative;
    padding-left: 20px;
}
.pro-detail-yi li p::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #1D2088;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
}
.pro-detail-er{
    margin-top: 60px;
}
.pro-detail-er p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    line-height: 32px;
    color: #1D2088;
}
.pro-detail-er p span{
    display: block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #1D2088;
    border-radius: 50%;
    margin-right: 10px;
}
.pro-detail-er ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.pro-detail-er ul li{
    width: 48%;
}
.pro-detail-er ul li img{
    width: 100%;
    display: block;
}
.pro-detail-er ul li span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 20px;
}
.pro-detail-san ul li{
    width: 31%;
}
.pro-detail-si{}
.pro-detail-si{
    margin-top: 60px;
}
.pro-detail-si p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    line-height: 32px;
    color: #1D2088;
}
.pro-detail-si p span{
    display: block;
    width: 30px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background-color: #1D2088;
    border-radius: 50%;
    margin-right: 10px;
}
.pro-detail-si ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.pro-detail-si ul li{
    width: 48%;
}
.pro-detail-si ul li span{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 10px;
}
.pro-detail-si ul li img{
    width: 100%;
    display: block;
}
.pro-detail-wu{
    margin-top: 60px;
}
.pro-detail-wu h2{
    font-size: 24px;
    color: #fff;
    background-color: #1D2088;
    padding: 10px;
    box-sizing: border-box;
}
.pro-detail-wu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.pro-detail-wu ul li{
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-detail-wu ul .pro-wu-zuo{
    width: 30%;
}
.pro-detail-wu ul .pro-wu-zuo img{
    display: block;
}
.pro-detail-wu ul .pro-wu-you{
    width: 60%;
}
.pro-detail-wu ul .pro-wu-you p{
    font-size: 18px;
    line-height: 32px;
    color: #1D2088;
    margin-bottom: 30px;
}
.pro-detail-wu ul .pro-wu-you span{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    display: block;
    padding-left: 20px;
    position: relative;
}
.pro-detail-wu ul .pro-wu-you span::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #1D2088;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;
}
.pro-detail-liu ul li img{
    display: block;
}
.pro-detail-qi{
    display: block;
    margin-top: 60px;
}
.pro-detail-qi h2{
    font-size: 24px;
    color: #fff;
    background-color: #1D2088;
    padding: 10px;
    box-sizing: border-box;
}
.pro-detail-qi ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.pro-detail-qi ul img{
    width: 200px;
}
.pro-detail-qi ul li{
    width: calc(100% - 300px);
}
.pro-detail-ba h2{
    font-size: 24px;
    color: #fff;
    background-color: #1D2088;
    padding: 10px;
    box-sizing: border-box;
}
.pro-detail-ba ul{
    margin-top: 0;
}
.pro-detail-ba ul li{
    margin-top: 30px;
}
.service{}
.service-one{
    padding: 150px 0;
}
.service-one-all{}
.service-one-top{}
.service-one-top h2{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #E60012;
    font-weight: bold;
}
.service-one-top h2 i{
    display: block;
    font-size: 24px;
    color: #E60012;
    margin-right: 10px;
}
.service-one-top li{
    margin-top: 40px;
}
.service-one-top li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    text-align: center;
}
.service-one-cont{
    margin-top: 40px;
    position: relative;
}
.service-one-img{
    width: 420px;
    margin: auto;
}
.service-one-img img{
    width: 100%;
    display: block;
}
.service-one-shang{
    width: 30%;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #E60012;
    position: absolute;
}
.service-one-shang:nth-child(1){
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.service-one-shang:nth-child(2){
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.service-one-shang::after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 5px solid #E60012;
    border-radius: 50%;
    position: absolute;
}
.service-one-shang:nth-child(1)::after{
    top: 50%;
    right: -8px;
    transform: translateY(-50%);
}
.service-one-shang:nth-child(2)::after{
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}
.service-one-shang h2,.service-one-xia h2{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    color: #E60012;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid #DCDDDD;
}
.service-one-shang h2 i,.service-one-xia h2 i{
    display: block;
    font-size: 24px;
    color: #E60012;
    margin-right: 10px;
}
.service-one-shang p,.service-one-xia p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.service-one-xia{
    width: 30%;
    padding: 30px;
    box-sizing: border-box;
    border: 1px solid #E60012;
    margin: auto;
    margin-top: 40px;
    position: relative;
}
.service-one-xia::after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 5px solid #E60012;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
.service-two{
    padding: 150px 0;
    background: url(../img/service-2.png) no-repeat center fixed;
    background-size: cover;
}
.service-two h1{
    font-size: 36px;
    color: #fff;
    text-align: center;
}
.service-two-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}
.service-two-cont{
    width: 23%;
    padding: 60px 40px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.85);
    transition: .3s ease-in;
}
.service-two-cont i{
    display: block;
    font-size: 60px;
    color: #E60012;
    text-align: center;
    transition: .3s ease-in;
}
.service-two-cont h2{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 40px;
    transition: .3s ease-in;
}
.service-two-cont p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    text-align: center;
    margin-top: 20px;
    transition: .3s ease-in;
}
.service-two-cont:hover{
    background-color: #E60012;
}
.service-two-cont:hover i,
.service-two-cont:hover h2,
.service-two-cont:hover p{
    color: #fff;
}
.service-three{
    padding: 150px 0;
}
.service-three h1{
    font-size: 36px;
    color: #191919;
    text-align: center;
}
.service-three-cont{
    margin-top: 60px;
}
.service-three-cont ul{}
.service-three-cont ul>li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #EFEFEF;
    padding: 20px 50px;
    box-sizing: border-box;
    margin-top: 30px;
}
.service-three-cont ul>li p{
    font-size: 18px;
    color: #333333;
}
.service-three-cont ul>li span{
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #C9CACA;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}
.service-three-cont ul>li span::after{
    content: "+";
    display: block;
    font-size: 24px;
    line-height: 32px;
    color: #C9CACA;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.service-three-cont ul>.active{
    background-color: #1D2088;
}
.service-three-cont ul>.active p{
    color: #fff;
}
.service-three-cont ul>.active span{
    border: 1px solid #fff;
}
.service-three-cont ul>.active span::after{
    content: "——";
    color: #fff;
    font-size: 10px;
}
.work-jl{
    padding: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid#EFEFEF;
    display: none;
}
.work-jl-address{}
.work-jl-address p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.work-jl-address p span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    padding: 0 10px;
}
.work-jl-all{
    margin-top: 40px;
}
.work-jl-all h2{
    font-size: 18px;
    color: #333333;
}
.work-jl-all li{
    margin-top: 10px;
}
.work-jl-all li p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.work-jl-all span{
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    background-color: #E60012;
    padding: 0 20px;
    border: 1px solid transparent;
    box-sizing: border-box;
    transition: .3s ease-in;
}
.work-jl-all span:hover{
    border: 1px solid #E60012;
    color: #E60012;
    background-color: transparent;
}
.contact{}
.contact-one{
    padding: 150px 0;
}
.contact-one-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-one-top h2{
    font-size: 36px;
    color: #191919;
}
.contact-one-top p{
    font-size: 24px;
    line-height: 40px;
    color: #1D2088;
}
.contact-one-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
}
.contact-one-p{
    width: 31%;
    margin-left: 2%;
    margin-top: 60px;
}
.contact-one-p h2{
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    padding-left: 15px;
    position: relative;
}
.contact-one-p h2::before{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #E60012;
    position: absolute;
    top: 0;
    left: 0;
}
.contact-one-p li{
    margin-top: 30px;
    padding-left: 15px;
}
.contact-one-p li p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}
.contact-one-p li p i{
    display: block;
    font-size: 20px;
    color: #666666;
}
.contact-one-p li p span{
    width: calc(100% - 50px);
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-left: 20px;
}
.contact-two{}
.contact-two #container{
    width: 100%;
    height: 600px;
}
.amap-info-content img{
    width: 150px;
}
.contact-three{
    padding: 150px 0;
}
.contact-three form{}
.contact-three form legend{
    font-size: 36px;
    color: #191919;
    margin-bottom: 40px;
    display: block;
}
.contact-three form .form-group{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-three form .form-group input{
    width: 31%;
    font-size: 16px;
    color: #666666;
    line-height: 50px;
    border: 1px solid #DCDDDD;
    box-sizing: border-box;
    padding: 0 15px;
    background-color: unset;
    outline: none;
}
.contact-three form .form-group textarea{
    width: 100%;
    font-size: 16px;
    color: #666666;
    border: 1px solid #DCDDDD;
    box-sizing: border-box;
    padding: 15px;
    background-color: unset;
    outline: none;
    resize: none;
}
.contact-three form .btn{
    margin-top: 40px;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: #E60012;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    width: 250px;
    transition: .3s ease-in;
}
.contact-three form .btn:hover{
    background-color: #1D2088;
}
.news-head ul li{
    width: 50%;
}
.news{}
.news-all{
    padding: 150px 0;
}
.news-top{}
.news-top a{
    display: block;
    overflow: hidden;
    position: relative;
}
.news-top a::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, rgb(0,0,0,0), rgba(0,0,0,.4));
    position: absolute;
    top: 0;
    left: 0;
}
.news-top a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.news-top a:hover img{
    transform: scale(1.06);
}
.news-top a .news-top-p{
    width: calc(100% - 100px);
    position: absolute;
    top: 50px;
    left: 50px;
    z-index: 5;
}
.news-top a .news-top-p span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.news-top a .news-top-p h2{
    font-size: 24px;
    line-height: 40px;
    color: #fff;
    margin-top: 10px;
}
.news-cont{}
.news-cont a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 100px 0;
    border-bottom: 1px solid #DCDDDD;
    position: relative;
}
.news-cont a::after{
    content: "";
    display: block;
    width: 0;
    height: 1px;
    background-color: #1D2088;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s ease-in;
}
.news-cont-left{
    width: 60%;
}
.news-cont-left b{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    font-weight: normal;
}
.news-cont-left h2{
    font-size: 24px;
    line-height: 40px;
    color: #333333;
    margin-top: 20px;
    transition: .3s ease-in;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news-cont-left p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-cont-left span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #1D2088;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
    opacity: 0;
    transition: .3s ease-in;
}
.news-cont-left span i{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #1D2088;
    margin-left: 20px;
}
.news-cont-right{
    width: 30%;
    overflow: hidden;
}
.news-cont-right{}
.news-cont-right img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.news-cont a:hover::after{
    width: 100%;
}
.news-cont a:hover img{
    transform: scale(1.06);
}
.news-cont a:hover h2{
    color: #1D2088;
}
.news-cont a:hover span{
    opacity: 1;
}
.news-detail{
    margin-top: 120px;
    padding: 150px 0;
}
.news-detail-top{
    padding-bottom: 20px;
    border-bottom: 1px solid #DCDDDD;
}
.news-detail-top h2{
    font-size: 36px;
    color: #191919;
}
.news-detail-top ul{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.news-detail-top ul span{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}
.news-detail-top ul li{}
.news-detail-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 0;
    border-bottom: 1px solid #DCDDDD;
}
.news-detail-cont-left{
    width: 70%;
}
.news-detail-cont-right{
    width: 25%;
}
.news-detail-cont-right a{
    display: block;
}
.news-detail-cont-right a .news-detail-img{
    overflow: hidden;
}
.news-detail-cont-right a .news-detail-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.news-detail-cont-right a h2{
    font-size: 24px;
    line-height: 40px;
    color: #333333;
    margin-top: 20px;
    transition: .3s ease-in;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-detail-cont-right a p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 20px;
}
.news-detail-cont-right a:hover img{
    transform: scale(1.06);
}
.news-detail-cont-right a:hover h2{
    color: #1D2088;
}
.news-detail-page{
    margin-top: 40px;
}
.news-detail-page li{}
.news-detail-page li a{
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
}


/* phone */
.mobile-inner-header-icon {
    font-size: 25px;
    text-align: center;
    position: relative;
    width: 50px;
    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: #1D2088;
    width: 30px;
    height: 1px;
    display: block;
}
.mobile-inner-header-icon span:nth-child(2){
    margin-top: 8px;
}
.mobile-inner-header-icon span:nth-child(3){
    margin-top: 8px;
}

.mobile-inner-nav {
    background-color: #000000;
    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;
    text-align: center;
}

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

#wrap {
    text-align: left;
}
.phone-menu{
    display: none;
}
@media (min-width:320px) and (max-width:1200px) {
    .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>span{
        font-size: 14px;
        color: #333333;
        display: block;
        text-align: center;
        margin-top: 60px;
    }
}


.phone-solution-content,.phone-service-two{
    display: none;
}
@media (min-width:1199px) and (max-width:1700px){
    .container{
        width: 85%;
    }
    .head-right ul li{
        padding: 0 25px;
    }
    .ban-p{
        left: calc((100vw - 85%) / 2);
    }
    .ban-p p {
        font-size: 45px;
        line-height: 50px;
    }
    .ban-one-cont{
        padding: 20px;
    }
    .index-solution-cont a .index-solution-p i{
        font-size: 60px;
    }
    .index-solution-cont a .index-solution-p p{
        font-size: 16px;
        margin-top: 10px;
    }
    .index-news-cont a h2 {
        font-size: 18px;
        line-height: 32px;
    }
    .index-news-cont a p{
        font-size: 14px;
        margin-top: 10px;
    }
    .about-head ul li a{
        line-height: 70px;
    }
    .about-shang-swiper h3{
        width: 110px;
        height: 110px;
        line-height: 110px;
        font-size: 30px;
    }
    .news-cont-left h2{
        font-size: 20px;
    }
    .news-cont-left p{
        margin-top: 10px;
    }
    .news-cont-left span{
        margin-top: 20px;
    }
    .news-detail-cont-right a h2{
        font-size: 18px;
        line-height: 32px;
    }
    .pro-detail-p p a{
        font-size: 14px;
    }
    .service-two-cont{
        padding: 50px 30px;
    }
}
@media screen and (max-width:1200px){
    .container{
        width: 90%;
    }
    .head-right ul{
        display: none;
    }
    .head-left a{
        width: 150px;
    }
    .banner{
        margin-top: 50px;
    }
    .ban-p{
        left: 2.5%;
    }
    .ban-p p {
        font-size: 20px;
        line-height: 30px;
    }
    .ban-img{
        height: 250px;
    }
    .ban-img img{
        height: 100%;
        object-fit: cover;
    }
    .ban-content{
        margin-top: 0px;
    }
    .ban-one-cont {
        width: 48%;
        padding: 15px;
        margin-top: 30px;
    }
    .index-pro {
        padding: 50px 0;
    }
    .index-pro-right {
        width: 100%;
        margin-top: 20px;
    }
    .index-pro-right a{
        justify-content: flex-start;
    }
    .index-pro-cont a{
        width: 100%;
        padding: 15px;
        flex-direction: column-reverse;
    }
    .index-pro-cont a:nth-child(2){
        margin-top: 30px;
    }
    .index-pro-cont a .index-pro-zuo {
        width: 100%;
        margin-top: 20px;
    }
    .index-pro-cont a .index-pro-zuo li{
        height: 96px;
        overflow: hidden;
    }
    .index-pro-cont a .index-pro-you {
        width: 100%;
    }
    .index-about{
        padding: 50px 0;
        padding-bottom: 50px;
    }
    .index-about-cont{
        margin-top: 40px;
    }
    .index-about-left {
        width: 100%;
    }
    .index-about-left a{
        margin-top: 30px;
    }
    .index-about-right {
        width: 100%;
        margin-top: 40px;
    }
    .index-about-history-cont h2 p{
        font-size: 40px;
    }
    .index-about-history-cont span{
        margin-top: 10px;
    }
    .index-solution {
        padding-top: 50px;
    }
    .index-solution-content{
        display: none;
    }
    .phone-solution-content{
        display: block;
        width: 90%;
        margin: auto;
        margin-top: 40px;
    }
    .phone-solution-swiper{
        overflow: hidden;
        position: relative;
    }
    .index-solution-cont{
        width: 100%;
    }
    .phone-solution-page .swiper-pagination-bullet{
        background: #fff;
        opacity: 1;
    }
    .phone-solution-page .swiper-pagination-bullet-active{
        background: #E60012;
    }
    .index-news {
        padding: 50px 0;
    }
    .index-news-cont{
        margin-top: 0;
    }
    .index-news-cont a{
        width: 48%;
        margin-top: 30px;
    }
    .index-news-cont a h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .index-news-cont a p{
        margin-top: 10px;
    }
    .index-line {
        padding: 50px 0;
    }
    .index-line form .form-group{
        margin-top: 0;
    }
    .index-line form .form-group input,.index-line form .form-group .btn{
        width: 100%;
        margin-top: 20px;
    }
    .foot-one{
        padding: 50px 0;
    }
    .foot-one-left{
        width: 100%;
    }
    .foot-one-right{
        display: none;
    }
    .foot-two-left p{
        text-align: center;
        justify-content: center;
    }
    .about-ban{
        margin-top: 50px;
    }
    .about-head{
        position: unset;
    }
    .about-head ul li a{
        font-size: 14px;
        line-height: 56px;
        color: #131313;
        border-top: 1px solid #e1e1e1;
        border-bottom: 1px solid #e1e1e1;
        border-left: 1px solid #e1e1e1;
    }
    .about-head ul li:hover a, .about-head ul .active a{
        color: #fff;
    }
    .about-one {
        padding: 50px 0;
    }
    .about-one-left {
        width: 100%;
    }
    .about-one-left h2 {
        font-size: 24px;
        line-height: 40px;
    }
    .about-one-right {
        width: 100%;
        margin-top: 20px;
    }
    .about-one-img {
        margin-top: 30px;
    }
    .about-two{
        padding: 50px 0;
    }
    .about-two-all h1{
        font-size: 24px;
    }
    .about-two-shang{
        margin-top: 20px;
    }
    .about-two-xia {
        margin-top: 30px;
    }
    .about-three {
        padding: 50px 0;
    }
    .about-three-cont h2{
        font-size: 24px;
    }
    .about-three-p{
        margin-top: 30px;
    }
    .about-three-prev,.about-three-next{
        top: -45px;
    }
    .about-four{
        padding: 50px 0;
    }
    .about-four-all h2{
        font-size: 24px;
    }
    .about-four-all li {
        margin-top: 50px;
    }
    .about-five {
        padding: 50px 0;
    }
    .about-five-cont h2{
        font-size: 24px;
    }
    .about-five-p{
        margin-top: 40px;
    }
    .about-five-prev,.about-five-next{
        top: -55px;
    }
    .news-all {
        padding: 50px 0;
    }
    .news-top a .news-top-p {
        width: calc(100% - 40px);
        top: 20px;
        left: 20px;
    }
    .news-top a .news-top-p h2{
        font-size: 18px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .news-cont a{
        padding: 50px 0;
        flex-direction: column-reverse;
    }
    .news-cont-left {
        width: 100%;
        margin-top: 20px;
    }
    .news-cont-left h2{
        margin-top: 10px;
    }
    .news-cont-left p{
        margin-top: 10px;
    }
    .news-cont-left span{
        display: none;
    }
    .news-cont-right {
        width: 100%;
    }
    .news-detail {
        margin-top: 50px;
        padding: 50px 0;
    }
    .news-detail-top h2{
        font-size: 24px;
    }
    .news-detail-cont-left{
        width: 100%;
    }
    .news-detail-cont-right{
        display: none;
    }
    .solution {
        padding: 50px 0;
    }
    .solution-cont{
        margin-top: 50px;
    }
    .solution-left{
        width: 100%;
    }
    .solution-right{
        width: 100%;
        margin-top: 20px;
    }
    .pro-head{
        overflow-x: auto;
    }
    .pro-head ul{
        width: 180%;
    }
    .pro {
        padding: 50px 0;
    }
    .pro-cont{
        width: 100%;
    }
    .pro-cont a .pro-img img{
        width: 80%;
    }
    .pro-detail {
        margin-top: 50px;
    }
    .pro-detail-one{
        padding: 50px 0;
    }
    .pro-detail-one-left {
        width: 100%;
    }
    .pro-detail-one-right {
        width: 100%;
        margin-top: 20px;
    }
    .pro-detail-one-right h2{
        font-size: 24px;
    }
    .pro-detail-one-right li {
        margin-top: 20px;
    }
    .pro-detail-two-left{
        display: none;
    }
    .pro-detail-two-right{
        width: 100%;
    }
    .pro-detail-yi img{
        margin: auto;
    }
    .pro-detail-yi li ,.pro-detail-qi ul li{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .pro-detail-wu ul li{
        width: 100%;
    }
    .service-one {
        padding: 50px 0;
    }
    .service-one-top li {
        margin-top: 20px;
    }
    .service-one-img{
        width: 90%;
        display: none;
    }
    .service-one-cont{
        margin-top: 0;
    }
    .service-one-shang{
        width: 100%;
        position: unset;
        transform: unset !important;
        margin-top: 30px;
    }
    .service-one-shang::after,.service-one-xia::after{
        display: none;
    }
    .service-one-xia{
        width: 100%;
    }
    .service-two{
        padding: 50px 0;
    }
    .service-two h1{
        font-size: 24px;
    }
    .service-two-all{
        display: none;
    }
    .phone-service-two{
        display: block;
        margin-top: 30px;
    }
    .phone-service-swiper{
        overflow: hidden;
        position: relative;
    }
    .service-two-cont{
        width: 100%;
    }
    .service-two-cont h2{
        margin-top: 20px;
    }
    .phone-service-page{}
    .phone-service-page .swiper-pagination-bullet-active{
        background: #E60012;
    }
    .service-three {
        padding: 50px 0;
    }
    .service-three h1{
        font-size: 24px;
    }
    .service-three-cont {
        margin-top: 30px;
    }
    .service-three-cont ul>li{
        padding: 20px;
    }
    .work-jl{
        padding: 20px;
    }
    .contact-one {
        padding: 50px 0;
    }
    .contact-one-top h2{
        font-size: 24px;
    }
    .contact-one-top p {
        font-size: 18px;
        line-height: 32px;
        margin-top: 20px;
    }
    .contact-one-p{
        width: 100%;
        margin-top: 40px;
    }
    .contact-two #container{
        height: 300px;
    }
    .contact-three {
        padding: 50px 0;
    }
    .contact-three form legend{
        font-size: 24px;
        margin-bottom: 0px;
    }
    .contact-three form .form-group input{
        width: 100%;
        margin-top: 20px;
    }
}
@media (min-width:768px) and (max-width:1199px){
    .ban-img {
        height: auto;
    }
    .ban-one-cont {
        width: 20%;
        padding: 10px;
    }
    .index-pro-cont a{
        flex-direction: unset;
    }
    .index-pro-cont a .index-pro-zuo {
        width: 70%;
    }
    .index-pro-cont a .index-pro-you {
        width: 25%;
    }
    .index-pro-cont a{
        width: 49%;
    }
    .index-pro-cont a:nth-child(2){
        margin-top: 0;
    }
    .index-pro-right {
        width: auto;
        margin-top: 0;
    }
    .index-about-left {
        width: 60%;
    }
    .index-about-right {
        width: 30%;
        margin-top: 0;
    }
    .phone-solution-content{
        display: none;
    }
    .index-solution-content{
        display: flex;
        margin-top: 50px;
    }
    .index-solution-cont{
        width: 25%;
    }
    .index-solution-cont a .index-solution-p i{
        font-size: 50px;
    }
    .index-solution-cont a .index-solution-p p{
        font-size: 16px;
        margin-top: 20px;
    }
    .index-news-cont a{
        width: 32%;
    }
    .index-line form .form-group input, .index-line form .form-group .btn{
        width: 23%;
    }
    .news-cont a{
        flex-direction: unset;
    }
    .news-cont-left {
        width: 60%;
        margin-top: 0;
    }
    .news-cont-right{
        width: 30%;
    }
    .solution-left{
        width: 50%;
    }
    .solution-right{
        width: 50%;
        margin-top: 0;
    }
    .pro-head ul {
        width: 100%;
    }
    .pro-cont{
        width: 31%;
    }
    .pro-cont a .pro-img img {
        width: 60%;
    }
    .pro-detail-one-left {
        width: 45%;
    }
    .pro-detail-one-right {
        width: 50%;
        margin-top: 0;
    }
    .pro-detail-two-left {
        width: 25%;
        display: block;
    }
    .pro-detail-p p a{
        font-size: 14px;
        line-height: 28px;
    }
    .pro-detail-two-right {
        width: 72%;
    }
    .pro-detail-yi li {
        width: calc(100% - 230px);
        margin-left: 80px;
        margin-top: 0;
    }
    .pro-detail-wu ul li{
        width: 45%;
    }
    .pro-detail-qi ul li {
        width: calc(100% - 280px);
    }
    .service-one-cont{
        margin-top: 60px;
    }
    .service-one-shang{
        width: 30%;
        position: absolute;
        margin-top: 0;
    }
    .service-one-img{
        width: 300px;
        display: block;
    }
    .service-one-shang:nth-child(1),.service-one-shang:nth-child(2){
        transform: translateY(-50%) !important;
    }
    .service-one-xia{
        width: 30%;
        margin-top: 60px;
    }
    .service-two-all{
        display: flex;
    }
    .phone-service-two{
        display: none;
    }
    .service-two-cont {
        width: 24%;
        padding: 40px 15px;
    }
    .contact-one-top p{
        margin-top: 0;
    }
    .contact-one-p{
        width: 48%;
    }
    .contact-three form .form-group input{
        width: 32%;
    }
}
@media (min-width:414px) and (max-width:768px){
    .ban-img {
        height: auto;
    }
    .ban-one-cont {
        padding: 10px;
    }
    .index-pro-right {
        width: auto;
        margin-top: 0;
    }
    .phone-solution-content{
        display: block;
    }
    .index-solution-content{
        display: none;
        margin-top: 50px;
    }
    .index-solution-cont a .index-solution-p i{
        font-size: 50px;
    }
    .index-solution-cont a .index-solution-p p{
        font-size: 16px;
        margin-top: 20px;
    }
    .news-cont a{
        flex-direction: unset;
    }
    .news-cont-left {
        width: 60%;
        margin-top: 0;
    }
    .news-cont-right{
        width: 30%;
    }
    .solution-left{
        width: 50%;
    }
    .solution-right{
        width: 50%;
        margin-top: 0;
    }
    .pro-detail-one-left {
        width: 45%;
    }
    .pro-detail-one-right {
        width: 50%;
        margin-top: 0;
    }
    .pro-detail-yi li {
        width: calc(100% - 230px);
        margin-left: 80px;
        margin-top: 0;
    }
    .pro-detail-wu ul li{
        width: 45%;
    }
    .pro-detail-qi ul li {
        width: calc(100% - 280px);
    }
    .service-one-cont{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .service-one-shang{
        width: 48%;
    }
    .service-one-img{
        width: 300px;
        display: none;
    }
    .contact-one-top p{
        margin-top: 0;
    }
    .contact-one-p{
        width: 48%;
    }
    .contact-three form .form-group input{
        width: 32%;
    }
}
@media screen and (max-width:414px){}