/*导航*/
.header{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 .35rem;
	width: 100%;
	height: 1.3rem;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	z-index: 998;
}
.header .logo{
	margin-top: .35rem;
	width: 1.2rem;
}
.header .logo img{
	width: 100%;
}
.menu{
	position: fixed;
	top:  .2rem;
	right: .35rem;
	z-index: 999;
}
.menu span{
	font-size: .24rem;
	color: #363535;
}
.menu .icon-bar {
	display: block;
	margin-left: auto;
	margin-right: 5px;
	width: 22px;
	height: 2px;
	background: #2a2c2f;
	-webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	position: relative
}

.menu .icon-bar:nth-child(1) {
	-webkit-transition-delay: 150ms;
	transition-delay: 150ms
}

.menu .icon-bar:nth-child(2) {
	width: 14px;
	top: 9px;
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.menu .icon-bar:nth-child(3) {
	width: 22px;
	top: 12px;
	-webkit-transition-delay: 0;
	transition-delay: 0
}

.menu .headroom--not-top .icon-bar {
	background-color: #111
}
.menu.open span{
	display: none;
}
.menu.open :nth-child(2) {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	top: -3px;
	width: 25px;
}

.menu.open :nth-child(4) {
	-webkit-transform: translate(50px, 0);
	transform: translate(50px, 0);
	opacity: 0
}

.menu.open :nth-child(3) {
	width: 25px;
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
}

.drawer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 998;
}
.drawer:after{
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 50%;
	height: 100%;
	background: #f5f5f5;
	z-index: 10;
}
.drawer .container{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 100;
}
.drawer .dw-image{
	display: block;
	margin:0 auto 1.6rem;
	width: 2.4rem;
}
.drawer .dw-image img{
	width: 100%;
}
.drawer-nav .item{
	position: relative;
	margin-bottom: .85rem;
	font-size: .3rem;
	color: #3e3d3d;
}
.drawer-nav .item a{
	position: relative;
}
.drawer-nav .item a:before,
.drawer-nav .item a:after{
	position: absolute;
	top: 50%;
	content: '';
	margin-top: -1.5px;
	width: .3rem;
	height: 3px;
	background: #e2e2e2;
}
.drawer-nav .item a:before{
	left: -.6rem;
}
.drawer-nav .item a:after{
	right: -.5rem;
}
.has-border-t{
	margin:2rem auto 0;
	width: 1.98rem;
}
.has-border-t img,
.home-slider img{
	width: 100%;
}
.mg-top{
	position: relative;
	top: 1.3rem;
}
.home-clerk{
	position: relative;
	top: -.35rem;
	padding-left: .3rem;
	font-size: .3rem;
	line-height: .5rem;
	letter-spacing: .2rem;
	color: #272626;
	z-index: 10;
}
.home-news{
	padding: .3rem;
}
.home-news .title{
	font-size: .3rem;
	color: #272626;
}
.home-news-list{
	position: relative;
}
.home-news-list li{
	font-size: .3rem;
	color: #272626;
	width: 4.4rem;
	height: .78rem;
	line-height: .78rem;
	border-bottom: 1px solid #dcdde1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home-news-list .more{
	height: .78rem;
	line-height: .78rem;
	display: block;
	color: #3e3a39;
	border-bottom: 1px solid #3e3a39;
	position: absolute;
	bottom: 0;
	right: 0;
	
}
.loading-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 1s;
	-webkit-transition: all 1s;
	z-index: 2000;
}
.loading-wrap .box{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: .32rem;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.loading-wrap .box .one{
	display: inline-block;
	margin-right: .1rem;
	color: #969696;
	opacity: 0;
	transform: translateX(215px);
	-webkit-transform: translateX(215px);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.loading-wrap .box .two{
	display: inline-block;
	opacity: 0;
}
.home-slider{
	position: relative;
}

.home-slider .box{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	text-align: center;
	font-size: .28rem;
	color: #424242;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 100;
}
.home-slider .box .font{
	display: block;
	margin: auto;
	width: 3.32rem;
}

.home-slider .box .name{
	display: block;
	margin:.3rem auto .5rem;
	text-align: center;
	letter-spacing: .1rem;
}
.home-slider .box p{
	font-size: .26rem;
}

.map-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 2000;
}
.map-popup .img{
	position: absolute;
	width: 100%;
	max-height: 100%;
	z-index: 10;
}
.map-popup .ico.ico-map{
	display: block;
	position: absolute;
	top: .2rem;
	right: .2rem;
	width: .82rem;
	height: .82rem;
	background: url(../img/ico.jpg) no-repeat;
	background-size: 100% 100%;
	z-index: 20;
}
.map-popup .map-bottom{
	position: absolute;
	padding: .3rem;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	font-size: .26rem;
	color: #373737;
	background: #fff;
	z-index: 30;
}
.map-popup .map-bottom .logo{
	margin-top: .2rem;
	width: 1.2rem;
}

/* 首页社会概要 */
.home-about{
	padding: .5rem 0;
	background: #eee;
}
.home-about .box{
	position: relative;
	margin: auto;
	width: 5.25rem;
	height: 4.55rem;
}
.home-about .bg{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2.275rem;
	width: 4.55rem;
	z-index: 10;
}
.home-about .box .img{
	position: absolute;
	top: .25rem;
	left: 0;
	width: .79rem;
	height: 1rem;
	opacity: 0;
	z-index: 100;
}
.home-about .box .img.b{
	left: 2.36rem;
	width: .6rem;
	height: 1.02rem;
}
.home-about .box .img.o{
	left: auto;
	right: 0;
	width: .85rem;
	height: 1.02rem;
}
.home-about .box .img.u{
	left: 1.2rem;
	top: 1.45rem;
	width: .69rem;
	height: 1.01rem;
}
.home-about .box .img.t{
	left: 3.45rem;
	top: 1.45rem;
	width: .7rem;
	height: .99rem;
}
.home-about .box .img.j{
	left: .2rem;
	top: 2.65rem;
	width:.42rem;
	height: 1.01rem;
}
.home-about .box .img.w{
	left: 2.05rem;
	top: 2.65rem;
	width:1.17rem;
	height: 1.01rem;
}
.home-about .box .img.bs{
	left: 4.65rem;
	top: 2.65rem;
	width:.59rem;
	height: 1.01rem;
}

.home-society{
	position: relative;
	margin: .5rem 0;
}
.home-society .title-chinese {
	height: .6rem;
	line-height: .6rem;
	font-size: .35rem;
	font-weight: bold;
	color: #272626;
	margin-top: .3rem;
}
.home-society .title-english {
	height: .6rem;
	line-height: .6rem;
	font-size: .14rem;
	letter-spacing: .03rem;
}
.home-society .social-modelTwo{
	margin-top: 0;
}
.home-society .social-modelTwo .details-warp{
	padding: .4rem .3rem;
}
.home-society .social-modelTwo .details-warp td{
	text-align: left;
}
.society-details{
	padding:  .4rem .3rem;
	border-bottom: 1px solid #dcdcdc;
}
.society-details p{
	font-size: .23rem;
	line-height: .5rem;
	letter-spacing: 2px;
	color: #595757;
}
.home-society .title-future {
	font-size: .35rem;
	font-weight: bold;
	height: .4rem;
	line-height: .4rem;
	letter-spacing: .04rem;
	color: #272626;
}
.view-more {
	font-size: .3rem;
	width: 3.4rem;
	height: .7rem;
	line-height: .7rem;
	display: inline-block;
	border: 1px solid #272626;
	margin: .5rem 0;
}
/* 首页事业内容 */
.home-career img{
	width: 100%;
}
.home-career .img{
	position: relative;
	overflow: hidden;
}
.home-career .img:before{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 2s;
    -webkit-transition: all 2s;
}
.home-career .img.open:before{
	left: 200%;
}
.home-career .title{
	font-size: .35rem;
	font-weight: bold;
	margin: .22rem 0;
	height: .4rem;
	line-height: .4rem;
	letter-spacing: .04rem;
	color: #272626;
}
.home-career .home-career-content{
	padding: 0 .7rem;
}
.home-career .home-career-content ul{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.home-career .home-career-content li{
	width: 48%;
	background: #f7f7f7;
	margin: 1%;
	padding: .4rem;
}
.home-career .career-icon {
	width: .9rem;
	height: .9rem;
	margin: auto;
	margin-bottom: .1rem;
}
.home-career .home-career-content p {
	height: .62rem;
	font-size: .3rem;
	height: .4rem;
	line-height: .4rem;
	color: #3e3a39;
}

/* 联系我们 */
.home-contact{
	color: #fff;
	width: 100%;
	height: 4.5rem;
	background: url(../img/test/contact.jpg);
	background-size: cover;
	padding: .5rem;
}
.home-contact .title-chinese {
	height: .6rem;
	line-height: .6rem;
	font-size: .35rem;
	font-weight: bold;
	margin-top: .3rem;
}

.home-contact .title-english {
	height: .6rem;
	line-height: .6rem;
	font-size: .14rem;
	letter-spacing: .03rem;
}
.home-contact p{
	line-height: .4rem;
	font-size: .24rem;
	letter-spacing: .02rem;
}
.home-contact .contact-style{
	height: .6rem;
	margin-top: .5rem;
	font-size: 0;
}
.home-contact .contact-style a{
	font-size: .32rem;
	width: 50%;
	color: #fff;
	text-align: center;
	display: inline-block;
	letter-spacing: .03rem;
}
.home-contact .google-maps{
	border-right: 1px solid #fff;
}
/* 底部 */
.home-bottom-logo{
	height: 3.2rem;
	line-height: 3.2rem;
	background: #2b2c30;
	vertical-align: middle
}
.home-bottom-logo img{
	width: 2.8rem;
	display: inline-block;
	vertical-align: middle;
}
.home-bottom-name{
	height: 1.3rem;
	line-height: 1.3rem;
	background: #111;
	vertical-align: middle;
	font-size: .28rem;
	letter-spacing: .01rem;
	color: #fff;
}
.home-bottom-name img{
	display: inline-block;
	width: .28rem;
	height: .28rem;
	vertical-align: -.05rem;
}

/* 社会概要详细页 */
.society-top img{
	width: 100%;
}
.social-modelOne{
	padding-top: 1.5rem;
}
.social-modelOne .details-warp{
	width: 6.5rem;
	background: #f5f5f5;
	padding: 1.5rem .4rem 0 .4rem;
	position: relative;
}
.social-modelOne .img{
	width: 5.56rem;
	height: 3.15rem;
	position: absolute;
	top: -1.3rem;
	left: -1.9rem;
	overflow: hidden;
}
.social-modelOne .img:before{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 2s;
    -webkit-transition: all 2s;
}
.social-modelOne .img.open:before{
	left: 200%;
}
.social-modelOne .img img{
	width: 100%;
}
.social-img{
	padding: 0 .4rem;
}
.social-img .img-left{
	position: relative;
	width: 2.4rem;
	overflow: hidden;
}
.social-img .img-right{
	position: relative;
	width: 3.73rem;
	overflow: hidden;
}
.social-img .img-left:before,
.social-img .img-right:before{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 2s;
    -webkit-transition: all 2s;
}
.social-img .img-left.open:before,
.social-img .img-right.open:before{
	top: 200%;
}
.details-desc{
	position: relative;
	top: .8rem;
}
.model-title{
	font-size: .35rem;
	font-weight: bold;
	margin: .22rem 0;
	height: .4rem;
	line-height: .4rem;
	letter-spacing: .04rem;
	color: #272626;
}
.details-desc .p{
	font-size: .23rem;
	line-height: .3rem;
	color: #595757;
}
.social-modelTwo{
	margin-top: 1.5rem;
}
.social-modelTwo img{
	width: 100%;
}
.social-modelTwo .details-warp {
	padding: .7rem .3rem;
}

.details-warp td{
	font-size: .23rem;
	line-height: .5rem;
	letter-spacing: .01rem;
	color: #595757;
}
.details-warp td.title{
	color: #363636;
}

/* 事业内容详细页 */
.career-top img {
	width: 100%;
}

.career-modelOne .details-warp {
	width: 5.5rem;
	height: 12rem;
	background: #f5f5f5;
	padding: 1.5rem .4rem 1.5rem .4rem;
	margin-top: 1.5rem;
	position: relative;
}

.career-modelOne .img1 {
	width: 5.15rem;
	height: 2.8rem;
	position: absolute;
	top: -1.3rem;
	left: -2rem;
	overflow: hidden;
}
.career-modelOne .img1:before{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 2s;
    -webkit-transition: all 2s;
}
.career-modelOne .img1.open:before{
	left: 200%;
}
.career-modelOne .img1 img {
	width: 100%;
}
.career-modelOne .details-desc {
	position: relative;
	top: .8rem;
	left: -1.2rem;
}
.details-desc p{
	width: 6rem;
	font-size: .23rem;
}
.details-title{
	font-size: .3rem;
	line-height: .4rem;
	padding: .2rem 0;
	letter-spacing: .02rem;
	color: #151515;
	font-weight: bold;
}

.career-modelTwo .details-warp {
	width: 4.5rem;
	height: 12rem;
	background: #f5f5f5;
	padding: 1.5rem .4rem 1.5rem .7rem;
	margin-top: 1.5rem;
	position: relative;
}
.career-modelTwo {
	margin-top: 6.5rem;
	padding-bottom: 9rem;
}

.news-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	padding: .35rem .3rem;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 3000;
}
.news-popup .logo{
	display: block;
	width: 1.2rem;
}
.news-popup .logo img{
	width: 100%;
}
.news-popup .ico-close{
	display: inline-block;
	width: .61rem;
	height: .63rem;
	background: url(../img/ico9.png) no-repeat;
	background-size: 100% 100%;
}
.news-popup .title{
	margin-top: .9rem;
	font-size: .28rem;
	color: #333;
}
.news-popup .news-list{
	height: 78%;
	overflow: auto;
}
.news-popup .news-list .item{
	padding: .3rem 0;
	width: 70%;
	font-size: .26rem;
	border-bottom: 1px solid #dcdde1;
}

@media screen and (min-width: 320px) {
	.career-modelTwo {
		margin-top: 6.5rem;
		padding-bottom: 4rem;
	}
}

@media screen and (min-width: 360px) {
	.career-modelTwo {
		margin-top: 4.5rem;
	}
}

@media screen and (min-width: 375px) {
	.career-modelTwo {
		margin-top: 6rem;
	}

	.career-modelTwo  .details-warp {
		height: 10rem;
	}
	.career-modelOne .details-warp{
		height: 10rem;
	}
	.career-modelFour .details-warp{
		height: 7rem !important;
	}
}
@media screen and (min-width: 414px) {
	.career-modelTwo {
		margin-top: 5rem;
		padding-bottom: 2rem;
	}
}
.career-modelTwo .img2 {
	width: 5.15rem;
	height: 2.8rem;
	position: absolute;
	top: -3.3rem;
	right: -3.2rem;
	overflow: hidden;
}
.career-modelTwo .img2:before,
.career-modelTwo .img3:before,
.career-modelThree .img4:before,
.career-modelFour .img5:before{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f7f7;
    transition: all 2s;
    -webkit-transition: all 2s;
}
.career-modelTwo .img2.open:before,
.career-modelFour .img5.open:before{
	left: 200%;
}

.career-modelTwo .img2 img {
	width: 100%;
}
.career-modelTwo .img3 {
	width: 2.92rem;
	height: 2.28rem;
	position: absolute;
	top: -.9rem;
	left: .4rem;
	overflow: hidden;
}
.career-modelTwo .img3.open:before,
.career-modelThree .img4.open:before{
	top: 200%;
}

.career-modelTwo .img3 img {
	width: 100%;
}
.img-box{
	height: 3.65rem;
	background: #f5f5f5;
	margin: 2rem 0;
}
.career-modelThree .img4 {
	width: 4.52rem;
	height: 5.38rem;
	position: relative;
	top: -1rem;
	overflow: hidden;
}

.career-modelThree .img4 img {
	width: 100%;
}
.career-modelThree .details-desc {
	padding: .7rem;
	top: -.4rem;
}
.career-modelFour{
	margin-top: 1.5rem;
}
.career-modelFour .details-warp {
	width: 3.8rem;
	height: 9rem;
	background: #f5f5f5;
	padding: 1.5rem .4rem 0 .4rem;
	position: relative;
}
.career-modelFour .img5 {
	width: 5.02rem;
	height: 3.09rem;
	position: absolute;
	top: -2rem;
	right: -4rem;
	overflow: hidden;
}

.career-modelFour .img5 img {
	width: 100%;
}
.career-modelFour .details-desc{
	top: 0;
}

/* 问答页面 */
.QA-top img {
	width: 100%;
}
.QA-desc{
	font-size: .25rem;
	letter-spacing: .02rem;
	color: #595757;
	padding: 0 1rem;
	margin-top: .2rem;
}
.QA-desc p{
	line-height: .4rem;
}
.QA-desc span,
.QA-form span{
	color: #ec1500;
	
}
.QA-form{
	padding: 0 .6rem;
}
.QA-form input{
	width: 100%;
	height: .65rem;
	border: 1px solid #ddd;
	outline: none;
	padding: 0 .2rem;
}
.QA-form label{
	line-height: 1rem;
}
.QA-form textarea {
	width: 100%;
	height: 4.3rem;
	border: 1px solid #ddd;
	outline: none;
	padding: .2rem;
}
.QA-form button {
	display: block;
	margin: .6rem auto;
	width: 4.79rem;
	height: .88rem;
	background: #fff;
	border: 1px solid #757575;
	outline: none;
	font-size: .36rem;
	line-height: .2rem;
	color: #444343;
}

/* 新闻 */
.news-container{
	padding: .7rem;
}
.news-container .news-title{
	font-size: .32rem;
	line-height: .5rem;
	font-weight: bold;
}
.news-container .news-time{
	font-size: 0.23rem;
	letter-spacing: 0.05rem;
	color: #595757;
	margin-bottom: .6rem;
}
.news-desc img{
	width: 100%;
	margin: .4rem 0;
}
.news-desc p,.news-desc p span{
	font-size: 0.24rem !important;
	line-height: 0.45rem !important;
	letter-spacing: 0.05rem;
	color: #595757;
}
.btn-more{
	opacity: 0;
	animation:  btn .5s linear 0s infinite;
	-webkit-animation:  btn .5s linear 0s infinite;
}

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