@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


li,

ol,
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
    vertical-align: top;
    object-fit: cover;
}
input,
select,
button,
textarea {
    border: none;
    border-radius: 0;
    font-family: '';
    font-size: 1.4rem;
}
button{cursor: pointer;outline: none;}
input,
textarea {
    outline: 0;
    -webkit-appearance: none;
}
.fr{float:right;}
.fl{float:left;}
.clearfix:after{content: "";display: table;clear: both;}
a{-webkit-tap-highlight-color:rgba(255,255,255,0);color:#282828;}
*{-webkit-tap-highlight-color:rgba(255,255,255,0);}
/*@font-face {
    font-family: 'FZMWFont';
    src: url('../font/FZMWFont.ttf');
}
@font-face {
    font-family: 'sthupo';
    src: url('../font/sthupo.ttf');
}*/
@font-face {
    font-family: 'AB';
    src: url('../images/1.otf');
}
@font-face {
    font-family: 'ABC';
    src: url('../fonts/alternate-gothic-lt-no1.ttf');
}

html {
    font-size: 62.5%;
    font-family:"寰蒋闆呴粦";
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
    font-size: 1.4rem;
    color: #313233;
    font-family:"寰蒋闆呴粦";
    margin:0 auto;
    background: #fff;
    position: relative;
}
body:before{content: "";display:table;clear: both;}
.wrap{position: relative;margin:0 auto;max-width: 1400px;}
.wrap2{max-width: 1200px;margin: 0 auto;overflow:hidden;}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}
.hide{display: none!important;}
.xs-visible{display: none!important;}
.xs-hidden{}

