@charset "utf-8";
:root{
	--c3:#333;
	--c6:#666;
	--c9:#999;
	--PFM:PingFangSC-Medium;
	--PFR:PingFangSC-Regular;
	--PFS:PingFangSC-Semibold;
	
	--1e:.08rem; 
	--2e:.16rem; 
	--3e:.24rem; 
	--4e:.32rem; 
	--5e:.40rem; 
	--6e:.48rem; 
	--7e:.56rem; 
	--8e:.64rem;
}
*{padding: 0;margin: 0;}
body {font-family: "PingFang SC","PingFang TC","PingFang HK","Microsoft YaHei",'Helvetica Neue', sans-serif;}

.warp__mei{margin: auto; width: 100%; max-width: 7.5rem;}

/*flex集成*/
.flex-start{display: flex; justify-content: start; align-items: center;flex-wrap: wrap;}
.flex-center{display: flex; justify-content: center; align-items: center;}
.flex-around{display: flex; justify-content: space-around; align-items: center;}
.flex-between{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.fdc{flex-direction: column;}
.ellipsis{
	white-space:nowrap;  /*设置不折行*/
	text-overflow:ellipsis;  /*这就是省略号喽*/
	-o-text-overflow:ellipsis;   /*兼容opera*/
	overflow: hidden;   /*将超出的部分设置为隐藏*/
}
/*盒子*/
.box-xs{width:var(--2e); height: var(--2e); display: flex; justify-content: center; align-items: center;}
.box-sm{width:var(--3e); height: var(--3e); display: flex; justify-content: center; align-items: center;}
.box-lg{width:var(--4e); height: var(--4e); display: flex; justify-content: center; align-items: center;}


/*标题和小标题*/
.title__mei{width: 100%;height: 1.5rem; flex-direction: column;}
.title__mei .title_lg{padding-bottom: 0.1rem;line-height: 0.36rem;font-family: var(--PFM); font-weight:500;color: #12141C;font-size: 0.36rem;}
.title__mei .title_xs{line-height: 0.26rem;font-family: var(--PFR); font-weight:400;color: #111111;font-size: 0.26rem;opacity: 0.33;}

/* 动画 */
.navanimation{animation: navanimation 0.4s ease-out;}
.navbounce{animation: navbounce 0.2s ease-out;}
/* .navshow{animation: navanimation 0.4s 0.5s linear;} */

.fxts{position: fixed;left: 0;right: 0;margin: 0 auto;top:1rem;line-height: 0.32rem;display: flex;justify-content: center;align-items: center;text-align: center;z-index: 998 ;width: 100%;background: rgba(0, 0, 0, 0.1);font-size: 0.12rem;color: #FFFFFF;}
.fxts p{font-family: var(--PFR); font-weight: 400; padding: 0.1rem 0.1rem; font-size: .2rem;}

/* 添加的类 */
.addborder{border-bottom-left-radius: 0.3rem;border-bottom-right-radius: 0.3rem;}

/* 遮罩 */
.mask{background-color: #000000;opacity: 0.6;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 98;display: none;}

.nav{position: fixed;left: 0;right: 0;top: 0;z-index: 999; }
.nav-wrapper{margin: 0 auto; padding: 0 0.37rem 0 0.34rem; max-width: 7.5rem; height: 1rem;}
.nav-wrapper .logo{display: block; width: 1.8rem; min-width:initial; height: 0.46rem;}
.nav-wrapper .more{display: block; width: 0.48rem;height: 0.48rem;transition: all 0.4s;}

.nav-sildedown{width: 100%;background-color: #FFFFFF;display: none;border-radius:0.3rem;}
.nav-sildedown ul{padding: 0 0.3rem 0 0.3rem;position: relative;}
.nav-sildedown ul li{font:400 .28rem var(--PFR); width: 100%;height: 0.99rem; color: #111111; border-bottom: 1px solid #F2F2F2;}
.nav-sildedown ul li img{width: 0.36rem;height: 0.36rem;display: block;}

.navcolor{background-color: #FFFFFF !important;}

.nav-btn{width: 60%; height: 1.28rem;padding: 0 0.4rem;margin: 0 auto;background-color: #FFFFFF;}
.nav-floor{height: 0.4rem;width: 100%;background-color: #FFFFFF;border-radius: 0.3rem;}
.nav-btn div{width: 48%;height: 0.56rem;border-radius: 0.2rem;display: flex;justify-content: center;align-items: center;}
.nav-btn div:nth-of-type(1){border: 1px solid #111111;}
.nav-btn div:nth-of-type(2){background-color: #FEEFCC;border: 1px solid #FEEFCC;}
.nav-btn div a{font:500 0.26rem var(--PFM); color: #111111;}

/*banner*/
.banner__mei{
	margin: 1rem auto 0; width: 7.5rem; height: 3rem;
	background-size: 100% 100% !important;z-index: -1;}
.banner__mei p{margin-bottom: .16rem; font:500 .44rem/1 var(--PFM);color: #FFFFFF;text-align: center;}
.banner__mei p:nth-of-type(2){font:400 .26rem/1 var(--PFR); color:rgba(255,255,255,.6);}

/*banner图*/
.downloadContent{background: url(../images/download/downloadbg.jpg) no-repeat;}
.aboutcontent{ background: url(../images/about/about.jpg) no-repeat;}
.symbolContent{background: url(../images/download/downloadbg.jpg) no-repeat;}
.severcontent{background: url(../images/sever/severbg.jpg) no-repeat; }
.schoolcontent{background: url(../images/school/schoolbg.jpg) no-repeat;}

@-webkit-keyframes navanimation {
    0%{
        opacity: 1;
    }
    25%{
        /* transform: scale(10); */
        opacity: 1;
    }
    50%{
        /* transform: scale(30); */
        opacity: 1;
    }
    75%{
        /* transform: scale(50); */
        opacity: 1;
    }
    100% {
        transform: scale(70);
        opacity: 0.95;
    }

}

@-webkit-keyframes navbounce {
    0%{
        opacity: 0;
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}