.middle{ width: 85%; margin: auto;}
.w1300{ width: 90%; margin: auto}
.wap,.lg-hidden{ display: none !important;}
@font-face {
    font-family: "ali";
    src: url('../fonts/impact.ttf')
}
@font-face {
    font-family: "alibb";
    src: url('../fonts/AlimamaShuHeiTi-Bold.ttf')
}
/*顶部*/
.page{ position:absolute;top: 0px;z-index: 999999;width: 100%;height:1rem;background: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.page .nave{width: 74%;position: relative;margin-left: 5%;}
.page h1{ width: 15%; margin: 0px}
.page h1 img{ width: 95%;margin-top:2%;}
.nave ul li{ width: 9.5%;float: left;text-align: center;line-height: 1rem;color: #fff;margin: 0px 1%; position: relative }
.nave ul li a{ color: #FFF;font-size: 0.18rem;}
.nave ul li.on{ color: #d71418;}
.nave ul li.on .nvaon{ color: #d71418;font-weight: 800;}
.nave ul li:hover .nvaon{color: #d71418; font-weight: 800;}
.nave ul li.on::before {position: absolute;content: "";bottom: 3px;width: 80%;height: 3px;left: 10%;background: rgb(255, 255, 255);}
/*.opens{ background: #fff; border-bottom: 1px solid #e2e2e2}*/
/*.opens .nave ul li a{ color: #fff}*/
/*.opens h1 img{filter: brightness(0) invert(0);}*/

.seach_cont .icon{ background:url(../images/search1.png) no-repeat left center; background-size: 100%; width: 0.3rem; height:0.3rem;
    display: block;margin-top: 5px;}
.seach_cont{background: #fff; width: 25%; height:0.5rem; border:1px solid #bebebe; border-radius: 0.25rem;  padding: 0.05rem 0.1rem;  position: absolute; top: 100%; right: 12%; z-index: 9;display: none;}
.seach_cont .souo{ width: 1.1rem; float: right; background: #cccccc;  border-radius:0.2rem; display: block; height: 100%; line-height: 0.4rem; text-align: center; color: #999; font-size: 0.18rem; margin-right: 1%;}
.seach_cont span:hover{ background: #3d3c3a; color: #fff;}
.seach_cont form{ width: 100%; float: right;  display: block;}
.seach_cont  input{ width: 60%; margin-left: 3%;  display: block; float: left; height: 0.4rem; background: none; border: none;outline:medium; line-height:0.4rem; color:#cccccc; font-size: 0.18rem; border-bottom: 1px solid #ccc; }
.search1 button{ border: none; background: none; outline:medium;}
.search{ width:3.5%; height:1rem; display: block; }
.search{ background: url(../images/sousuo.png) no-repeat center;background-size: 100%; height: 1rem;}
.search  a{ float: left; width:0.5rem; height: 0.6rem;  box-sizing: border-box;margin-top: 36%; margin-left: 10%;}
.search .btn {background:url(../images/search1.png) no-repeat center; background-size: 50%;}
.search .btn2{background:url(../images/search2.png) no-repeat center; background-size: 50%;}


.main-tan{ position: absolute; left: 0px; width: 100%; top: 100%; padding: 0.1rem 0;background: rgba(255,255,255,0.95); display: inline-block; z-index: 8;opacity: 0;transform: translateY(30px) ;border-top: 1px solid rgba(0, 0, 0, 0.1);;
    transition: 0.4s;visibility: hidden;}
.main-tan[data=xz]{opacity: 1;transform: translateY(0px);visibility: visible;}
.main-tan{ width: 100%;}
.tan-con-r{display: flex; flex-direction: row;  justify-content: center; line-height: 0.6rem;}
.tan-con-r li{ width:8%; text-align: left}
.tan-con-r li a{ font-weight: bold; font-size: 0.16rem}
.main-tan-3 .tan-con-r li{ width: 11%;}

.main-tan-2 .tan-con-r li{ width: 12%; margin-right: 0.15rem}
.main-tan .tan-con-r li dl{ line-height: 0.2rem}
.main-tan .tan-con-r li dl a{ font-weight: 500; font-size: 0.12rem; line-height: 0.2rem}
.main-tan .tan-con-r li dl:hover a{ color:#09409a }
.main-tan-7[data=xz]{opacity: 0}
.main-tan-3[data=xz]{opacity: 0}
.main-tan-4[data=xz]{opacity: 0}

.tan-con i{ float: left; width: 0.2rem; margin-right: 0.15rem}
.tan-con i img{ width: 100%;}
.tanimg{ width: 100%; height: 1.6rem; overflow: hidden; padding: 0.05rem; box-sizing: border-box; border: 1px  solid #dfdfdf;}
.tanimg img{ width: 100%; height: 100%; object-fit: cover;}
.main-tan-2 .tan-con-r li{ text-align: center}
/*轮播*/


.lb{ position: relative; height: 100%}
.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 0.18rem;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.lb .swiper-slide { position: relative;overflow: hidden}
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 10% !important; left: 35% !important;}
.lb .swiper-pagination-bullet{width: 0.48rem !important; height: 2px!important; background: #fff; opacity:0.5;border-radius: initial;}
.lb .swiper-pagination-bullet-active{ opacity: 1;}
.lb .swiper-button-prev{ left: 72% !important; top: 90%;outline: none;color: #fff; width: 120px;height: 40px;border-radius: 50%;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 0.25rem !important;}
.lb .swiper-button-prev:after{ margin-left: -60%;}
.lb .swiper-button-next:after{ margin-left: 20px;}
.lb .swiper-button-next{ right: 2% !important;top: 90%;outline: none;color: #fff;width: 1.2rem;height: 0.4rem;border-radius: 50%;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ background: none;}
.lb .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: auto;}
.lb .swiper-slide .pic3{ width: 100%;position: relative}
.lb .swiper-slide .pic1{position:absolute;z-index:2;left:10%;top:40%;width:80%;}
.lb .swiper-slide .pic2{width:50%;position:absolute; z-index:2; right:25%;bottom: 0;}

/*.lb .swiper-slide:nth-child(4) .banert-title  h5{ color: #fff}*/
/*.lb .swiper-slide:nth-child(4) .banert-title  .fucp{ color: #fff}*/
/*.lb .swiper-slide:nth-child(3) .banert-title  h5{ color: #fff}*/
/*.lb .swiper-slide:nth-child(3) .banert-title  .fucp{ color: #fff}*/

.slide-tiel1{ position: absolute; top: 40%; left: 15%;text-align: left; color: #fff}
.slide-tiel1 h5{ font-size: 0.4rem; line-height: 0.8rem; color: #fff}
.slide-tiel1 p{ font-size: 0.26rem; line-height: 0.6rem; color: #fff}
.slide-tel{ position: absolute; left: 5%; bottom: 6%;z-index: 10; height: 0.55rem; line-height: 0.55rem}
.slide-tel img{ width: 0.55rem; height: 0.55rem; float: left; margin-right: 0.2rem}
.slide-tel span{ font-size: 0.36rem; color: #fff; font-weight: bold;line-height: 0.55rem}

.inbttem .banert-title{position: absolute; top: 35%; left: 10%; width: 100%; text-align: left;color: #1e5aa8;}
.inbttem .banert-title h5{ font-weight: bold; font-size: 0.85rem; color: #000; line-height: 1rem;text-shadow: 2px 2px 4px rgba(0,0,0,0.2); opacity: 0;font-family: "alibb";color: #1e5aa8; text-shadow: -2px -2px 0 #fff,2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;}
.inbttem .banert-title .fucp{ font-size: 0.36rem; line-height: 1rem; font-weight: 500; color: #000;text-shadow: 2px 2px 4px rgba(0,0,0,0.2);opacity: 0; width: 55%; display: block;color: #1e5aa8;-webkit-text-stroke:1px #fff; font-weight:bold;}

.inbttem.swiper-slide-active .banert-title h5{animation: cj2 1s linear;animation-fill-mode: forwards;}
.inbttem.swiper-slide-active .banert-title .fucp{animation: cj2 1s linear 0.4s;animation-fill-mode: forwards;}
.banner-image .batit h5{ animation: cj2 1s linear;animation-fill-mode: forwards;}
@keyframes cj2 {
    0% {
        opacity: 0;
        transform: translateX(-200px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.lb .banner_bottom{ position: absolute; left: 49%; width: 0.56rem; height: 0.65rem; z-index: 2; bottom: 0.3rem;-webkit-animation: bounce-down 2s linear infinite;animation: bounce-down 2s linear infinite; cursor:pointer}
@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-8px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(8px);
    }
}

@keyframes bounce-down {
    25% {
        transform: translateY(-8px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(8px);
    }
}

/*产品*/
.index-title{ width: 100%; margin-top: 1rem; display: inline-block}
.index-title .left-title{ width: 80%; float: left; text-align: left;font-family: "alibb";}
.index-title .left-title h5{ font-size: 0.45rem; line-height: 0.5rem; font-weight: bold;}
.index-title .left-title h6{ font-size: 0.32rem; line-height: 0.4rem; font-weight: bold;text-transform: uppercase;}
.pro-page{ width: 100%; overflow: hidden; display: inline-block; margin-top: 0.2rem}
.pro-page .pro-slide{ width: 3.7rem; height: 6.4rem; overflow: hidden; display: inline-block; position: relative}
.pro-page .pro-slide img{ width: 100%; height: 100%; object-fit:cover}
.service-mask{ position: absolute; top: 0px; left: 0px; background: rgba(9,64,154,0.3); width: 100%; height: 100%;padding: 0.6rem 10% 0;}

.pro-slide .service-titp{  position: absolute;top:1.2rem;right: .69rem;padding-top: .6rem;border-top: .03rem solid #fff;line-height: 1;color: #fff;width: .6rem;
    writing-mode: vertical-lr;opacity:1;z-index: 7;transition: opacity .5s;}
.pro-slide .service-titp .text1 {width: .36rem;height: 5.8rem;font-size: .3rem;font-weight: bold;position: absolute;left: 0;top: .22rem;}
.pro-slide .service-titp .text2 {width:.16rem;height: 5.8rem;font-size: .16rem;font-family: Arial;position: absolute;right: 0.02rem;top: .22rem;}

.service-con {position: absolute;left: 10%;top: 1.4rem;width: 80%;opacity: 0;z-index: 8;transition: opacity .5s; color: #fff}
.service-con .title {font-size: .28rem;position: relative;line-height: 0.35rem;margin-bottom: .34rem;font-weight: bold;}
.service-con .title i{ font-weight:500; font-size:0.18rem; line-height:0.5rem;text-transform:uppercase;}
.service-con .title::before {content: "";width: .7rem;height: .03rem;background-color: #fff;position: absolute;left: 0;top: -.3rem;}
.service-con li{ width: 50%; float: left; text-align: left; }
.service-con li a{ font-size: 0.14rem; color: #fff;line-height: 0.3rem}
.descv{ width: 100%; display: inline-block; margin-bottom: 0.2rem; height: 1.9rem}
.service-mask .service-more {width: 40%;height: .32rem;line-height: .32rem;border-radius: .24rem;text-align: center;border: 1px solid #fff;
    padding-left: .2rem;padding-right: .1rem;transition: all .2s;color: #fff}
.service-mask .service-more div {width: .2rem;height: .2rem;line-height: .18rem;text-align: center;border-radius: 50%;background-color: #fff;color: #888;font-size: .12rem;text-indent: .02rem;}
.service-mask .service-more a{ color: #fff}
.desc{ width: 100%; line-height: 0.3rem; display: inline-block; height: 1.9rem; margin-bottom: 0.2rem}
.pro-slide .service-mask .service-more:hover { background: #fff; color: #09409a}
.pro-slide:hover .service-titp{ opacity: 0}
.pro-slide:hover .service-con{ opacity: 1}
.index-service-swiper-btn {width: .53rem;height: .42rem;border: 1px solid #8a8a8a;border-radius: .08rem;text-align: center;text-indent: .02rem;line-height: .38rem;
    font-size: .24rem;position: absolute;color: #888;top:0.6rem;right:0rem;}
.index-service-swiper-prev {right: 0.78rem;}

/*about*/
.index-about{ width: 100%; height: 100%; background: url(../images/aboutbei.jpg) no-repeat center; background-size: 100%;}
.left-about{ width: 45%; float: left; color: #000; margin-top: 0.4rem}
.left-about h5{ font-size:0.4rem; line-height: 0.6rem; font-weight: bold; margin-bottom: 0.2rem;font-family: "alibb";}
.left-about h6{ font-size: 0.17rem; font-family: "alibb";}
.left-about h6 i{ width: 0.12rem; height:0.12rem;display: block; background: #09409a; margin-right: 0.2rem; float: left; margin-top: 0.3%}
.left-about .about-cont{ width: 100%; display: inline-block; margin-top: 0.4rem;}
.about-cont,.about-cont p,.about-cont span{ font-size: 0.14rem;line-height: 0.4rem;}
.moer{ width: 25%; border: 1px solid #000; line-height: 0.4rem;height: 0.4rem;text-align: center; border-radius: 0.4rem; margin-top: 0.4rem}
.moer a{ font-size: 0.14rem; color: #000;}
.moer i{ width: 0.2rem; display: block; float: right; margin-right: 0.2rem}
.moer i img{ width: 100%;}
.moer:hover{ background: #09409a}
.moer:hover a{ color:#fff; }
.moer:hover i img{ filter: brightness(0) invert(1)}
.rig-about{ width: 50%; float: right; display: block; margin-top: 0.6rem}
.rig-about ul li{ width: 32%; margin-right: 2%; float: left; overflow: hidden;}
.rig-about ul li:nth-child(3){ margin-right: 0px;}
.rig-about ul li .about-img{ width: 100%; height: 4rem; overflow: hidden; border-radius: 0.2rem 0.2rem 0rem 0rem;}
.about-img img{ width: 100%; height: 100%; object-fit: cover;}
.rig-about ul li p{ width: 100%; height: 0.5rem; line-height: 0.5rem; font-size: 0.16rem; background: #fff; padding: 0rem 0.15rem;border-radius: 0rem 0rem 0.2rem 0.2rem;}
.rig-about ul li p i{width: 0.2rem; display: block; float: right; margin-right: 0.2rem}
.rig-about ul li p i img{ width: 100%;filter: brightness(0) invert(0)}
.rig-about ul li:nth-child(1){ margin-top: 0.8rem}
.rig-about ul li:nth-child(2){ margin-top: 0.4rem}
/*fuuw*/
.advantage-box{ width: 100%; display: inline-block; padding-top: 0.6rem; padding-bottom: 0.5rem; }
.advantage-cont{width: 100%; display: inline-block; }
.advantage-img{ width: 48%;}
.advantage-img img{ width:95%; margin-top: 0.1rem}
.advantage-title{ width: 50%; padding-top: 0.1rem;}
.advantage-title ul li{ width: 100% !important; margin-bottom: 0.3rem; padding: 20px; overflow: hidden;}
.advantage-title ul li .adv-titel{ width: 100%; display: inline-block; padding-bottom: 15px; position: relative;}
.advantage-title ul li .adv-titel i{ width:0.5rem; height:0.5rem; float: left; font-size: 0.38rem;  font-family: "ali"; line-height:0.5rem;}
.advantage-title ul li .adv-titel span{ width: 70%; float: left; font-size: 0.3rem; font-weight: bold; line-height: 0.5rem;}
.advantage-title ul li .adv-titel span p{ font-size: 0.16rem; font-weight: 400;text-transform:uppercase;}
.advantage-title ul li .adv-titel b{ width:0.5rem; height:0.5rem; background: #fff; border-radius: 50%; overflow: hidden; float: right; text-align: center}
.advantage-title ul li .adv-titel b img{ width: 100%; height: 100%; object-fit: cover;}
.advantage-title ul li.in .adv-titel b img{ width: 80%; height: auto; margin-top: 15%}
.advantage-title ul li .adv-titel::after{ content: ''; width: 100%; height: 1px; background: #e7e7e7; display: block; position: absolute; bottom: 0px; left: 0px;}
.advantage-title ul li .adv-titel-cont{ font-size: 0.14rem; line-height: 0.25rem; height: 0.8rem; overflow: hidden; margin-top: 0.1rem; display: none;}
.advantage-title ul li.in .adv-titel-cont{ display: block;}
.advantage-title ul li.in{ background: #09409a; border-radius:0.1rem; color: #fff;}
/*新闻*/
.index-news{ width:100%; height: 100%; background: #f5f5f5; display: block}
.newe-list{ overflow: hidden; width: 100%; display: inline-block; margin-top: 0.24rem;}
.newe-list .news-slide{ flex-shrink: 0;  background: #fff;}
.newe-list .news-slide .li{padding: 0.2rem; box-sizing: border-box; width:100%; background: #FFF }
.newe-list .news-slide .li .news-thumb{ width: 100%; height: 2.6rem; overflow: hidden; border-radius: 0.2rem;}
.newe-list .news-slide .li .news-thumb img{ width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 2s;transition: all 2s;}
.newe-list .news-slide .li .p-tit{ font-size: 0.2rem; line-height: 0.3rem; height: 0.6rem; margin-top: 0.2rem; overflow: hidden}
.newe-list .news-slide .li .news-xi{ font-size: 0.14rem; line-height: 0.24rem; height: 0.72rem;}
.newe-list .news-slide .li .left-m{ width: 40%; background: #09409a; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; color: #fff; text-align: center;
    font-size: 0.13rem; text-transform: uppercase; }
.newe-list .news-slide .li .left-m i{ font-size: 0.16rem; margin-left: 5%;}
.newe-list .news-slide .li .news-more{ display: inline-block; width: 100%; line-height: 0.4rem; margin-top: 5%; }
.newe-list .news-slide .li .right-m{ font-size: 0.14rem; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; width: 30%; text-align: right;}
.newe-list .news-slide .li .right-m i{ margin-right: 5%;}
.newe-list .news-slide:hover .news-thumb img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.newe-list .news-slide:hover .li{ border-radius: 0.3rem; transition: all 0.2s; }
.newe-list .news-slide:hover .li .left-m{ background: #09409a; color: #fff;}
.newe-list .news-slide:hover{ border-radius: 0.3rem;transition: all 0.2s;}

.moer-tit{ width: 10%; border: 1px solid #09409a; float: right; line-height: 0.4rem;height: 0.4rem;text-align: center; border-radius: 0.4rem; margin-top: 0.4rem}
.moer-tit a{ font-size: 0.14rem; color: #000}
.moer-tit i{ width: 0.2rem; display: block; float: right; margin-right: 0.2rem}
.moer-tit i img{ width: 100%;filter: brightness(0) invert(0)}
.moer-tit:hover{ background: #09409a}
.moer-tit:hover a{ color:#fff; }
.moer-tit:hover i img{ filter: brightness(0) invert(1)}
/*底部*/
.index-foot{ width: 100%; display: inline-block; background:url(../images/fotbei.jpg) no-repeat left center; height: 100%; background-size: 100%; margin-top: 0.6rem;  position: relative}
/*.index-foot{ width: 100%; display: inline-block;background: #052155; margin-top: 0.6rem; position: relative}*/
.index-foot .milld{ width: 80%; margin: auto; display:flex}
.left-tel{ width: 25%; float: left}
.left-nva{ width: 100%;}
.left-tel h5{ height: 0.3rem; line-height: 0.3rem; font-size: 0.16rem; color: #fff}
.left-tel h5 img{ width: 0.3rem; float: left; margin-right: 0.15rem}
.left-tel span{ font-size:0.28rem; font-weight: bold; color: #fff}
.left-tel h6{ font-size: 0.18rem; margin-top: 0.6rem; color: #fff}
.left-tel .foot-img{ width: 55%; margin-top: 0.2rem}
.foot-ewm-item {
    width: .45rem;
    height: .45rem;
    margin-right: 10%;
    float: left;
}
.foot-ewm-item .icon {
    width: 100%;
    height: 100%;
}
.foot-ewm-item .ewm {
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: -0.3rem;
    top: 0.6rem;
    display: none;
}
.foot-ewm-item:last-child {
    margin-right: 0;
}
.foot-ewm-item .foot-call {
    border-radius: 0.08rem;
    font-size: .18rem;
    padding: 0 0.12rem;
    line-height: 0.4rem;
    position: absolute;
    left: -0.61rem;
    top: -0.5rem;
    background-color: #fff;
    z-index: 99;
    cursor: pointer;
    display: none;
    width: 500%;
}
.foot-ewm-item .foot-call i {margin-right: .1rem;}
.foot-ewm-item:hover .ewm {display: block;}
.foot-ewm-item:hover .foot-call {display: flex;}
.left-nva ul li{ float: left; width: 9%; color: #000; margin-right: 2%}
.left-nva ul li span{ width: 100%; display: block; line-height: 0.4rem}
.left-nva ul li h4 a{ font-size: 0.18rem; font-weight: bold; color: #000}
.left-nva ul li span a{ font-size: 0.15rem; color: #000}
.left-nva ul li span:hover a{ padding-left: 0.1rem; color: #2E75B6;transition: all 2s;}

.left-img{ width: 10%; float: right; text-align: center;color: #000}
.left-img span{ width: 80%; display: block; text-align: center; margin: 0.15rem auto; font-size: 0.16rem; color: #000}
.left-img span img{ width: 100%;text-align: center;}
.left-img p{ font-size: 0.12rem; line-height: 0.2rem; text-align: center; color: #fff}
.foot-dibu{ width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center;  font-size: 0.14rem; color: #000; display:block; border-top: 1px solid #cfcfcf;
    position: absolute; bottom: 1%; left: 0px;}
.index-foot{ margin-top: 0px;}
.top-pro.close-hide{ opacity: 0}
.foot-message{ margin-bottom: 1rem; width: 100%; display:inline-block;}
.index-foot .milld{ display: block}
.foot-message .foot-item{ width: 20%; height: 0.45rem; line-height: 0.45rem; background: #fff; border-radius: 0.15rem; margin-right: 1%; padding: 0rem 0.1rem;}
.foot-message textarea{ width: 20%; height: 0.45rem; line-height: 0.45rem; background: #fff; border-radius: 0.15rem; margin-right: 1%; padding: 0rem 0.1rem;}
.foot-message .submit{ width: 15%; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #09409a; color: #fff;}
.foot-message .submit:hover{ border-radius: 0.2rem}

.left-nva ul li:nth-child(2){ width: 20%}
.left-nva ul li:nth-child(3){ width: 20%}
.left-nva ul li:nth-child(4){ width: 20%}
.left-nva ul li:last-child{ margin-right: 0px;}
.lainxi h5{font-family: "alibb"; font-size: 0.24rem; color: #000; font-weight: bold; margin-bottom: 0.15rem}
.lainxi p{ width: 100%; line-height: 0.5rem; color: #000; opacity: 0.8; font-size: 0.16rem}
.lainxi p i{ width: 0.2rem; display: block; float: left; margin-right: 0.05rem}
.lainxi p i img{ width: 100%;filter: brightness(0);}

.foot-pin{ width: 100%; display:inline-block; padding-bottom:0.4rem; margin-bottom: 0.5rem}
.foot-pin .foot-logo{ float: left; width: 20%;}
.foot-pin .foot-logo img{ width: 100%; filter: brightness(0) invert(1); margin-top:8%;}
.foot-pin .left-img{ float: right;}
.foot-nva{ width: 100%; display: inline-block; margin-bottom: 0.1rem}
.foot-ditu{ position: inherit}
.nei-foot{ padding-top: 0.2rem; height: auto}
.nei-foot .foot-pin{ padding-bottom: 0.2rem; margin-bottom: 0.4rem}
.nei-foot .foot-pin .foot-logo img{ margin-top: 12%}
.nei-foot .foot-nva{ margin-bottom: 0.4rem}

.tel-lian{ width: 60%; float: left; margin-left:6%; margin-top: 4%}
.tel-lian span{ float: left; margin-right:4%; color: #fff; font-size: 0.18rem; line-height: 0.6rem; font-weight: bold}
.tel-lian span i{ width: 0.3rem; display: block; float: left; margin-right:0.1rem;}
.tel-lian span i img{ width: 100%}
.tel-lian span:nth-child(2) i img{ margin-top: -10%}
/*内页*/
.banner-image{ height: 6.4rem; background-position:top center; background-size: cover; background-repeat: no-repeat; position: relative}
.banner-image .batit{ position: absolute;top: 48%; text-align: center; width: 100%; }
.banner-image .batit h5{ font-size: 0.5rem; color:#fff;text-shadow: 2px 2px 4px rgba(0,0,0,0.3); text-align: left; padding-left: 10%; box-sizing: border-box;opacity: 0;font-family: "alibb";}
.banner-image .batit h5 p,.banner-image .batit h5 b{font-family: "alibb";}
.inside-crumb {
    font-size: 0.14rem;
    color: #eaeaea;
    position: absolute;
    right: 8.5%;
    bottom:0.2rem;
    text-align: right;
}
.inside-crumb a {
    font-size: inherit;
    color: inherit;
}
.fenlei{ position: absolute; top: 90%;  width: 100%;}
/*.fenlei ul{display: flex;justify-content: center;}*/
.fenlei ul{ width: 80%; margin: auto}
/*.fenlei ul li{ width: 11%; height: 0.4rem; line-height: 0.4rem; border-radius: 0.3rem; background: #fff; margin: 0rem 0.05rem; text-align: center}*/
/*.fenlei ul li a{ font-size: 0.16rem; color: #000}*/
.fenlei ul li{ width:auto; height: 0.4rem; line-height: 0.4rem; border-radius: 0.3rem;  float: left; color: rgba(255,255,255,0.4);position: relative}
.fenlei ul li i{ color:rgba(255,255,255,0.4); font-size: 0.2rem; line-height: 0.4rem; padding: 0px 0.2rem}
.fenlei ul li a{ font-size: 0.16rem; color: rgba(255,255,255,0.4);font-family: "alibb";}
/*.fenlei ul li.on,.fenlei ul li:hover{ background:#09409a;}*/
.fenlei ul li.on a,.fenlei ul li:hover a{ color: #fff}
.fenlei ul li:last-child i{ display: none}

.big-title{ width: 100%; display: inline-block;}
.big-title p{ text-align: left;}
.big-title .bt1{font-size: 0.48rem;color: #353535;font-weight: bold;font-family: "alibb";+-}
.big-title .bt1 i{ font-size:0.2rem;color: #000; margin-left: 0.15rem; font-weight: 300; text-transform:uppercase;  }
.adv-box .big-title .bt1 i{ color: #fff}
.big-title .bt1 span{color: #132c66}
.big-title .bt2{font-size:0.2rem;color: #666;margin-top: 5px;}
.bt-left{ width: 70%;}
.big-title span{ float: right; width: 1.4rem; height: 0.45rem; line-height: 0.45rem; text-align: center; background: #0f478e; border-radius: 10px; margin-top: 2%;}
.big-title span a{ color: #fff; font-size:0.16rem;}
.big-title span b{ width:0.2rem; margin-left:0.1rem;}
.big-title span b img{filter: brightness(0) invert(1)}
/*关于*/
.about-main{ margin-top: 0.6rem}
.about-main{ width: 100%; display: inline-block; margin-top: 0.4rem}
.about-main .about-txt{width: 100%;clear: both;margin:0rem auto;padding: 0.2rem 0;text-indent: 2em; font-size: 0.17rem }
.about-main .about-txt p{font-size: 0.17rem;letter-spacing: 5px;line-height: 0.4rem;text-indent:2em;}
.about-main .about-txt>div{ font-size: 0.17rem;line-height: 0.4rem;}

.course-list { width: 100%; display: inline-block;background: url(../images/beijing6.jpg) bottom center no-repeat; padding: 0.4rem 0rem;}
.swip-cont{ width: 100%; overflow: hidden; display: inline-block; margin-top: 0.3rem}
.course-list ul li{ width:3.36rem; margin-right:0.2rem; flex-shrink: 0; background: #fff; border-radius: 0.25rem; padding: 0.15rem; box-sizing: border-box}
.course-list ul li .course-img{ width: 100%; height: 1.8rem; display: block;}
.course-img img{ width: 100%; height: 100%;  object-fit: cover}
.course-list ul li p{ font-size:0.34rem; font-weight: bold; margin-bottom:0.1rem;}
.course-list ul li h6{ font-size: 0.16rem; line-height: 0.6rem}
.course-list ul li p i{ font-size: 0.24rem; font-weight: 500; font-style: initial; }
.course-list ul li span{ border-left: 4px solid #09409a; font-size: 0.16rem; padding-left:0.1rem;box-sizing: border-box; line-height:0.3rem; margin-top:0.2rem; display: block;}
.course-list ul {width: 100%;}
.qiehuan{ display: flex; flex-direction: row; justify-content: center; margin-top: 3%;}
.qiehuan span{ width:1rem; height:0.35rem; display: block; margin: 0px 0.1rem; display: flex;align-items: center; background: #fff;border-radius:0.2rem;}
.qiehuan span img{ display: block; margin: auto;}
.qiehuan span:hover{ background: #09409a; border: 1px solid #09409a;}
.cour-cont{ width: 100%; margin: 0.2rem 0rem;}
.cour-cont,.cour-cont p,.cour-cont span{ font-size: 0.14rem; line-height: 0.3rem}
.course-list .big-title .bt1,.course-list .big-title .bt2,.course-list .big-title .bt1 i{ color: #fff;}

.coursey-list{ width: 100%; display:inline-block; margin-top: 0.5rem; margin-bottom: 1.5rem}
.coursey-list .middle{ width: 50%; margin: auto}
.coursey-list ul li{ position:relative; width: 100%; display: inline-block; padding-bottom: 1rem}
.coursey-list ul li::before{position: absolute;content: ""; width: 2px; background: #09409a; height: 110%}
.coursey-list ul li span{ position: absolute; width: 0.4rem; height: 0.4rem; left: -2%; top: -10px;}
.coursey-list ul li span img{ width: 100%;}
.coursey-title{ margin-left:5%;}
.coursey-title .time{ font-size: 0.3rem; line-height: 0.4rem; font-weight: bold}
.coursey-title h6{ font-size: 0.2rem; line-height: 0.34rem}
.coursey-title .coursey-cont{ padding-left: 0.3rem; margin-top: 0.2rem}
.coursey-title .coursey-two,.coursey-title .coursey-two p,.coursey-title .coursey-two span{ font-size:0.16rem; line-height: 0.3rem }
.coursey-title .coursey-two i{ width:0.1rem; height: 0.1rem; border-radius: 50%; background: #09409a; display: block; float: left; margin-right: 0.1rem; margin-top: 1%}
.coursey-title .coursey-img{ width: 60%; height: 2.4rem; margin-top: 0.2rem}
.coursey-title .coursey-img img{ width: 100%; height: 100%; object-fit: cover}

.inner_pic_list ul{ width: 100%; display:inline-block; margin-top: 0.5rem}
.inner_pic_list li{ width:19%; float:left; margin-right:1.2%; margin-bottom:0.2rem; height:auto; overflow:hidden; border: 1px solid #dfdfdf}
.inner_pic_list li:nth-child(5n){ margin-right: 0px;}
.inner_pic_list li .pic{ height:2rem; text-align:center; overflow:hidden}
.inner_pic_list li .pic img{ transition:all 0.7s; width: 90%; object-fit: contain }
.inner_pic_list li:hover .pic img{ transform:scale(1.1)}
.inner_pic_list li h3{ text-align: center; font-size: 0.14rem; line-height: 0.3rem}
.inner_pic_list h6{ width: 100%; line-height: 0.7rem; height: 0.7rem; font-size: 0.3rem; font-weight: bold; text-align: center}

.inside-container{ margin-top: 0.5rem; width: 100%; display: inline-block}
.ins-honor-list ul li{ width: 24%; margin-right: 1%; float: left; padding: 0.1rem; box-sizing: border-box; border: 1px solid #dfdfdf; margin-bottom: 0.2rem}
.ins-honor-list ul li .img-wrp{ width: 100%; height:3rem;}
.ins-honor-list ul li .img-wrp img{ width: 100%; height: 100%; object-fit: contain}
.ins-honor-list ul li .tit{ width:100%; text-align: center; font-size: 0.14rem; line-height: 0.5rem; background: #f5f5f5;}
.v9_pages{  text-align: center; width: 100%; margin-bottom: 0.6rem; margin-top:0.4rem}
.v9_pages a,.v9_pages span{ padding: 0.1rem 0.16rem; border: 1px solid #dfdfdf; font-size: 0.18rem; margin: 0px 0.1rem; border-radius: 0.1rem; }
.v9_pages span{ background: #09409a; border: 1px solid #09409a; color: #fff;}
.v9_pages a:hover{ background: #09409a; border: 1px solid #09409a; color: #fff;}
.course-list .big-title p{ color: #fff}
.c-i-s3 {padding: 4% 0;background: #f4f4f5;}
.ihec-sh{position: relative;}
.ihec-sh .swiper-container{ height: 8.5rem; margin-top: 0.3rem}
.ihec-sh .swiper-slide{ width: 4.95rem; height: 4rem;}
.ihec-sh .swiper-button-next:after, .ihec-sh .swiper-button-prev:after{ display: none;}
.ihec-sh .swiper-button-prev,.ihec-sh .swiper-button-next{ outline: none;}
.ihec-sh .swiper-container .swiper-wrapper{ width: 100% !important;}
.ish-lun a .i{height: 20vw;max-height: 3.3rem;}
.ish-lun a .t{padding: 4% 10px;background: #fff;text-align: center;font-size: 0.22rem;color: #666; background: #dfdfdf;}
.fitobj {object-fit: cover;height: 100% !important;width: 100% !important;}
.ihe-lun-p{width: 50px;height: 45px;background-color: #09409a;transform:skew(-12deg);
    -ms-transform:skew(-12deg);-moz-transform:skew(-12deg);-webkit-transform:skew(-12deg);-o-transform:skew(-12deg);background-image: none}
.ihe-lun-p .si{width: 100%;height: 100%;transform:skew(12deg);-ms-transform:skew(12deg);-moz-transform:skew(12deg);-webkit-transform:skew(12deg);-o-transform:skew(18deg);
    background-repeat: no-repeat;background-size: auto !important;background-position: center;}
.swiper-button-prev-he .si{background-image: url("../images/p.png");}
.swiper-button-next-he .si{background-image: url("../images/n.png");}
.ihe-lun-p:hover{background: #09409a}
.ihe-lun-p{width: 50px;height: 45px;background-color: #09409a;transform:skew(-12deg);}
.swiper-button-prev-he{left: -80px}
.swiper-button-next-he{right: -80px}

.about-adv{ width: 100%; display: inline-block; margin-top: 0.6rem}
.box-4-shili {margin-top: 0.3rem;box-sizing: border-box;  display: block;position: relative; overflow: hidden}
.box-4-shili ul li{ width: 24.5%;height: 6rem;overflow: hidden;position: relative; float: left;margin-right: 0.1rem;}
.box-4-shili ul li:last-child{ margin-right: 0px}
.box-4-shili ul li .pro-v{  position: absolute;  z-index: 2; width: 100%;height: 100%;display: block;top: 0%;background: rgba(15,71,142,0.5);padding: 0% 10%;
    padding-top: 10%;box-sizing: border-box;}
.box-4-shili ul li .pro-v img{width: 100%;}
.box-4-shili ul li .pro-t{ width: 100%;height: 100%;}
.box-4-shili ul li .pro-t img{ width: 100%;height: 100%;object-fit: cover;}
.box-4-shili ul li .pro-v p{  font-size: 0.22rem;color: #fff; width: 60%; display: block;margin: auto;}
.box-4-shili ul li .pro-v span{ width: 3px;height: 30px;display: block;background: #fff;margin: 0.2rem auto;}
.box-4-shili ul li.on .pro-v{display: none;}
.box-4-shili ul li .pro-y{ display: none;position: absolute;bottom: 0px;height: 100%; width: 100%;z-index: 2;background: rgba(15,71,142,0.6);color: #fff;padding: 30px 10%; padding-top: 20%; box-sizing: border-box;}
.box-4-shili ul li .pro-y .p{ font-size: 0.32rem; font-weight: bold}
.box-4-shili ul li .pro-y .p i{width: 100%; height: 2px;background: #fff;display: block;margin-bottom: 0.1rem;}
.box-4-shili ul li .pro-y .p img{  width: 0.45rem; float: right;filter: brightness(0) invert(1)}
.box-4-shili ul li .pro-y .p p{ font-weight: bold; margin-bottom: 0.2rem; margin-top: 0.4rem}
.box-4-shili ul li .pro-v .p-cont{ font-size: 0.16rem;line-height:0.3rem; color: #fff}
.box-4-shili ul li .pro-v .p-cont p,.box-4-shili ul li .pro-v .p-cont span{font-size: 0.16rem;line-height:0.3rem ; color: #fff }
/*.box-4 ul li .pro-y span{ font-size: 0.16rem;line-height:0.3rem; color: #fff}*/
.box-4-shili ul li .pro-y .box-more{ font-size: 0.16rem;}
.box-more a{ color: #fff;font-size: 0.16rem;line-height:0.4rem;}
.box-4-shili ul li.on .pro-y{display: block;}
.box-4-shili ul li .pro-y span {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 限制显示3行 */
    -webkit-box-orient: vertical;
    overflow: hidden; /* 隐藏溢出的内容 */
}
.text-thumn{ width: 0.5rem; height: 0.5rem; margin-bottom: 0.2rem}
.text-thumn img{ width: 100%;filter: brightness(0) invert(1)}
.service-tit {padding-top: .22rem;line-height: 1;color: #fff;width: 100%;opacity: 1;z-index: 7;transition: opacity .5s;margin-top: 40%;padding-left: 10%;box-sizing: border-box;}
.service-tit .text1 {width:100%;font-size: .32rem;font-weight: bold;letter-spacing: 1px;line-height: 0.6rem; line-height: 0.6rem}
.service-tit .text2 {width: .16rem;height: 5.8rem;font-size: .16rem;font-family: Arial;position: absolute;right: 0.02rem;top: .22rem;}
.nei-foot{ margin-top: 0.5rem}
/*anli*/
.case-nei{ width: 100%; display: inline-block; margin-top: 0.5rem}
.case-nei ul{ width: 100%; display: inline-block}
.case-nei ul li{ width: 32%; margin-right: 1.5%; float: left; margin-bottom: 0.2rem;position: relative}
.case-nei ul li:nth-child(3n){ margin-right: 0px;}
.case-nei ul li .inside-img-she{ border: 1px solid #999; width: 100%; height: 3.2rem; overflow: hidden;}
.case-nei ul li .inside-img-she img{ width: 100%; height:100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
/*.case-nei ul li .inside-img-title{ width: 100%; height: 0.6rem; line-height: 0.6rem; padding: 0rem 0.1rem; box-sizing: border-box; border-bottom: 1px solid #333; font-size: 0.16rem}*/
.case-nei ul li .inside-img-title{ width: 40%; position: absolute; right: 0px; top: 0px; background: rgba(9,64,154,0.4); height: 100%; line-height: 0.4rem; padding: 0rem 0.1rem;
    box-sizing: border-box; font-size: 0.18rem; color: #fff; padding-top: 0.6rem;}
.inside-img-title b{ width:60%; height: 0.3rem; line-height: 0.3rem;border-radius: 0.3rem; background: #f5f5f5; text-align: center; float: left; font-weight: 500;
    text-transform:uppercase; font-size: 0.14rem; display: block; margin-top: 3.5%; color: #000; position: absolute; bottom: 10%; left: 0.1rem}
/*.case-nei ul li:hover .inside-img-title b{ background: #09409a; color: #fff;}*/
.case-nei ul li:hover .inside-img-she img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.case-nei ul li:hover .inside-img-title{ background: #09409a}
    /*内页*/

.inside-show{ margin-top: 54px;}
.left-show{ width:100%;}
.left-show p{ font-size: 0.16rem;line-height: 0.35rem;}
.left-show h6{ font-size: 0.26rem;text-align: center;line-height: 0.5rem;}
.left-show .xiaoboao{ font-size: 0.16rem;color: #666;text-align: center; width: 100%;display: block;line-height:0.3rem;}
.left-show .xiaoboao a{ color: #666;}
.show-cont{ line-height:0.36rem;}
.show-cont>div{ line-height: 0.36rem;}
.show-cont p{ line-height: 0.36rem;}
.show-cont span{ line-height:0.36rem;}

.texing{ width: 100%; display: inline-block; height: 0.4rem; line-height: 0.4rem; background: #f5f5f5}
.texing span{background: #0f478e; padding: 0rem 0.2rem; font-size: 0.16rem; font-weight: bold; color: #fff; height: 0.4rem; line-height: 0.4rem;display: block;width: 16%}
.texing span i{ font-weight: lighter; font-size: 0.14rem;}
.page_turn span{ text-align: left; width: 100%;display: block;line-height:0.4rem;}
.page_turn { margin-top:0.5rem;margin-bottom:0.3rem;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;}
.xianguan{ font-size:0.24rem;font-weight: bold;padding-bottom: 10px;border-bottom: 1px dashed #999;}
.xianguan i{ width: 0.11rem; height:0.11rem;display: block;background: #fff;border-radius: 50%;border: 3px solid #fe9d10; float: left;margin-right:0.15rem;margin-top:0.1rem;}
.xianguan span{ font-weight: 200;font-size:0.16rem;float: right; text-transform:uppercase;  }
.rel-news{ margin-bottom:0.4rem;}
.rel-news ul li{ float: left; width: 48%; height: 50px; font-size:0.16rem; line-height:0.5rem; margin-right: 4%; border-bottom: 1px dashed #999;}
.rel-news ul{ margin-top: 2%;}
.rel-news ul li:nth-child(2n){ margin-right: 0px;}
.rel-news ul li span { width: 80%; float: left; overflow: hidden; height: 0.5rem}
.rel-news ul li span a{ font-size: 0.16rem}
.rel-news ul li i{ float: right; font-size:0.16rem; font-style: inherit;}
.relevant { width: 100%;display: inline-block;}
.rel-pic{ position: relative; width: 100%;display: inline-block; margin-bottom: 0.5rem}
.rec{ width: 100%;overflow: hidden;margin-top: 0.3rem;}
.rec-img{ flex-shrink: 0;/* border: 2px solid #e7e7e7; */margin-right:0.3rem;}
.rec-img .rel-img{ width: 100%;height: 3.35rem;overflow: hidden; border: 1px solid #999}
.rec-img .rel-img img {width: 100%;height:100%; object-fit:cover;}
.rec-img span{ width: 100%;height: 0.5rem;font-size:0.18rem;text-align: center;line-height:0.5rem;display: block;background: #e7e7e7;}
.rec .swiper-button-next, .rec .swiper-button-prev{ width:0.52rem;height:0.52rem;background: rgba(0,0,0,0.5);border-radius: 50%;top: 55%; }
.rec .swiper-button-prev:after, .rec .swiper-button-next:after{ font-size:0.3rem;color: #fff;}
.rec .swiper-button-prev{ left: -2%;}
.rec .swiper-button-next{ right: -2%;}
.show-cont img{width: 60%; max-width: 100%; margin: auto; display: block}

/*联系*/
.contact-inside{ width: 100%; display: inline-block;position: relative;}
.contact-midd{ width: 100%; display: inline-block;}
.contact-left{ padding-top: 0.6rem; width: 48.75%;}
.contact-left p{ font-size: 0.24rem; line-height: 0.4rem; font-weight: bold;text-transform:uppercase;}
.contact-left .span{ font-size: 0.28rem; line-height: 0.6rem;font-weight: bold; border-bottom: 2px solid #c8c8c8; padding-bottom: 0.2rem; display: block;}
.contact-left span{ font-size: 0.2rem}
.contact-left .contact-m{ font-size: 0.2rem; line-height: 0.4rem; padding-right: 6%; box-sizing: border-box; margin-top: 5%; margin-bottom: 0.4rem;}
.contact-left ul li img { width: 0.38rem; height: 0.38rem; margin-right: 2%; float:left;}
.contact-left ul li{ line-height: 0.4rem; display: block; font-size: 0.24rem; margin-bottom: 0.3rem;}
.contact-left ul li i{ font-weight: bold; font-size: 0.3rem; color: #000;}
.map{ width: 45%; height: 5rem; overflow: hidden; margin-bottom: 0.5rem; float: right; margin-top: 13%}
.map img{ width: 100%; height: 100%; object-fit: cover}
/*新闻*/
.containertwo {width: 80%;height: 100%;position: relative;margin-left: auto !important;margin-right: auto !important;box-sizing: border-box;}
.inside-party ul {margin-top: 0.5rem;width: 100%;display: inline-block;}
.inside-party ul li{ width: 32.5%; margin-right: 1.2%; float: left; border-bottom: 1px solid #666666; margin-bottom: 0.6rem;}
.inside-party ul li .inside-img-party{ width: 100%; height: 3rem; overflow: hidden;}
.inside-party ul li .inside-img-party img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.inside-party ul li:nth-child(3n){ margin-right: 0px;}
.inside-party-title{ width: 100%; padding: 0.2rem;}
.inside-party-title p{ font-size: 0.22rem; line-height: 0.36rem; color: #000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inside-party-title .span{ width: 100%; display: inline-block;}
.inside-party-title .span span:nth-child(1){ font-size: 0.16rem; line-height: 0.3rem;text-transform:uppercase; width: 70%; float: left;}
.inside-party-title .span span:nth-child(2){ width: 30%; text-align: center; float: right; font-size: 0.16rem; color: #999999; text-align: right;}
.inside-party-title .span span:nth-child(1) i{ float: left; margin-right: 4%; -webkit-transition: all 2s;transition: all 2s;}
.inside-party-title .span span:nth-child(1) img{ width: 7%; margin-top: 1%;}
.inside-party ul li:hover{ border-bottom: 1px solid #0f478e; box-shadow: 0px 5px 5px rgba(0, 0, 0, .1);}
.inside-party ul li:hover .inside-img-party img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1); }
.inside-party ul li:hover .inside-party-title .span i{ margin-right: 10%;}

/**/
.about-youhsi .big-title .bt1,.about-youhsi .big-title .bt2,.about-youhsi .big-title .bt1 i{ color: #fff}
.about-youhsi{ background: url("../images/about-ysbei.jpg") no-repeat top; padding-top: 0.82rem; width: 100%; margin-top: 0.6rem; display: inline-block; padding-bottom: 0.7rem}
.about-youhsi .le-youshi{ width: 44.8%; float: left;}
.le-youshi ul{ margin-top:10%}
.le-youshi ul li{ width: 100%; display:inline-block}
.le-youshi ul li .adv-lef-img{ width: 40%; height: 0.6rem; line-height: 0.6rem; background: #fff; border-radius: 0.3rem; display: block; float: left;
    font-size:0.24rem; font-weight: bold; padding: 0rem  0.3rem; box-sizing: border-box; margin-bottom: 0.3rem; filter: grayscale(100%);}
.le-youshi ul li .adv-lef-img img{ width: 0.42rem; float: left; margin-right: 10%; margin-top: 5%}
.le-youshi ul li span{ width: 55%; float: left; opacity: 0}
.le-youshi ul li span b{ width: 93%; height: 1px;display:block;position: relative; float: left; margin-top: 8%}
.le-youshi ul li span b::after{ content: ''; position: absolute; border-bottom: 1px dashed #fff; left: 0px; top: 50%; width: 100%; display: block}
.le-youshi ul li span i{ width: 10px; height: 10px; border-radius: 50%; display: block; background: #fff; position: relative; float: right; margin-top: 7%}
.le-youshi ul li span i::after{ content: ''; width: 21px; height: 21px; position: absolute; border: 1px dashed #fff; border-radius: 50%; top: -7px; left: -7px}
.le-youshi ul li.on .adv-lef-img{ filter: grayscale(0%); color: #264389}
.le-youshi ul li.on span{ opacity: 1}
.rg-youhsi{ width:54%; float: right; background: #fff; border-radius: 0.2rem; overflow: hidden; margin-top: 6%}
.rg-youhsi .rg-youhsi-img{ width: 100%; height: 4.18rem; border-radius: 0rem 0rem 0.2rem 0.2rem; overflow: hidden}
.rg-youhsi .rg-youhsi-img img{  width: 100%; height: 100%; object-fit: cover}
.rg-youhsi .you-p{ padding: 0.4rem; box-sizing: border-box; font-size: 0.2rem; line-height: 0.48rem; min-height: 3rem; display: block}

.box5-coop{ width: 100%; display: inline-block; color: #183543; padding: 0.4rem 0rem}
.box5-coop .coop-swcont{ width: 100%; overflow: hidden; height: 3rem; margin-top: 0.4rem;}
.box5-coop .coop-swcont .coop-slide { height: 1.4rem; width: 310px; overflow: hidden; border: 1px solid #b8b8b8; border-radius: 10px; display: flex;
    align-items: center; background: #fff;}
.box5-coop .coop-swcont .coop-slide img{ height: 75%; width: auto; display: block; margin: auto; -webkit-transition: all 2s;transition: all 2s;}
.box5-coop .coop-swcont .coop-slide:hover{ border: 1px solid #09409a;}
.box5-coop .coop-swcont .coop-slide:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.box-titel{ width: 100%; display: inline-block;}
.box-titel .title-l{ width: 50%;}
.box-titel .title-l h6{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.3rem;text-transform: uppercase; color: #09409a;}
.box-titel .title-l h3{ font-weight: bold; font-size: 0.4rem; color: #09409a;}
.box-titel .title-r ul li{ width: 1.9rem; height: 0.55rem; border-radius: 0.14rem; background: #09409a; text-align: center; float: right; line-height: 0.5rem;
    margin-left: 0.35rem; margin-top: 6%;}
.box-titel .title-r ul li a{ font-size: 0.22rem; color: #fff;}
.box-titel .title-r ul li:hover{ border-radius: 0.3rem;}
.box-titel .title-r ul li:hover a{ color: #09409a;}
.nei-fu .index-title{ margin-top: 0.45rem}

.pic-fen ul li { width: 8.5%}

.ins-news-list ul li{width:100%;height:3.8rem;margin-bottom: 20px;border-bottom: 1px solid #dfdfdf;padding: 0.2rem;box-sizing: border-box;}
.ins-news-list ul li .img-wrp{ width: 34%; height: 3.3rem; overflow: hidden}
.ins-news-list ul li .img-wrp img{ width: 100%; height: 100%; object-fit: cover;-webkit-transition: all 2s;transition: all 2s;}
.ins-news-list ul li .con-wrp{width:63%;height:auto;box-sizing: border-box;}
.ins-news-list ul li .con-wrp .tit{font-size:0.24rem;line-height: 1.2rem;color:#333;margin-bottom: 3px;}
.ins-news-list ul li .con-wrp .desc{color:#666;line-height:0.32rem;height: 1.28rem;margin-bottom: 5px;font-size: 0.18rem;}
.ins-news-list ul li .con-wrp .date{height:0.45rrem;line-height: 0.45rem;font-size:0.16rem;color:#999;}
.ins-news-list ul li .con-wrp .date i{ width: 1.3rem; height: 0.45rem;line-height: 0.45rem; background:#f2f2f2; float: right; border-radius: 25px; text-align: center;font-size: 0.16rem }
.ins-news-list ul li:hover{ background: #f2f2f2; border-bottom: none}
.ins-news-list ul li:hover .con-wrp .date i{ background:#09409a; color: #fff}
.ins-news-list ul li:hover .img-wrp{ border-radius: 20px;}
.ins-news-list ul li:hover .img-wrp img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.subcategory{ width: 100%; display: inline-block; margin-top: 0.4rem;}
.subcategory ul li{ width: 19%; margin-right: 1.2%; float: left; height: 0.5rem; line-height: 0.5rem; border-radius: 0.4rem; border: 1px solid #999; text-align: center; margin-bottom: 0.2rem}
.subcategory ul li:nth-child(5n){ margin-right: 0px;}
.subcategory ul li a{ font-size: 0.16rem;}
.subcategory ul li:hover,.subcategory ul li.on{ background: #09409a; border: 1px solid #09409a;}
.subcategory ul li:hover a,.subcategory ul li.on a{ color: #fff}
/**/
.banshichu{ margin-top: 0.4rem}
.banshichu ul li{ width: 32%; margin-right: 2%; float: left; border: 1px solid #09409a; padding: 0.1rem; margin-bottom: 0.3rem}
.banshichu ul li:nth-child(3n){ margin-right: 0px;}
.banshichu ul li .tit{ width: 100%;height: 0.5rem;line-height: 0.5rem; background: #09409a;text-align: center;color: #fff; font-size: 0.18rem}
.left-wen{ width: 68%; float: left; margin-top: 0.3rem}
.right-img{ width: 30%; float: right; margin-top: 0.15rem; height: 2.6rem; display: block}
.left-wen p{ font-size: 0.14rem; line-height: 0.24rem;}
.inside-content{ margin-top: 0.4rem}
.nei-dibui{ position: inherit}
/*cebian*/
.menu{ position: fixed; width: 7%; height: 100%;left: 0;top: 0;z-index: 998; border-right: 1px solid rgba(255,255,255,0.2)}
.menu-c{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.menu-c{cursor: pointer;}
.menu span{display: inline-block;width: 2px;height: 30px;background: rgba(255, 255, 255, .9);margin: 0 2px;}
.menu.black0 span{background: #dbe7f6;}
.menu.active {border-right: 1px solid rgb(0 0 0 / 18%);}
.menu.active span {background: #dbe7f6 !important;transition: all .48s;}
.menu.active span:nth-child(1) {transform: rotate(45deg) translate(0px, -8px);}
.menu.active span:nth-child(2) {opacity: 0;}
.menu.active span:nth-child(3) {transform: rotate(-45deg) translate(0px, -8px);}
.menucj{position: fixed;top: 0;padding: 1.2rem 3% 0 10%;left: 0;width: 100%;height: 100%;background: #fff url(../public/home/images/bg3.png) no-repeat right center;
    z-index: 6;transition: clip-path 0.6s, -webkit-clip-path 0.6s;-webkit-clip-path: ellipse(0 0 at 100% 0);clip-path: ellipse(0 0 at 100% 0);pointer-events: none;}
.menucj.active {-webkit-clip-path: ellipse(141% 141% at 100% 0);clip-path: ellipse(141% 141% at 100% 0);pointer-events: auto;}
.page.white{ background: #fff; color:#000; border-bottom: 1px solid #dfdfdf}
.page.white .nave ul li a{ color: #000}
/*.page.white .search{ background: url(../images/sousuo1.png) no-repeat center;background-size: 100%; }*/
.menusea {width: 60%;display: flex;align-items: center;padding-top:0.36rem;border-bottom: 1px solid #ddd;}
.menusea svg {width: 0.25rem;height: 0.25rem;}
/*.menusea input {width: 80%;margin-left: 20px;background: none;font-size:0.18rem;}*/
/*.menusea input::placeholder {color: #999;font-size:0.18rem;}*/
.menusea .icon{ background:url(../images/search1.png) no-repeat left center; background-size: 100%; width: 0.3rem; height:0.3rem;display: block;margin-top: 5px;}
.menusea input{ width: 80%; margin-left: 3%;  display: block; float: left; height: 0.4rem; background: none; border: none;outline:medium; line-height:0.4rem; color:#cccccc;
    font-size: 0.18rem; }
.menusea .souo{ width: 1.1rem; float: right; background: #cccccc;  border-radius:0.2rem; display: block; height: 100%; line-height: 0.3rem; text-align: center; color: #999; font-size: 0.18rem; margin-right: 1%;}
.menunav{ width: 100%; display: inline-block;margin-top: 5%; border-bottom: 1px solid #999}
.menunav ul{ display: flex;}
.menunav ul li{ width: 10%; margin-right: 2%;}
.menunav ul li a.nvaon{ font-size: 0.18rem; font-family: "alibb"; line-height: 0.4rem;}
.menunav ul li dl{ margin: 0px;}
.menunav ul li dl a{ font-size: 0.14rem; line-height:0.4rem;}
.menunav ul li:nth-child(2),.menunav ul li:nth-child(3){ width: 20%}
.menunav ul li:last-child{ margin-right: 0px;}
.menudi{ width: 100%; display: inline-block; margin-top: 0.4rem; display: flex}
.menudi span{ margin-right: 0.5rem; line-height: 0.4rem; font-size: 0.16rem;}
.menudi span i{ width: 0.24rem; color:#09409a; }

.page h1{ position: relative}
.page h1 .limg2{ position: absolute; top: 0px; width: 100%; left: 0px; opacity: 0}
.page h1.white .limg2{ opacity: 1}
.page h1.white .limg1{ opacity: 0}
@media screen and (max-width:1840px) {

    .pro-page .pro-slide{ height: 6rem}
    .advantage-title ul li{ margin-bottom: 0.15rem; padding: 0.15rem 0.2rem;}
    .advantage-title ul li .adv-titel{ padding-bottom: 0.1rem}
    .advantage-title ul li .adv-titel-cont{ font-size: 0.13rem}
    .tel-lian span{ font-size: 0.16rem}
}