*{padding: 0px;margin: 0px;}
body{font-size:1.5rem;}
a{color:#535353;font-weight: bold;}
a:hover{text-decoration:none;color:#000}

.indexAll{
	background: url(../img/indexgb1.png) no-repeat center center;
	 background-size:cover;
	background-attachment: fixed;
}
ul,li{list-style: none;}
.aboutTwoOne small,.aboutTwoOne span,.p1,.kong,.about1,.about2,.about3,.about4,.imgx,.menuRight div small{transition: all .5s;-moz-transition: all .5s; /* Firefox 4 */-webkit-transition: all .5s; /* Safari 和 Chrome */-o-transition: all .5s; /* Opera */}
.menuLeft{padding:1rem;}
.menuRight{text-align: center;height: auto;line-height:8rem;font-size:1.5rem;overflow: hidden;}
.menuRight div{text-align: center;float:right;margin:0 1.5rem;position: relative;}
.menuRight div a{color:#fff;}
.menuRight div small{height: 1px;background:#FFFFFF;display: block;position: absolute;z-index: 999;bottom:2rem;width: 0%;}
.menuRight div:hover small{width: 100%;}
.menuXs span{color:#fff;font-size: 2.5rem;margin-top: 1.8rem;}
.menuXsList{display: none;margin-bottom: 1rem;position: absolute;z-index: 999;width: 93%;}
.menuXsList a{display: block;text-align: center;height: 4rem;line-height: 4rem;font-weight: normal; background-color: rgba(255,255,255,0.8);border-bottom: 1px solid #DBDBDB;}
.contentCss{width:60%;margin:5rem auto 0 auto;height: auto;overflow: hidden;position: relative;}
.indexLeft{width:30%;float:left;}
.indexLeft img{margin:0 auto;}
.indexRight{width:65%;float:right;}
.indexRight img{margin-top: 7rem;}

.btnAll{width:100%;height: auto;overflow: hidden;margin-top: 6rem;}
.two{width:20%;float:left;margin-right: 1rem;position: relative;}
.btnx{height: 3.5rem;background: #fff;border-radius: 6rem;line-height: 3.5rem;text-align: center;cursor: pointer;}
.imgx{text-align: center;background: #fff;margin-top: 1rem;border-radius: 2px;opacity: 0;filter: alpha(opacity=0);margin-top: 20px;}
.imgx img{margin-top: 5px;max-width: 100%;}
.two:hover .imgx{opacity: 1;filter: alpha(opacity=100);margin-top: 10px;}

.xbottom{text-align: center;color:#999999;line-height: 2rem;position: fixed;bottom: 1rem;width: 90%;font-size: 1rem;}
.ybottom{text-align: center;color:#999999;line-height: 1.5rem;width: 90%;font-size: 1rem;margin:3rem auto 1rem auto;}
.indexXsOne{text-align: center;margin-top: 3rem;}
.indexXsOne img{margin:0 auto;width: 50%;}
.xsIndexTwo{margin: 2rem auto;color: #fff;}
.xsIndexTwo img{width: 90%;margin:0 auto;border-radius: .2rem;}
.xsIndexTwo span{line-height: 5rem;font-size: 1.3rem;}
.gex{height: 1px;background: #493B5F;}
.gexx{height: 1px;background-color: rgba(255,255,255,0.4);}



/*ABOUT*/
.aboutTop{background: url(../img/aboutBg.png) no-repeat center center;background-size:cover;background-attachment: fixed;}
.aboutTitle{height: 30rem;text-align: center;font-size: 4rem;line-height: 20rem;color: #fff;}
.aboutOne{text-align: center;}
.aboutOne h1{margin: 4rem auto;}
.aboutOne h4{line-height: 3rem;text-align: left;}
.aboutTwo{text-align: center;}
.aboutTwoOne{padding:1rem;height: 25rem;overflow: hidden;}
.about1{background: url(../img/about1.png) no-repeat center 10rem;background-color:rgba(242,102,159,0.3);}
.about1:hover{background-color:rgba(242,102,159,1) ;background-position: center 30rem;}
.about2{background: url(../img/about2.png) no-repeat center top;background-color:rgba(255,127,85,0.3) ;}
.about2:hover{background-color:rgba(255,127,85,1) ;background-position: center 30rem;}
.about3{background: url(../img/about3.png) no-repeat center top;background-color:rgba(116,197,207,0.3) ;}
.about3:hover{background-color:rgba(116,197,207,1) ;background-position: center -30rem;}
.about4{background: url(../img/about4.png) no-repeat center 10rem;background-color:rgba(211,181,122,0.3) ;}
.about4:hover{background-color:rgba(211,181,122,1) ;background-position: center 30rem;}
.aboutTwoOne span{width:30%;display: block;height: 1px;background-color: rgba(255,255,255,0);margin:0 auto;}
.aboutTwoOne p{margin-top: 2rem;line-height: 2rem;height: 12rem;overflow: hidden;text-align: left;margin-top: 20rem;color: #fff;}

.kong{height: 8rem;}
.aboutTwoOne:hover .kong{height: 1rem;}
.aboutTwoOne:hover span{background-color: rgba(255,255,255,1);}
.aboutTwoOne:hover h3{color: #fff;font-weight: bold;}
.aboutTwoOne:hover .p1{margin-top: 2rem;font-weight:normal;}


.xbottomx{text-align: center;background: #fff;height: auto;overflow: hidden;}
.xbottomx span{display: block;margin: 4rem auto 5rem auto;line-height: 2rem;font-size: 1.3rem;}
.xbottomz{text-align: center;height: auto;overflow: hidden;}
.xbottomz span{display: block;margin: 4rem auto 5rem auto;line-height: 2rem;font-size: 1.3rem;}

/*News*/
.newsTop{background-image: url(../img/newsBg.png);}
.newsTitle{margin: 7rem auto 8rem auto;text-align: center;}
.newsList{height: auto;overflow: hidden;}
.newsList li{margin-bottom: 2rem;height: auto;overflow: hidden;}
.newsList li span{float:left;}
.newsList li span:last-child{float: right;}

.newsList li a{font-weight: normal!important;}
.newsList li a:hover{color:#c2943d;}

/*detail*/
.detailsOne{background: #fff;padding:2rem;margin-top: 5rem;}
.detailTwo{text-align: center;}
.detailTitle{text-align: center;margin: 3rem auto 2rem auto;}
.detailDate{text-align: center;display: block;color: #555555;}
.detailContent{margin:0 auto;padding:2rem;line-height: 3rem;text-indent: 3rem;}
.detailContent p{margin-bottom: 2rem;}
.detailContent img{max-width: 90%;margin:0 auto;display: block;margin-bottom: 2rem;}

/*join*/
.joinTop{background-image: url(../img/joinBg.png);}
.joinContent{background: #fff;padding:1rem;margin-top: 3rem;}
.icon-shuxian{color: #DAC191;font-size: 2rem;width: 90%;margin:3rem auto;}
.joinList{width: 90%;margin:0 auto;}
.joinList li{margin: 1rem auto 2rem auto;}
.joinList a{font-weight: normal;}
.joinList span:last-child{float:right;}

.joinC{height: auto;overflow: hidden;margin: 3rem auto;}
.joinCone{height: auto;overflow: hidden;background: #fff;padding:4rem;}
.joinCone span:first-child{font-size: 2.5rem;}
.joinCone span:last-child{float:right;border: 1px solid #555;border-radius: 3rem;padding:.5rem 2rem;}
.joinCone a{font-weight: normal;}
.joinCtow{padding:3rem;font-size: 1.6rem;}
.joinCthree{background: #fff;padding:1rem}
.joinCthreeOne{padding:1rem;width:92%;margin:0 auto;line-height: 3rem;}

/*server*/
.serverOne{margin-top: 7rem;}
.serverTow div{height: 40rem;}
.serverTow h1{margin-top: 8rem;}
.serverTow h3{line-height: 4rem;}
@media screen and (max-width: 768px) {
		  .server2{height:auto!important;overflow: hidden;}
		  .server2 h1{margin-top: 4rem;}
		  .serverTow div{height: auto!important;}
	  }