*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    font-weight: normal;
}
img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.container{
    width: 1200px;
    margin: auto;
}
.header{
    padding-top: 30px;
}
.head{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.head-left{}
.head-left a{
    width: 240px;
    display: block;
}
.head-left a img{
    width: 100%;
    display: block;
}
.head-zhong{
    width: 50%;
}
.head-zhong form{}
.head-zhong form .form-group{
    border: 1px solid #008fcd;
    border-radius: 25px;
    position: relative;
    height: 40px;
}
.head-zhong form .form-group input{
    width: 100%;
    line-height: 40px;
    padding-left: 10px;
    border-radius: 25px;
    box-sizing: border-box;
    outline: none;
    border: none;
}
.head-zhong form .form-group button{
    border: none;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
    padding: 0px 20px;
    border-radius: 25px;
    background-image: linear-gradient(to right,#034d8e,#069ce0);
    position: absolute;
    top: 5px;
    right: 5px;
}
.head-zhong form p{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}
.head-zhong form p a{
    display: inline-block;
    color: #666666;
    margin-left: 10px;
}
.head-right{}
.head-right div:first-child{
    margin-left: 0;
}
.head-right div{
    float: left;
    margin-left: 30px;
    padding: 5px 0;
    position: relative;
}
.head-right div img{
    width: 30px;
    height: 30px;
    display: block;
}
.head-right div a{
    display: block;
}
.head-right div a img{
    width: 30px;
    height: 30px;
    display: block;
}
.head-right div:hover .head-ewm{
    display: block;
}
.head-ewm{
    display: none;
}
.head-ewm img{
    max-width: unset;
    width: 100px !important;
    height: 100px !important;
    position: absolute;
    left: -35px;
}
.head-one{
    background-color: #ebf2f8;
    padding: 30px 40px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.head-one-left{
    width: 200px;
}
.head-one-left p{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: auto;
}
.head-one-left p img{
    width: 100%;
    display: block;
    border-radius: 50%;
    margin: auto;
}
.head-one-right{
    width: calc(100% - 250px);
}
.head-one-right p{
    font-size: 15px;
    line-height: 30px;
    color: #040437;
}
.head-menu{
    margin-top: 20px;
    border-bottom: 2px solid #1c7fba;
}
.head-menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.head-menu ul li{}
.head-menu ul li a{
    font-size: 16px;
    color: #555555;
    padding: 15px 10px;
    display: block;
}
.head-menu ul .active a{
    background-color: #1c7fba;
    color: #fff;
}
.head-menu ul li:hover a{
    background-color: #1c7fba;
    color: #fff;
}
.pro{
    padding: 10px 0;
    background-color: #f0f1f1;
}
.pro-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro-all-left{
    width: 35%;
    background-color: #fff;
    padding: 20px 10px;
    box-sizing: border-box;
}
.index-pro{}
.index-pro-all:nth-child(1){
    margin-top: 0;
}
.index-pro-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.index-pro-left{
    width: 40px;
}
.index-pro-left img{
    max-width: 100%;
    display: block;
}
.index-pro-right{
    width: calc(100% - 50px);
}
.index-pro-right span{
    font-size: 16px;
    color: #034c8f;
}
.index-pro-right p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.index-pro-right p a{
    display: block;
    font-size: 14px;
    color: #555555;
    position: relative;
    margin-top: 10px;
    padding: 0 15px;
}
.index-pro-right p a:first-child{
    padding-left: 0;
}
.index-pro-right p a::before{
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: #555555;
    position: absolute;
    top: 10%;
    right: 0;
}
.index-pro-right p a:last-child::before{
    content: "";
    display: none;
}
.pro-all-right{
    width: 64%;
}
.pro-all-right-one{}
.pro-all-swiper{
    overflow: hidden;
    position: relative;
}
.pro-all-swiper .swiper-slide{}
.pro-all-swiper .swiper-slide img{
    width: 100%;
    display: block;
}
.pro-all-right-two{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.pro-all-right-two-cont{
    width: 24%;
}
.pro-all-right-two-cont a{
    display: block;
    position: relative;
    overflow: hidden;
}
.pro-all-right-two-cont a:hover img{
    transform: scale(1.1);
}
.pro-all-right-two-cont a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
}
.pro-all-right-two-cont a p{
    color: #032534;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
}
.index-line{
    padding: 30px 0;
}
.index-line-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-line-cont{
    width: 49%;
}
.index-line-cont a{
    display: block;
}
.index-line-cont a img{
    width: 100%;
    display: block;
}
.index-one{}
.index-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-one-left{
    width: 48%;
}
.index-one-left h2{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index-one-left h2 span{
    font-size: 14px;
    color: #ff6134;
    display: inline-block;
    margin-left: 5px;
}
.index-one-member{
    padding: 10px;
    margin-top: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0 #eee;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-one-member-cont{
    width: 24%;
    margin-top: 10px;
    background-color: #e9f2f9;
    padding: 20px 0;
}
.index-one-member-cont:nth-child(1),
.index-one-member-cont:nth-child(2),
.index-one-member-cont:nth-child(3),
.index-one-member-cont:nth-child(4)
{
    margin-top: 0;
}
.index-one-member-cont a:hover img{
    transform: rotateY(180deg);
}
.index-one-member-cont img{
    width: 65px;
    height: 65px;
    display: block;
    margin: auto;
    transition: .3s ease-in;
}
.index-one-member-cont p{
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin-top: 10px;
}
.index-one-right{
    width: 48%;
}
.index-one-right h2{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index-one-right-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
    padding: 10px;
    box-sizing: border-box;
}
.index-one-right-cont{
    width: 49%;
    margin-top: 10px;
}
.index-one-right-cont:nth-child(1),
.index-one-right-cont:nth-child(2){
    margin-top: 0;
}
.index-one-right-cont a{
    display: block;
    position: relative;
    overflow: hidden;
}
.index-one-right-cont a:hover img{
    transform: scale(1.1);
}
.index-one-right-cont a img{
    width: 100%;
    height: 135px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;
}
.index-one-right-cont a p{
    width: 90%;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.line{
    padding: 30px 0;
}
.line-all{}
.line-all img{
    width: 100%;
    display: block;
}
.index-news{}
.index-news-all{}
.index-news-all>h2{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index-news-all>h2 a{
    font-size: 14px;
    color: #ff6134;
    margin-left: 5px;
    display: inline-block;
}
.index-news-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}
.index-news-left{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-news-left a{
    width: 48%;
    border: 1px solid #dedede;
}
.index-news-left .index-news-img{
    overflow: hidden;
}
.index-news-left .index-news-img img{
    width: 100%;
    display: block;
}
.index-news-left .index-news-p{
    padding: 20px;
    box-sizing: border-box;
}
.index-news-left .index-news-p h2{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.index-news-left .index-news-p h3{
    font-size: 14px;
    line-height: 24px;
    color: #777777;
    margin-top: 10px;
    overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.index-news-left .index-news-p p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.index-news-left .index-news-p p span{
    font-size: 14px;
    color: #b1c6da;
    display: block;
}
.index-news-left .index-news-p p img{
    max-width: 100%;
    display: block;
    margin: 0;
}
.index-news-right{
    width: 39%;
}
.index-shenqing{
    height: 100%;
    position: relative;
}
.index-shenqing img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.index-shenqing p{
    width: max-content;
    font-size: 22px;
    color: #0e100f;
    font-weight: bold;
    text-align: center;
    border: 2px solid #121012;
    background-color: rgba(254,222,3,.82);
    padding: 10px 30px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.index-study{
    padding: 30px 0;
}
.index-study-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.index-study-left{
    width: 70%;
}
.index-study-left h1{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index-study-left h1 a{
    font-size: 14px;
    color: #ff6134;
    display: inline-block;
    margin-left: 5px;
}
.index-study-left-cont{
    margin-top: 20px;
    position: relative;
}
.index-study-left-cont img{
    width: 1000%;
    display: block;
}
.index-study-p{
    width: 50%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    position: absolute;
    top: 0;
    right: 0;
}
.index-study-p-cont{
    width: 50%;
}
.index-study-p-cont h2{
    font-size: 18px;
    line-height: 35px;
    color: #034d8e;
    font-weight: bold;
}
.index-study-p-cont p{
    font-size: 14px;
    line-height: 35px;
    color: #555555;
}
.index-study-p-cont p a{
    color: #555555;
    line-height: 35px;
    display: block;
}
.index-study-right{
    width: 28%;
    overflow: hidden;
}
.index-study-right h1{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.index-study-right h1 a{
    font-size: 14px;
    color: #ff6134;
    display: inline-block;
    margin-left: 5px;
}
.index-study-right-cont{
    margin-top: 20px;
    height: 100%;
    position: relative;
}
.index-study-right-cont img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.index-study-right-p{
    width: calc(100% - 80px);
    position: absolute;
    top: 40px;
    left: 40px;
}
.index-study-right-p h2{
    font-size: 18px;
    line-height: 35px;
    color: #fff;
    font-weight: bold;
}
.index-study-right-p p{
    font-size: 14px;
    line-height: 35px;
    color: #fff;
}
.index-study-right-p a{
    display: block;
    font-size: 14px;
    line-height: 35px;
    color: #42bafe;
}
.footer{
    padding: 30px 0;
    background-color: #3d3d3d;
}
.foot{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #4b4b4b;
}
.foot-left{
    width: 24%;
}
.foot-left a{
    width: 185px;
    display: block;
}
.foot-left a img{
    width: 100%;
    display: block;
}
.foot-left p{
    font-size: 14px;
    color: #a4a4a4;
    margin-top: 20px;
}
.foot-left p span{
    display: inline-block;
    font-size: 25px;
    color: #008bc6;
    font-weight: bold;
}
.foot-zhong{
    width: 45%;
}
.foot-zhong ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot-zhong ul li{
    width: 33%;
}
.foot-zhong ul li p{
    font-size: 15px;
    color: #a4a4a4;
    font-weight: bold;
    margin-bottom: 20px;
}
.foot-zhong ul li a{
    display: block;
    font-size: 14px;
    color: #999999;
    margin-top: 10px;
}
.foot-right{
    width: 24%;
}
.foot-right div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.foot-right div p{
    width: 50%;
}
.foot-right div p img{
    width: 110px;
    height: 110px;
    display: block;
    margin: auto;
}
.foot-right div p span{
    font-size: 14px;
    color: #999999;
    display: block;
    text-align: center;
    margin-top: 10px;
}
.foot-di{
    padding-top: 30px;
}
.foot-di p{
    font-size: 13px;
    line-height: 24px;
    color: #a4a4a4;
}
.foot-di p a{
    display: inline-block;
    color: #a4a4a4;
}
.about-ban{}
.about-ban img{
    width: 100%;
    display: block;
}
.about-head{
    padding-top: 30px;
}
.about-head-all{
    border: 1px solid #cfdaeb;
    background-color: #ecf8fd;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}
.about-head-all p{
    font-size: 14px;
    color: #777777;
}
.about-head-all span{
    display: inline-block;
    color: #777777;
    margin-left: 10px;
}
.about-head-all a{
    display: inline-block;
    font-size: 14px;
    color: #777777;
    margin-left: 10px;
}
.about{
    padding: 30px 0;
}
.about-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about-left{
    width: 20%;
    padding: 20px;
    padding-bottom: 80px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
}
.about-left h2{
    font-size: 18px;
    color: #333333;
    font-weight: bold;
}
.about-left .active{
    color: #fd8626;
}
.about-left a{
    display: block;
    font-size: 14px;
    color: #555555;
    margin-top: 20px;
}
.about-right{
    width: 78%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e9e9e9;
}
.about-right h2{
    font-size: 18px;
    color: #131835;
}
.about-right .about-swiper{
    overflow: hidden;
    position: relative;
    margin: 30px 0;
}
.about-right .about-swiper .swiper-slide{}
.about-right .about-swiper .swiper-slide img{
    width: 100%;
    display: block;
}
.about-right p{
    font-size: 14px;
    line-height: 30px;
     color: #333333;
}
.contact-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.contact-left{
    width: 60%;
}
.contact-left h2{
    font-size: 18px;
    color: #004070;
    font-weight: bold;
    margin-bottom: 30px;
}
.contact-left p{
    font-size: 14px;
    line-height: 36px;
    color: #131835;
}
.contact-left p a{
    color: #131835;
}
.contact-right{
    width: 35%;
}
.contact-right div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-right div p{}
.contact-right div p img{
    width: 110px;
    height: 110px;
    display: block;
}
.contact-right div p span{
    font-size: 14px;
    color: #999999;
    display: block;
    text-align: center;
}
#container{
    width: 100%;
    height: 300px;
    margin-top: 40px;
}
.amap-info-content img{
    width: 120px;
    display: block;
}
.service-all .about-left p{
    font-size: 14px;
    color: #555555;
    margin-top: 20px;
}
.service-right-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
    box-sizing: border-box;
}
.service-right-cont:nth-child(1),
.service-right-cont:nth-child(2){
    margin-top: 0;
}
.service-right-cont{
    width: 48%;
    padding: 40px 50px;
    background-color: #e9f2f9;
    box-sizing: border-box;
    margin-top: 30px;
}
.service-right-cont .service-img{}
.service-right-cont .service-img img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.service-right-cont h2{
    font-size: 18px;
    color: #0e122b;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}
.service-right-cont p{
    font-size: 14px;
    line-height: 24px;
    color: #0e122b;
    text-align: center;
    margin-top: 20px;
}
.news-all{}
.news-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f6f9ff;
    border: 1px solid #d3d3d3;
    border-bottom: 1px solid transparent;
}
.news-top .data{
    width: 20%;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    border-right: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.news-top .title{
    width: 80%;
    padding: 10px 0;
    text-align: center;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.news-all a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #f6f9ff;
    border: 1px solid #d3d3d3;
    border-bottom: 1px solid transparent;
}
.news-all a:last-child{
    border-bottom: 1px solid #d3d3d3;
}
.news-all a:hover span{
    color: #333333;
}
.news-all a p{
    width: 20%;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    border-right: 1px solid #d3d3d3;
    box-sizing: border-box;
}
.news-all a span{
    width: 80%;
    margin: 10px 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 24px;
    color: #1d7cdd;
    box-sizing: border-box;
    overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
}
.news-detail{}
.news-detail-top{
    padding-bottom: 20px;
    border-bottom: 1px #ddd dotted;
}
.news-detail-top h2{
    font-size: 24px;
    color: #008fcd;
    text-align: center;
}
.news-detail-top p{
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-top: 5px;
}
.news-detail-cont{
    margin-top: 30px;
}
.news-page{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    margin-top: 20px;
}
.news-page p{
    margin: 0 10px;
}
.news-page p a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 14px;
    color: #333333;
    border: 1px solid #dddddd;
    box-sizing: border-box;
}
.news-page .active a{
    background-color: #1d7cdd;
    color: #fff;
}
.news-page p a:hover{
    background-color: #1d7cdd;
    color: #fff;
}
.product{
    padding: 30px 0;
}
.product-top{
    padding: 0px 20px;
    border: 1px solid #dedede;
    box-sizing: border-box;
}
.product-top-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px dashed #dddddd;
}
.product-top-cont:last-child{
    border-bottom: none;
}
.product-top-cont .product-top-img{
    width: 30px;
}
.product-top-cont .product-top-img img{
    max-width: 100%;
    display: block;
    margin: auto;
}
.product-top-cont p{
    width: calc(100% - 40px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.product-top-cont p a:first-child{
    min-width: 95px;
    font-size: 16px;
    color: #131835;
    background-color: #ededed;
    padding: 5px 15px;
    box-sizing: border-box;
    text-align: center;
}
.product-top-cont p a:first-child::before,.product-top-cont p a:last-child::before{
    content: "";
    display: none;
}
.product-top-cont p a{
    display: inline-block;
    font-size: 14px;
    color: #555555;
    margin: 0 10px;
    position: relative;
}
.product-top-cont p a::before{
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    background-color: #555555;
    position: absolute;
    top: 10%;
    right: -10px;
}
.product-top-cont p .active{
    color: #fd8626 !important;
}
.product-top-cont p a:hover{
    color: #fd8626;
}
.product-cont{
    margin-top: 30px;
}
.product-cont table{
    width: 100%;
}
table, th, td {
    border: 1px solid #496728;
    border-collapse: collapse; /* 移除单元格之间的间隔 */
  }
.product-cont table thead{}
.product-cont table thead tr{
    background-color: #c4c7e9;
}
.product-cont table thead th{
    font-size: 16px;
    color: #131835;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
}
.product-cont table tbody{}
.product-cont table tbody tr{}
.product-cont table tbody tr td{
    font-size: 14px;
    color: #555555;
    text-align: center;
    padding: 10px 0;
}
.product-cont table tbody tr td a{
    color: #555555;
}
.product-cont table tbody tr td a:hover{
    color: #fd8626;
}
.product-detail{
    padding-bottom: 60px;
}
.product-detail-top{
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-detail-top-left{
    width: 67%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-detail-zuo{
    width: 50%;
}
.product-swiper{
    overflow: hidden;
    position: relative;
}
.pro-all-swiper .swiper-slide{}
.pro-all-swiper .swiper-slide img{
    width: 100%;
    display: block;
}
.product-detail-you{
    width: 48%;
}
.product-detail-you h2{
    font-size: 18px;
    color: #171b34;
    font-weight: bold;
    margin-bottom: 20px;
}
.product-detail-you h2 span{
    width: max-content;
    display: block;
    font-size: 14px;
    color: #fff;
    background-color: #fd8626;
    border-radius: 25px;
    padding: 5px 25px;
    margin-bottom: 10px;
}
.product-detail-you p{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}
.product-detail-you p span:first-child{
    width: 80px;
    font-size: 14px;
    line-height: 35px;
    color: #333333;
    display: inline-block;
    background-color: #ecf8fd;
    text-align: right;
    border: 1px solid #cfdaeb;
    box-sizing: border-box;
}
.product-detail-you p span:last-child{
    width: calc(100% - 100px);
    font-size: 14px;
    line-height: 35px;
    color: #333333;
    border-bottom: 1px solid #cfdaeb;
}
.product-contact{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.product-contact a:first-child{
    margin-left: 0;
}
.product-contact a{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid #4e6485;
    margin-left: 10px;
    padding: 10px 30px;
    box-sizing: border-box;
}
.product-contact a:hover{
    background-color: #fd8626;
    border: none;
}
.product-contact a:hover i{
    color: #fff;
}
.product-contact a:hover span{
    color: #fff;
}
.product-contact a i{
    font-size: 20px;
    color: #4e6485;
}
.product-contact a span{
    font-size: 16px;
    color: #4e6485;
    margin-left: 10px;
}
.product-detail-top-right{
    width: 28%;
    border: 1px solid #e5ebf4;
    padding: 30px 15px;
    box-sizing: border-box;
}
.product-detail-top-p{}
.product-detail-top-p h2{
    font-size: 18px;
    color: #034d8e;
    font-weight: bold;
    padding-left: 10px;
    position: relative;
}
.product-detail-top-p h2::before{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #0589c5;
    position: absolute;
    top: 0;
    left: 0;
}
.product-detail-top-p-img{
    position: relative;
    margin-top: 30px;
}
.product-detail-top-p-img img{
    width: 100%;
    display: block;
}
.product-detail-top-p-img p{
    width: 90%;
    font-size: 14px;
    color: #0e100f;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    border: 2px solid #121012;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.product-detail-cont{}
.product-detail-cont-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-l{
    width: 30%;
}
.product-l h2{
    font-size: 18px;
    color: #034d8e;
    font-weight: bold;
    padding: 10px 0;
    padding-left: 15px;
    position: relative;
    background-image: linear-gradient(to right,#fff,#034d8e);
}
.product-l h2::before{
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: #0589c5;
    position: absolute;
    top: 0;
    left: 0;
}
.product-l-p{
    background: url(../img/product-2.png) no-repeat center;
    background-size: cover;
    padding: 40px 30px;
    padding-bottom: 80px;
    box-sizing: border-box;
}
.product-l-p a{
    display: block;
    font-size: 18px;
    color: #034d8e;
    margin-top: 20px;
    font-weight: bold;
}
.product-r{
    width: 69%;
}
.product-r ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid #496278;
}
.product-r ul li{
    font-size: 16px;
    color: #131835;
    padding: 10px 30px;
    border: 1px solid #496278;
    box-sizing: border-box;
    margin-right: 5px;
    border-bottom: none;
    cursor: pointer;
}
.product-r ul .active{
    background-color: #c4c7ea;
}
.product-r-all{}
.product-r-cont{
    padding: 30px 20px;
    box-sizing: border-box;
    border: 1px solid #d1dbec;
    border-top: none;
}
.product-r-cont a{
    font-size: 16px;
    color: #131835;
}
.product-detail-cont .zhuyi{
    font-size: 14px;
    color: #ff0000;
    text-align: center;
    padding: 30px 0;
    background-color: #fff9ef;
    border: 1px solid #fcc01c;
    box-sizing: border-box;
    margin-top: 60px;
}


/* phone */
.mobile-inner-header {
    background-color: rgba(255,255,255,255.7);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;
}
#wrap {
    text-align: left;
}
.fl {
    float: left;
    display: inline;
}
.mobile-inner-header-icon:hover {
    /* background-color: rgba(255,255,255,0.2); */
    cursor: pointer;
}
.mobile-inner-header-icon {
    color: #666666;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
}
.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
}
.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);
}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,0.7);
}
.mobile-inner-header-icon:hover {
    cursor: pointer;
}
.mobile-inner-header-icon {
    color: #666666;
    font-size: 25px;
    text-align: center;
}
.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
}
.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);
}
.mobile-inner-nav {
    width: 100%;
    position: fixed;
    top: 70px;
    left: 0px;
    transform: translateX(-100%);
    z-index: 9999;
    /* height: calc(100% - 50px); */
    height: 100%;
    padding-top: 0%;
    overflow-y: auto;
    transition: .3s ease-in;
    background-color: rgba(255, 255, 255, 0.7);
}
.mobile-inner-nav div{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    background-color: #034c8f;
}
.head .a{
    transform: translateX(0);
}
.mobile-inner-nav a {
    display: inline-block;
    line-height: 45px;
    text-decoration: none;
    width: 90%;
    margin-left: 5%;
    color: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight: 300;
    border-bottom: 1px solid #fff;
    font-size: 16px;
}
.mobile-inner-nav a {
    position: relative;
    overflow: hidden;
}
#wrap {
    text-align: left;
}
@keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
  }
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
  }
}
.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.7);
}
.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
}
.mobile-inner-header-icon .active{
    display: none;
}
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
.mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;
}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }
  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }
  100% {
    transform: translateY(4px) rotate(0deg);
  }
}
.mobile-inner-header-icon{
  display: none;
}
/* .mobile-inner-nav .alist:first-child a{
    border-bottom: none;
} */
.mobile-inner-nav form{}
.mobile-inner-nav form .form-group{
    position: relative;
}
.mobile-inner-nav form input{
    box-sizing: border-box;
    outline: none;
    width: 100%;
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #333333;
}
.mobile-inner-nav form img{
    width: 17px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
}
@media screen and (max-width:1200px) {
  .mobile-inner-header-icon{
    display: block;
  }
}



