@font-face {
    font-family: 'AlibabaPuHui';
    /* 来自 https://fonts.alibabagroup.com/#/font ，使用阿里云公共服务以加快下载速度 */
    src:
        url(../fonts/AlibabaPuHuiTi-3-55-Regular.eot),
        url(../fonts/AlibabaPuHuiTi-3-55-Regular.otf),
        url(../fonts/AlibabaPuHuiTi-3-55-Regular.ttf),
        url(../fonts/AlibabaPuHuiTi-3-55-Regular.woff),
        url(../fonts/AlibabaPuHuiTi-3-55-Regular.woff2);
    /* 在字体没有下载完成之前，使用默认字体显示，避免空白 */
    font-display: swap;}
table{
    white-space: break-spaces;}
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    scroll-behavior: smooth;}
body,html{
    font-family: 'AlibabaPuHui';}
.container{
    width: 1180px;
    margin: auto;}
.header{}
.head-top{
    background: url(../img/header-bj.png) no-repeat center;
    background-size: cover;
    padding: 30px 0;}
.head-top-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.head-top-left{}
.head-top-left a{
    width: 500px;
    display: block;}
.head-top-left a img{
    width: 100%;
    display: block;}
.head-top-right{}
.login{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.login .login-20{
    width: 60px;
    display: block;
    margin-right: 20px;}

.login .login-20 img{
    width: 60px; 
}

.xsdate {
 /* 零宽空格 + 换行符 */
    content: '\200B\A';
    white-space: pre-line;
}

.login a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-right: 20px;}
.login a  i{
    font-size: 16px;
    color: #0B308E;}
.login a p{
    font-size: 16px;
    color: #0B308E;
    margin-left: 10px;}


.login .aform{
    width: 37px;
    height: 37px;
    transition: .3s ease-in;}
.login .aform .form-group{
    position: relative;}
.login .aform input{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid #eee;
    display: none;}
.login .aform i{
    font-size: 16px;
    color: #333333;
    position: absolute;
    top: 10px;
    right: 10px;}
.login .active{
    width: auto;}
.login .aform .search{
    display: block;}



.head-cont{
    background-color: #0B308E;}
.head-cont ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.head-cont ul li{
    width: 12.5%;
    position: relative;}
.head-cont ul li a{
    display: block;
    font-size: 18px;
    color: #fff;
    padding: 20px 0;
    text-align: center  ;}
/* .head-cont ul li:hover .dropdown{
    display: block;
} */
.dropdown{
    position: absolute;
    z-index: 5;
    width: 100%;
    /* background-color: #0b308e; */
    display: none;}
.dropdown p:hover a{
    background-color:#0b308e;}
.dropdown p a{
    padding: 10px 0 !important;
    border-bottom: 1px solid #fff;
    background-color: rgba(11,48,142,.6);}
.dropdown p:last-child a{
    border-bottom: none;}


.banner{
    position: relative;}
.banner-cont{
    position: relative;}
.banner-xian {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    position: absolute;
    right: calc(5% + 120px);
    bottom: 85px;
    z-index: 10;}
.banner-xian-left {
    width: 100px;
    height: 1px;
    background-color: #fff;}
.banner-xian-right {
    margin-left: 20px;}
.banner-xian-right .banner-xian-prev {
    font-size: 20px;
    color: #fff;}
.banner-swiper{
    overflow: hidden;
    position: relative;}
.banner-kuan {
    width: 100%;
    height: 100%;
    background: #0B308C;}
.donghua {
    -webkit-animation: right 5s forwards linear normal;
    animation: right 5s forwards linear normal;}

@keyframes right {
    0% {
        width: 0%;}

    100% {
        width: 100%;}
}
.banner-swiper .swiper-slide{
    position: relative;}
.banner-swiper .swiper-slide p{
    font-size: 16px;
    color: #ffffff;
    position: absolute;
    right: 10px;
    bottom: 10px;}
.banner-swiper .swiper-slide img{
    width: 100%;
    height: 462px;
    object-fit: cover;
    display: block;}
.banner-prev{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    left: unset;
    right: calc(5% + 60px);
    top: unset;
    bottom: 80px;}
.banner-prev::after{
    font-size: 14px;
    color: #0B308E;}
.banner-next{
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    right: 5%;
    top: unset;
    bottom: 80px;}
.banner-next::after{
    font-size: 14px;
    color: #0B308E;}
.banner-prev:hover,
.banner-next:hover{
    background-color: #0B308E;}
.banner-prev:hover::after,
.banner-next:hover::after{
    color: #fff;}
.sousuo{}
.sousuo-all{
    width: 65%;
    margin: auto;
    background-color: rgba(255, 255, 255, .85);
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    margin-top: -42px;
    box-shadow: 0 0 5px 0 #d1d1d1;}
.sousuo-all .bform{}
.sousuo-all .bform .form-group{
    position: relative;}
.sousuo-all .bform .form-group input{
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
    box-sizing: border-box;
    width: 100%;
    border: none;
    border-bottom: 1px solid #0B308E;
    background-color: transparent;
    outline: none;
    font-size: 16px;}
.sousuo-all .bform .form-group input::placeholder{
    font-size: 16px;
    color: #0B308E;
    font-family: 'AlibabaPuHui';}
.sousuo-all .bform .form-group i{
    font-size: 18px;
    color: #333333;
    position: absolute;
    top: 10px;
    right: 10px;}
.sousuo-p{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;}
.sousuo-p p{
    font-size: 16px;
    color: #666666;
    margin-right: 10px;}
.sousuo-p a{
    font-size: 16px;
    color: #333333;
    margin-right: 20px;}
.news{
    padding: 25px 0;
    padding-top: 0;
    background-color: #fff;}
.news-all{}
.news-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;}
.website-all .news-top{
    position: unset;}
.website-all .news-top h2{
    position: relative;}
.news-top h2{
    font-size: 24px;
    color: #191919;
    padding-bottom: 10px;}
.news-top h2::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0B308E;
    position: absolute;
    bottom: 0;
    left: 0;}
.news-top p{}
.news-top p a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;}
.news-top p i{
    font-size: 16px;
    color: #0B308E;}
.news-top p span{
    font-size: 14px;
    color: #333333;
    margin-left: 5px;}
.news-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;}
.news-left{
    width: 23%;}
.news-left-cont{
    margin-bottom: 10px;}
.news-left-cont .news-img img{
    height: 150px;
    object-fit: cover;}
.news-left-cont:last-child{
    margin-bottom: 0;}
.news-left-cont:hover img{
    transform: scale(1.1);}
.news-left-cont a{
    display: block;}
.news-left-cont a{}
.news-img{
    overflow: hidden;
    position: relative;}
.news-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.news-img p{
    font-size: 12px;
    color: #fff;
    background-color: #0B308E;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;}
.news-left-cont a>span{
    display: block;
    font-size: 12px;
    color: #666666;
    margin-top: 5px;}
.news-left-cont h2{
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-left-cont h2 span{
    color: #FF0000;}
.news-zhong{
    width: 48%;}
.news-zhong .news-img img{
    height: 300px;
    object-fit: cover;}
.news-zhong:hover img{
    transform: scale(1.1);}
.news-zhong a{
    display: block;}
.news-zhong a>span{
    font-size: 12px;
    color: #666666;
    margin-top: 10px;
    display: block;}
.news-zhong a h2{
    font-size: 16px;
    color: #0B308E;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-zhong a>p{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-right{
    width: 23%;}
.news-right a{
    display: block;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0;}
.news-right a:hover h2{
    margin-left: 20px;}
.news-right a span{
    font-size: 12px;
    color: #666666;
    display: block;}
.news-right a h2{
    font-size: 16px;
    color: #0B308E;
    font-weight: normal;
    margin-top: 5px;
    overflow: hidden;
    transition: .3s ease-in;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-right a p{
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-one{
    padding: 25px 0;
    background-color: #DCEEFF;}
.news-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-one-left{
    width: 48%;}
.news-one-a{
    margin-top: 20px;}
.news-one-a a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 13px 0px;
    box-sizing: border-box;
    transition: .3s ease-in;}
.news-one-a a:hover{
    transform: translateX(10px);}
.news-one-a a:hover h2,.news-one-a a:hover p{
    font-weight: bold;
    color: #0B308E;}
.news-one-a a h2{
    width: 80%;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-one-a a p{
    width: 20%;
    text-align: center;
    font-size: 16px;
    color: #0B308E;}
/* .news-one-a a p span:first-child{
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: center;
}
.news-one-a a p span:last-child{
    font-size: 12px;
    color: #333333;
    display: block;
    text-align: center;
    margin-top: 5px;
} */
.news-one-right{
    width: 48%;}
.news-one-b{
    margin-top: 20px;}
.news-one-b a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    transition: .3s ease-in;}
.news-one-b a:hover{
    background-color: #fff;}
.news-one-b-left{
    width: 80px;}
.news-one-b-left p{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    background-color: #0B308E;
    text-align: center;
    padding: 5px 0;}
.news-one-b-left span{
    display: block;
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    background-color: #fff;}
.news-one-b-right{
    width: calc(100% - 100px);}
.news-one-b-right h2{
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    font-weight: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.news-one-b-right p{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.keyan{
    padding-top: 25px;
    background-color: #fff;}
.keyan-cont{}
.keyan-cont-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-top: 10px;}
.keyan-cont-left{
    width: 43%;
    position: relative;
    margin-top: 20px;}
.keyan-zuo-swiper{
    overflow: hidden;
    height: 380px;}
.keyan-zuo-swiper .swiper-slide{
    height: 60px !important;}
.keyan-zuo-swiper .swiper-slide a{
    display: block;
    padding: 10px;
    box-sizing: border-box;
    background-color: #F8FAFF;
    height: 60px;}
.keyan-zuo-swiper .swiper-slide a:hover{
    background-color: #0B308C;}
.keyan-zuo-swiper .swiper-slide a:hover p{
    color: #fff;}
.keyan-zuo-swiper .swiper-slide a p{
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 40px;}
.keyan-cont-right{
    width: 55%;}
.keyan-you-swiper{
    overflow: hidden;
    margin-top: 20px;
    width: 100%;
    height: 100%;}
.keyan-fenye{
    position: absolute;
    left: 0%;
    bottom: 5px;}
.prev i,.next i{
    font-size: 16px;}
.aa a{
    background-color: #0B308C !important;}
.aa a p{
    color: #fff !important;}
.keyan-kuan{
    width: 45%;
    height: 100%;
    background-image: linear-gradient(to right,#0B308E,#011B48);
    position: absolute;
    right: 0;
    top: 0;}
.keyan-cont-right img{
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;}
.suzi{
    padding-top: 25px;}
.suzi-all{
    padding: 40px 0;
    background: url(../img/suzi.jpg) no-repeat center -60px;
    background-size: cover;}
.suzi-all h1{
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;}
.suzi-all h1::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);}
.suzi-all-content{
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.suzi-all-cont{
    width: 25%;
    margin-top: 40px;}
.suzi-all-cont:nth-child(4){
    width: 19%;}
.suzi-all-cont:nth-child(8){
    width: 19%;}
.suzi-all-cont h2{
    font-size: 14px;
    color: #fff;
    font-weight: normal;}
.suzi-all-cont h2 span{
    font-size: 50px;
    color: #fff;
    font-weight: bold;}
.suzi-all-cont p{
    font-size: 16px;
    color: #fff;
    margin-top: 10px;}
.people{
    /* padding-top: 15px; */
    /* background: url(../img/people.png) no-repeat center; */
    background-size: cover;}
.people-all{
    padding: 25px 0;
    background: url(../img/people.png) no-repeat center;
    background-size: cover;}
.people-cont{
    position: relative;}
.people-swiper{
    overflow: hidden;}
.people-slide{
    margin-top: 10px;}
.people-slide a{
    display: block;}
.people-slide a:hover img{
    transform: scale(1.1);}
.people-img{
    overflow: hidden;}
.people-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.people-slide-p{
    background-color: rgba(255, 255, 255, .8);
    padding: 10px;
    box-sizing: border-box;}
.people-slide-p h2{
    font-size: 18px;
    color: #333333;
    text-align: center;
    font-weight: normal;}
/* .people-slide-p h3{
    font-size: 14px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    margin-top: 5px;
} */
.people-slide-p p{
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 60px;}
.people-next{
    width: 30px;
    height: 30px;
    background-color: #bdbdbd;
    border-radius: 50%;
    right: -50px;}
.people-next::after{
    color: #fff;
    font-size: 16px;}
.people-prev{
    width: 30px;
    height: 30px;
    background-color: #bdbdbd;
    border-radius: 50%;
    left: -50px;}
.people-prev::after{
    color: #fff;
    font-size: 16px;}
.video{}
.video video{
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;}
.website{
    background-color: #fff;
    padding: 25px 0;}
.website-all{
    position: relative;}
.website-cont{}
.website-swiper{
    overflow: hidden;}
.website-p{
    margin-top: 20px;}
.website-p a{
    display: block;
    position: relative;
    overflow: hidden;}
.website-p:hover img{
    transform: scale(1.1);}
.website-p a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.website-p a p{
    font-size: 14px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.website-next{
    width: 30px;
    height: 30px;
    background-color: #0B308E;
    border-radius: 50%;
    right: 0px;
    top: 25px;}
.website-next::after{
    color: #fff;
    font-size: 16px;}
.footer{
    padding-top: 30px;
    background-color: #0B308E;}
.foot{}
.foot-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.foot-top-left{}
.foot-top-left a{
    width: 520px;
    display: block;
    margin-bottom: 20px;}
.foot-top-left a img{
    width: 100%;
    display: block;}
.foot-top-left p{
    font-size: 14px;
    line-height: 28px;
    color: #fff;}
.foot-top-right{
    width: 15%;}
.foot-top-right img{
    width: 100px;
    height: 100px;
    display: block;
    margin: auto;}
.foot-top-right p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 10px;}
.friend{
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    overflow: hidden;
    color: #fff;}
.friend span{
    font-size: 14px;
    color: #fff;
    display: block;}
.friend p{
    margin-top: 10px;}
.friend p a:first-child{
    padding-left: 0;}
.friend a{
    font-size: 14px;
    color: #fff;
    padding: 0 10px;
    display: inline-block;}
.friend .sep {
    display: inline-block;}
.friend .sep:last-child {
     display: none;}
.foot-di{
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.foot-di p{
    font-size: 14px;
    color: #fff;}
.foot-di p a{
    font-size: 14px;
    color: #fff;}
.news-ban{}
.news-ban img{
    width: 100%;
    display: block;}
.news-head{
    position: relative;
    margin-top: -60px;
    overflow: hidden;}
.news-head-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0 20px;}
.news-head-left{
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    z-index: 2;
    background-color: rgba(0,0,0,.5);}
.news-head-left::before{
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    left: -1000%;}
.news-head-left p{
    font-size: 16px;
    color: #fff;
    padding: 20px 0;}

.news-head-left , .news-head-left a{
    font-size: 16px;
    color: #fff;}


.news-head-left span{
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 0 10px;}
.news-head-right{
    width: 65%;
    position: relative;
    z-index: 2;
    background-color: #0B308C;}
.news-head-right::after{
    content: "";
    display: block;
    width: 1000%;
    height: 100%;
    background-color: #0B308C;
    position: absolute;
    top: 0;
    right: -1000%;
    overflow: hidden;}
.news-head-right p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;}
.news-head-right  p .active{
    opacity: 1;}
.news-head-right p a{
    display: block;
    font-size: 16px;
    color: #fff;
    padding: 20px 0;
    padding-left: 20px;
    opacity: .6;}
.news-yi{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-yi-left{
    width: 73%;}
.news-yi-left > a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;}
.news-yi-left > a p{
    width: 15%;
    position: relative;}
.news-yi-left > a p::after{
    content: "";
    display: block;
    width: 1px;
    height: 90%;
    background-color: #CCCCCC;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);}
.news-yi-left > a p span:first-child{
    font-size: 16px;
    color: #333333;
    display: block;
    text-align: center;}
.news-yi-left > a p span:last-child{
    display: block;
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin-top: 10px;}
.news-yi-left > a h2{
    width: 80%;
    box-sizing: border-box;
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-yi-right{
    width: 23%;}
.news-yi-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CACACA;}
.news-yi-top p:first-child{
    width: 40px;
    height: 40px;
    background-color: #0B308C;}
.news-yi-top p:first-child i{
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    display: block;}
.news-yi-top p:last-child{
    font-size: 16px;
    color: #0B308C;
    margin-left: 10px;}
.news-yi-right a{
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #CACACA;}
.news-yi-right a span{
    display: block;
    font-size: 12px;
    color: #999999;}
.news-yi-right a h2{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.page{
    margin-top: 20px;}
.page ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.page ul li{}
.page ul li a{
    display: block;
    font-size: 14px;
    color: #CBCBCB;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 10px 30px;}
.page ul .active a{
    background-color: #0B308C;
    color: #fff;}
.page ul li:hover a{
    background-color: #0B308C;
    color: #fff;}
.news-keyan{}
.news-keyan-cont{}
.news-keyan-cont a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #CCCCCC;}
.news-keyan-cont a:hover img{
    transform: scale(1.1);}
.news-keyan-cont-left{
    width: 35%;
    overflow: hidden;}
.news-keyan-cont-left img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.news-keyan-cont-right{
    width: 60%;}
.news-keyan-cont-right h2{
    font-size: 16px;
    color: #333333;}
.news-keyan-cont-right p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;}
.keyan-page{
    width: 70%;
    margin: auto;
    margin-top: 20px;}
.news-tongzhi{}
.news-tongzhi a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
    position: relative;
    transition: .3s ease-in;}
.news-tongzhi a:hover{
    background-color: #F5F6F7;}
.news-tongzhi a:hover>p{
    opacity: 1;}
.news-tongzhi-left{
    width: 10%;
    border-right: 1px solid #CCCCCC;}
.news-tongzhi-left h2{
    font-size: 16px;
    color: #333333;
    text-align: center;
    font-weight: normal;}
.news-tongzhi-left p{
    font-size: 12px;
    color: #999999;
    text-align: center;
    margin-top: 10px;}
.news-tongzhi-right{
    width: 85%;
    padding-right: 100px;
    box-sizing: border-box;}
.news-tongzhi-right h2{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-tongzhi a>p{
    background-color: #0B308D;
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    opacity: 0;
    transition: .3s ease-in;}
.news-tongzhi a>p i{
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.news-jiangzuo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.news-jiangzuo-left{
    width: 75%;}
.news-jiangzuo-left > a{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 20px 0;
    border-bottom: 1px solid #CCCCCC;}
.jz-left{
    width: 10%;}
.jz-left h2{
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
    background-color: #0B308E;
    text-align: center;
    font-weight: normal;}
.jz-left p{
    font-size: 12px;
    color: #333333;
    text-align: center;
    padding: 10px 0;
    border: 1px solid #0B308C;}
.jz-right{
    width: 80%;
    padding-left: 5%;}
.jz-right h2{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.jz-right p{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-jiangzuo-right{
    width: 23%;
    padding-top: 5%;}
.news-jiangzuo-right a{
    padding: 20px 0;
    display: block;
    border-bottom: 1px dashed #CACACA;}
.news-jiangzuo-right a span{
    display: block;
    font-size: 12px;
    color: #999999;}
.news-jiangzuo-right a h2{
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-detail{
    padding: 15px 0;
    background-color: #F4F6F8;}
.news-detail-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;}
.news-detail-left{
    width: 70%;
    box-sizing: border-box;}
.news-detail-top{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;}
.news-detail-top h2{
    font-size: 16px;
    color: #191919;
    text-align: center;}
.news-detail-top p{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    text-align: center;}
.news-detail-top p span{
    display: inline-block;}
.news-detail-cont{
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;}
.news-detail-cont img {
    max-width: 100%; margin: 0px auto; display: block;
    object-fit: cover;}
.news-detail-cont p {
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 1.7;
    color: #333;}
.news-page{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;}
.news-page p{}
.news-page p a{
    display: block;
    font-size: 14px;
    color: #333333;}
.news-detail-right{
    width: 27%;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;}
.news-detail-right-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;}
.news-detail-right-top h2{
    font-size: 16px;
    color: #333333;
    font-weight: normal;}
.news-detail-right-top p{
    position: relative;}
.news-detail-right-top p::before{
    content: "";
    display: block;
    width: 10px;
    height: 1px;
    background-color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.news-detail-right-top p::after{
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background-color: #CCCCCC;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.news-detail-p{}
.news-detail-p a{
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #CCCCCC;}
.news-detail-p a span{
    font-size: 12px;
    color: #999999;
    display: block;}
.news-detail-p a h2{
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    font-weight: normal;}
.gaikuo{}
.gaikuo-one{
    padding-top: 15px;}
.gaikuo-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;}
.gaikuo-one-left{
    width: 100%;
    margin-top: 20px;}
.gaikuo-one h2{
    font-size: 18px;
    color: #191919;
    padding-bottom: 10px;
    position: relative;}
.gaikuo-one h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #0B308D;
    position: absolute;
    bottom: 0;
    left: 0;}
.gaikuo-one-left p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 10px;}
.gaikuo-one-right{
    width: 100%;}
.gaikuo-one-right img{
    width: 100%;
    display: block;}
.gaikuo-one-wenzi{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.gaikuo-one-wenzi .gaikuo-one-left{
    width: 70%;}
.gaikuo-one-ewm{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;}
.gaikuo-ewm-left{
    width: 100%;}
.gaikuo-ewm-left p{
    font-size: 14px;
    line-height: 28px;
    color: #000;}
.gaikuo-ewm-left p a{
    color: #000;}
.gaikuo-ewm-right{
    width: 100%;
    margin-top: 20px;}
.gaikuo-ewm-right p{
    font-size: 14px;
    color: #000;}
.gaikuo-ewm-right img{
    display: block;}



.gaikuo-two{
    /* padding: 40px 0;
    background: url(../img/fazhan.png) no-repeat center;
    background-size: cover; */
    position: relative;
    padding-top: 15px;}
.gaikuo-two-a{
    position: relative;}
/* .gaikuo-two-a::after{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 62px;
} */
.gaikuo-two-all{
    padding: 40px 0;}

.gaikuo-two-all img ,.gaikuo-two-all p img {
   max-width: 100%;
    display: block;
    margin: auto;
}

.gaikuo-shang{
    width: 85%;
    margin: auto;
    position: relative;}
/* 2023.9.25 add start */
.history-one{
    display: none;}
.history-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.history-cont{
    width: 100%;}
.history-cont:nth-child(2n) img{
    margin-top: 50px;}
/* .history-cont:nth-child(1) h2{
    color: rgb(47,119,110);
}
.history-cont:nth-child(1) span{
    background-color: rgb(47,119,110);
}
.history-cont:nth-child(2) h2{
    color: rgb(233,75,73);
}
.history-cont:nth-child(2) > span{
    background-color: rgb(233,75,73);
}
.history-cont:nth-child(3) h2{
    color: rgb(0,144,142);
}
.history-cont:nth-child(3) > span{
    background-color: rgb(0,144,142);
}
.history-cont:nth-child(4) h2{
    color: rgb(252,196,0);
}
.history-cont:nth-child(4) > span{
    background-color: rgb(252,196,0);
}
.history-cont:nth-child(5) h2{
    color: rgb(48,171,116);
}
.history-cont:nth-child(5)>span{
    background-color: rgb(48,171,116);
} */
.history-cont h2{
    font-size: 20px;
    color: #191919;
    padding-bottom: 10px;
    text-align: center;}
.history-cont >span{
    width: 100%;
    height: 20px;
    background-color: #0B308E;
    display: block;
    clip-path: polygon(95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
    position: relative;}
.history-cont >span::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translate(-50%,0);}
.history-img{
    position: relative;
    overflow: hidden;
    padding-top: 20px;}
.history-img::after{
    content: "";
    display: block;
    width: 3px;
    height: 90%;
    background-color: #000;
    position: absolute;
    top: 1px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: -1;}
.history-cont img{
    width: 80%;
    max-width: 100%;
    display: block;
    margin: auto;
    margin-top: 20px;}
.history-cont .history-p{
    width: 80%;
    text-align: center;
    margin-top: 10px;
    margin: auto;
    margin-top: 10px;}
.history-cont .history-p p{
    font-size: 14px;
    line-height: 20px;
    color: #333333;}
/*.history-cont .history-p p span{*/
/*    font-size: 14px;*/
/*    color: #666666;*/
/*}*/
.phone-history{
    display: block;}
.phone-history-swiper{
    overflow: hidden;
    position: relative;}
.sydt{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;}
.sydt a{
    width: 31%;
    margin-bottom: 20px;
    margin-left: 2%;}
.sydt a p{
    font-size: 14px;
    text-align: center;
    padding: 10px 0;}
.sydt a:hover img{
    transform: scale(1.1);}
.sydt-img{
    overflow: hidden;}
.sydt a img{
    width: 100%;
    height: 270px;
    display: block;
    transition: .3s ease-in;}
/* end */
.js{}
.js h2{
    font-size: 16px;
    color: #fff;
    position: relative;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;}
.js h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;}
.js p{
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    position: relative;
    padding-left: 15px;}
.js p::after{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: 0;}
.gaikuo-shang-swiper{
    overflow: hidden;
    position: relative;
    margin-top: 20px;}
.gaikuo-shang-p{
    background-color: #fff;
    padding: 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 50%;
    margin: auto;
    align-items: flex-end;}
.gaikuo-shang-p h2{
    width: 30%;
    font-size: 16px;
    color: #0B308D;
    font-weight: normal;}
.gaikuo-shang-p p{
    width: 65%;
    font-size: 14px;
    color: #333333;}
.gaikuo-xia{
    width: 85%;
    margin: auto;
    margin-top: 100px;}
.gaikuo-xia-swiper{
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;}
.gaikuo-xia-swiper .swiper-slide{
    cursor: pointer;}
.gaikuo-xia-swiper .swiper-slide h2{
    font-size: 14px;
    color: #fff;
    text-align: center;
    font-weight: normal;}
.gaikuo-xia-swiper .swiper-slide p{
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-top: 10px;
    position: relative;}
.gaikuo-xia-swiper .swiper-slide p{}
.gaikuo-xia-swiper .swiper-slide-thumb-active p::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.gaikuo-three{
    padding: 15px 0;}
.gaikuo-three-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;}
.gaikuo-three-cont{
    width: 31%;
    margin-left: 2%;}
.gaikuo-three-cont a{
    display: block;
    overflow: hidden;}
.gaikuo-three-cont:hover img{
    transform: scale(1.1);}
.gaikuo-three-cont a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.gaikuo-three-cont h2{
    font-size: 18px;
    color: #333333;
    margin-top: 10px;}
.gaikuo-three-cont p a{
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #0B308D;
    padding: 10px 0;}
.gaikuo-three-cont p a span{
    font-size: 14px;
    color: #0B308D;}
.gaikuo-three-cont p a i{
    font-size: 16px;
    color: #0B308D;}
.gaikuo-four{
    background-color: #F7F9FF;
    padding: 15px 0;}
.gaikuo-four-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.gaikuo-four-left{
    width: 40%;
    overflow: hidden;}
.gaikuo-four-left:hover img{
    transform: scale(1.1);}
.gaikuo-four-left img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.gaikuo-four-right{
    width: 53%;
    box-sizing: border-box;}
.gaikuo-four-right h2{
    font-size: 18px;
    color: #191919;
    text-align: center;
    padding-bottom: 10px;
    position: relative;}
.gaikuo-four-right h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #0B308D;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);}
.gaikuo-four-right p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 15px;
    text-align: justify;}
.gaikuo-five{
    padding: 15px 0;}
.gaikuo-five h2{
    font-size: 18px;
    color: #000000;
    text-align: center;
    padding-bottom: 10px;
    position: relative;}
.gaikuo-five h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #0B308D;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);}
.gaikuo-five-all{}
.gaikuo-five-one{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;}
.gaikuo-five-a{
    width: 33.333%;
    position: relative;
    overflow: hidden;}
.gaikuo-five-a:hover img,.gaikuo-five-b:hover img{
    transform: scale(1.1);}
.gaikuo-five-a img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.gaikuo-five-a p{
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);}
.gaikuo-five-two{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.gaikuo-five-b{
    width: 50%;
    position: relative;
    overflow: hidden;}
.gaikuo-five-b img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.gaikuo-five-b p{
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: calc(100% - 40px);}
.sys{
    padding: 15px 0;}
.sys-top ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.sys-top ul li{
    font-size: 16px;
    color: #333333;
    margin-right: 10px;
    border: 1px solid #333333;
    cursor: pointer;}
.sys-top ul li a{
    display: inline-block;
    padding: 10px 20px;}
.sys-top ul .active{
    background-color: #0B308C;
    color: #fff;}
.sys-all{
    margin-top: 20px;}
.sys-content{}
.sys-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;}
.sys-a{
    width: 31%;
    margin-left: 2%;
    margin-bottom: 30px;
    border: 1px solid #CCCCCC;}
.sys-a:hover img{
    transform: scale(1.1);}
.sys-a:hover{
    background-color: #0B308C;}
.sys-a:hover h2{
    color: #fff;}
.sys-a:hover span{
    color: #fff;}
.sys-a:hover p{
    color: #fff;}
.sys-a a{
    display: block;}
.sys-img{
    overflow: hidden;}
.sys-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.sys-p{
    padding: 20px 20px;
    box-sizing: border-box;}
.sys-p h2{
    font-size: 18px;
    color: #333333;
    text-align: center;}
.sys-p span{
    display: block;
    font-size: 14px;
    color: #0B308D;
    margin-top: 10px;
    text-align: center;}
.sys-p p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;
    text-align: center;
    min-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
.sys-p p:last-child{
    min-height: unset;}
.xueshu{
    padding: 15px 0;}
.xueshu-all{
    margin-bottom: 20px;}
.xueshu-all h2{
    font-size: 18px;
    color: #191919;
    padding-bottom: 10px;}
.xueshu-all .table{
    width: 100%;
    border-spacing: 0;}
.xueshu-all .table thead{}
.xueshu-all .table thead tr{
    background-color: #0B308C;}
.xueshu-all .table thead tr th{
    font-size: 14px;
    color: #fff;
    padding: 15px 0;}
.xueshu-all .table tbody{}
.xueshu-all .table tbody tr{}
.xueshu-all .table tbody tr:nth-child(2n){
    background-color: #F8FAFF;}
.xueshu-all .table tbody tr td{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;}
.fangxiang{}
.fangxiang-one{
    padding: 15px 0;}
.fangxiang-one-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.fangxiang-one-left{
    width: 50%;}
.fangxiang-one-all img{
    width: 100%;
    display: block;}
.fangxiang-one-right{
    width: 45%;}
.fangxiang-one-right h2{
    font-size: 18px;
    color: #191919;
    position: relative;
    padding-bottom: 10px;}
.fangxiang-one-right h2::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #0B308D;
    position: absolute;
    bottom: 0;
    left: 0;}
.fangxiang-one-right p{
    margin-top: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #333333;}
.fangxiang-two{
    padding: 15px 0;
    background-color: #F7F9FF;}
.fangxiang-img img{
    max-width: 100%;
    display: block;
    margin: auto;}
.fangxiang-three{
    padding: 15px 0;}
.fangxiang-three-all{
    position: relative;}
.fx-swiper{
    overflow: hidden;}
.fx-p{}
.fx-img{
    overflow: hidden;}
.fx-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.fx-p1{
    background-color: #F7F9FF;
    padding: 20px 20px;
    box-sizing: border-box;}
.fx-p1 h2{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;}
.fx-p1 p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;
    min-height: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;}
.fx-next{
    width: 40px;
    height: 40px;
    background-color: #0B308E;
    border-radius: 50%;
    right: -60px;}
.fx-next::after{
    font-size: 16px;
    color: #fff;}
.suo{
    padding: 15px 0;}
/* 2023.9.25  start */
.suo-one{
    margin-top: 20px;}
.suo-one h2{
    font-size: 18px;
    color: #191919;
    text-align: center;
    padding-bottom: 10px;}
.suo-one p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;}
.suo-one p span:first-child{
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    display: block;
    width: 50px;
    text-align-last: justify;
    text-align: justify;}
.suo-one p span:last-child{
    font-size: 14px;
    margin-left: 10px;
    display: block;
    color: #666666;
    width: calc(100% - 60px);}
.suo-a ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.suo-a ul li{
    font-size: 16px;
    color: #333333;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    cursor: pointer;
    padding: 10px 30px;}
.suo-a ul li a {
    display: block;
    padding: 10px 30px;}
.suo-a ul .active{
    background-color: #0B308C;
    color: #fff;}
.daxing-one .table{
    width: 100%;
    border-spacing: 0;}
.daxing-one .table thead{}
.daxing-one .table thead tr{
    background-color: #0B308C;}
.daxing-one .table thead tr th{
    font-size: 14px;
    color: #fff;
    padding: 10px 0;}
.daxing-one .table tbody{}
.daxing-one .table tbody tr{}
.daxing-one .table tbody tr:nth-child(2n){
    background-color: #F8FAFF;}
.daxing-one .table tbody tr td{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;}
.daxing-one .table tbody tr td a{
    color: #333333;}
.daxing-one .table tbody tr td:hover a {
    color: #0b308c;}
.down-cont a h2{
    width: 60% !important;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
/* end */
.suo ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.suo ul li{
    width: 15%;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    color: #333333;
    border: 1px solid #CCCCCC;
    cursor: pointer;}
.suo ul .active{
    background-color: #0B308C;
    color: #fff;}
.suo-all{
    margin-top: 10px;}
.suo-cont .table{
    width: 100%;
    border-spacing: 0;}
.suo-cont .table thead{}
.suo-cont .table thead tr{
    background-color: #0B308C;}
.suo-cont .table thead tr th{
    font-size: 14px;
    color: #fff;
    padding: 15px 0;}
.suo-cont .table tbody{}
.suo-cont .table tbody tr{}
.suo-cont .table tbody tr:nth-child(2n){
    background-color: #F8FAFF;}
.suo-cont .table tbody tr td{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;}
.project-page{
    width: 40%;
    margin: auto;
    margin-top: 20px;}
.chengguo{
    padding: 15px 0;}
.chengguo-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -4%;}
.chengguo-cont{
    width: 29%;
    margin-left: 4%;
    margin-bottom: 20px;}
.center-cont{
    width: 48%;
    margin-left: 2%;}
.center-cont .chengguo-img img{
    width: 60%;
    height: 230px;}
.chengguo-cont a{
    display: block;
    transition: .3s ease-in;}
.chengguo-cont a:hover{}
.chengguo-cont a:hover p{
    background-color: #0B308E;
    color: #fff;}
.chengguo-cont a:hover img{
    transform: scale(1.1);}
.chengguo-img{
    overflow: hidden;}
.chengguo-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;
    height: 220px;
    object-fit: cover;
    margin: auto;}
.chengguo-cont p{
    font-size: 16px;
    line-height: 25px;
    min-height: 50px;
    text-align: center;
    color: #333333;
    padding: 10px;
    transition: .3s ease-in;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.duiwu{
    padding: 15px 0;}
.duiwu-all{}
.duiwu-cont{
    margin-bottom: 30px;}
.duiwu-top{
    position: relative;}
.duiwu-top::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0B308E;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0,-50%);}
.duiwu-cont h2{
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    background-color: #fff;
    padding-right: 20px;
    z-index: 2;}
.duiwu-cont h2 i{
    font-size: 16px;
    color: #0B308E;}
.duiwu-cont h2 p{
    font-size: 16px;
    color: #0B308E;
    margin-left: 10px;}
.duiwu-cont>p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;}
.duiwu-cont>p a{
    width: 16.666%;
    display: block;
    font-size: 14px;
    color: #191919;
    padding: 10px 0;}
.duiwu-cont>p a:hover{
    color: #0B308C;}
.duiwu-detail{
    padding: 15px 0;
    background-color: #F4F6F8;}
.duiwu-detail-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.duiwu-detail-left{
    width: 30%;}
.duiwu-detail-left img{
    max-width: 100%;
    display: block;
    margin: auto;}
.duiwu-detail-right{
    width: 65%;}
.duiwu-detail-right h2{
    font-size: 16px;
    color: #191919;
    position: relative;
    padding-bottom: 10px;
    position: relative;}
.duiwu-detail-right h2::after{
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    background-color: #0b308e;
    position: absolute;
    bottom: 0;
    left: 0;}
.duiwu-detail-right p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;}
.duiwu-detail-cont{
    width: 70%;
    margin: auto;}
.duiwu-detail-cont h2{
    font-size: 16px;
    color: #191919;
    position: relative;
    padding-bottom: 10px;
    text-align: center;}
.duiwu-detail-cont p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;}
.duiwu-page{
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #F9F9F9;
    padding: 15px;
    box-sizing: border-box;}
.duiwu-page p{}
.duiwu-page p a{
    display: block;
    font-size: 14px;
    color: #333333;}
.duiwu-page p a i{
    font-size: 18px;
    color: #BFBFBF;}
.huiyi{
    padding: 15px 0;}
.huiyi ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.huiyi ul li{
    font-size: 16px;
    color: #333333;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    cursor: pointer;}
.huiyi ul li a {
    display: block;
    padding: 10px 30px;}
.huiyi ul .active{
    background-color: #0B308C;
    color: #fff;}

.huiyi ul .active a{
   
    color: #fff;}

.huiyi-all{
    margin-top: 20px;}
.huiyi-content{}
.huiyi-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;}
.huiyi-top-left{
    width: 64%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.huiyi-top-a{
    width: 32%;}
.huiyi-top-a a{
    display: block;}
.huiyi-top-a span{
    display: block;
    font-size: 12px;
    color: #0B308E;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;}
.huiyi-top-a h2{
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.huiyi-top-a .huiyi-img{
    overflow: hidden;
    margin-top: 20px;}
.huiyi-top-a .huiyi-img:hover img{
    transform: scale(1.1);}
.huiyi-top-a .huiyi-img img{
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    transition: .3s ease-in;}
.huiyi-top-right{
    width: 33%;}
.huiyi-top-right a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px dashed #CCCCCC;}
.huiyi-top-right a h2{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    position: relative;
    padding-left: 20px;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.huiyi-top-right a h2::after{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #0B308E;
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: 0;}
.huiyi-top-right a p{
    width: 20%;
    font-size: 12px;
    color: #999999;
    text-align: right;}
.huiyi-cont{}
.huiyi-cont a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #CCCCCC;}
.huiyi-cont a h2{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: normal;
    width: 70%;}
.huiyi-cont a p{
    font-size: 12px;
    color: #999999;
    width: 22%;
    text-align: right;}
.jijin{
    padding: 15px 0;}
.jijin-top ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.jijin-top ul li{}
.jijin-top ul li a{
    display: block;
    font-size: 16px;
    color: #333333;
    padding: 10px 30px;
    border: 1px solid #CCCCCC;
    margin-right: 10px;
    cursor: pointer;}
.jijin-top ul .active a{
    background-color: #0B308C;
    color: #fff;}
.jijin-all{}
.jijin-content{
    margin-top: 20px;}
.jijin-cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.jijin-cont a{
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;}
.jijin-cont a p{
    width: 15%;}
.jijin-cont a p span:first-child{
    font-size: 14px;
    color: #0B308E;
    display: block;
    text-align: right;}
.jijin-cont a p span:last-child{
    font-size: 16px;
    color: #0B308E;
    text-align: right;
    margin-top: 10px;
    display: block;}
.jijin-cont a h2{
    width: 75%;
    font-size: 16px;
    color: #333333;
    font-weight: normal;}
.jijin-cont a h3{
    width: 15%;}
.jijin-cont a h3 img{
    max-width: 100%;
    display: block;
    margin: auto;}
.jijin1{
    background-color: #F4F6F8;}
.jijin1 .news-detail-right-top{
    margin-bottom: 20px;}
.jijin1 .news-detail-p p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;}
.jijin-content .table{
    width: 100%;
    border-spacing: 0;}
.jijin-content .table thead{}
.jijin-content .table thead tr{
    background-color: #0B308C;}
.jijin-content .table thead tr th{
    font-size: 14px;
    color: #fff;
    padding: 10px 0;}
.jijin-content .table tbody{}
.jijin-content .table tbody tr{}
.jijin-content .table tbody tr:nth-child(2n){
    background-color: #F8FAFF;}
.jijin-content .table tbody tr td{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;}
.sys-content .table{
    width: 100%;
    border-spacing: 0;}
.sys-content .table thead{}
.sys-content .table thead tr{
    background-color: #0B308C;}
.sys-content .table thead tr th{
    font-size: 14px;
    color: #fff;
    padding: 10px 0;}
.sys-content .table tbody{}
.sys-content .table tbody tr{}
.sys-content .table tbody tr:nth-child(2n){
    background-color: #F8FAFF;}
.sys-content .table tbody tr td{
    font-size: 14px;
    color: #333333;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;}
.pingtai{
    padding: 15px 0;}
.pingtai-all{}
.pingtai-cont{}
.pingtai-cont a{
    display: block;
    transition: .3s ease-in;
    position: relative;}
.pingtai-cont a:hover{
    background-color: #F5F6F7;}
.pingtai-cont a:hover p{
    opacity: 1;}
.pingtai-cont a h2{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;}
.pingtai-cont a p{
    width: 43px;
    height: 43px;
    background-color: #0B308D;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    transition: .3s ease-in;}
.pingtai-cont a p i{
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
.daxing{
    padding: 15px 0;}
.daxing-top{}
.daxing-top ul{}
.daxing-top ul li{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;}
.daxing-top ul li span{
    width: 13%;
    font-size: 14px;
    display: block;
    color: #fff;
    padding: 10px 0px;
    background-color: #0B308C;
    border-radius: 25px;
    text-align: center;}
.daxing-top ul li p{
    width: 80%;
    margin-left: 5%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
.daxing-top ul li p a{
    width: 11.1111%;
    font-size: 14px;
    color: #333333;
    display: block;}
.daxing-top ul li p a.active {
    color: #0B308C;}
.daxing-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -2%;
    margin-top: 20px;}
.daxing-cont{
    width: 31%;
    margin-left: 2%;
    border: 1px solid #CCCCCC;
    margin-bottom: 20px;}
.daxing-cont:hover img{
    transform: scale(1.1);}
.daxing-img{
    overflow: hidden;}
.daxing-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.daxing-p{
    padding: 20px;
    box-sizing: border-box;}
.daxing-p h2{
    font-size: 16px;
    color: #333333;}
.daxing-p p{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;}
.daxing-detail{
    padding: 15px 0;
    background-color: #F4F6F8;}
.daxing-detail-all{}
.daxing-detail-one{
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 40px;
    box-sizing: border-box;}
.dx-one-left{
    width: 30%;}
.dx-one-left img{
    max-width: 100%;
    display: block;
    margin: auto;}
.dx-one-right{
    width: 60%;}
.dx-one-right h2{
    font-size: 16px;
    color: #191919;}
.dx-one-right p{
    font-size: 14px;
    line-height: 28px;
    color: #333333;
    margin-top: 10px;}
.dx-one-right a{
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    color: #fff;
    background-color: #0B308C;
    border-radius: 25px;
    padding: 10px 30px;}
.daxing-detail-two{
    margin-top: 20px;}
.daxing-detail-two ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #0B308C;
    border-radius: 25px;}
.daxing-detail-two ul li{
    font-size: 16px;
    color: #fff;
    padding: 15px 0;
    padding-left: 40px;
    cursor: pointer;}
.daxing-detail-two ul .active{
    font-weight: bold;}
.dx-two-all{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;}
.dx-two-content{}
.dx-two-cont{}
.dx-two-cont p{
    font-size: 14px;
    color: #333333;
    margin-bottom: 10px;}
.daxing-detail-three{
    position: relative;
    margin-top: 20px;}
.daxing-detail-three h1{
    font-size: 16px;
    color: #191919;
    text-align: center;
    position: relative;
    font-weight: normal;
    padding-bottom: 10px;}
.daxing-detail-three h1::after{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #0B308C;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);}
.xg-swiper{
    overflow: hidden;
    margin-top: 20px;}
.xg-all{}
.xg-all:hover img{
    transform: scale(1.1);}
.xg-img{
    overflow: hidden;}
.xg-img img{
    width: 100%;
    display: block;
    transition: .3s ease-in;}
.xg-p{
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;}
.xg-p h2{
    font-size: 16px;
    color: #333333;}
.xg-p p{
    font-size: 14px;
    line-height: 30px;
    color: #333333;
    margin-top: 10px;}
.xg-next{
    width: 40px;
    height: 40px;
    background-color: #0B308C;
    border-radius: 50%;
    right: -60px;}
.xg-next::after{
    color: #fff;
    font-size: 16px;}
.login-a{
    padding: 40px 0;}
.login-all{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.login-left{
    width: 60%;}
.login-left img{
    width: 100%;
    display: block;}
.login-right{
    width: 40%;
    padding-left: 5%;
    box-sizing: border-box;}
.login-right form{}
.login-right form legend{
    font-size: 16px;
    color: #0B308D;
    margin-bottom: 10px;}
.login-right form .form-group{
    margin-top: 20px;}
.login-right form .form-group label{
    font-size: 16px;
    color: #333333;}
.login-right form .form-group input{
    background-color: #EFF0F4;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border: none;
    padding: 10px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 26px;}
.login-right form .form-group input::placeholder{
    font-size: 14px;
    color: #999999;}
.login-right form .yzm{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}
.login-right form .yzm input{
    width: 70%;
    background-color: #EFF0F4;
    box-sizing: border-box;
    outline: none;
    border: none;
    padding: 10px;
    margin-top: 0;}
.login-right form .yzm img{
    width: 25%;
    display: block;}
.login-right form .btn{
    width: 100%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #0B308C;
    padding: 10px 0;
    border: none;
    outline: none;
    box-sizing: border-box;
    margin-top: 20px;}
/* 人物-大家 */
.people-a{}
.people-a .news-keyan-cont a{
    padding: 10px 0;}
/* .people-a .news-keyan-cont-left{
    width: 20%;
} */
.people-a .news-keyan-cont-right{
    width: 100%;}
.people-a .news-keyan-cont-right h2{
    font-weight: normal;}
/* .people-a .news-keyan-cont-right p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
} */
/* 校外基地 */
.pingtai-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.pingtai-top-left{
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.pingtai-top-cont{
    width: 48%;}
.pingtai-top-cont a{
    display: block;}
.pingtai-top-cont a:hover{
    background-color: transparent;}
.pingtai-top-cont a:hover img{
    transform: scale(1.1);}
.pingtai-top-cont a .pingtai-top-img{
    overflow: hidden;}
.pingtai-top-cont a .pingtai-top-img img{
    width: 100%;
    height: 200px;
    display: block;
    object-fit: cover;
    transition: .3s ease-in;}
.pingtai-top-cont a span{
    display: block;
    font-size: 16px;
    color: #333333;
    text-align: center;
    padding: 10px 0;}
.pingtai-top-right{
    width: 37%;}
.pingtai-top-right a h2{
    padding: 12px 0;}



/* phone */
.mobile-inner-header {
    background-color: rgba(255,255,255,255.7);
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;}
.clearfix {
    zoom: 1;}
.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0;}
#wrap {
    text-align: left;}
.fl {
    float: left;
    display: inline;}
.mobile-inner-header-icon:hover {
    /* background-color: rgba(0, 0, 0, 0.2); */
    cursor: pointer;}
.mobile-inner-header-icon {
    color: #666666;
    height: 50px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;}
.mobile-inner-header-icon-out span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;}
.mobile-inner-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg);}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0,0,0,0.7);}
.mobile-inner-header-icon:hover {
    cursor: pointer;}
.mobile-inner-header-icon {
    color: #666666;
    font-size: 25px;
    text-align: center;}
.mobile-inner-header-icon-out span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;}
.mobile-inner-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg);}
.mobile-inner-nav {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0px;
    display: none;
    z-index: 9999;
    height: 90%;
    padding-top: 0%;
    overflow-y: auto;}
.mobile-inner-nav a {
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    width: 90%;
    margin-left: 5%;
    color: #666666;
    -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 #66666640;}
.mobile-inner-nav a {
    position: relative;
    overflow: hidden;}
#wrap {
    text-align: left
;}
@keyframes returnToNormal {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);}
  100% {
	opacity: 1;
	-webkit-transform: none;
	transform: none;}
}
.mobile-inner-header-icon-click span:nth-child(1) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;}
.mobile-inner-header-icon span {
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.7);}
.mobile-inner-header-icon-click span:nth-child(2) {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;}
@keyframes clicksecond {
  0% {
	  transform: translateY(-4px) rotate(0deg);}
  100% {
    transform: translateY(0) rotate(-45deg);}
}
@keyframes clickfirst {
  0% {
	  transform: translateY(4px) rotate(0deg);}
  100% {
    transform: translateY(0) rotate(45deg);}
}
.mobile-inner-nav a {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal;}
@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);}
  100% {
    transform: translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);}
  100% {
    transform: translateY(4px) rotate(0deg);}
}
.mobile-inner-header-icon{
  display: none;}
.mobile{
    position: relative;}
.mobile::after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/down.png) no-repeat center;
    position: absolute;
    top: 10px;
    right: 10px;}
.mobile .active{
    display: block;}
.mobile-down{
    display: none;
    transition: .5s all;}
.mobile-down a{
    padding-left: 20px;
    font-size: 14px;}

/* 管理团队实验室主任更改 24.4.28 */
.xueshu-all p{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #CCCCCC;}
.xueshu-all p span:first-child{
    font-size: 16px;
    color: #000000;
    font-weight: normal;
    display: block;
    width: 50px;
    text-align-last: justify;
    text-align: justify;}
.xueshu-all p span:last-child{
    font-size: 14px;
    margin-left: 10px;
    display: block;
    color: #666666;
    width: calc(100% - 60px);}
.xueshu-shiyan p:nth-child(2n){
    background-color: #F8FAFF;}
.xueshu-shiyan .table thead tr th:last-child,.xueshu-shiyan .table tbody tr td:last-child{
    text-align: left;}
@media (min-width:320px) and (max-width:1199px) {
  .mobile-inner-header-icon{
    display: block;}
}
.login-20{
    display: none;}


@media screen and (max-width:1200px){
    .container{
        width: 95%;}
    .header{
        position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #fff;}
    .head-top-right .login{
        display: none;}
    .head-cont{
        display: none;}
    .head-top{
        padding: 0;}
    .head-top-left a{
        width: 200px;}
    .banner{
        margin-top: 50px;}
    .banner-swiper .swiper-slide img{
        height: auto;
        object-fit: cover;}
    .banner-next{
        width: 30px;
        height: 30px;
        right: 10px;
        bottom: 50px;}
    .banner-prev{
        width: 30px;
        height: 30px;
        right: unset;
        left: 10px;
        bottom: 50px;}
    .banner-xian{
        display: none;
        right: calc(5% + 85px);
        bottom: 80px;}
    .sousuo-all{
        width: 100%;
        padding: 15px;
        margin-top: 15px;}
    .news-head-all{
        padding: 0;}
    .news{
        padding: 30px 0;}
    .news-left{
        width: 100%;
        display: block;}
    .news-left-cont{
        width: 100%;}
    .news-zhong{
        width: 100%;}
    .news-zhong .news-img img{
        height: auto;}
    .news-right{
        width: 100%;
        margin-top: 20px;}
    .news-one{
        padding: 30px 0;}
    .news-one-a{
        margin-top: 20px;}
    .news-one-left{
        width: 100%;}
    .news-one-a a{
        padding: 10px;}
    .news-one-a a p{
        width: 30%;}
    .news-one-a a h2{
        width: 68%;}
    .news-one-right{
        width: 100%;
        margin-top: 20px;}
    .news-one-b{
        margin-top: 20px;}
    .news-one-b-left{
        width: 25%;}
    .news-one-b-right{
        width: 70%;}
    .keyan{
        padding: 30px 0;
        padding-bottom: 0;}
    .keyan-cont-all{
        width: 100%;
        flex-direction: column-reverse;
        margin-top: 0;}
    .keyan-kuan{
        display: none;}
    .keyan-zuo-swiper{
        height: 208px;}
    .keyan-you-swiper{
        margin-top: 0;}
    .keyan-zuo-swiper .swiper-slide{
        height: 84px !important;}
    .keyan-zuo-swiper .swiper-slide a{
        padding: 10px;
        height: 84px;}
    .keyan-cont-right img{
        height: auto;}
    .keyan-fenye{
        display: none;}
    .keyan-cont-left{
        width: 100%;
        margin-top: 20px;}
    .keyan-cont-right{
        width: 100%;
        margin-top: 20px;}
    .keyan-swiper{
        height: 265px;}
    .keyan-swiper .swiper-slide{
        height: 122px !important;
        padding: 10px;}
    .keyan-swiper .swiper-slide a p{
        font-size: 18px;
        -webkit-line-clamp: 3;}
    .keyan-prev{
        bottom: 0;}
    .keyan-next{
        bottom: 0;
        left: 60px;}
    .suzi{
        padding: 0;}
    .suzi-all {
        background: url(../img/suzi.jpg) no-repeat center 0px;
        background-size: cover;}
    .suzi-all-content{
        justify-content: space-between;}
    .suzi-all-cont{
        width: 45%;
        margin-top: 20px;}
    .suzi-all-cont p{
        margin-top: 0;}
    .people{
        padding: 30px 0;}
    .people-slide{
        margin-top: 20px;}
    .people-slide-p{
        padding: 10px;}
    .people-prev{
        left: 10px;}
    .people-next{
        right: 10px;}
    .video{
        padding: 0;}
    .video video{
        height: 200px;}
    .website{
        padding: 30px 0;}
    .website-cont{
        margin-top: 20px;}
    .website-swiper{
        position: relative;}
    .website-next{
        width: 30px;
        height: 30px;
        top: 50%;}
    .footer{
        padding-top: 30px;}
    .foot-top-left{
        width: 100%;}
    .foot-top-left a{
        width: 250px;}
    .foot-top-right{
        width: 100%;
        margin-top: 20px;}
    .friend{
        padding: 20px 0;}
    .friend a{
        font-size: 13px;
        padding: 0;}
    .friend .sep{
        padding: 0 3px;}
    .foot-di{
        padding: 20px 0;}
    .foot-di p{
        width: 100%;
        text-align: center;}
    .news-ban{
        margin-top: 50px;}
    .news-ban img{
        height: 200px;
        object-fit: cover;}
    .news-head{
        padding: 20px 0;
        padding-bottom: 0;
        margin-top: 0;}
    .news-head-left{
        width: 100%;
        padding-left: 20px;}
    .news-head-left::before,.news-head-right::after{
        content: "";
        display: none;}
    .news-head-left p{
        padding: 20px 0;}
    .news-head-right{
        width: 100%;
        margin-top: 10px;}
    .news-head-right p a{
        padding: 10px 0;
        padding-left: 20px;
        padding-right: 5px;
        font-size: 16px;}
    .news-yi-left{
        width: 100%;}
    .news-yi-left > a{
        padding:
        20px 0;}
    .news-yi-left > a p{
        width: 30%;}
    .news-yi-left > a h2{
        width: 65%;
        -webkit-line-clamp: 3;}
    .news-yi-right{
        width: 100%;
        margin-top: 30px;}
    .page{
        margin-top: 30px;}
    .page ul li a{
        font-size: 12px;
        padding: 10px;}
    .news-yi-top{
        padding-bottom: 10px;}
    .news-tongzhi a{
        padding: 15px 0;}
    .news-tongzhi-left{
        width: 30%;}
    .news-tongzhi-right{
        width: 65%;
        padding-right: 0;}
    .news-tongzhi-right h2{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
    .news-tongzhi a>p{
        display: none;}
    .keyan-page{
        width: 100%;}
    .news-jiangzuo-left{
        width: 100%;}
    .news-jiangzuo-left > a{
        padding: 15px 0;}
    .jz-left{
        width: 30%;}
    .jz-right{
        width: 60%;}
    .jz-right p{
        margin-top: 10px;}
    .news-jiangzuo-right{
        width: 100%;
        margin-top: 20px;}
    .news-keyan-cont a{
        padding: 20px 0;}
    .news-keyan-cont-left{
        width: 100%;}
    .news-keyan-cont-right{
        width: 100%;}
    .news-detail{
        padding: 30px 0;}
    .news-detail-left{
        width: 100%;}
    .news-detail-top{
        padding: 10px;}
    .news-detail-top p span{
        display: block;
        margin-left: 0 !important;}
    .news-detail-cont{
        padding: 10px;}
    .news-detail-right{
        display: none;}
    .gaikuo-one{
        padding: 30px 0;}
    .gaikuo-one-all{
        margin-top: 20px;}
    .gaikuo-one-left{
        width: 100%;
        margin-top: 20px;}
    .gaikuo-one-right{
        width: 100%;}
    .gaikuo-two{
        padding: 30px 0;}
    .js{
        position: unset;}
    .gaikuo-shang-swiper{
        margin-top: 20px;}
    .gaikuo-shang-p{
        width: 90%;
        padding: 10px;}
    .gaikuo-shang-p h2{
        width: 100%;}
    .gaikuo-shang-p p{
        width: 100%;
        margin-top: 10px;}
    .gaikuo-xia{
        margin-top: 20px;}
    .gaikuo-three{
        padding: 30px 0;}
    .gaikuo-three-cont{
        width: 48%;
        margin-bottom: 30px;}
    .gaikuo-three-cont p a{
        width: 70%;
        margin-top: 0;}
    .gaikuo-four{
        margin-top: 0;
        padding: 30px 0;}
    .gaikuo-four-left{
        width: 100%;}
    .gaikuo-four-left img{
        margin-top: 0;}
    .gaikuo-four-right{
        width: 100%;
        padding-right: 0;
        margin-top: 20px;}
    .gaikuo-four-right p{
        width: 95%;
        padding-left: 2.5%;
        margin-top: 10px;}
    .gaikuo-five{
        padding: 30px 0;}
    .gaikuo-five-one{
        margin-top: 20px;}
    .gaikuo-five-a{
        width: 100%;}
    .gaikuo-five-b{
        width: 100%;}
    .sys{
        padding: 30px 0;}
    .sys-top ul li{
        font-size: 14px;
        margin-right: 15px;}
    .sys-all{
        margin-top: 20px;}
    .sys-a{
        width: 47%;}
    .sys-p{
        padding: 10px;}
    .sys-p span{
        margin-top: 5px;}
    .sys-p p{
        margin-top: 10px;}
    .xueshu{
        padding: 30px 0;}
    .xueshu-all ,.suo-cont,.jijin-content,.sys-content{
        overflow-x: auto;
        overflow-y: scroll;}
    .xueshu-all .table,.suo-cont .table,.sys-content .table{
        width: 200%;}
    .jijin-content .table{
        width: 500%;}
    .fangxiang-one{
        padding: 30px 0;}
    .fangxiang-one-left{
        width: 100%;}
    .fangxiang-one-right{
        width: 100%;
        margin-top: 20px;}
    .fangxiang-one-right p{
        margin-top: 10px;}
    .fangxiang-two{
        padding: 30px 0;}
    .fangxiang-three{
        padding: 30px 0;}
    .fx-p1{
        padding: 10px;}
    .fx-next{
        right: 10px;}
    .suo{
        padding: 30px 0;}
    .suo ul li{
        width: 48%;
        font-size: 14px;
        margin-bottom: 10px;}
    .suo-all{
        margin-top: 20px;}
    .project-page{
        width: 100%;}
    .chengguo{
        padding: 30px 0;}
    .chengguo-cont{
        width: 48%;
        margin-bottom: 30px;}
    .duiwu{
        padding: 30px 0;}
    .duiwu-cont{
        margin-bottom: 10px;}
    .duiwu-cont h2 p{
        width: calc(100% - 40px);
        margin-left: 10px;}
    .duiwu-cont h2{
        width: 100%;
        padding-right: 0px;}
    .duiwu-cont>p a{
        width: 33%;
        padding: 10px 0;}
    .duiwu-detail{
        padding: 30px 0;}
    .duiwu-detail-left{
        width: 100%;}
    .duiwu-detail-right{
        width: 100%;
        margin-top: 20px;}
    .huiyi{
        padding: 30px 0;}
    .huiyi ul li a{
        padding: 10px 25px;}
    .huiyi-all{
        margin-top: 20px;}
    .huiyi-top{
        padding-bottom: 30px;}
    .huiyi-top-left{
        width: 100%;}
    .huiyi-top-right{
        width: 100%;
        margin-top: 20px;}
    .huiyi-top-right a{
        padding: 10px 0;}
    .huiyi-top-right a h2{
        width: 60%;}
    .huiyi-top-right a p{
        width: 30%;}
    .huiyi-cont a{
        padding: 15px 0;}
    .huiyi-cont a h2{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
    .huiyi-cont a p{
        width: 30%;
        font-size: 14px;}
    .jijin{
        padding: 30px 0;}
    .jijin-top ul li a{
        font-size: 16px;
        padding: 10px;
        margin-bottom: 20px;}
    .jijin-all{
        margin-top: 20px;}
    .jijin-cont a{
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;}
    .jijin-cont a p{
        width: 20%;}
    .jijin-cont a h3{
        width: 10%;}
    .pingtai{
        padding: 30px 0;}
    .pingtai-cont a p{
        display: none;}
    .daxing{
        padding: 30px 0;}
    .daxing-top ul li{
        align-items: flex-start;
        margin-bottom: 20px;}
    .daxing-top ul li span{
        width: 35%;}
    .daxing-top ul li p{
        width: 100%;
        margin-top: 10px;
        margin-left: 0;}
    .daxing-top ul li p a{
        width: 33%;
        padding: 5px 0;}
    .daxing-content{
        margin-top: 20px;}
    .daxing-cont{
        width: 47%;
        margin-bottom: 25px;}
    .daxing-p{
        padding: 10px;}
    .daxing-p p{
        margin-top: 10px;}
    .daxing-detail{
        padding: 30px 0;}
    .daxing-detail-one{
        padding: 10px;}
    .dx-one-left{
        width: 100%;}
    .dx-one-right{
        width: 100%;
        margin-top: 20px;}
    .dx-one-right p{
        margin-top: 10px;}
    .dx-one-right a{
        margin-top: 20px;}
    .daxing-detail-two ul li{
        padding: 10px 0;
        padding-left: 20px;}
    .dx-two-all{
        padding: 10px;}
    .daxing-detail-three{
        margin-top: 20px;}
    .xg-swiper{
        margin-top: 20px;}
    .xg-p{
        padding: 10px;}
    .xg-p p{
        margin-top: 15px;}
    .xg-next{
        right: 10px;}
    .login-a{
        margin-top: 50px;
        padding: 20px 0;}
    .login-left{
        width: 100%;}
    .login-right{
        width: 100%;
        margin-top: 20px;
        padding-right: 5%;
        margin-bottom: 30px;}
    .login-right form .form-group{
        margin-top: 20px;}
    .login-right form .btn{
        margin-top: 20px;}
}
@media (min-width:769px) and (max-width:1199px){
    .people-a .news-keyan-cont-right p{
        -webkit-line-clamp: 6;}
    .login-left{
        width: 50%;}
    .login-right{
        width: 50%;}
    .news-left{
        width: 23%;}
    .news-zhong{
        width: 48%;
        margin-top: 0;
        order: 0;}
    .news-right{
        width: 23%;
        margin-top: 0;}
    .news-one-left{
        width: 48%;}
    .news-one-a a{
        padding: 15px 0;}
    .news-one-right{
        width: 48%;
        margin-top: 0;}
    .keyan-cont-all{
        flex-direction: unset;}
    .keyan-cont-left{
        width: 43%;
        margin-top: 0;}
    .keyan-cont-right{
        width: 55%;
        margin-top: 0;}
    .keyan-zuo-swiper{
        height: 380px;}
    .suzi-all-cont:nth-child(4),
    .suzi-all-cont:nth-child(8){
        width: 23%;}
    .suzi-all-cont{
        width: 23%;}
    .video video{
        height: 400px;}
    .news-yi-left > a p,.news-tongzhi-left,.jz-left{
        width: 15%;}
    .news-yi-left > a h2,.news-tongzhi-right{
        width: 80%;
        -webkit-line-clamp: 2;}
    .news-tongzhi-right h2{
        -webkit-line-clamp: 2;}
    .jz-right{
        width: 80%;}
    .news-keyan-cont-left{
        width: 40%;}
    .news-keyan-cont-right{
        width: 58%;
        margin-top: 0;}
    .gaikuo-three-cont{
        width: 31%;}
    .gaikuo-four-left{
        width: 45%;}
    .gaikuo-four-right{
        width: 53%;
        margin-top: 0;}
    .gaikuo-five-a{
        width: 33.333%;}
    .gaikuo-five-b{
        width: 50%;}
    .sys-a{
        width: 31%;}
    .duiwu-detail-all{
        display: block;}
    .duiwu-detail-left{
        width: 35%;}
    .duiwu-detail-left img{
        float: left;
        margin-right: 20px;}
    .fangxiang-one-left{
        width: 50%;}
    .fangxiang-one-right{
        width: 48%;
        margin-top: 0;}
    .foot-top-left{
        width: calc(100% - 120px);}
    .foot-top-right{
        width: 100px;}
    .center-cont{
        width: 48% !important;}
    .center-cont .chengguo-img img{
        width: 100%;}
    .chengguo-cont{
        width: 29%;}
    .duiwu-cont>p a{
        width: 20%;}
    .jijin-cont a p{
        width: 10%;}
    .jijin-content .table{
        width: 200%;}
    .daxing-top ul li p a{
        width: 20%;}
    .daxing-cont{
        width: 31%;}
    .dx-one-left{
        width: 40%;}
    .dx-one-right{
        width: 57%;
        margin-top: 0;}
    .news-zhong .news-img img{
        height: 300px;}
    .login-20{
        display: block;
        width: 50px;
        float: left;}
    .login-20 img{
        display: block;
        margin-top: 10px;}
}
@media (min-width:414px) and (max-width:769px){
    .news-left{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;}
    .news-left-cont{
        width: 48%;}
    .news-left-cont .news-img img{
        height: 100%;
        object-fit: unset;}
    .suzi-all-cont:nth-child(4),
    .suzi-all-cont:nth-child(8){
        width: 33%;}
    .suzi-all-cont{
        width: 33%;}
    .video video{
        height: 300px;}
    .foot-top-left{
        width: calc(100% - 120px);}
    .foot-top-right{
        width: 100px;}
    .news-yi-left > a{
        justify-content: flex-start;}
    .news-yi-left > a p,.news-tongzhi-left,.jz-left{
        width: 16%;}
    .news-tongzhi-right{
        width: 80%;}
    .news-tongzhi-right h2{
        -webkit-line-clamp: 2;}
    .news-yi-left > a h2{
        width: 80%;
        padding-left: 4%;
        -webkit-line-clamp: 2;}
    .jz-right{
        width: 80%;
        padding-left: 4%;}
    .news-keyan-cont-left{
        width: 40%;}
    .news-keyan-cont-right{
        width: 57%;
        margin-top: 0;}
    .news-keyan-cont-right h2{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;}
    .people-a .news-keyan-cont-right p{
        -webkit-line-clamp: 4;}
    .news-keyan-cont-right p{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;}
    .gaikuo-five-a{
        width: 33%;}
    .gaikuo-five-b{
        width: 50%;}
    .suo ul li{
        width: 30%;}
    .duiwu-detail-left{
        width: 30%;}
    .duiwu-detail-left img{
        float: left;
        margin-right: 20px;}
    .duiwu-detail-right{
        margin-top: 0;}
    .duiwu-cont>p a{
        width: 20%;}
    .jijin-content .table{
        width: 300%;}
    .daxing-top ul li p a{
        width: 20%;}
    .daxing-cont{
        width: 31%;}
    .jijin-cont a p{
        width: 10%;}
    .history-one{
        display: none;}
    .phone-history{
        display: block;}
    .phone-history-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 30px;}
    .history-cont{
        width: 100%;}
    .history-cont img{
        margin-top: 20px;}
    .sydt a img{
        height: auto;}
    .history-cont .history-p p span{
        background-color: unset;}
    .news-zhong .news-img img{
        height: 300px;}
    .login-20{
        display: block;
        width: 50px;
        float: left;}
    .login-20 img{
        display: block;
        margin-top: 10px;}
}
@media screen and (max-width:414px){


.news-head-left , .news-head-left a , .news-head-left p {
    font-size: 14px;
    color: #fff;}



    .people-a .news-keyan-cont-left{
        width: 50%;}
    .people-a .news-keyan-cont-right p{
        -webkit-line-clamp: 4;}
    .news-keyan-cont-left{
        width: 100%;}
    .news-keyan-cont-right{
        width: 100%;}
    .news-yi-left > a p, .news-tongzhi-left, .jz-left{
        width: 25%;}
    .jz-right,.news-tongzhi-right,.news-yi-left > a h2{
        width: 70%;}
    .duiwu-cont>p a{
        width: 33%;}
    .duiwu-detail-left{
        width: 49%;}
    .foot-top-left{
        width: 100%;}
    .foot-top-right{
        width: 100%;}
    .jijin-content .table{
        width: 500%;}
    .daxing-top ul li p a{
        width: 33%;}
    .daxing-cont{
        width: 47%;}
    .jijin-cont a p{
        width: 20%;}
    .gaikuo-one-wenzi .gaikuo-one-left{
        width: 100%;}
    .gaikuo-one-ewm{
        width: 100%;}
    .gaikuo-one-left{
        width: 100%;
        margin-top: 20px;}
    .gaikuo-one-right{
        width: 100%;}
    .gaikuo-four-left{
        width: 100%;}
    .gaikuo-four-right{
        width: 100%;
        margin-top: 20px;}
    .gaikuo-five-a,.gaikuo-five-b{
        width: 100%;}
    .news-left,.news-zhong,.news-right{
        width: 100%;
        display: block;}
    .news-left-cont{
        width: 100%;}
    .news-left-cont .news-img img{
        height: 100%;
        object-fit: unset;}
    .news-left{
        margin-top: 20px;}
    .news-zhong{
        order: -1;}
    .news-right{
        margin-top: 20px;}
    .news-one-left{
        width: 100%;}
    .news-one-right{
        width: 100%;}
    .keyan-cont-all{
        flex-direction: column-reverse;}
    .keyan-cont-left{
        width: 100%;
        margin-top: 20px;}
    .keyan-cont-right{
        width: 100%;}
    .suzi-all-cont:nth-child(4),
    .suzi-all-cont:nth-child(8)
    {
        width: 45%;}
    .suzi-all-cont{
        width: 45%;}
    .video video{
        height: 200px;}
    .chengguo-all{
        margin-left: -2%;}
    .chengguo-cont{
        width: 48%;
        margin-left: 2%;}
    .center-cont a p{
        padding: 0;
        margin-top: 10px;}
    .sys-a{
        width: 47%;}
    .fangxiang-one-left{
        width: 100%;}
    .fangxiang-one-right{
        width: 100%;
        margin-top: 20px;}
    .suo ul li{
        width: 48%;}
    .jijin-top ul li{
        width: 48%;
        text-align: center;}
    .dx-one-left{
        width: 100%;}
    .dx-one-right{
        width: 100%;
        margin-top: 20px;}
    .login-left{
        width: 100%;}
    .login-right{
        width: 100%;
        margin-top: 20px;}
    .duiwu-detail-left img {
        float: left;
        margin-right: 20px;}
    .history-one{
        display: none;}
    .gaikuo-two-all{
        padding: 0;}
    .phone-history{
        display: block;}
    .phone-history-swiper{
        overflow: hidden;
        position: relative;
        padding-bottom: 30px;}
    .history-cont{
        width: 100%;}
    .history-cont img{
        margin-top: 20px;}
    /*.history-cont .history-p p span{*/
    /*    background-color: unset;*/
    /*}*/
    .phone-history-swiper .swiper-slide:nth-child(1) .history-cont h2{
        color: rgb(47,119,110);}
    .phone-history-swiper .swiper-slide:nth-child(1) .history-cont>span{
        background-color: rgb(47,119,110);}
    .phone-history-swiper .swiper-slide:nth-child(2) .history-cont h2{
        color: rgb(233,75,73);}
    .phone-history-swiper .swiper-slide:nth-child(2) .history-cont>span{
        background-color: rgb(233,75,73);}
    .phone-history-swiper .swiper-slide:nth-child(3) .history-cont h2{
        color: rgb(0,144,142);}
    .phone-history-swiper .swiper-slide:nth-child(3) .history-cont>span{
        background-color: rgb(0,144,142);}
    .phone-history-swiper .swiper-slide:nth-child(4) .history-cont h2{
        color: rgb(252,196,0);}
    .phone-history-swiper .swiper-slide:nth-child(4) .history-cont>span{
        background-color: rgb(252,196,0);}
    .phone-history-swiper .swiper-slide:nth-child(5) .history-cont h2{
        color: rgb(48,171,116);}
    .phone-history-swiper .swiper-slide:nth-child(5) .history-cont>span{
        background-color: rgb(252,196,0);}
    .history-cont:nth-child(1) span{
        background-color: unset;}
    .gaikuo-ewm-left{
        width: 100%;}
    .gaikuo-ewm-right{
        width: 100%;
        margin-top: 20px;}
    .chengguo-img img,.center-cont .chengguo-img img{
        width: 100%;
        height: 150px;}
    .sydt a{
        width: 48%;}
    .sydt a img{
        height: 120px;}
    .pingtai-top-left{
        width: 100%;}
    .pingtai-top-cont a .pingtai-top-img img{
        height: 150px;}
    .pingtai-top-right{
        width: 100%;}
    .duiwu-detail-cont{
        width: 100%;}
    .login-20{
        display: block;
        width: 50px;
        float: left;}
    .login-20 img{
        display: block;
        margin-top: 10px;}
}
@media screen and (max-width:375px){}

.thinkphp-pagination > div {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;}

.thinkphp-pagination > div > * {
    display: block;
    font-size: 0.725rem;
    color: #CBCBCB;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 5px 6px;}

.thinkphp-pagination > div > .thispage,
.thinkphp-pagination > div > :hover {
    background-color: #0B308C;
    color: #fff;}

@media screen and (max-width: 1199px) {
    .thinkphp-pagination > div {
        display: flex;
        justify-content: center;
        gap: 0.75rem;}

    .thinkphp-pagination > div > * {
        font-size: 0.75rem;
        padding: 10px;}
}

.empty-placeholder {
    margin: 1em 0;
    text-align: center;
    color: #666;}

.user-content img {
    max-width: 100%;
    height: auto;
    object-fit: cover;}

.product-pagination {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;}

.product-pagination button {
    display: block;
    font-size: 0.875rem;
    background-color: transparent;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
    padding: 10px 30px;
    cursor: pointer;}


.product-pagination button.active {
    background-color: #0B308C;
    color: #fff;}

.profile *,
.profile ::before,
.profile ::after {
    box-sizing: border-box;}

.profile form {
    margin: 40px 0;}

.profile form > * + * {
    margin-top: 20px;}

.profile form label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;}

.profile form input,
.profile form textarea,
.profile form button {
    font-family: inherit;
    font-size: inherit;}

.profile form input,
.profile form textarea {
    display: block;
    width: 100%;
    padding: 8px;
    color: #666;}

.profile form textarea {
    line-height: 1.66;}

.profile form button[type="submit"] {
    width: 100%;
    line-height: 1.75;
    background-color: #0B308E;
    color: #fff;
    border: 0;
    padding: 4px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 150ms;}

.profile form button[type="submit"]:hover {
    background-color: #1244c9;}

.profile .preview img {
    display: block;
    max-width: 300px;
    max-height: 300px;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    border-radius: 4px;}

.profile .flash {
    color: #00b95d;
    font-weight: bold;
    animation: show 1s ease-in-out;}

.profile .heading {
    display: flex;
    align-items: center;}

.profile .heading a {
    color: #0B308E;}

.profile .heading .preview-link {
    margin-left: auto;
    margin-right: 1rem;}

@keyframes show {
    0% {
        opacity: 0;}
    100% {
        opacity: 1;}
}

.search-page {
    margin: 40px 0;}

.search-page *,
.search-page ::before,
.search-page ::after {
    box-sizing: border-box;}

.search-page .sousuo-all {
    margin-top: 0;
    width: auto;}

.search-page-result {
    margin-top: 20px;
    margin-bottom: 40px;}

.search-page-total {
    font-size: 0.875rem;
    color: #666;
    margin: 1em 0;}

@media screen and (max-width:1199px) {
    .profile form {
        padding-top: 50px;}

    .search-page {
        padding-top: 50px;}
}

.search-page-result-title-highlight {
    color: red;}

/* for video uploaded via wangEditor */
[data-w-e-type] video {
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;}