a,button,input,div{-webkit-tap-highlight-color:rgba(255,0,0,0);}
body{font: 0.2rem/0.28rem "\5FAE\8F6F\96C5\9ED1",arial;}
a:hover{text-decoration: none;}
.content{min-width: 320px;max-width: 640px;width: 6.4rem;background: #ccd7df;}
/*header*/
header{width: 100%;height: 0.87rem;background: #21405c;-webkit-box-sizing: border-box;}
.logo{width: 1.5rem;height: 0.87rem;background: url(../images/logo.jpg) no-repeat;float: left;background-size: 100%;}
.pc_goto{width: 2.8rem;height: 0.47rem;background: #000;-webkit-border-radius: 0.1rem;float: left;margin: 0.2rem 0 0 0.25rem;line-height: 0.47rem;color: #c6ba82;}
.pc_goto span{background: url(../images/icon.png) no-repeat;background-size:1.76rem;width: 0.32rem;height: 0.28rem;display: inline-block;margin: 0 0.1rem 0 0.14rem;vertical-align: text-bottom;}
.close_top{width: 0.86rem;height: 0.87rem;float: right;color: #c6ba82;font-size: 0.6rem;line-height: 0.87rem;text-align: center;background: #2f577b;}
/*nav*/
nav{width: 100%;}
.nav_list li a{color: #000;width: 100%;}
.nav_list li span{background-size: 1.76rem;margin-right: 0.04rem;}
.nav_list li small{font-size: 0.16rem;}
.nav_list li a,.nav_list li span{display: inline-block;vertical-align: text-bottom;}
.weibo span{width: 0.4rem;height: 0.28rem;background: url(../images/icon.png) -0.35rem top;}
.luntan span{width: 0.3rem;height: 0.25rem;background: url(../images/icon.png) no-repeat -0.75rem top;}
.tieba span{width: 0.34rem;height: 0.31rem;background: url(../images/icon.png) no-repeat -1.46rem top;}
.weixin span{width: 0.4rem;height: 0.29rem;background: url(../images/icon.png) no-repeat -1.06rem top;}
.nav_list{width: 100%;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fcf8d8), to(#d2cb9c));;overflow: hidden;}
.weibo_box{width: 1.2rem;}
.luntan_box,.tieba_box{width: 1.15rem;}
.weixin_box{width: 2.9rem;}

.code_1{width: 100%;height: 100%;position: fixed;z-index: 9999;left: 0;top: 0;background: rgba(0,0,0,0.6);display: none;}
.code_1 span{background: url(../images/code.png) no-repeat;background-size: 100%;width: 4rem;height: 4rem;position: absolute;left: 50%;top: 50%;margin: -2rem 0 0 -2rem;display: block;}

.nav_list li{text-align: center;line-height: 0.58rem;height: 0.58rem;float: left;}
/*banner*/
.banner{width: 100%;height: 3.24rem;}
.banner img{width: 100%;}
.banner a{width: 100%;height: 100%;display: block;background: url(../images/banner_1.jpg) no-repeat;background-size: 100%;}
.banner_2{width: 6.02rem;margin: 0.2rem auto 0.16rem auto;overflow: hidden;-webkit-box-sizing: border-box;}
.banner_2 a{width: 2.87rem;border: 0.05rem solid #d9c590;height: 1.2rem;}
.banner_2 a{float: left;}
.banner_2 a:last-child{float: right;}
.banner_2 img{width: 100%;height: 100%;}

/*section news*/
.section{width: 6.02rem;margin: 0 auto 0.2rem auto;background: #fff;padding: 0.12rem 0;position: relative;}
.tit{border-left: 0.05rem solid #d9c590;text-indent: 0.05rem;margin-left: 0.2rem;}
.tit h1{font-weight: bold;color: #a17931;font-size: 0.3rem;line-height: 0.36rem;}
.tit p{font-size: 0.14rem;color: #c8c3b9;line-height: 0.14rem;margin-top: 0.05rem;}

.tab_news{width: 5.68rem;margin: 0 auto;}
.tab_btn{border-bottom: 0.02rem solid #000;font-size: 0.24rem;line-height: 0.5rem;overflow: hidden;}
.tab_btn li{float: left;width: 1rem;text-align: center;}
.tab_btn a{color: #545454;display: block;}
.tab_btn .more{font-size: 0.72rem;font-weight: bold;position: absolute;right: 0;top: 0.44rem;}
.tab_btn .more a{line-height: 0.72rem;}
.hover{border-bottom: 0.05rem solid #000;}
.tab_txt_box{margin-top: 0.1rem;overflow: hidden;}
.tab_txt{width: 24.08rem;position: relative;height: 2.8rem;}
.list{width: 5.68rem;-webkit-transition: all .6s;position: absolute;left: 0;top: 0;display: none;}
.list li{overflow: hidden;font-size: 0.2rem;padding: 0.1rem 0;}
.list li span,.list li p{float: left;}
.list li p{width: 4rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list li em{float: right;font-weight: normal;}
.list a{color: #000000;}

/*carrer*/
.carrer .tit p{background: url(../images/txt.png) no-repeat;background-size:1.55rem ;width: 1.55rem;height: 0.11rem;margin: 0.1rem 0 0 0.05rem;}
.career_btn{position: absolute;overflow: hidden;right: 0;top: 0.15rem;}
.career_btn li{width: 0.5rem;height: 0.5rem;float: left;margin-right: 0.1rem;background-size: auto 1rem!important;}
.career_btn li a{display: block;width: 100%;height: 100%;}
.career_btn li:nth-of-type(2){background: url(../images/btn.png) no-repeat;}
.career_btn li:nth-of-type(2):hover{background: url(../images/btn.png) no-repeat left -0.51rem;}
.career_btn li:nth-of-type(3){background: url(../images/btn.png) no-repeat -0.51rem top;}
.career_btn li:nth-of-type(3):hover{background: url(../images/btn.png) no-repeat -0.51rem -0.51rem;}
.career_btn li:nth-of-type(4){background: url(../images/btn.png) no-repeat -1.03rem top;}
.career_btn li:nth-of-type(4):hover{background: url(../images/btn.png) no-repeat -1.03rem -0.51rem;}
.career_btn li:nth-of-type(5){background: url(../images/btn.png) no-repeat -1.55rem top;}
.career_btn li:nth-of-type(5):hover{background: url(../images/btn.png) no-repeat -1.55rem -0.51rem;}
.career_btn li:nth-of-type(6){background: url(../images/btn.png) no-repeat -2.06rem top;}
.career_btn li:nth-of-type(6):hover{background: url(../images/btn.png) no-repeat -2.06rem -0.51rem;}
.career_btn li:nth-of-type(7){background: url(../images/btn.png) no-repeat -2.6rem 0.01rem;}
.career_btn li:nth-of-type(7):hover{background: url(../images/btn.png) no-repeat -2.6rem -0.51rem;}
.career_btn li:nth-of-type(1){background: url(../images/btn.png) no-repeat -3.1rem 0.01rem;}
.career_btn li:nth-of-type(1):hover{background: url(../images/btn.png) no-repeat -3.1rem -0.5rem;}
.pic_1{display:none!important;}
.career_intro{width: 5.64rem;height: 3.18rem;background: url(../images/career_bg.jpg) no-repeat;background-size: 100%;margin: 0.18rem auto;position: relative;}
.intro_txt_box{width: 100%;height: 100%;}
.intro_txt_box li{width: 100%;height: 100%;position: relative;display: none;overflow: hidden;}
.intro_txt_box .show{display: block;}
.show{display: block;}
.intro_txt{position: absolute;left: 0.2rem;top: 0.2rem;-webkit-transform: translate3d(-1.7rem,0,0);
		   -webkit-animation: left .6s ease-in-out forwards;
}
.intro_txt h3{color: #314a5e;font-size: 0.43rem;font-weight: bold;line-height: 0.5rem;}
.intro_txt p{line-height: 0.22rem;font-size: 0.14rem;color: #000;padding: 0.05rem 0;}
.intro_txt p span{display: inline-block;background: #a17931;color: #fff;padding: 0.04rem;margin-right: 0.05rem;width: 0.9rem;text-align: center;}
.pic_1{width: 1.7rem;height: 1.26rem;position: absolute;left: 0.2rem;bottom: 0.05rem;-webkit-transform: translate3d(-1.7rem,0,0);
	   -webkit-animation: left .6s ease-in-out forwards;
}
.pic_2{width: 4.12rem;height: 3.18rem;position: absolute;right: 0;bottom: 0;-webkit-transform: translate3d(4.2rem,0,0);
	  -webkit-animation: right .6s ease-in-out forwards;
}
.pic_3{width: 4.12rem;height: 3.18rem;position: absolute;right: 0;bottom: 0;-webkit-transform: translate3d(4.2rem,0,0);
	  -webkit-animation: right .6s ease-in-out forwards;display: none;
}
.carrer_1 .pic_1{background: url(../images/pic_1.png) no-repeat;background-size: 100%;}
.carrer_1 .pic_2{background: url(../images/people_1.png) no-repeat;background-size: 100%;}
.carrer_2 .pic_1{background: url(../images/pic_2.png) no-repeat;background-size: 100%;}
.carrer_2 .pic_2{background: url(../images/people_2.png) no-repeat;background-size: 100%;}
.carrer_3 .pic_1{background: url(../images/pic_3.png) no-repeat;background-size: 100%;}
.carrer_3 .pic_2{background: url(../images/people_3.png) no-repeat;background-size: 100%;}
.carrer_4 .pic_1{background: url(../images/pic_4.png) no-repeat;background-size: 100%;}
.carrer_4 .pic_2{background: url(../images/people_4.png) no-repeat;background-size: 100%;background-position: 0.6rem top;}
.carrer_5 .pic_1{background: url(../images/pic_5.png) no-repeat;background-size: 100%;}
.carrer_5 .pic_2{background: url(../images/people_5_2.png) no-repeat;background-size: 100%;background-position: right bottom;}
.carrer_5 .pic_3{background: url(../images/people_5_1.png) no-repeat;background-size: 100%;background-position: right bottom;}
.carrer_6 .pic_1{background: url(../images/pic_6.png) no-repeat;background-size: 100%;}
.carrer_6 .pic_2{background: url(../images/people_6_2.png) no-repeat;background-size: 100%;}
.carrer_6 .pic_3{background: url(../images/people_6_1.png) no-repeat;background-size: 100%;background-size: 80%;background-position: right;}
.carrer_7 .pic_2{background: url(../images/people_7.png) no-repeat;background-size: 100%;}


.sex{position: absolute;left: 1.3rem;top: 0.3rem;width: 0.9rem;height: 0.4rem;z-index: 999;}
.sex div{width: 0.34rem;height: 0.34rem;display: block;-webkit-transform: rotate(45deg);background: #aabfbd;position: absolute;}
.sex span{-webkit-transform: rotate(-45deg);display: block;text-align: center;color: #fff;font-size: 0.16rem;width: 0.34rem;line-height: 0.34rem;}
.sex_1{left: 0;top: 0;}
.sex_2{right: 0;top: 0;}
.sex .checked{background: #37867d;}

@-webkit-keyframes left{
	from{
		-webkit-transform: translate3d(-1.7rem,0,0);
	}
	to{
		-webkit-transform: translate3d(0,0,0)
	}
}
@-webkit-keyframes right{
	from{
		-webkit-transform: translate3d(4.2rem,0,0);
	}
	to{
		-webkit-transform: translate3d(0,0,0)
	}
}

/*version*/
.version_img{width: 1.2rem;height: 1.2rem;border-radius: 0.6rem;background: red;display: block;}
.loop-ul{width: 5.6rem;margin: 0.16rem auto;height: 1.8rem;overflow: hidden;}
.loop-ul ul{transition:1s}

.version ul{margin: 0.16rem auto;}
.version ul li{width: 1.2rem;margin: 0.1rem;float: left;position: relative;height: 1.6rem;}
.version ul li a{width: 1.2rem;height: 1.2rem;display: block;}
.version ul li a img{width: 100%;height: 100%;}
.version ul li p{text-align: center;margin-top: 0.1rem;font-size: 0.18rem;position: absolute;bottom: 0;width: 100%;}
.version .qidai{background: url(../images/plus.jpg);background-size:100% 100% ;width: 0.75rem;height: 0.75rem;margin: 0.2rem 0 0 0.2rem;line-height: 0.65rem;border-radius: 0.75rem;display: block;}

/*screen*/
.slide{width: 5.66rem;height: 3.18rem;margin: 0.16rem auto;position: relative;overflow: hidden;}
.slide_pic{height: 100%;position: absolute;width: 28.3rem;position: absolute;left: 0;top: 0;-webkit-transition: all .6s;}
.slide_pic li{float: left;width: 5.66rem;height: 3.18rem;}
.slide_pic li img{width: 100%;height: 100%;}
.slide_pic li:first-child{display: block;}
.slide_nav{position: absolute;right: 0;bottom: 0.12rem;overflow: hidden;}
.slide_nav li{float: left;width: 0.18rem;height: 0.18rem;border-radius: 0.18rem;background: #fff;margin-right: 0.06rem;}
.slide_nav .index{background: #7498b2;}

/*collection*/
.more_coll{width: 1.28rem;height: 0.38rem;background: #a7bbc9;font-size: 0.2rem;line-height: 0.38rem;text-align: center;color: #fff;display: block;position: absolute;right: 0.28rem;top: 0.23rem;}
.link{width: 5.8rem;margin:0.2rem auto 0 auto;}
.link a{width: 1.4rem;display: inline-block;height: 0.4rem;line-height: 0.4rem;text-align: center;color: #545454;font-size: 0.24rem;margin-bottom: 0.16rem;}

/*footer*/
footer{font-size: 0.13rem;line-height: 0.28rem;padding: 0.3rem 0 0.9rem 0;}
footer p{text-align: center;}
footer a {color: #000; cursor: pointer;}
footer a:hover {text-decoration: underline;}
.phone{display: inline-block;width: 0.11rem;height: 0.15rem;background: url(../images/icon.png) no-repeat left -0.31rem;background-size: 1.75rem;vertical-align: middle;margin-right: 0.04rem;}
.email{display: inline-block;width: 0.2rem;height: 0.19rem;background: url(../images/icon.png) no-repeat -0.15rem -0.31rem;background-size: 1.75rem;vertical-align: middle;margin-right: 0.04rem;}

.moveHide{-webkit-animation: moveHide .6s forwards;}
.moveShow{-webkit-animation: moveShow .6s forwards;}
.moveHideRight{-webkit-animation: moveHideRight .6s forwards;}
.moveShowRight{-webkit-animation: moveShowRight .6s forwards;}
@-webkit-keyframes moveHide{
	from{-webkit-transform: translate3d(0,0,0);}
	to{-webkit-transform: translate3d(-5.68rem,0,0);}
}
@-webkit-keyframes moveHideRight{
	from{-webkit-transform: translate3d(0,0,0);}
	to{-webkit-transform: translate3d(5.68rem,0,0);}
}
@-webkit-keyframes moveShow{
	from{-webkit-transform: translate3d(5.68rem,0,0);}
	to{-webkit-transform: translate3d(0,0,0);}
}
@-webkit-keyframes moveShowRight{
	from{-webkit-transform: translate3d(-5.68rem,0,0);}
	to{-webkit-transform: translate3d(0,0,0);}
}


.reg_pop{width: 0.94rem;height: 0.94rem;border-radius: 0.94rem;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fcf8d8), to(#d2cb9c));position: fixed;right: 0.1rem;top: 1.8rem;}
.reg_pop span{text-align: center;width: 0.94rem;display: block;margin-top: 0.2rem;text-shadow:#fff 0.01rem 0.01rem;}

.reg_box{width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;left: 0; top: 0;display: none;z-index: 9999;}

.pop_show{-webkit-animation: popShow .6s forwards;}
.pop_hide{-webkit-animation: popHide .6s forwards;}

.reg_pop_box{width: 6.4rem;height: 100%;position: fixed;left: 0;top: 0;background: #fff;}
.reg_box .tit{margin: 0.28rem 0 0 0.4rem;}
.reg_box .tit h1{font-size: 0.42rem;line-height: 0.42rem;margin: 0.02rem 0 0.08rem 0;}
.reg_box .tit p{font-size: 0.18rem;line-height: 0.18rem;}
.pop_close{position: absolute;right: 0;top: 0;width: 0.88rem;height: 0.88rem;background: #a17931;color: #fff;text-align: center;font-size: 0.82rem;line-height: 0.88rem;z-index: 99;}
.pop_p{text-align: center;font-size: 0.22rem;color: #a17931;margin: 0.05rem 0;}
#regForm{margin-left: 0.66rem;color: #a17931;font-size: 0.22rem;line-height: 0.5rem;font-family: "\5FAE\8F6F\96C5\9ED1"}
#regForm label{width: 1.06rem;}
#regForm ul input{width: 3.16rem;height: 0.48rem;border: 0.01rem solid #d0d0d0;background: #eeeeee;text-indent: 0.5em;}
#regForm ul li{margin: 0.06rem 0;}
.reg-agree a{color: #a17931;}
#regsubmit{width: 3.68rem;height: 0.94rem;text-align: center;line-height: 0.94rem;color: #fff;font-size: 0.52rem;background: #a17931;outline: none;border: none;margin-left: 0.44rem;font-family: "\5FAE\8F6F\96C5\9ED1"}
#regForm ul li div{float: left;}
#regForm #user_checkcode{width: 1.58rem;}
#id_randimage{width: 1.58rem;height: 0.48rem;margin-left: 0.1rem;}
.onCorrect{width: 0.25rem;height: 0.25rem;background: url(../images/onCorrect.gif) no-repeat;background-size: 100%;margin: 0.12rem 0 0 0.1rem;}
.onError{width: 0.25rem;height: 0.25rem;background: url(../images/onError.gif) no-repeat;background-size: 100%;margin: 0.12rem 0 0 0.1rem;}

.reg_ok h3{color: #a17931;font-size: 0.32rem;text-align: center;font-weight: normal;margin: 0.5rem 0 0.2rem 0;}
.code{background: url(../images/code.jpg) no-repeat;width: 3.7rem;height: 3.7rem;background-size: 100%;margin: 0 auto;}
.reg_ok h4{color: #9b9b9b;text-align: center;margin-top: 0.3rem;font-size: 0.32rem;}

@-webkit-keyframes popShow{
	from{-webkit-transform: scale(0);}
	to{-webkit-transform: scale(1);}
}
@-webkit-keyframes popHide{
	from{-webkit-transform: scale(1);}
	to{-webkit-transform: scale(0);}
}
.reg_box iframe{width: 6.4rem;height: 100%;position: fixed;left: 0;top: 0;background: #fff;}
.intro_txt p span.starts-0{display:inline-block;width: 0.16rem;height: 0.16rem;background: url(../images/starts-0.png) no-repeat top center/100% 100%;padding: 0;position: relative;top: 0.02rem;}