@charset "utf-8";

.wal {

	width: 13.8rem;

	margin: 0 auto

}



/*.load {*/

	/*display: none*/

/*}*/



.pcShow {

	display: none!important;

}



.phoneShow {

	display: block;

}



.padShow {

	display: none

}



header {

	width: 100%;

	height: 2rem;

	position: fixed;

	top: 0;

	z-index: 100;

	background: #fff;

	transition: all 0.3s ease;

}



header.indexH {

	position: absolute;

	z-index: 100;

}



header.active {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 10000;

	background: #f2f2f2

}



header .headerContainer .wal {

	height: 2rem

}



header .headerContainer .wal .logo {

	float: left;

	height: 2rem;

	position: relative;

	z-index: 10001;

}
header .headerContainer .wal .ad{ display:none}


header .headerContainer .wal .logo a {

	display:block;

	vertical-align: middle;

	width: 3.1rem;

	height: 0.86rem;

	position: relative;

	top: 40%;

	transform:translateY(-50%);

}

header .headerContainer .wal .logo a img{display: inline-block;width: 100%}



header.indexH .headerContainer .wal .logo a {

	background: url("../image/logo01.png") no-repeat;

	background-size: cover

}



header.indexH.active .headerContainer .wal .logo a {

	background: url("../image/logo01-1.png") no-repeat;

	background-size: cover

}



header .headerContainer .wal .clickNav {

	padding: 0.7rem;

	width: 1.42rem;

	padding-right: 0;

	position: relative;

	z-index: 10001

}



header .headerContainer .wal .clickNav span {

	display: block;

	transform-origin: left center;

	width: 0.72rem;

	height: 2px;

	background: #f33f3f;

	margin-bottom: 0.2rem;

	border-radius: 30px;

	transition: all 0.3s ease-in-out

}



header.indexH .headerContainer .wal .clickNav span {

	background: #fff

}



header.indexH.active .headerContainer .wal .clickNav span {

	background: #f33f3f

}



header .headerContainer .wal .clickNav.on span:first-child {

	transform: rotateZ(45deg)

}



header .headerContainer .wal .clickNav span:last-child {

	margin-bottom: 0;

	position: relative;

	top: 0px

}



header .headerContainer .wal .clickNav.on span:last-child {

	transform: rotateZ(-45deg);

}



header .headerContainer .wal .clickNav.on span:nth-child(2) {

	opacity: 0;

}



header .nav.phoneShow {

	width: 100%;

	height: 100%;

	background: #f2f2f2;

	position: fixed;

	top: 2rem;

	z-index: 10000;

	overflow: hidden;

	transition: all 0.3s ease;

	transform: translateY(-120%)

}



header .nav.phoneShow.active {

	overflow: scroll;

	transform: translateY(-0.5%)

}



header ul.tabs>li {

	border-top: 1px solid #c6c6c6;

	position: relative;

	transform: translateY(-50px);

	opacity: 0;

	background: #f2f2f2;

}