header>div{    display:flex;justify-content: space-between;align-items:center; z-index: 2;position: relative;} 
header>div>a{flex-grow: 1;}
header>div li{display: inline-block;    padding: 25px 1vh;margin: 0 1vw;font-size: 1.6rem;position: relative;}
header>div ul{flex-grow: 3;}
header>div .ct{flex-grow: 2;display: flex;justify-content: flex-end;align-items: center;}
header>div .ct .phone{font-weight:600;font-size: 1.6rem;margin-right: 5%;background: url(../images/ct.png) no-repeat left center;padding: 5px 10px 5px 25px;}
header>div .ct .appl{cursor:pointer;background: #2e70fa;color: #fff;padding: 10px 0px;border-radius: 6px;display: inline-block;width: 130px;text-align: center;}
header>div li:after{position: absolute;bottom:0;left: 0;width: 0;height:2px;background:#2e70fa;transition: all .3s;content: "";}
header>div li:hover:after,header .nav>li.cur:after{width:100%;}
header>div li:hover>a{color:#2e70fa; }
header>div li.active:after{width:100%;}
header>div li.active>a {color:#2e70fa; }
header>div .nav>div{position:absolute;top: 100%;left: 50%;transform: translateX(-50%);width: max-content;    outline-offset: 0px;
    object-fit: none;
    background-color: #fff;
    border: 0.5px solid rgba(0,0,0,.15);
    border-radius: 16px;
    outline: 3px #121722;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 16px;
    display: none;
    
    overflow: visible;
    box-shadow: 0 4px 10px rgb(0 0 0 / 6%);}
header .nav>div a{display: flex;align-items: center;background: #fff;padding: 5px 20px; border-radius: 16px;/*transition: all .3s;*/}
header .nav>div a:nth-child(n+2){margin-top: 12px;}
header .nav>div a img{margin-right: 10px;}
header .nav>div a div {font-size: 1.2rem;color: #676970;}
header .nav>div a div span{display: block;font-style: 1.4rem;color: #111622;}
header li.nav:hover>div,header .cur:hover>div{display: block;}
header>div>a img,footer .l>img{max-width: 147px;}
header .nav>div a:hover{background: #f0f2fb;}
header .cur>div{position:absolute;top: 100%;left: 50%;transform: translateX(-50%);width: max-content;    outline-offset: 0px;
    object-fit: none;
    background-color: #fff;
    border: 0.5px solid rgba(0,0,0,.15);
    border-radius: 16px;
    outline: 3px #121722;
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding: 16px;
    display: none;

    
    overflow: visible;
    box-shadow: 0 4px 10px rgb(0 0 0 / 6%);
}
header .cur div a{display: block;padding: 5px 10px 5px 10px;filter: grayscale(100%);/*transition: all .3s;*/color: #2e70fa;}
header .cur div a:hover{filter: grayscale(0);}
.s4 .h1>span,.s5 .h1>span{font-size:1.6rem!important;font-weight: normal!important;color:#626366;}
.s4 .h1,.s5 .h1{line-height: initial;}
#swiper1 .swiper-pagination-bullet{width:4px;height:4px;background: #2e70fa; opacity: 1;padding: 3px;position: relative;margin: 0 10px;}
#swiper1 .swiper-pagination-bullet-active{background: transparent;border-color:#2e70fa; }
#swiper1 .swiper-pagination-bullet-active:after{content: "";
    display: table;
    clear: both;
    position: absolute;
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border:1px solid #2e70fa;
    width: 11px;
    height: 11px;
border-radius: 50%;
}
#swiper1 .swiper-pagination-bullets{bottom: 22px;}
#swiper1 .t{
    position: absolute; 
    left:50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #273d8c;
}
#swiper1 .t>h1{font-size: 5.0rem;margin-bottom: 5%  ; }
#swiper1 .t>div{line-height: 1.5;font-size: 2.0rem;}
.btn{display: inline-block;padding: 10px 45px;background: linear-gradient(to right,#53c3f4,#1363fa); color: #fff;border-radius: 5px;margin-top:10%;}
.s1 ul{margin: 5% auto 2%; display:flex;align-items: center;justify-content: space-between;max-width: 1400px;}
.s1 ul li{display: flex;align-items: center;background:#f1f2f7;padding: 40px 0 0 25px;width: 32%;justify-content: space-between;box-shadow: 0px 0px 0px 0px #afdffa;cursor: pointer;}
.s1{color:#313233;}
.s1 ul li:hover{background: #fff;box-shadow:1px 1px 10px 4px #d9ebf5;transition: all .2s;}
.s1 ul li.active{background: #fff;box-shadow:1px 1px 10px 4px #d9ebf5;transition: all .2s;}
.s1 ul li span{font-size: 2.8rem;font-weight: bold;}
.s1 ul li p{font-size: 1.6rem;margin-top: 10px;}
.s1 ul li div{margin-right: 20px;margin-top: -20px;}
.s1 ul li img{height: 125px;}
.h1{font-size: 3.5rem;text-align: center;margin: 5% 0;font-weight: 600;line-height: 1.8;}
.h1>span{font-size: 1.8rem;display: inline-block;font-weight: normal;}
.s2{margin: 2% auto 5%;width: 1400px;}
.s2 .swiper-slide>h1{font-size: 2.8rem;margin-bottom: 2%;}
.s2 .swiper-slide>span{font-size: 2.3rem;color:#1363fa;display: block;}
.s2 .swiper-slide>p{color:#000;max-width: 50%;line-height: 2;margin-top: 2%;}
.s2.swiper-container{overflow: initial;}
.s2 .swiper-slide{background-size:contain;padding:9% 10%;}
.s3{display: flex;justify-content: space-between;}
.s3 li{width: 33%;text-align: center;}
.s3 li:nth-child(n+2){
    border-left: 2px solid;
    border-image: -webkit-linear-gradient(90deg,#f5fbfe,#b2dffa,#f5fbfe) 30 30;
 }
.s3 p{font-size: 2.4rem;color: #273d8c;margin: 5% 0;}
.s4,.s5{padding-top: 3%;}
.s4 ul{display: flex;justify-content: space-between; flex-wrap: wrap;    }
.s4 ul li{width: 15%;display: flex;align-items: center;justify-content: center;padding:10px 15px ;}
/*.s4 ul li:nth-child(6n+1){margin-left: 2%;}*/
.s5 ul{display: flex;flex-wrap: wrap;}
.s5 ul li{width: 30%;padding: 3%;box-shadow: 0px 0px 0px 0px #fff;transition: all .3s; transform: translate(0,0);}
.s5 ul li:nth-child(3n+2){margin-left: 5%;}
.s5 ul li:nth-child(3n){margin-left: 5%;}
.s5 ul li h1{font-size: 1.6rem;margin: 20px 0 10px;}
.s5 ul li .date{font-size: 1.3rem;}
.s5 ul li p{margin: 15px 0 30px;}
.s5 ul li .ic{color: #1363fa;padding-right: 30px;position: relative;}
.s5 ul li .ic:after{position: absolute;content: ">";right:10px;top: 50%;transform: translateY(-50%);transition:all cubic-bezier(0.01, 0.1, 1, 1) .4s; }
.s5 ul li:hover .ic:after{right: 0;}
.s5 ul li:hover{box-shadow:1px 1px 7px 4px #e9f4fa;transform: translate(1px,1px);}
.s5 .all_news{text-align: center;}
.s5 .all_news .btn{margin:3% 0 ;}

footer{padding: 5% 0 0;background: linear-gradient(to right,#f3f2fd,#f9f7ff,#dfebfd,#e8f2fe);margin-top: 5%;color:#7a7a7b;}
footer .wrap{display: flex;justify-content: space-between;align-items: center;color: #494949;}
footer .l>img{margin-bottom: 40px;}
footer .l>p{line-height: 2;}
footer a{color:#7a7a7b;}
footer .l{max-width: 50%;}
footer .l ul{display: flex;justify-content: space-between;text-align: center;margin-top: 30px;}
footer .l ul p{margin-top: 10px;}
footer .r{display: flex;justify-content: space-between;}
footer .r dt{font-size: 1.8rem;margin-bottom: 30px;}
footer .r dl{line-height: 2;}
footer .r{width:30%;}
footer  .copyright{padding: 10px 0;background:rgba(159, 159, 159, 0.1);text-align: center;padding: 15px 0;margin-top: 5%;}
.scroll {position: fixed;/*right: -20%;*/bottom: 30vh;z-index: 99;transition:all cubic-bezier(0.01, 0.1, 1, 1) .4s;right: 30px; }
.scroll div{}
.scroll  a{display:block;width: 40px;height: 40px;padding: 30px;}
.scroll div .lx{position: relative;}

.scroll>a{border-radius: 50%;margin-top: 20px;display: block;}
.scroll div .lx>div{visibility: hidden;position: absolute;width: 120px;padding: 30px;font-size: 1.2rem;line-height: 1.8;
    top: 50%;left:0;transform: translate(-105%,-50%);background: #286bfe;width: 400px;color:#fff;}
.scroll div .lx>div:after{content:"";position: absolute;top:0;border: 19px solid transparent;right: 0;transform: translate(100%,-50%);border-left-color: #286bfe;top: 50%;}
.scroll div .lx>div>img{width: 110px;margin-bottom: 30px;}

.scroll div .lx>div ul{display: flex;margin-top: 20px;text-align: center;}
.scroll div .lx>div ul li{margin-right: 20px;width: 25%;}
.scroll div .lx:hover>div{visibility: visible;left:-10px;transition: all .3s;}
.scroll .phone{position: relative;border-radius:0 0 80% 80% ;}
.scroll .phone img{position: absolute;right: 105%;top: 50%;transform: translateY(-50%);max-width: initial;display: none; }
.scroll .phone:hover p{ visibility: visible;left:-50px;transition: all .3s;}
.scroll div a{border-radius: 80% 80% 0 0;}
.scroll.cur{right: 30px;}
.scroll .phone p{color:#fff;background: #286bfe;padding: 10px;position: absolute;width: 120px;
    top: 50%;left:0;transform: translate(-80%,-50%);white-space: nowrap;text-align: center;visibility: hidden;
}
.scroll .phone p:after{content:"";position: absolute;top:0;border: 19px solid transparent;right: 0;transform: translateX(100%);border-left-color: #286bfe;}


.info1{position: relative;color: #262626;}
.info1>div{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.info1>div h1{font-size:4rem; margin-bottom: 3%;}
.info1>div span{font-size: 2.3rem;}
.info1>div p{margin-top: 2%;max-width: 50%;line-height: 1.8;font-size: 1.6rem;}
.info1>div a{margin-top: 5%;}
.i1 .num{display: flex;justify-content: space-between;}
.i1 .num>div{ font-size: 1.8rem;}
.i1 .num>div span{color: #286bfe;font-size: 3rem;font-weight: 600;}
.i1 .num>div span:first-child{font-size: 5rem;font-weight: 600;color: #286bfe;font-family: "ABC";}
.i1 .num>div span:nth-child(2){margin-right: 10px;display: inline-block;}



.i1 .ps{display: flex;justify-content: space-between;margin: 5% auto;padding: 0 1px;} 
.i1 .ps li{width: 18%;text-align: center;color: #286bfe;position: relative;cursor:pointer;}
.i1 .ps li img{display: block;margin: 0 auto;margin-bottom: 10px;z-index: 10;position: relative;}
.i1 .ps li:after{position: absolute;bottom:-20px;left: 0;width: 100%;content: "";box-shadow:0 0 10px 1px #cdd8ed;height: 60%;border-radius:40px; z-index: -1;transition: all .3s ;}
.i1 .ps li:hover:after,.i1 .ps li.cur:after{background: #286bfe;}
.i1 .ps li:hover,.i1 .ps li.cur{color:#fff;}
.i1 .list{padding:5% ; }
.i1 .list ul{display: flex;border-bottom:2px solid ;border-image: -webkit-linear-gradient(0deg,#d4ebfe,#1c98f7,#d4ebfe) 30 30;}
.i1 .list ul li{width:33%;text-align: center;position: relative;font-size: 1.3rem;cursor: pointer;}
.i1 .list ul li:after{position: absolute;left: 50%;height: 16px;width: 16px;content: "";transform: translateX(-50%);background: #313233;bottom: -9px;border-radius: 50%;border: 1px solid #d7edfe;}
.i1 .list ul li span{transform: translateY(40px);display: block;}
.i1 .list ul li p{background: #fff;padding: 5px 10px;border-radius: 10px;box-shadow:1px 1px 7px 4px #e9f4fa;display: none;align-items: center;font-weight: 600;}
.i1 .list ul li>img{padding: 8px 10px 50px;visibility: hidden;}
.i1 .list ul li p:nth-child(2){position: absolute;top:20%;left: 0;transform: translateX(-25%);}
.i1 .list ul li p:nth-child(3){position: absolute;top:40%;right: 0;transform: translateX(20%);}
.i1 .list ul li p img{vertical-align: middle;margin-right: 10px;}
.i1 .list ul li p>img{width:20px;}
.i1 .list ul li:hover>img,.i1 .list ul li.cur img{visibility: visible;}
.i1 .list ul li:hover span,.i1 .list ul li.cur span{color:#286bfe;}
.i1 .list ul li:hover p,.i1 .list ul li.cur p{display: flex;}
.i1 .list ul li:hover:after ,.i1 .list ul li.cur:after{background: #286bfe;}
.i1 .list>div:nth-child(n+2){display: none;}

.i2 li{display: flex;justify-content: space-between;align-items: center;padding-top: 10%;margin-bottom:2%;}
.i2 li:nth-child(even){flex-direction: row-reverse;}
.i2 li>img{width: 55%;}
.i2 li>div{width: 40%;}
.i2 li>div>h1{font-size: 3.5rem;}
.i2 li .content{margin: 5% 0;line-height: 1.8;}
.info1>div .wrap>h1 span{font-size: inherit!important;}
.info1>div .wrap>h1 p{font-size: inherit!important;}
.btn2{
    display: inline-block;
    padding: 10px 45px;
    color: #286bfe;
    border-radius: 5px;
    margin-top: 10%;
    border: 1px solid #286bfe;
    position: relative;
}


.demo-class .layui-layer-content{display: flex;justify-content:space-between;}
.demo-class .layui-layer-content>div{width:50%;}
.demo-class .layui-layer-content>.form{padding: 3%;}
.demo-class .layui-layer-content>.form img{margin-bottom: 15px;max-width: 120px;}
.demo-class .layui-layer-content>.form div{border: 1px solid #e4e4e4;padding: 7px 15px;border-radius:10px;font-size: 1.3rem;width: 80%;margin: 0 auto 11px;background: url(../images/x.png) no-repeat left 5px center;}
.demo-class .layui-layer-content>.form div.ac{background: none;}
.demo-class .txt{background: url(../images/2-9.png) no-repeat center bottom/cover;padding: 10%;display: flex;flex-direction: column;justify-content: space-between;}
.demo-class .layui-layer-content textarea{display: block;margin-top: 5px;width: 100%;} 
.demo-class .layui-layer-content>.form h1{color: #286bfe;margin-bottom: 15px;font-size: 2.2rem;text-align: center;font-weight: 600;}
.demo-class .layui-layer-content>.form .btn{margin: 5% auto 0;display: block;}
.demo-class .layui-layer-setwin .layui-layer-close2{right:5px;top: 5px;}
.demo-class .txt h1{margin-bottom: 40px;font-size: 2.2rem;text-align: center;font-weight: 600;}
.demo-class .txt ul{display: flex;justify-content: center;text-align: center;flex: 2;}
.demo-class .txt ul li{margin: 0 20px;}
.demo-class .txt ul img{margin-bottom: 10px;display: block;}
.demo-class .txt>a{color:#286bfe;text-decoration: underline;display: block;text-align: center;font-size: 1.6rem;}

video{width: 100%;object-fit: cover;}

.m1.cur div{display: none;}
.m1 div{position: relative;}
.m1 div img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);cursor: pointer;display: block;}
.m1 div.active img{display: none;}
.m1>img,.n>img{width: 100%;}
.dl ul li img{width: 100%;}

.m2{margin: 6% auto;}
.m2>h1{font-weight: 600;margin-bottom: 5%;}
.m2>p{color:#286bfe;font-size: 3.4rem;font-weight: 600;}
.m2>div{margin-top:6%;line-height: 1.6;}
.m3{padding-top:6%;background: url(../images/RABYTE.png) no-repeat right top;}
.m3 ul{display: flex;justify-content: space-between;}
.m3 ul li{width: 18%;text-align: center;cursor: pointer;}
.m3 ul li>img{max-width: 110px;}
.m3 ul li a{color: #282828;}
.m3 ul li a>img{border-radius:50%;}
.m3 ul li h3{font-weight: 600;margin:25px 0 15px;font-size: 1.8rem;}
#swiper1 .swiper-slide img{transform: scale(1.2);}
#swiper1 .swiper-slide-active img{transform: scale(1);transition: all 2s;}
.m3 ul li p{font-size: 1.2rem;display: none;}
.s4 .swiper-container{padding-bottom: 50px;}
.s4 .swiper-slide{height: 90px;display: flex;align-items: center;justify-content: center;}
.img1{position: relative;height: 400px;background-attachment: fixed;}
.img1 img:first-child{max-width:400px;position: absolute;left: 20%;top: 5%;}
.img1 img:nth-child(2){max-width:150px;position: absolute;right: 25%;top: 20%;}
.m3 ul li div{margin:25px auto 10px;width: 18px;height: 15px;overflow: hidden;white-space: nowrap;}
/*@keyframes amt {
    25% {
        margin-top: -4px;
    }
    50%,100% {
        margin-top: 0px;
    }
    75% {
      margin-top: 4px;
    }
}
.img1 img:first-child{ animation:amt 1.3s linear infinite; }*/
.m3 ul li div img:nth-child(2){transform: translateX(-64px);transition:all cubic-bezier(.4,0,.2,1) .3s;}
.m3 ul li div img:nth-child(1){transform: translateX(0);transition:all cubic-bezier(.4,0,.2,1) .3s;}
.m3 ul li:hover div img:nth-child(2){transform: translateX(-14px);}
.m3 ul li:hover div img:nth-child(1){transform: translateX(50px);}
.m3 h1{font-weight: 600;margin-bottom: 5%;}
.m3 ul li:hover p{color:#286bfe;}
.m_detail{display: flex;;flex-direction: column;position:fixed;top: 0;bottom: 0;width: 50%;left: 50%;z-index: 330;background: #fff url(../images/m13.png) no-repeat right top/contain;overflow-y: scroll;padding: 5% 7%;transition: all  .4s;opacity: 1;}
.m_detail img{transform: rotate(0);width: 50px;height: 50px;transition: transform  .7s;cursor: pointer;overflow:hidden;filter: grayscale(100%);}
.m_detail img:hover {transform: rotate(90deg);filter: grayscale(0);}
body.active div:not(.m_detail){filter: blur(2px);}
body.active  .m_detail div{filter: blur(0);}
.m_detail li:nth-child(n+2){display: none;}
.m_detail li>h3{font-weight: 600;font-size: 3rem;margin-bottom: 20px;}
.m_detail li>div{margin-top: 45px;}
.m_detail ul{margin-top: 40px;}
.m_detail li>span{font-size: 1.9rem;}
.m_detail.cur{left: 100%;opacity: 0.2;}

.m_detail::-webkit-scrollbar {

width: 5px;

height: 10px;

background-color: #fff;

border-radius: 5px;

}

.m_detail::-webkit-scrollbar-thumb {

background-color: #aaa;

border-radius: 5px;

}

/*.m5 .swiper-slide img{opacity: 0;}
.m5 .swiper-slide-active img{opacity: 1;}*/
.m4{margin:6% 0;background: url(../images/m11.png) no-repeat left 50% bottom -189px;padding-bottom: 60px;}
.m4  h1,.m6 h1{font-weight: 600;margin-bottom: 5%;}
.m4 .swiper-slide{text-align: center;}
.m4  .swiper-slide-active{color: #286bfe;}
.m4 .swiper-slide:after{content: "";width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);background: #fff;border:10px solid #cccccc;}
.m4 .swiper-slide-active:after{border-color: #286bfe;}
.m4 .swiper-slide p{color:#ccc;font-family:"AB";font-size: 6rem;text-align: center;display: flex;flex-direction: column;}
.m4 .swiper-slide-active p{color:#286bfe;}
.m4 .swiper-slide span{width: 70%;position:relative;padding:13px 10px 13px 10px;background: #fff;color:#000;box-shadow:1px 1px 7px 4px #e9f4fa;display: inline-block;margin: 70px auto 0;border-radius: 25px;transform: translateY(10px);white-space: nowrap;}
.m4 .swiper-slide span output{position: relative;}
.m4 .swiper-slide span output:after{position: absolute;content: "";width: 6px;height: 6px;left: -15px;top:50%;transform: translateY(-50%);background: #286bfe;border-radius: 50%;}
.m4 .swiper-button-next{background-image:url(../images/right.png);height: 60px;width: 60px;    background-size: 60px 60px;right: -25px;}
.m4 .swiper-button-prev{background-image:url(../images/left.png);height: 60px;width: 60px;    background-size: 60px 60px;left: -25px}
.m4 .wrap2{position: relative;overflow:visible;}
.m4 .swiper-button-next,.m4  .swiper-button-prev{top:initial;bottom:50px;}
.m4 .swiper-container{padding-bottom: 20px;}
.m4 .swiper-button-next.swiper-button-disabled,.m4 .swiper-button-prev.swiper-button-disabled{filter: grayscale(100%);}

.m5{margin-bottom: 6%;text-align: center;}
.j_list{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 2px;}
.j_list li{width:45%;padding: 2% 4%;box-shadow: 0 0 5px 0px #cbd7fa;margin-bottom:30px;border-radius: 10px;}
.j_list li .int{border-bottom: 1px solid #f0f1f5;display: flex;justify-content: space-between;align-items: center;padding-bottom: 5px;}
.j_list li .int span{padding: 5px 10px; background:#286bfe;color:#fff;font-size: 1.3rem;}
.j_list li>a>h3{margin: 15px 0;font-weight: 600;}
.j_list li .txx{font-size: 1.3rem;}
.j_detail .h1{font-weight: 600;text-align: left;margin-bottom:5%;}

.j_detail{display: flex;justify-content: space-between;margin-top:5%;}
.j_detail .l{width: 40%}
.j_detail .r{width: 50%;}
.j_detail .l .j_list{display: block;}
.j_detail .l .j_list li{width: 100%;padding:  5% 6%;}
.j_detail .r .txt{margin-top:30px;}
.j_detail .r>span{display: block;padding-bottom: 20px;border-bottom: 1px solid #f0f1f5;}
.j_detail .btn{background: #286bfe;}
.j_detail .r>a:last-child{display: block;margin-top: 20px;color: #286bfe;}

.news .s5 ul li{width: 30%;margin-bottom: 4%;}
.news .s5 ul {padding-right: 3px;flex-wrap: wrap;}
.n{position: relative;}
.n>div{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;}
.n>div h1{margin-bottom: 20px;font-size: 4.3rem;}
.n>div p{font-size: 1.8rem;}
.news .btn2{border-radius: 20px;overflow: hidden;padding-right: 33px;margin-top:5%;box-sizing: border-box;}
.news .btn2 svg{margin-left: 12px;}



.dl>h1{margin-top: 10%;}
.dl ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.dl ul li{margin-bottom: 3%;width: 45%;position: relative;}
.dl ul li div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;}
.dl ul li div span{font-size: 2.0rem;font-weight: 600;display: block;}
.dl ul li div p{display: inline-block;padding: 10px 40px;background: #286bfe;color: #fff;border-radius: 20px;margin-top: 20px;}

.demo-class2 .layui-layer-setwin .layui-layer-close2{right: 5px;
    top: 5px;}
body.active div.demo-class2{filter: blur(0px);}
body.active div.demo-class{filter: blur(0px);}
body.active .demo-class2 .layui-layer-content{filter: blur(0px);}
body.active .demo-class2 .layui-layer-content div{filter: blur(0px);}
body.active .demo-class .layui-layer-content{filter: blur(0px);}
body.active .demo-class .layui-layer-content div{filter: blur(0px);}
body.active .layui-layer-move+.layui-layer-msg{filter: blur(0px);}
body.active .layui-layer-move+.layui-layer-msg+div{filter: blur(0px);}
body.active .layui-layer-move+.layui-layer-msg div{filter: blur(0px);}
body.active .layui-layer-content{filter: blur(0px)!important;}
body.active .layui-layer-content div{filter: blur(0px)!important;}
.demo-class2 h1{font-size: 2.4rem;padding-top: 30px;}
body.active>div{filter: blur(0px)!important;}
.demo-class2 .layui-layer-content{background:url(../images/bg_news.png) left 0 top -3px/cover ;overflow: hidden;border-radius: 20px;}
.demo-class2 .layui-layer-content>.form div{border: 1px solid #e4e4e4;padding: 7px 15px;border-radius:10px;font-size: 1.3rem;width: 80%;margin: 0 auto 11px;background:#fff url(../images/x.png) no-repeat left 5px center;}
.demo-class2 button{width: 100%;border-radius: 0;background: #286bfe;padding: 20px 0;border-radius: 0 0 20px 20px ;}
.demo-class2{border-radius: 20px!important;}

.nd .h1,.n_detail .h1{text-align: left;padding-top: 2%;}
.n_detail .h1{margin-bottom:2%; }
.n_detail>span{display: block;}
.n_detail .pic{
    text-align: center;
    margin:30px 0;

}

.n_detail .content{line-height: 1.6;margin-bottom: 30px;}
.n_detail .content img{margin: 15px auto;display: block;}
.n_detail>a{color: #286bfe;}

.inf img{/*filter: grayscale(100%) brightness(300%);*/display: block;margin: 0 auto 10px;height: 28px;}
.inf{display: flex;justify-content: space-between;margin-top: 5%;box-shadow:1px 1px 7px 4px #e9f4fa;border-radius:44px;}
.inf li{width: 20%;text-align: center;font-weight: 600;border-radius:44px;padding: 10px;}
.inf li a{display: block;}
.inf li.active a{color: #fff;}
 .inf li.active{background: #286bfe;}
 .inf li.active img{filter: grayscale(100%) brightness(400%);}

.info2 {margin-top: 5%;padding: 13% 0;background-repeat: no-repeat;background-position: right 10% bottom 0;background-size:contain; }
.demo-class .layui-layer-content{border-radius: 20px;  overflow: hidden;}
/* icomoon */
.icon-daimabiji-home-outline:before {
    content: "\e5000";
}

.icon-daimabiji-arrow-forward-outline:before {
    content: "\e5001";
}
/* Required styles; changing these may break the menu */

.slinky-menu {
    overflow: hidden;
    transform: translateZ(0);
    transition: all 300ms ease;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 300ms ease;
    padding-top: 75px;
}

.slinky-menu > ul {
    left: 0;
    position: relative;
    transform: translateZ(0);
    transition: all 300ms ease;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 300ms ease;
}

.slinky-menu ul,
.slinky-menu li {
    list-style: none;
    margin: 0;
}

.slinky-menu ul {
    width: 100%;
}

.slinky-menu a {
    display: block;
}

.slinky-menu li ul {
    display: none;
    left: 100%;
    position: absolute;
    top: 0;
}

.slinky-menu .header {
    position: relative;
}

.slinky-menu h2 ~ a.back {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
}

.slinky-menu h2 {
    font-size: 1em;
    margin: 0;
    text-align: center;
}
.s5 ul>li>a>p{
line-height: 1.5;font-size: 1.3rem;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}


/* Default theme */

.slinky-menu .header {
    background: #AAA;
}

.slinky-menu h2 {
    color: #FFF;
    padding: 1em;
}

.slinky-menu a {
    background: #AAA;
    border: none;
    color: #FFF;
    padding: 1em 2em;
}

.slinky-menu a:hover {
    background: #000;
}

.slinky-menu a.next:after {
    content: '\276f';
    margin-left: 1em;
    float: right;
}

.slinky-menu a.back:before {
    content: '\276e';
    margin-right: 1em;
    float: left;
    margin-top: -2px;
}

/****************phone*************/
#site-navigation {
    margin-left: auto;
    position: fixed;
    top:19px;
    right:3%;
    z-index: 202;
}
.low{display: none;}
#site-navigation .menu-toggle {
    cursor: pointer;
    width: 25px;
    z-index: 120;
    position: relative;
}

#site-navigation .menu-toggle span {
    transition: all 300ms ease-in-out;
    width: 20px;
    height: 2px;
    display: block;
    margin-bottom: 5px;
    background:#282828;
}

#site-navigation .menu-toggle div {
    font-weight: bold;
    font-size: 14px;
    color: #282828;
    margin-top: 10px;
}
.m #site-navigation .menu-toggle span{background: #282828;}
.m #site-navigation .menu-toggle div{color: #282828;}
#site-navigation .menu-toggle.active span:first-of-type {
    transform: translate(0, 7px) rotate(45deg);
}

#site-navigation .menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

#site-navigation .menu-toggle.active span:last-of-type {
    transform: translate(0, -7px) rotate(-45deg);
}

#site-navigation .menu-main_menu-container {
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
    position: fixed;
    background: #c2da68;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    transform: scale(0.9);
}

#site-navigation .menu-main_menu-container.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

#site-navigation .menu-main_menu-container ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

#site-navigation .menu-main_menu-container ul li {
    width: 100%;
    display: block;
    text-align: center;
}

#site-navigation .menu-main_menu-container ul li a {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    color: #30163c;
    font-weight: 300;
    font-size: 30px;
    line-height: 60px;
    text-transform: uppercase;
}

#site-navigation .menu-main_menu-container ul li a:hover {
    color: #eb2961;
    text-decoration: none;
    font-weight: 900;
}
#site-navigation .menu-main_menu-container ul li div a{display: block;font-size: 2.1rem;line-height: 50px;}



/***************************/
input[type=checkbox]{
    -webkit-appearance:checkbox; 
}
input[type=radio]{
    -webkit-appearance:radio; 
}
.m{position: fixed;width: 100%;height:100%;z-index:100;padding-top:53px;background:#fff;top:0;left: 100%;transition: all .6s cubic-bezier(.19,1,.22,1);    overflow: hidden;
    overflow-y: scroll;-webkit-overflow-scrolling: touch;padding-bottom:5vh;}
.m.act{left: 0;}
.m .title{margin:35px 20% 15px;display: flex;justify-content: space-between;position: relative;}
.m .title span{width: 45%;text-align: center;padding:10px 0;font-size: 1.6rem;border-bottom: 1px solid transparent;color:#a4a2a2;}
.m .title:after{position: absolute;left:50%;width: 1px;height: 40%;top:50%;transform: translate(-50%,-50%);content: "";background: #282828;;}
.m .title span.cur{border-bottom-color: #282828;color:#282828;}
.m .list{margin:50px 10% 0;font-size: 1.4rem;}
.m .list>ul>li{line-height: 3;color:#fff;}
.m .list>ul>li.dp{background:url(../images/jia.png) no-repeat right 15px top 13px;background-size:15px 15px;}
.m .list>ul>li.open{background-image:url(../images/jian.png);}
.m .list>ul>li a{color: #282828;display: inline-block;}
.m .list>ul>li:last-child>a{
    
}
.m .list>ul>li li{font-size: 1.2rem;line-height: 2.2;}
.m .list>ul>li li a{color:#a4a2a2}
.m .list>ul ul{margin-bottom: 15px;display: none;}

.yd {position: relative;width: 100%;overflow:hidden;height: 1100%;}
.yd a{position:absolute;right: 5%;top:50%;transform: translateY(-50%);}
.yd video{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}
.h1 *{font-size: inherit!important;font-weight: inherit!important;}

.yd a:hover span{margin-right: 20px;}
.yd span{vertical-align: middle;font-size: 1.6rem;margin-right: 10px;transition: all .3s;}
.yd img{vertical-align: middle;width: 35px;}
.demo-class .layui-layer-content>.form div{position: relative;}
.demo-class .layui-layer-content>.form div input+img{position: absolute;right: 5px;top: 0;width: 80px;height: 100%;}
.demo-class2 .layui-layer-content>.form div{position: relative;}
.demo-class2 .layui-layer-content>.form div input+img{position: absolute;right: 5px;top: 0;width: 80px;height: 100%;}

header>div .ct .appl+a{ }
 @media screen and (max-width: 1400px){
    .s2{width: 1000px;}
    .wrap{max-width: 1000px;}
    .s1 ul{max-width: 1000px;}
    .wrap2{max-width:900px;}
    .m3{background-size: 60%;}
     .s1>ul li div{white-space: nowrap;max-width: 28%;}
    .s1>ul li span{font-size: 2.4rem;}
    .s1>ul li{padding-top:20px; }
    .s1>ul li img{height: 100px;}
    .h1,.i2 li>div>h1{font-size:2.8rem;}

    .info1>div h1{font-size: 3.4rem;}
    .info1>div span{font-size: 1.8rem;}
    .i1 .list ul li p:nth-child(3){transform: translateX(37%);}
    .i1 .list ul li p:nth-child(2){transform: translateX(-35%);}
}
 @media screen and (max-width: 768px){
    .m2>p{color:#286bfe;font-size: 2.4rem;}
    .s1{padding: 0 10px;}
    .s2{max-width: 100%;padding: 0 10px;}
     .xs-hidden{display:none!important;}
    
    .xs-visible{display:block!important;}
    .wrap{padding:10px 15px;}
    .wrap2{max-width: 100%;padding:10px 15px;}
    header{position: fixed;top:0;left: 0;width: 100%;z-index: 202;background: #fff;}
    header+div{margin-top: 54px;}
    header>div>a{flex-grow:0;}
  /*  header{padding: 10px 15px;}*/
    header>div>a img{max-width: 120px;}
    #swiper1 .swiper-slide img{/*height: 300px;*/}
    #swiper1 .t{width: 90%;}
    #swiper1 .t>h1{font-size: 2.6rem;}
    #swiper1 .t>div{font-size: 1.5rem;}

    #swiper1 .swiper-pagination-bullets{bottom: 15px;}
    .h1{font-size: 1.8rem;margin: 5vh 0;}
    /*.s1>ul{display: block;}*/

    .s1 ul li span{font-size: 2.6rem;}
    .s1 ul li p{white-space: nowrap;}
    .s1 ul li img{height: 100px;}
    .s1 ul li{padding: 25px 0 0 21px;}
    .s1>ul li{display: block;padding: 5px 0 0 0px;position: relative;width: 32%;}
    .s1>ul li div{margin-right: 0;padding: 5px;position: relative;z-index: 10;margin-top: 0;}
    .s1>ul li img{height: 65%;right: 0;bottom: 0;position: absolute;}
    .s2 .swiper-slide>h1{font-size: 2.0rem;margin-bottom: 15px;}
    .s2 .swiper-slide{}
    .s2 .swiper-slide>p{max-width: 100%;margin-top: 13px;}
    .s2 .swiper-slide>span{font-size: 1.6rem;}
    .s3{display: block;}
    .s3 li{width: 100%;margin-bottom: 25px;}
    .scroll{transform: scale(0.8);}
    .s3 p{font-size: 1.6rem;}
    .s4 ul li{width: 31%;padding: 10px;}
    .s5 ul{flex-wrap: nowrap;}
 
    .s5 ul li img{max-width: 85%;display: block;margin: 0 auto;}
    .s5 ul li{width: 47%;padding: 1%;margin-bottom: 40px;}
    .s5 ul li h1,.news .s5 ul li h1{font-size: 1.4rem;}
       .news .s5 ul{flex-wrap: wrap;}
    .news .s5 ul li {
    width: 100%;margin-bottom: 40px;}
    .s5 ul li p,.news .s5 ul li p{font-size: 1.2rem;margin: 10px 0 20px;}
    footer .wrap{flex-direction: column-reverse;font-size: 1.2rem;}
    footer .l{width: 100%;max-width: 100%;}
    footer .r{width: 100%;margin-bottom: 40px;}
    footer .r dt{font-size: 1.6rem;margin-bottom: 10px;}
    footer .l>img{width: 120px;margin-bottom: 20px;}
    footer .l ul{margin-top: 15px;}
    footer .l ul li{width: 25%;}
    footer  .copyright{padding: 10px;font-size: 1.2rem;}
    .n_detail .h1{margin-top: 55px;margin-bottom: 20px;}
    .n_detail .content img{    margin: 20px auto;}
    .n_detail .content{font-size: 1.2rem;line-height: 1.8;}
    .s5 ul li:hover{box-shadow: none;
    transform: none;}
    .info1>img{height: 300px;}
    .info1>div h1{font-size: 2.3rem;    }
    .info2 .btn{margin-top: 0;}
    .btn{padding: 8px 23px;}
    .info1{text-align: center;}
    .info2{text-align: center;padding: 0 0 400px ;}
    .info1>div p{line-height: 1.6;font-size: 1.4rem;}
    .info2>div{top:15%;}
    .inf img{height: 25px;}
    .demo-class .layui-layer-content>.form img{max-width: 100px;}
    .info2>div h1{font-size: 1.9rem;}
    .info1>div p{margin-top: 15px;max-width: 100%;}
    .i1 .num>div span:first-child{font-size: 3rem;}
    .i1 .num>div span{font-size:1.6rem;}
    .i1 .num>div{font-size: 1.2rem;white-space: nowrap;width: initial;}
    .i1 .num>div span:nth-child(2){margin-right: 0px;}
    .img1 img:first-child{max-width: 200px;left:calc(50% - 100px);}
    .img1 img:nth-child(2){max-width: 100px; right: calc(50% - 50px);bottom: 5%; top: initial; }
   
 /*   .i1 .ps li{width: 30%;margin-bottom: 30px;}
    .i1 .ps li:after{height: 30%;}*/
     .i1 .ps {overflow-x: auto;flex-wrap: nowrap;}
        .i1 .ps li{flex: none;width: 47%;padding: 0 3px 10px;}
        .i1 .ps li:after{bottom: 5px;border-radius: 30px;height: 45%;}
        .i1 .ps li:nth-child(n+2){margin-left: 15px;}
       .i1 .list ul li.cur p img{width: 15px;margin-right: 5px;}
   
    .i1 .list{padding: 0;}
    .i1{padding-bottom: 40px;}
    .i1 .list ul li img{max-width: 70px;}
    .i1 .list ul li>img{transform: translateY(-20px);}
    .i1 .list ul li p{white-space: nowrap;font-size: 1.2rem;}
    .i1 .list ul li{flex:initial;padding-top: 50px;}
    .i1 .list ul li span{transform: translateY(30px);}
    .i2 li{display: block;margin-bottom: 20px;}
    .i2 li img,.i2 li>div{width: 90%!important;margin:10px auto;display: block;}
    .i2 li>div>h1{font-size: 2rem;}
    .btn2{margin-top: 5%;}
    .inf{flex-wrap: nowrap;overflow-x: auto;box-shadow:none;}
    .inf li{width: 30%;flex: none;}
    .scroll{right:10px;}
    .j_detail{flex-direction: column-reverse;flex-wrap: wrap;}
    .j_detail .r{width: 100%;}
    .j_detail .l{width: 100%;}
    .m_detail li>div {font-size: 1.6rem;}
    .demo-class .txt{display: none;}
    .m2>h1{font-size: 2rem;}
    .demo-class .layui-layer-content>.form{width: 100%;padding: 5%;}
    .demo-class .layui-layer-content>.form div{width: 100%;padding: 7px 15px;margin-bottom: 6px;}
    .demo-class .layui-layer-content>.form h1{font-size: 1.8rem;}
    input, select, button, textarea{font-size: 1.3rem;}
    .m4  h1, .m6 h1,.m3>h1{font-size: 2rem;}
    .m4 .swiper-slide p{font-size: 4rem;}
    .m3>ul li h3{margin: 10px 0;}
    .m3>ul li span{font-size: 1.2rem;display: inline-block;height: 60px;}
    .m3>ul li div{margin-top:0;}
    .m4 .swiper-button-prev,.m4 .swiper-button-next{    height: 30px;
    width: 30px;    background-size: 30px 30px;}
    .m4 .swiper-button-next{right: 3px;}
    .m4 .swiper-button-prev{left: 3px;}
    .m4{padding-bottom: 68px;margin-bottom: 0px;padding-top: 40px;}
    .m4 .swiper-slide span{/*display: -webkit-box;
            -webkit-line-clamp: 2;
             -webkit-box-orient: vertical;
             overflow: hidden;height: 45px; */   padding: 5px 10px 5px 15px;margin-top: 50px;width: 70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} 
    .m4 .swiper-slide span:after{left: 9px;top: 15px;}
    footer {padding-bottom: 75px;}
    .j_list{display: block;}    
    .j_list li{width: 100%;}
    .j_list li>a>h3{margin: 10px 0;}
    .n>img{height: 300px;}
    .m_detail{width: 100%;left:0;}
    .m_detail img{width: 30px;height: 30px;}
    .m_detail li>h3{font-size: 2.4rem;}
    .m_detail li>div{margin-top: 20px;line-height: 1.8;}
    .dl ul{}
    .dl ul li{width: 100%;}
    .dl ul li div span{font-size: 1.5rem;}
    .dl ul li div{width: 100%;}
    .dl ul li div p{    padding:5px 15px;margin-top: 10px;font-size: 1.2rem;}
     .s5 ul li:nth-child(3n+2),.s5 ul li:nth-child(3n){margin-left: 0;}
     .n>div h1{font-size: 3.0rem;}
     .m1 div img{width: 40px;}
     .m .list{font-size: 1.5rem;}
     .news .btn2:hover:after {display: none;}
     .news .btn2:hover {    color: #286bfe;}
     .btn,.btn2{font-size: 1.3rem;}
     .s2 .swiper-slide>p{font-size: 1.3rem;line-height: 1.6;}
     .s3 li>img:first-child{height: 30px;}
     body .layui-layer-setwin .layui-layer-close2{background: url(../images/delete.png) no-repeat;background-position:0 0;background-size: 30px 30px;}
    .m3>ul{overflow-x: auto;}
    .m3>ul li{flex: none;width: 28%;}
    .m3>ul li:nth-child(n+2){margin-left: 10px;}
    .s3 li:nth-child(n+2){border:none;}
    .news .btn2{ }
    .n{text-align: center;}
    .m4 .swiper-slide span{white-space:normal;}
    .m4{background-position:  left 50% bottom -170px;}
    .m3 ul li{width: 100%;}
    #x1{padding: 0 5px;}
    .low{font-size:1.2rem;position: fixed;bottom: 0;z-index:10;left: 0;width: 100%;padding: 10px;background: #fff;display: flex;align-items: center;justify-content: space-around;color: #2c2c2c;}
    .low img{display: block;margin: 0 auto 5px;}
    .low .btn{margin-top: 0;background: #286bfe;padding: 10px 45px;}
    .i1 .list ul li p:nth-child(2) {
    transform: translateX(-14%);    top: 58%;
    }
    .i1 .list ul li p:nth-child(3) {
    transform: translateX(35%);    top: 75%;
    }
    header>div .ct .appl+a{margin-right: 35px;}

}

 @media screen and (min-width: 768px){
   .btn2:after{position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0;transition: width cubic-bezier(0.445, 0.05, 0.55, 0.95) .3s;background: #286bfe;z-index: -1;}
    .btn2:hover:after{width: 100%;}
    .btn2:hover{color:#fff;}
    .s1>ul li:hover span{color:#286bfe;transition: all .3s;}
    .inf li:hover a{color: #fff;}
    .inf li:hover{background: #286bfe;}
    .inf li:hover img{filter: grayscale(100%) brightness(400%);}

 }
 @media screen and (min-width: 1400px){

    .i1 .list ul li p:nth-child(2) {
        transform: translateX(-12%);
    }
    .i1 .list ul li p:nth-child(3) {
        transform: translateX(10%);
    }
    .m4{height: 520px;
    margin: 6% 0 -100px;
    background: url(../images/m11.png) no-repeat left 50% bottom -20px;
     padding-bottom: 0px;}

 }
 @media screen and (min-width: 1950px){
    .wrap{max-width: 1920px; }
    .wrap2{max-width: 1600px;}
    #swiper1 .swiper-slide img{width: 100%;}
    .info1>img{width: 100%;}
    .img1{height: 500px;}
    .img1 img:first-child{top: 17%;}
    .img1 img:nth-child(2){top: 25%;}
 }