@media screen and (max-width:1200px){
    .container{
        width: 90%;
    }
    .head-zhong,.head-right,.head-one,.head-menu{
        display: none;
    }
    .header{
        width: 100%;
        padding: 10px 0;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: 999;
    }
    .head{
        align-items: center;
    }
    .head-left a{
        width: 150px;
    }
    .pro{
        margin-top: 70px;
        z-index: 0;
    position: relative;
    }
    .pro-all-left{
        width: 100%;
    }
    .pro-all-right{
        width: 100%;
    }
    .index-pro-all{
        margin-top: 20px;
    }
    .pro-all-right-two-cont{
        width: 50%;
    }
    .index-line-cont{
        width: 100%;
    }
    .index-one-left{
        width: 100%;
    }
    .index-one-member-cont:nth-child(1), .index-one-member-cont:nth-child(2){
        margin-top: 0;
    }
    .index-one-member-cont:nth-child(3), .index-one-member-cont:nth-child(4){
        margin-top: 10px;
    }
    .index-one-member-cont{
        width: 48%;
    }
    .index-one-right{
        width: 100%;
        margin-top: 20px;
    }
    .index-one-right-all{
        margin-top: 10px;
        padding: 0;
    }
    .index-one-right-cont a p{
        font-size: 14px;
    }
    .index-news-cont{
        margin-top: 0;
    }
    .index-news-left{
        width: 100%;
    }
    .index-news-left a{
        width: 100%;
        margin-top: 20px;
    }
    .index-news-right{
        width: 100%;
        margin-top: 20px;
    }
    .index-shenqing p{
        width: 90%;
        padding: 10px;
        font-size: 16px;
    }
    .index-study-left{
        width: 100%;
    }
    .index-study-p{
        width: 100%;
        position: unset;
        margin-top: 20px;
    }
    .index-study-right{
        width: 100%;
        margin-top: 20px;
    }
    .foot-left{
        width: 100%;
    }
    .foot-zhong{
        display: none;
    }
    .foot-right{
        width: 100%;
        margin-top: 20px;
    }
    .about-ban{
        margin-top: 70px;
        height: 300px;
    }
    .about-ban img{
        height: 100%;
        object-fit: cover;
    }
    .product-top{
        padding: 0 10px;
    }
    .product-cont table tbody tr td{
        font-size: 12px;
    }
    .product-detail-top-left{
        width: 100%;
    }
    .product-detail-zuo{
        width: 100%;
    }
    .product-detail-you{
        width: 100%;
        margin-top: 20px;
    }
    .product-detail-top-right{
        width: 100%;
    }
    .product-l{
        display: none;
    }
    .product-r{
        width: 100%;
    }
    .about-left{
        width: 100%;
        padding-bottom: 20px;
        overflow: hidden;
    }
    .service-all .about-left a{
        width: 50%;
    }
    .about-left a{
        width: 33%;
        float: left;
        text-align: center;
    }
    .about-right{
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }
    .service-right-cont:nth-child(2){
        margin-top: 20px;
    }
    .service-right-cont{
        width: 100%;
        padding: 10px;
        margin-top: 20px;
    }
    .contact-left{
        width: 100%;
    }
    .contact-right{
        width: 100%;
    }
    .news-top .data,.news-all a p{
        width: 30%;
    }
    .news-top .title,.news-all a span{
        width: 70%;
    }
}
@media (min-width:769px) and (max-width:1199px){
    .pro-all-right-two-cont{
        width: 24%;
    }
    .index-line-cont{
        width: 49%;
    }
    .index-one-member-cont:nth-child(1),
    .index-one-member-cont:nth-child(2),
    .index-one-member-cont:nth-child(3),
    .index-one-member-cont:nth-child(4){
        margin-top: 0;
    }
    .index-one-member-cont{
        width: 24%;
    }
    .index-news-left a{
        width: 48%;
    }
    .index-news-right{
        display: none;
    }
    .index-study-p{
        width: 50%;
        position: absolute;
        margin-top: 0;
    }
    .foot-right div{
        justify-content: flex-start;
    }
    .foot-right div p{
        width: auto;
    }
    .foot-right div p:last-child{
        margin-left: 20px;
    }
    .product-detail-zuo{
        width: 50%;
    }
    .product-detail-you{
        width: 48%;
    }
    .product-detail-top-right{
        display: none;
    }
    .service-all .about-left a{
        width: 24%;
    }
    .service-right-cont:nth-child(2){
        margin-top: 0;
    }
    .service-right-cont{
        width: 23%;
        margin-top: 0;
    }
    .contact-right div{
        justify-content: flex-start;
    }
    .contact-right div p:last-child{
        margin-left: 20px;
    }
}
@media (min-width:414px) and (max-width:769px){
    .index-pro-right p a{
        width: 15%;
    }
    .pro-all-right-two-cont{
        width: 24%;
    }
    .index-line-cont{
        width: 49%;
    }
    .index-one-member-cont:nth-child(1),
    .index-one-member-cont:nth-child(2),
    .index-one-member-cont:nth-child(3),
    .index-one-member-cont:nth-child(4){
        margin-top: 0;
    }
    .index-one-member-cont{
        width: 24%;
    }
    .index-news-left a{
        width: 48%;
    }
    .index-news-right{
        display: none;
    }
    .product-detail-top-right{
        display: none;
    }
    .service-all .about-left a{
        width: 24%;
    }
    .service-right-cont:nth-child(2){
        margin-top: 0;
    }
    .service-right-cont{
        width: 48%;
    }
    .contact-right div{
        justify-content: flex-start;
    }
    .contact-right div p:last-child{
        margin-left: 20px;
    }
}
@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: 11px;
    width: 40px;
    height: 40px;
    color: #333;
    background-color: #f8f8f8;
    margin-right: 10px;
    margin-bottom: 10px;
}

.pagination a:hover,
.pagination a.active {
    background-color: #1d7cdd;
    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;
}