@charset "utf-8";

body{width:100%;height:100%;margin:0;padding:0;background:#333;text-shadow:0 0.05rem 0 #fff;overflow:hidden;}

.os-header{margin:0 auto;padding:0;position:fixed;top:2.5%;left:0;width:100%;height:auto;z-index:8;overflow:hidden;}
.os-header>li{list-style:none outside;height:1rem;line-height:1rem;color:#666;text-shadow:0 0.05rem 0 #000;font-size:0.7rem;}
.os-header>li>a:visited{color:#666;text-decoration:none;}
.os-header>li>a:link{color:#666;text-decoration:none;}
.os-header>li>a:hover{color:#555;text-decoration:none;}

.main-arrow{position:fixed;bottom:10%;right:2.5%;width:2rem;height:3.3rem;z-index:1;overflow:hidden;}
.main-arrow>li{list-style:none outside;margin:auto auto auto -0.7rem;position:absolute;left:50%;width:1.4rem;height:0.4rem;opacity:0;transform:scale3d(0.5, 0.5, 0.5);animation:Mv_arrow 3s ease-out infinite;z-index:2;}
.main-arrow>li:first-child{animation:Mv_arrow 3s ease-out 1s infinite;}
.main-arrow>li:nth-child(2){animation:Mv_arrow 3s ease-out 2s infinite;}
.main-arrow>li:before,.main-arrow>li:after{content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff;}
.main-arrow>li:before{left:0;transform:skew(0deg, 30deg);}
.main-arrow>li:after{right:0;width:50%;transform:skew(0deg,-30deg);}
/*
a.main-arrow-btn{position:fixed;bottom:6rem;right:2rem;display:block;width:2rem;height:3.3rem;background:#ff0;cursor:pointer;z-index:3;outline:none;text-decoration:none;}
a.main-arrow-btn:active ~ ul.os-boot{display:none;}
a.main-arrow-btn:active ~ ul.os-mainbox{display:block;}
*/
label.main-arrow-btn{position:fixed;bottom:10%;right:2.5%;display:block;width:2rem;height:3.3rem;background:none;cursor:pointer;z-index:3;outline:none;text-decoration:none;}
input#main-arrow-btn{margin:0;padding:0;width:0;height:0;display:none;overflow:hidden;}
input#main-arrow-btn:checked ~ ul.main-arrow{transform:rotate(180deg);}
input#main-arrow-btn:checked ~ ul.os-boot{display:none;}
input#main-arrow-btn:checked ~ ul.os-mainbox{display:block;}

.os-boot{margin:0 auto;padding:0;position:relative;width:100%;height:100%;overflow:hidden;}
.os-boot>li{list-style:none outside;width:100%;height:100%;position:relative;animation:Mv_all 1.5s  ease-in-out 2s infinite;overflow:hidden;}
.os-boot>li>span{display:block;position:absolute;top:50%;left:50%;width:4rem;height:4rem;margin:-2rem auto auto -2rem;border-radius:50%;box-shadow:0 0 1rem #000,0 0 1rem rgba(0,0,0,0.5) inset;overflow:hidden;}
.os-boot>li>span:first-of-type{margin:-2.5rem auto auto -2.5rem;width:5rem;height:5rem;background-color:rgba(255,255,255,0);z-index:5;animation:Mv 1s ease-in-out 0s 1 alternate forwards;}
.os-boot>li>span:nth-of-type(2){background-color:rgba(0,153,255,0);z-index:1;animation:Mv_tl 0.5s  ease-in-out 0.8s 1 alternate forwards,Mv_bg 1.5s linear infinite;}
.os-boot>li>span:nth-of-type(3){background-color:rgba(255,153,0,0);z-index:2;animation:Mv_tr 0.5s  ease-in-out 0.8s 1 alternate forwards,Mv_bg 1.5s linear infinite;}
.os-boot>li>span:nth-of-type(4){background-color:rgba(255,51,102,0);z-index:4;animation:Mv_bl 0.5s  ease-in-out 0.8s 1 alternate forwards,Mv_bg 1.5s linear infinite;}
.os-boot>li>span:nth-of-type(5){background-color:rgba(0,153,0,0);z-index:3;animation:Mv_br 0.5s  ease-in-out 0.8s 1 alternate forwards,Mv_bg 1.5s linear infinite;}
.os-boot>i{position:fixed;left:50%;top:50%;display:block;font-style:normal;z-index:6;color:#333;text-shadow:none;animation:Mv_tm 0.5s ease-in-out 1.5s 1 alternate forwards;z-index:5;overflow:hidden;}
.os-boot>i:first-of-type{margin:-5.8rem auto auto 4.8rem;width:1rem;height:1rem;line-height:1rem;transform:scale(0.9);font-size:0.6rem;}
.os-boot>i:last-of-type{margin:6.5rem auto auto -3.75rem;width:7.5rem;height:1.6rem;line-height:1.6rem;font-family:"Microsoft YaHei";font-size:1rem;overflow:hidden;}
.os-boot>i:last-of-type>span{margin:-0.5rem auto auto -0.5rem;position:absolute;width:1rem;height:1rem;display:block;left:50%;top:50%;transform:skewX(-25deg);animation:Mv_rolled 3.5s 2s ease both infinite;z-index:6;overflow:hidden;}
.os-boot>i:last-of-type>span{background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);}
.os-boot>i:last-of-type:hover>span{animation-play-state:paused;}

/*
.os-mainbox{margin:0 auto;padding:1.5%;position:relative;width:85%;height:80%;display:none;background:rgba(225,225,225,0.85);border-radius:0.25rem;box-shadow:0 0 1rem #000,0 0 1rem rgba(0,0,0,0.5) inset;transform:translateY(10%);}
*/
.os-mainbox{margin:0 auto;padding:0;position:relative;width:85%;height:80%;display:none;transform:translateY(10%);}

.os-mainbox>span{margin:-2.4%;padding:0;position:absolute;display:block;width:5%;height:5%;border:0.25rem solid #444;cursor:pointer;transition:0.3s ease-in-out;z-index:1;overflow:hidden;}
.os-mainbox>span:first-of-type{top:-1%;left:-1.06%;border-right:0;border-bottom:0;}
.os-mainbox>span:nth-of-type(2){top:-1%;right:-1.06%;border-left:0;border-bottom:0;}
.os-mainbox>span:nth-of-type(3){bottom:-1%;left:-1.06%;border-right:0;border-top:0;}
.os-mainbox>span:last-of-type{bottom:-1%;right:-1.06%;border-left:0;border-top:0;}
.os-mainbox>span:hover{border-color:#555;transform:scale(1.1);}
.os-mainbox>li{list-style:none outside;width:100%;height:100%;overflow:hidden;}
.os-mainbox>li>ul{display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:stretch;width:100%;height:100%;overflow:hidden;overflow-y:auto;}
.os-mainbox>li>ul>li{margin:0 0.8% 0 0.8%;padding:2rem 0 0 0;list-style:none outside;flex:0 1 auto;align-items:stretch;height:100%;overflow:hidden;}
.os-mainbox>li>ul>li:first-of-type{width:80%;margin:0 1% 0 0;}
.os-mainbox>li>ul>li:last-of-type{width:20%;margin:0 0 0 1%;}
.os-mainbox>li>ul>li>ul{height:100%;font-size:0;}
.os-mainbox>li>ul>li>ul>li{padding:3%;list-style:none outside;width:100%;height:100%;color:#333;}
.os-mainbox>li>ul>li:first-of-type>ul>li:first-of-type{margin-top:-1.85rem;padding:0 0.6rem 0 0.6rem;height:2rem;line-height:1.9rem;background:rgba(255,255,255,0.8);border-radius:0.25rem;font-size:0.7rem;text-align:left;overflow:hidden;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type{margin-top:-0.25rem;width:100%;height:100%;background:#fff;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul{display:flex;flex-flow:row nowrap;justify-content:space-between;align-content:stretch;width:100%;height:100%;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li{border-right:0.05rem solid #e3e3e3;list-style:none;width:100%;height:100%;flex:0 1 auto;align-items:stretch;font-size:0;transition:0.3s ease-in-out;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:first-of-type{margin-left:0;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:last-of-type{margin-right:0;border-right:0;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:hover{box-shadow:0 0 1rem #bbb;transform:scale(1.05);}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li>p{font-size:0.7rem;background:#f3f3f3;overflow:hidden;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li>p:first-of-type{height:82%;transform:none;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:hover>p:first-of-type{transform:none;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(1)>p:first-of-type{background:#fff url(../images/os-i1.png) center center no-repeat;background-size:auto auto;transform:none;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(2)>p:first-of-type{background:#fff url(../images/os-i2.png) center center no-repeat;background-size:auto auto;transform:none;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(3)>p:first-of-type{background:#fff url(../images/os-i3.png) center center no-repeat;background-size:auto auto;transform:none;}

@media screen and (max-width:1366px){
	.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(1)>p:first-of-type{background-size:100% auto;}
	.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(2)>p:first-of-type{background-size:100% auto;}
	.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li:nth-of-type(3)>p:first-of-type{background-size:100% auto;}
}

.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li>p:nth-of-type(2){padding:6% 0 2% 0;height:11%;font-size:0.9rem;color:#666;}
.os-mainbox>li>ul>li:first-of-type>ul>li:last-of-type>ul>li>p:last-of-type{height:7%;}

.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li{list-style:none outside;width:100%;height:auto;text-align:center;font-size:0;overflow:hidden;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p{margin:0 3% 0 3%;padding:0.5rem 0 0.5rem 0;width:auto;height:2rem;line-height:1rem;border:0.025rem solid #e6e6e6;color:#666;border-bottom:0;font-size:0.7rem;text-align:center;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p:first-of-type{margin:0.5rem;padding:0;width:auto;height:5rem;background:url(/images/logo-feidu.png) center center no-repeat;background-size:contain;border:0;text-align:center;overflow:hidden;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p:nth-of-type(4){border-bottom:0.025rem solid #e6e6e6;}

.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p.cp{height:1.6rem;line-height:0.6rem;font-size:0.6rem;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p.cp.begin{margin-top:0.5rem;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p.cp.end{border-bottom:0.025rem solid #e6e6e6;}
.os-mainbox>li>ul>li:last-of-type>ul>li:last-of-type>ul>li>p:last-of-type{padding:1.2rem 0 0 0;height:auto;line-height:180%;border:0;text-align:left;color:#333;}

.os-mainbox>li>ul>li>ul>li:first-of-type{margin-top:-1.85rem;padding:0 0.6rem 0 0.6rem;height:2rem;line-height:1.9rem;background:rgba(255,255,255,0.8);border-radius:0.25rem;font-size:0.7rem;text-align:left;overflow:hidden;}
.os-mainbox>li>ul>li>ul>li:last-of-type{margin-top:-0.25rem;width:100%;height:100%;background:#fff;overflow:hidden;overflow-y:auto;}

.os-footer-wave{position:fixed;left:0;bottom:0;width:200%;height:10%;background-image:url('../images/wave-line.png');background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom;background-size:50% 80%;animation:Mv_wave 15s linear infinite;z-index:1;opacity:0.5;overflow:hidden;}
.os-footer{margin:0 auto;padding:.6rem 0;position:fixed;left:0;bottom:0;width:100%;height:auto;z-index:2;overflow:hidden;}
.os-footer>li{list-style:none outside;height:auto;font-size:0.6rem;color:#666;text-shadow:0 0.05rem 0 #000;}
.os-footer>li>a:visited{color:#666;text-decoration:none;}
.os-footer>li>a:link{color:#666;text-decoration:none;}
.os-footer>li>a:hover{color:#555;text-decoration:none;}