@charset "gb2312";
* {margin:0;padding:0;border:0;-webkit-user-select:text}
a,img {-webkit-touch-callout:none;}
body,p,li,ul,div,span{margin: 0;padding: 0;}
img{border: none;}
body{margin: 0 auto;}
body,html {height: 100%;overflow: hidden;background: #fff;}
ul,li{list-style: none;}
a{text-decoration: none;}

.wrap{height: 100%;position: relative;overflow: hidden;background: #fff;}
.load{position: absolute;width: 100%;text-align: center;height: 100%;left: 0;top: 0;background: #fff;z-index: 1000;}
.load img{width: 30%;display: inline-block;margin-top: 3.8rem;}
.load p{text-indent: 0;font-size: .3rem;color: #c70805;}

.box,.box>div{width: 100%;height: 100%;overflow: hidden;}
.cover{position: relative;background: url(../images/bg.jpg) top center;background-size: cover;}
.cover>div{position: absolute;}
.logo{background: url(../images/logo.png) top center;background-size: 100% 100%;height: 1.51rem;width: 5.14rem;left: 1.14rem;top: .78rem;opacity: 0;}
.title{background: url(../images/title.png) top center;background-size: 100% 100%;height: 3.97rem;width: 2.89rem;left: 2.305rem;top: 3.5rem;z-index: 3;opacity: 0;}
.mail{background: url(../images/mail.png) top center;background-size: 100% 100%;top:3.09rem;height: 7.08rem;width: 5.11rem;left: 1.195rem;opacity: 0;}
.start{background: url(../images/btn.png) top center;background-size: 100% 100%;bottom: 9%;width: 1.28rem;height: 1.28rem;left:3.11rem;opacity: 0;}
.mask{width: 4.8rem;left: 1.1rem;top: 39%;background: rgba(255,255,255,.8);padding: .3rem;font-size: .35rem;text-align: center;border-radius: .1rem;display: none;}
.mask p{line-height: 1rem;}
.mask p:nth-of-type(1){border-bottom: 1px solid #000;}

.cover.on .logo{animation: fa .5s 1s linear forwards;-webkit-animation:fa .5s 1s linear forwards;}
.cover.on .title{animation: fa 1s linear forwards;-webkit-animation:fa 1s linear forwards;}
.cover.on .mail{animation: fm .5s linear forwards;-webkit-animation:fm .5s linear forwards;}
.cover.on .start{animation: btn 2s 1s linear infinite;-webkit-animation:btn 2s 1s linear infinite;}

.groups,.mainConten{height: 100%;width: 100%;background: #e2e2e2;overflow: hidden;}
.nav_t,.main_t{height: 1rem;line-height: 1rem;font-size: .3rem;text-align: center;color: #fff;background: -webkit-linear-gradient(#074381, #115094);background: linear-gradient(#074381, #115094);}
.nav_b ul{padding: 0 .3rem;}
.nav_b ul li{height: 1rem;font-size: .35rem;line-height: 1rem;background: url(../images/part2-logo.png) center left no-repeat;background-size: .6rem .6rem;overflow: hidden;border-bottom: 1px solid #406785;color: #124e74;padding: .2rem 0 .2rem .8rem;}
.nav_b ul li span{float: right;background: #105296;height: .6rem;line-height: .6rem;color: #fff;border-radius: .2rem;padding: 0 .25rem;display: inline-block;margin-top: .2rem;}
.nav_b ul li span.on{background: red;}

.mainConten{position: relative;}
.main_t{position: absolute;left: 0;top: 0;z-index: 50;width: 100%;transform: translateY(-1rem);-webkit-transform: translateY(-1rem);}
.main_c{width: 100%;height: 100%;overflow: hidden;}
.main_b{position: absolute;left: 0;bottom: 0;z-index: 50;width: 100%;overflow: hidden;transform: translateY(2.75rem);-webkit-transform: translateY(2.75rem);}
.arrow{background-image: url(../images/part3-bg.png);width: 1.4rem;height: .72rem;background-size: 100% 100%;margin: 0 auto;}
.main_b .tab{border-top: 2px solid #124e74;text-align: center;width: 100%;background: #327cab;height: 2rem;}
.main_b .tab span{display: inline-block;background: #f2e9dd;border-radius:.1rem;height: .8rem;line-height: .8rem;font-size: .3rem;width: 3rem;box-shadow:0 5px #124e74;}

.mainConten.on .main_t{animation: fa 1s forwards;-webkit-animation:fa 1s forwards;}
.mainConten.on .main_b{animation: fm 1s forwards;-webkit-animation:fm 1s forwards;}

.main_c_con{padding: 0rem .3rem;width: 6.9rem;height: 100%;overflow: auto;margin-top: 1.3rem;}
.main_c_list{display: none;}
.main_c_list p{font-size: .28rem;line-height: .4rem;text-align: center;margin-bottom: .2rem;display: none;}
.main_c_list p span{font-weight: bold;color: #124e74;}
.main_c_list ul{padding-bottom: 4rem;}
.main_c_list ul li{margin-bottom: .5rem;overflow: hidden;}
.main_c_list ul li .pic{overflow: hidden;height: 1.1rem;margin-bottom: .1rem;float: left;}
.main_c_list ul li .pic img{border: 1px solid #124e74;border-radius:50%;width: .9rem;height: .9rem;float: left;padding: .05rem;}
/*.main_c_list ul li .pic .info{width: 5.4rem;float: right;}
.main_c_list ul li .pic .info .name{color: #124e74;font-size: .36rem;font-weight:bold;margin-bottom: .1rem;margin-top: .05rem;}
.main_c_list ul li .pic .info .post{font-size: .28rem;}*/
.main_c_list ul li .text{text-align:justify;font-size: .28rem;line-height: .37rem;border: 1px solid #124e74;width: 5.3rem;background:#f6f6f6;padding: .15rem;border-radius:.2rem;float: right;}
.main_c_list ul li .text img{width: 5.3rem;}

.music{position: fixed;right: .2rem;top:.2rem;z-index: 100;width: .6rem;height: .6rem;}
.music img{width: .6rem;height: .6rem;display: block;}
.music.on img{animation: myfirst1 2s;-webkit-animation: myfirst1 2s;animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}

.main_c_list.on ul li:nth-of-type(1){animation: line .5s ease-out both;}
.main_c_list.on ul li:nth-of-type(2){animation: line .5s .3s ease-out both;}
.main_c_list.on ul li:nth-of-type(3){animation: line .5s .6s ease-out both;}
.main_c_list.on ul li:nth-of-type(4){animation: line .5s .9s ease-out both;}
.main_c_list.on ul li:nth-of-type(5){animation: line .5s 1.2s ease-out both;}
.main_c_list.on ul li:nth-of-type(6){animation: line .5s 1.5s ease-out both;}
.main_c_list.on ul li:nth-of-type(7){animation: line .5s 1.8s ease-out both;}
.main_c_list.on ul li:nth-of-type(8){animation: line .5s 2.1s ease-out both;}
.main_c_list.on ul li:nth-of-type(9){animation: line .5s 2.4s ease-out both;}
.main_c_list.on ul li:nth-of-type(10){animation: line .5s 2.7s ease-out both;}

.person{float: left;margin-left: .3rem;margin-bottom: .2rem;}
.name{color: #124e74;font-weight: bold;font-size: .35rem;line-height: .6rem;}
.post{line-height: .4rem;font-size: .28rem;color: #666;}

.xsj{background: #fff url(../images/xsj_1.jpg) top center no-repeat;background-size: 6.9rem 1.07rem;padding-top: .3rem;}
.xsj h5{font-size: .42rem;text-align: center;width: 100%;margin-bottom: .2rem;}
.xsj p{text-align: left;text-indent: 2em;line-height: .5rem;padding: 0 .3rem;font-size: .3rem;}
.xsj_b{background: #fff url(../images/xsj_2.png) top center no-repeat;background-size: 6.9rem 1.484rem;padding-bottom: 5.5rem;}
.xsj p.lastP{text-align: right;}

#dianz{padding-bottom: 4rem;}
#dianz img{width: 6.9rem;display: block;margin-bottom: .2rem;}
#dianz p{text-align: left;text-indent: 2em;line-height: .5rem;font-size: .3rem;}
#dianz h5{font-size: .34rem;margin-bottom: .2rem;padding-top: .2rem;}

@keyframes fa
{
	0%{transform: translateY(-1rem);opacity: 1;}
	100%{transform: translateY(0rem);opacity: 1;}
}

@-webkit-keyframes fa
{
   0%{-webkit-transform: translateY(-1rem);opacity: 1;}
	100%{-webkit-transform: translateY(0rem);opacity: 1;}
}

@keyframes fm
{
	0%{transform: translateY(2.75rem);;opacity: 1;}
	100%{transform: translateY(0rem);opacity: 1;}
}

@-webkit-keyframes fm
{
   0%{-webkit-transform: translateY(2.75rem);;opacity: 1;}
	100%{-webkit-transform: translateY(0rem);opacity: 1;}
}





@-webkit-keyframes line{0%{-webkit-transform:translateY(350px);opacity:0}
100%{-webkit-transform:translateY(0);opacity:1}
}
@keyframes line{0%{transform:translateY(350px);opacity:0}
100%{transform:translateY(0);opacity:1}
}

@keyframes myfirst1
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

@-webkit-keyframes myfirst1 /* Safari Óë Chrome */
{
    from {transform: rotate(0);}
    to {transform: rotate(360deg);}
}

@keyframes Up
{
	0%{top:-8%;}
	100%{top:8%;}
}

@-webkit-keyframes Up
{
   0%{top:-8%;}
   100%{top:8%;}
}

@keyframes down
{
	0%{top:70%;}
	100%{top:24%;}
}

@-webkit-keyframes down
{
    0%{top:70%;}
	100%{top:24%;}
}


@keyframes btn
{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}

@-webkit-keyframes btn
{
    0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}

@keyframes Up1
{
	0%{top:-8%;}
	100%{top:0;}
}

@-webkit-keyframes Up1
{
   0%{top:-8%;}
   100%{top:0;}
}

@keyframes down1
{
	0%{bottom:-10%;}
	100%{bottom:0;}
}

@-webkit-keyframes down1
{
    0%{bottom:-10%;}
	100%{bottom:0;}
}