header .nav.phoneShow.active ul.tabs>li {

	animation: d3 0.3s forwards

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(1) {

	animation-delay: 0.5s

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(2) {

	animation-delay: 0.54s

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(3) {

	animation-delay: 0.58s

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(4) {

	animation-delay: 0.62s

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(5) {

	animation-delay: 0.66s;

}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(6).active{max-height:50rem}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(6) {

	animation-delay: 0.68s;

	overflow: hidden;

	max-height:1.8rem;

	transition: all 1s ease;

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(7) {

	animation-delay: 0.7s

}



@keyframes d3 {

	0% {

		transform: translateY(-50px);

		opacity: 0;

	}



	100% {

		transform: translateY(0);

		opacity: 1;

	}

}



header ul.tabs>li:after {

	content: "";

	position: absolute;

	top: 0.85rem;

	right: 0.8rem;

	width: 0.33rem;

	height: 0.19rem;

	background: url("../images/img7.png") no-repeat;

	background-size: cover;

	transition: transform 0.3s ease

}



header ul.tabs>li.active:after {

	transform: rotateZ(180deg)

}



header .nav.phoneShow.active ul.tabs>li:nth-last-child(2):after{display: none}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(3):after{display: none}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(7):after{display: none}



header ul.tabs>li:last-child {

	border-bottom: 1px solid #c6c6c6

}



header ul.tabs>li>a {

	font-size: 0.56rem;

	color: #3b3b3b;

	line-height: 1.8rem;

	display:block;

	padding: 0 1.1rem;

}

header ul.tabs>li>a:hover {

	font-size: 0.56rem;

	color: #3b3b3b;

	line-height: 1.8rem;

	display:block;

	padding: 0 1.1rem;

}

header ul.tabs ul.second>li>div {

	font-size: 0.52rem;

	line-height: 1.5rem;

	padding-left: 1.8rem

}



header ul.tabs ul.ending {

	background: #d7d7d7;

	padding-bottom: 0.5rem;

	height: 0;

	transition: height 0.5s ease;

	overflow: hidden;

	padding-bottom: 0

}



header ul.tabs ul.ending>li {

	transition: all 1s ease;

	position: relative;

	top: -20%;

	opacity: 0

}

header ul.tabs ul.ending>li:last-child a{border-bottom: none}

header ul.tabs ul.ending>li:nth-last-child(1) {

	transition-delay: 0.16s

}



header ul.tabs ul.ending>li:nth-last-child(2) {

	transition-delay: 0.2s

}



header ul.tabs ul.ending>li:nth-last-child(3) {

	transition-delay: 0.24s

}



header ul.tabs ul.ending>li:nth-last-child(4) {

	transition-delay: 0.28s

}



header ul.tabs ul.ending>li:nth-last-child(5) {

	transition-delay: 0.32s

}



header ul.tabs ul.ending>li:nth-last-child(6) {

	transition-delay: 0.36s

}



header ul.tabs ul.ending>li:nth-last-child(7) {

	transition-delay: 0.4s

}



header ul.tabs ul.ending>li:nth-last-child(8) {

	transition-delay: 0.44s

}



header ul.tabs ul.ending.on>li {

	opacity: 1;

	top: 0

}



header ul.tabs ul.ending>li a {

	padding-left: 1.8rem;

	font-size: 0.52rem;

	color: #333;

	border-bottom: 1px solid #c0c0c0;

	display:block;

	line-height: 3em

}



header ul.tabs ul.second {

	height: auto;

	overflow: hidden;

	transition: height 0.5s ease;

	background: #d7d7d7;

}

header ul.tabs ul.second li ul.ending{background: #a5a5a5}



header ul.tabs ul.second>li {

	border-top: 1px solid #c0c0c0;

	transform: translateY(-20%);

	transition: all 1s ease;

	opacity: 0

}



header ul.tabs ul.second.on>li {

	opacity: 1;

	transform: translateY(0%)

}



header ul.tabs ul.second>li:nth-last-child(1) {

	transition-delay: 0.16s

}



header ul.tabs ul.second>li:nth-last-child(2) {

	transition-delay: 0.2s

}



header ul.tabs ul.second>li:nth-last-child(3) {

	transition-delay: 0.24s

}



header ul.tabs ul.second>li:nth-last-child(4) {

	transition-delay: 0.28s

}



header ul.tabs ul.second>li:after {

	content: "";

	width: 0.33rem;

	height: 0.19rem;

	background: url("../images/img7.png") no-repeat;

	background-size: cover;

	position: absolute;

	top: 0.65rem;

	right: 1.92rem;

	transition: transform 0.3s ease

}



header ul.tabs>li:nth-child(2) .second.on>li.on_1:after {

	transform: rotateZ(180deg)

}



@media screen and (min-width: 350px) {

	header ul.tabs>li:nth-child(1)>ul.on {

		height: 12.5rem

	}

	header .en-us ul.tabs>li:nth-child(1)>ul.on{height:12.7rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(1) .ending {

		height: 9.36rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(1) .ending{height: 7.9rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(2) .ending {

		height: 7.8rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(2) .ending{height: 4.7rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(3) .ending {

		height: 9.36rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(3) .ending{height: 4.7rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(4) .ending {

		height: 6.24rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(4) .ending{height: 11.1rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(5) .ending {

		height: 10.92rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(6) .ending {

		height: 9.36rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(7) .ending {

		height: 6.24rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(8) .ending {

		height: 4.68rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(9) .ending {

		height: 10.92rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(10) .ending {

		height: 6.24rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(11) .ending {

		height: 3.12rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(12) .ending {

		height: 4.68rem

	}

	header ul.tabs>li:nth-child(3)>ul.on {

		height: 12.5rem

	}

	header ul.tabs>li:nth-child(4)>ul.on {

		height: 6.25rem

	}

	header ul.tabs>li:nth-child(7)>ul.on {

		height: 9.36rem

	}

	header .nav.phoneShow.en-us ul.tabs>li:nth-child(5)>ul.on{

		height: 6.3rem;

	}



}



@media screen and (max-width: 349px){

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(1) .ending {

		height: 10.32rem;

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(1) .ending{height: 12rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(2) .ending {

		height: 8.6rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(2) .ending{height: 5.1rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(3) .ending {

		height: 10.32rem;

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(3) .ending{height: 5.1rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(4) .ending {

		height: 6.88rem

	}

	header .en-us ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(4) .ending{height:15.4rem}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(5) .ending {

		height: 12.04rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(6) .ending {

		height: 10.32rem;

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(7) .ending {

		height: 6.88rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(8) .ending {

		height: 5.16rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(9) .ending {

		height: 12.04rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(10) .ending {

		height: 6.88rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(11) .ending {

		height: 3.44rem

	}

	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(12) .ending {

		height: 5.16rem

	}

	header ul.tabs>li:nth-child(3)>ul.on {

		height: 13.76rem

	}

	header ul.tabs>li:nth-child(4)>ul.on {

		height: 6.88rem

	}

	header ul.tabs>li:nth-child(7)>ul.on {

		height: 10.32rem;

	}

}



header ul.tabs>li:nth-child(2)>ul.on {

	min-height: 6.2rem

}



header ul.tabs>li:nth-child(2)>ul.on.hei0 {

	height: 100%

}





















header ul.tabs>li:nth-child(2) .second.on>li.on_1 .ending li {

	opacity: 1;

	top: 0

}



header .nav.phoneShow .share {

	text-align: right;

	padding: 0.8rem 0 1.5rem 0

}



header .nav.phoneShow .share img {

	height: 1.15rem;

	margin: 0 0.5rem;

	opacity: 0;

	left: 50px;

	position: relative;

}



header .nav.phoneShow.active .share img {

	animation: d4 0.3s forwards

}



header .nav.phoneShow.active .share a:nth-child(1) img {

	animation-delay: 0.6s

}



header .nav.phoneShow.active .share a:nth-child(2) img {

	animation-delay: 0.7s

}



header .nav.phoneShow.active .share a:nth-child(3) img {

	animation-delay: 0.8s

}



@keyframes d4 {

	0% {

		opacity: 0;

		left: 50px;

	}



	100% {

		opacity: 1;

		left: 0;

	}

}



header .nav.phoneShow .business {

	opacity: 0;

	position: relative;

	left: 50px;

}



header .nav.phoneShow.active .business {

	animation: d4 0.3s forwards;

	animation-delay: 0.9s

}



header .nav.phoneShow .business .wal {

	padding-left: 0.5rem;

	font-size: 0.52rem;

	color: #7a7a7a;

}



header .nav.phoneShow .business .wal span {

	display: block;

	font-size: 0.6rem;

	color: #000;

	line-height: 1rem;

	padding-left: 1rem;

	position: relative;

}

header .nav.phoneShow .business .wal span:nth-child(2) b{display: block;    width: 0.6rem;  height: 0.6rem;  background: url(../images/img50.png) no-repeat;  background-size: cover;  position: absolute;  left: 0;  top: 50%;transform: translateY(-50%)}

header .nav.phoneShow .business .wal span:nth-child(3) b{display: block;  width: 0.6rem;  height: 0.6rem;  background: url(../images/img51.png) no-repeat;  background-size: cover;  position: absolute;  top: 50%;  left: 0;transform: translateY(-50%)}





header .nav.phoneShow .business .wal i{font-style: normal;font-size: 0.48rem;color: #7a7a7a}



header .nav.phoneShow .business .wal em {

	display: block;

	font-size: 0.8rem;

	line-height: 1.5rem;

	color: #000

}



.mLanguage{width:0.9rem;height: 0.9rem;background: url("../images/earth.png") no-repeat;background-size: cover;position: relative;top: 50%;transform: translateY(-50%);margin-right: 1rem;z-index: 11000}

.mLanguage:after{

	content: "";

	background: url(../images/img7.png) no-repeat;

	background-size: cover;

	width: 0.33rem;

	height: 0.19rem;

	position: absolute;

	top: 50%;

	right: -0.6rem;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transform: translateY(-50%);

}

.mLanguage.on:after{

	transform: translateY(-50%) rotateZ(180deg);

	transform-origin: 50%;

}





.mLanguageSlide{position: absolute;top: 1.2rem;left:150%;transform: translateX(-50%);width: 3.89rem;height:0rem;background: url("../images/mLanguageSlide.png") no-repeat;background-size: cover;padding-left: 0.8rem ;transition: all 0.3s ease;overflow: hidden;z-index: 10000}

.mLanguageSlide a{display:block;color: #666;font-size: 0.56rem;line-height: 2em;position: relative}

.mLanguageSlide a:after{content: "";display: block;position: absolute;top:50%;left:-15%;width: 5px;height: 5px;background: #2096d4;border-radius: 50%;transform: translateY(-50%);display: none}

.mLanguageSlide a.active{color: #333}

.mLanguageSlide a.active:after{display: block}

.mLanguageSlide a.active{}

.mLanguage.on .mLanguageSlide{height: 5.66rem;padding-top: 0.5rem}

.newsTab .tab li {

	border: 1px solid #c6c6c6;

	padding: 0.37rem;

	margin-bottom: 0.4rem

}



.newsTab .tab li .left {

	margin-bottom: 0.3rem

}



.newsTab .tab li .left .tittle {

	font-size: 0.56rem;

	color: #333;

	padding-top: 0.8rem;

	position: relative;

	padding-bottom: 0.52rem;

    font-weight: bold;

    line-height: 1.5em;

}



.newsTab .tab li .left .tittle .date {

	top: 0;

	right: 0;

	position: absolute;

	color: #999999;

	font-size: 0.48rem;

	line-height: 0.6rem

}



.newsTab .tab li .left .msg {

	color: #666666;

	font-size: 0.52rem;

	line-height: 0.84rem

}



.newsTab .tab li .right {

	width: 100%;

	height: 9.74rem;

	background: #000

}



.newsTab .wal span {

	display: block;

	text-align: center;

	font-size: 0.56rem;

	color: #333;

	padding-top: 1.3rem

}



.newsTab .wal {

	padding-top: 0.65rem;

}



.newsTab {

	border-top: 1px solid #f0f0f0

}

.newsTab .tab li .left.left_shehui {

	margin-top: 0.3rem

}

.newsContent {

	border-top: 1px solid #f0f0f0

}



.newsContent .wal {

	padding: 1rem 0.3rem;

	border-bottom: 1px solid #7d7d7d

}



.newsContent .wal .tittle {

	color: #333;

	font-size: 0.56rem;

	line-height: 1rem

}



.newsContent .wal .date {

	color: #999;

	font-size: 0.48rem;

	line-height: 0.6rem

}



.newsContent .wal .content {

	padding-top: 0.5rem

}



.newsContent .wal .content p {

	font-size: 0.52rem;

	line-height: 0.84rem;

	color: #666;

	margin-bottom: 0.6rem

}



.newsContent .wal .content p img {

	width: 100%

}