@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 .logo a {
	display:block;
	vertical-align: middle;
	width: 3.1rem;
	height: 0.86rem;
	position: relative;
	top: 50%;
	transform:translateY(-50%);
}
header .headerContainer .wal .logo a img{display: inline-block;width: 100%}

header.indexH .headerContainer .wal .logo a {
	background: url("img/logo01.png") no-repeat;
	background-size: cover
}

header.indexH.active .headerContainer .wal .logo a {
	background: url("img/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;
	overflow: hidden;
	max-height:1.8rem;
	transition: all 1s ease;
}
header .nav.phoneShow.active ul.tabs>li:nth-last-child(5).active{max-height:50rem}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(6) {
	animation-delay: 0.7s
}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(7) {
	animation-delay: 0.74s
}

@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("img/img7.png") no-repeat;
	background-size: cover;
	transition: transform 0.3s ease
}

header ul.tabs>li.active:after {
	transform: rotateZ(180deg)
}

header ul.tabs>li:last-child:after {
	display: none
}

header .nav.phoneShow.active ul.tabs>li:nth-last-child(3):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 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("img/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: 7.8rem
	}
	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: 3.1rem
	}
	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: 3.1rem
	}
	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: 9.4rem
	}
	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(3)>ul.on {
		height: 10.9rem
	}
	header ul.tabs>li:nth-child(5)>ul.on {
		height: 7.7rem
	}
	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: 8.6rem
	}
	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(1)>ul.on {
		height: 13.8rem
	}
	header ul.tabs>li:nth-child(2) .second.on>li.on_1:nth-child(2) .ending {
		height: 3.4rem
	}
	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: 3.4rem
	}
	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: 10.4rem
	}
	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(5)>ul.on {
		height: 8.5rem
	}
	header ul.tabs>li:nth-child(3)>ul.on {
		height: 12.1rem
	}
}

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(img/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(img/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
}
.indexFlash .slick-dots li{width: 8px;height: 8px;border: 1px solid #fff}
.indexFlash a.bannerA{position: relative;display: block;width: 100%}
.indexFlash a.bannerA.phoneShow{width: 100%;height: 9.52rem;background-position: center;background-size: cover;}



.indexFlash a.bannerA div{position: absolute;width: 100%;height: 1.88rem;background: rgba(00,00,00,.6);bottom: 0}
.indexFlash a.bannerA div p{line-height:1.2em;font-size: 0.6rem;color: #fff;position: relative;top: 50%;transform:translateY(-50%)}
.indexFlash .slick-slide:last-child a.bannerA div{display: none}

.indexFlash .slick-dots{bottom: 2.05rem}
.indexFlash .msg {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	z-index: 1000;
	transform:translateY(-50%);
}

.indexFlash .msg p {
	font-size: 1rem;
	color: #fff;
	z-index: 100;
	text-align: center
}

.indexFlash .slick-slide {
	position: relative;
	overflow: hidden
}

.indexFlash .slick-list {
	width: 100%
}

.indexFlash .msg a {
	width: 3.4rem;
	margin: 0 auto;
	color: #fff;
	font-size: 0.52rem;
	text-align: center;
	display: block;
}

.indexFlash .msg a .imgDiv {
	width: 2.66rem;
	height: 1.58rem;
	border: 0.04rem solid #fff;
	border-radius: 0.4rem;
	text-align: center;
	line-height: 1.58rem;
	margin: 0 auto;
	margin-bottom: 0.15rem
}

.indexFlash .msg a img {
	width: 0.27rem;
	margin-bottom: 0.05rem;
}

.pageTittle {
	padding-top: 3rem;
	padding-bottom: 1.45rem;
	text-align: center
}

/*.product .pageTittle {
	padding-top: 0;
}*/

.pageTittle div {
	text-align: center;
	font-size: 1rem;
	color: #333333;
	line-height: 1.2rem
}

.pageTittle p {
	text-align: center;
	font-size: 0.52rem;
	color: #666666;
	line-height: 3em
}

.pageTittle a {
	display: inline-block;
	font-size: 0.52rem;
	color: #666666;
	border-bottom: 1px solid #666;
	line-height: 0.48rem
}

.indexPart1 li {
	margin: 0 0.6rem;
	position: relative;
	border-bottom: 1px solid #a8a8a8;
	margin-bottom: 0.4rem
}
.indexPart1 li .imdDiv img{width: 100%}
.indexPart1 li p {
	height: 2rem;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #333;
	text-align: center
}

.indexPart1 li p span {
	text-align: center;
	display: block;
	color: #fffefe;
	font-size: 0.6rem;
	line-height: 2rem;
}

.indexPart1 li p span img {
	height: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.2rem
}

.indexPart1 li .msg {
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8
}

.indexPart1 li .msg a {
	display: block;
	margin: 0 0.4rem;
	padding: 0 0.55rem;
	font-size:16px;
	color: #484848;
	height: 4em;
	border-bottom: 1px solid #a8a8a8;
	/*;background: url("img/img13.png")98% center no-repeat;*/
	/*background-size: 6px*/
}
.indexPart1 li .msg a span{display: inline-block;line-height: 1.5em;position: relative;top: 50%;transform: translateY(-50%)}

.indexPart1 li .msg span a:last-child {
	border-bottom: none
}

.indexPart2 .tabs.phoneShow li {
	width: 100%;
	display: none;
}
.indexPart2 .tabs.phoneShow li:first-child{display: block}
.indexPart2 .tabs.phoneShow li:nth-child(2){display: block}
.indexPart2 .tabs.phoneShow li:nth-child(3){display: block}
.indexPart2 .tabs.phoneShow li .imgDiv {
	border-radius: 0.15rem;
	position: relative
}

.indexPart2 .tabs.phoneShow li .imgDiv img {
	border-radius: 0.15rem
}

.indexPart2 .tabs.phoneShow li .msg {
	text-align: center;
	height: 1.94rem;
	line-height: 1.94rem;
	background: rgba(255,255,255,.8);
	border-radius: 0 0 0.15rem 0.15rem;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

.indexPart2 .tabs.phoneShow li .intro {
	text-align: center;
	padding-top: 0.5rem;
	padding-bottom: 0.9rem;
	font-size: 0.56rem;
}

.indexPart2 .tabs.phoneShow li .intro img {
	height: 1.4rem
}

.indexPart2 .tabs.phoneShow li .msg img {
	display: inline-block;
	vertical-align: middle;
	width: 2.7rem;
}

.indexPart2 .tabs.phoneShow li .msg span {
	font-size: 0.56rem;
	display: inline-block;
	line-height: 1.94rem;
	vertical-align: middle;
	color: #333
}

.indexPart2 .tabs.phoneShow + a {
	display: block;
	margin: 0 auto;
	width: 4.18rem;
	height: 1.28rem;
	text-align: center;
	line-height: 1.28rem;
	border: 0.04rem  solid #f33f3f;
	border-radius: 0.15rem;
	color: #ed2e31;
	font-size: 0.52rem
}

.indexPart3 .wal {
	padding-left: 0.2rem
}

.indexPart3 .wal>div {
	width: 100%
}

.indexPart3 .wal>div.newsIndex {
	padding-bottom: 3rem
}

.indexPart3 .wal>div .tittle {
	font-size: .72rem;
	color: #333;
	padding-bottom: .5rem
}

.indexPart3 .newsIndex ul {
	border-left: 1px solid #a6a6a6;
	padding-left:20px
}

.indexPart3 .newsIndex ul li {
	position: relative;
	padding-bottom: .7rem
}

.indexPart3 .newsIndex ul li:last-child {
	padding-bottom: 0
}
.indexPart3 .newsIndex ul{position: relative}
.indexPart3 .newsIndex ul:before{
	content: "";
	display: block;
	width: 4px;
	height:.75rem;
	position: absolute;
	background: #fff;
	left:-2px;
	bottom: 0;
}

.indexPart3 .newsIndex ul li:last-child a {
	font-size: .52rem;
	color: #333;
	border-bottom: 1px solid #333
}

.indexPart3 .newsIndex ul li:after {
	width:10px;
	height:10px;
	content: "";
	display: block;
	position: absolute;
	left:-26px;
	top: 0;
	background: #fff;
	border:1px solid #a6a6a6;
	border-radius: 100%
}

.indexPart3 .newsIndex ul li .msg,
.indexPart3 .zt .msg  {
	color: #333;
	font-size: .52rem;
	padding-bottom: .2rem
}

.indexPart3 .zt .msg {
	padding-top: .7rem;
}

.indexPart3 .newsIndex ul li .date {
	color: #999999;
	font-size: .48rem;
}

.indexPart3 .zt ul {
	overflow: hidden
}

.indexPart3 .zt ul li {
	margin-bottom: .35rem
}

.indexPart3 .zt ul li:nth-child(3) {
	display: none
}

.indexPart3 .zt ul li:nth-child(2) {
	margin-bottom: 0
}

.indexPart3 .zt ul li:nth-child(4) {
	display: none
}

.indexPart3 .zt ul li a {
	display: block;
	position: relative;
	width: 13.8rem;
	height: 10.4rem;
}

.indexPart3 .zt ul li a p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.55rem;
	background: rgba(00,00,00,.7);
	color: #FFF;
	text-align: center;
	line-height: 2.55rem;
	font-size: .75rem
}

.indexPart5 ul {
	overflow: hidden
}

.indexPart5 li {
	float: left;
	margin-right: .3rem;
	margin-bottom: .3rem
}

.indexPart5 li:nth-of-type(even) {
	margin-right: 0
}

.indexPart5 li:last-child {
	margin-right: 0
}
.indexPart5 li a div{width: 100%;height: 100%}
.indexPart5 li a {
	display: block;
	width: 6.75rem;
	height: 4.33rem;
}

.indexPart5 li a p {
	color: #fff;
	font-size: .75rem;
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	height: 2.55rem;
	background: rgba(00,00,00,.7);
	text-align: center;
	line-height: 2.55rem
}

.indexPart4 .container {
	position: relative;
	padding-bottom: 1.1rem
}

.indexPart4 .container>a {
	position: absolute;
	right: 0.28rem;
	bottom: 0;
	color: #3b3b3b;
	font-size: 0.52rem;
	line-height: 1.5em;
	border-bottom: 1px solid #3b3b3b;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.indexPart4 .container .content {
	overflow: hidden;
	height: 1.85rem;
	transition: all 0.3s ease
}

.indexPart4 .container .content a {
	display: inline-block;
	width: 4.5rem;
	margin-bottom: 0.1rem;
	border: 1px solid #d4d4d4;
}

@media screen and (max-width: 320px) {
	.indexPart4 .container .content a {
		width: 4.4rem
	}
}

.indexPart4 .container .tittle {
	font-size: 0.60rem;
	color: #333;
	padding-bottom: 0.45rem
}

.secondNav {
	position: relative
}

.secondNav .phoneShow:first-child {
	width: 100%;
	height: 1.6rem;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	font-size: 0.52rem;
	color: #666666;
	text-align: center;
	line-height: 1.6rem;
	background-color: #f7f7f7;
	position: relative
}
.secondNav .phoneShow:first-child span{display: inline-block;position: relative}
.secondNav .phoneShow:first-child span:after {
	content: "";
	background: url("img/img20.png") no-repeat;
	background-size: cover;
	width: 0.33rem;
	height: 0.19rem;
	position: absolute;
	top: 0.7rem;
	right: -.5rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.secondNav .phoneShow.active span:after {
	transform: rotateZ(180deg)
}

.secondNav .secondNavA {
	position: absolute;
	left: 0;
	top: 1.6rem;
	z-index: 900;
	width: 100%;
	display: none
}

.secondNav .secondNavA a {
	display: block;
	text-align: center;
	background: #d7d7d7;
	font-size: 0.52rem;
	color: #666666;
	line-height: 1.6rem;
	border-bottom: 1px solid #c0c0c0
}

.secondNav .secondNavA a:last-child {
	border-bottom: none
}

.hxjs li {
	padding-top: 2.3rem
}

.hxjs li .wal {
	border-bottom: 1px solid #c6c6c6;
	padding-bottom: 1.3rem
}

.hxjs li:last-child .wal {
	border-bottom: none
}

.hxjs li .left {
	width: 100%
}

.hxjs li .right {
	width: 13.8rem;
	margin: 0 auto;
	height: 7.76rem;
	border: 1px solid #d4d4d4;
	overflow: hidden;
}

.hxjs li .right video {
	border: none
}

.hxjs li .left .tittle {
	color: #333;
	font-size: 1rem;
	text-align: center;
	padding-bottom: 0.5rem
}

.hxjs li .left p {
	font-size: 0.52rem;
	color: #999;
	line-height: 2em;
	text-align: center;
	width: 12rem;
	margin: 0 auto;
	padding-bottom: 0.5rem
}

.hxjs li .right {

	position: relative
}

.hxjs li .right>a {
	display: block;
	margin: 0 auto;
	width: 1.73rem;
	height: 1.03rem;
	border-radius: 0.4rem;
	border: 0.04rem solid #fff;
	text-align: center;
	line-height: 1.03rem;
	transition: all 0.3s ease;
	position: absolute;
	z-index: 9;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
}

.hxjs li .right>a:hover {
	background: #f33f3f;
	border-color: #f33f3f
}

.hxjs li .right>a img {
	width: 0.27rem
}

.caseContainer .wal {
	padding-top: 1.6rem;
}

.caseContainer .wal .tab li {
	border: 1px solid #dcdcdc;
	margin-bottom: 0.8rem;
	padding: 0.37rem;
	padding-top: 0.9rem
}

.caseContainer .wal .tab li>div {
	width: 100%
}

.caseContainer .wal .tab li>div.left {
	overflow: hidden;
	position: relative;
	padding-bottom:1.3rem
}

.caseContainer .wal .tab li>div.left .imgDiv {
	float: left;
	height: 1.34rem;
	line-height: 1.34rem;
	margin-right: 0.4rem
}

.caseContainer .wal .tab li>div.right {
	width: 100%;
	height: 9.7rem;
	position: relative;
	overflow: hidden
}

.caseContainer .wal .tab li>div.right>img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%
}

.caseContainer .wal .tab li>div.right>a {
	display: block;
	width: 2.66rem;
	height: 1.58rem;
	border-radius: 0.4rem;
	border: 0.04rem solid #fff;
	text-align: center;
	line-height: 1.58rem;
	transition: all 0.3s ease;
	position: relative;
	z-index: 100;
	margin: 0 auto;
	margin-top: 4rem
}

.caseContainer .wal .tab li>div.right>a:hover {
	background: #f33f3f;
	border-color: #f33f3f
}

.caseContainer .wal .tab li>div.right>a img {
	width: 0.27rem
}

.caseContainer .wal .tab li>div.left .imgDiv img {
	width: 2.78rem
}

.caseContainer .wal .tab li>div.left .tittle {
	float: left;
	color: #333333;
	font-size: 0.56rem;
	/*line-height: 1.34rem;
	transform: translateY(-40%);*/
	width:9.5rem;
}

.caseContainer .wal .tab li>div.left .msg {
	clear: both;
	padding-top: 0.5rem;
	font-size: 0.52rem;
	color: #666666;
	line-height: 0.84rem;
}
.caseContainer .wal .tab li>div.left>div:last-child:not(.msg){color: #666;font-size: 0.52rem;margin-top: 0.5rem}
.caseContainer .wal .tab li>div.left>div:last-child:not(.msg) a{color: #666;font-size: 0.52rem;border-bottom: 1px solid #666}

.caseContainer .wal .tab li>div.left .little {
	position: absolute;
	right: 0;
	bottom: 0.5rem;
	font-size: 0.44rem;
	color: #666666
}

.caseContainer .wal .tab li>div.left .little img {
	width: 1.9rem
}

.newsBanner {
	display: none
}

.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
}

.aboutUs .banner img {
	width: 100%
}

.aboutUs .pageTittle {
	padding-top: 1.4rem;
	padding-bottom: 1.2rem
}

.aboutUs .container {
	width: 12.6rem;
	margin: 0 auto
}

.about_01 ul {
	overflow: hidden;
}

.about_01 li {
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 1.2rem
}

.about_01 li span {
	display: block;
	font-size: 1.92rem;
	text-align: center;
	color: #ed2e31;
	height: 3rem;
	line-height: 3rem
}

.about_01 li p {
	font-size: 0.56rem;
	color: #333;
	text-align: center
}

.aboutUs .content {
	font-size: 0.52rem;
	line-height: 1.8em;
	color: #666
}

.about_02 {
	background: url("img/img20.jpg")center center no-repeat;
	background-size: cover
}

.about_02 .pageTittle div {
	color: #fff
}

.about_02 .content {
	color: rgba(254,254,254,.7)
}

.about_03 .wal {
	padding-left: 0.9rem;
	padding-right: 1rem;
	padding-top: 0.6rem
}

.about_03 .wal li {
	border-left: 2px solid rgba(102,102,102,0.2);
	padding-top: 0.5rem;
	padding-left: 1rem
}

.about_03 .wal li:first-child {
	padding-top: 0
}

.about_03 .wal li div {
	font-size: 0.52rem;
	color: #666;
	padding: 0.6rem;
	background: #f5f5f5;
	border-radius: 10px;
	position: relative
}

.about_03 .wal li div:after {
	content: "";
	width: 0.72rem;
	height: 0.8rem;
	background: url("img/d1.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: -0.72rem;
	top: 50%;
	transform: translateY(-50%);
	display: block
}

.about_03 .wal li div:before {
	content: "";
	width: 0.48rem;
	height: 0.48rem;
	display: block;
	background: url("img/d2.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: -1.24rem;
	top: 50%;
	transform: translateY(-50%)
}

.aboutUs .culture ul {
	overflow: hidden
}

.aboutUs .culture ul li {
	float: left;
	width: 6.6rem;
}

.aboutUs .culture ul li:nth-of-type(odd) {
	margin-right: 0.6rem
}

.aboutUs .culture ul li:last-child {
	float: none;
	display: block;
	margin: 0 auto
}

.aboutUs .culture ul li p em {
	display: inline-block;
	font-size: 1.2rem;
	border-radius: 50%;
	border: 1px solid #333;
	width: 1.92rem;
	height: 1.92rem;
	color: #ed2e31;
	vertical-align: middle;
	margin-right: 0.45rem;
	text-align: center;
	line-height: 1.92rem
}

.aboutUs .culture ul li p span {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.56rem;
	color: #333
}

.aboutUs .culture ul li p {
	text-align: center;
	padding: 0.85rem 0
}

.aboutUs .culture .wal {
	padding-bottom: 1.5rem
}

.aboutUs .concateUs ul {
	overflow: hidden;
	width: 100%;
	padding: 1rem 0;
	padding-bottom: 0
}

.aboutUs .concateUs ul li {
	padding-bottom: 0.6rem;
	text-align: left;
	padding-left: 1.9rem
}

.aboutUs .concateUs ul li img {
	display: inline-block;
	vertical-align: middle;
	height: 0.8rem;
	margin-right: 0.5rem
}

.aboutUs .concateUs ul li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 0.52rem;
	color: #939393
}

.aboutUs .concateUs ul li span em {
	display: block;
	font-size: 0.6rem;
	color: #333333
}

.concateUs_ {
	width: 100%;
	height: 24.22rem;
	background: url("img/bg5.jpg")center no-repeat;
	background-size: cover;
	margin-bottom: 2.8rem
}

.concateUs_ .pageTittle div {
	color: #fff
}

.concateUs_ ul {
	overflow: hidden
}

.concateUs_ li {
	padding-bottom: 1rem
}

.concateUs_ li div {
	;padding: 0 2rem;
	color: #fff;
	font-size: .6rem;
	background: none!important;
}

.ourMission .banner {
	width: 100%;
	height: 9.2rem;
	background: url("img/img103.jpg")center no-repeat;
	background-size: cover;
	position: relative
}

.ourMission .banner span {
	color: #fff;
	font-size: 1rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 100%;
	left: 0;
	text-align: center
}

.ourMission p {
	font-size: .52rem;
	color: #666666;
	line-height: 1.8em;
}

.ourMission .wal {
    padding-top: 1.5rem;padding-bottom: 2.5rem;
}

.ourWay {
	padding-top: .8rem
}

.ourWay .wal {
	border-bottom: 1px solid #7d7d7d;
	overflow: hidden;
	padding-left: .2rem
}

.ourWay ul {
	margin: 0 auto;
	border-left: 1px solid #fbd5d6;
	padding-left: .35rem;
	margin-bottom: 1.2rem
}

.ourWay ul li {
	position: relative;
	font-size: .52rem;
	width: 100%;
	min-height: 2em;
	line-height: 2em;
	clear: both
}

.ourWay ul li div {
	float: left;
	position: relative;
}

.ourWay ul li div.date2 {
	margin-right: .5rem
}

.ourWay ul li div:nth-child(2) {
	max-width: 80%;
	margin-bottom: 0.5rem;
}

.ourWay ul li.date1 {
	font-size: 1.17rem;
	color: #ff4242;
}

.ourWay ul li.date1 div {
	float: none;
	position: relative;
}
.ourWay ul li.date1:first-child div:after{content: "";display: block;width: 3px;height:1.11rem;background: #fff;position: absolute;top:-0.1rem;left:-0.4rem}
.ourWay ul li:last-child div.date2:after{content: "";display: block;width: 3px;height:1.11rem;background: #fff;position: absolute;top:0.6rem;left:-0.4rem}
@media screen and (max-width:374px){
	.ourWay ul li:last-child div.date2:after{top: 0.7rem}
}

.ourWay ul li:before {
	content: "";
	display: block;
	width: .16rem;
	height: .16rem;
	background: url("img/img61.png") no-repeat;
	background-size: cover;
	text-align: center;
	position: absolute;
	left: -.45rem;
	top: 50%;
	transform: translateY(-50%)
}

.ourWay ul li.date1:before {
	content: "";
	display: block;
	width: .32rem;
	height: .32rem;
	background: url("img/img60.png") no-repeat;
	background-size: cover;
	text-align: center;
	position: absolute;
	left: -.53rem;
	top: 50%;
	transform: translateY(-50%)
}

.productBanner {
	position: relative
}
.productBanner .phoneShow{width: 100%;height:14.6rem;background-size: cover;background-position: center;}

.productBanner .container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.productBanner .container .wal {
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.productBanner .container .wal .intro {
	float: left;
	width: 50%
}

.productBanner .container .wal .imgDiv {
	float: left;
	width: 50%;
	text-align: center
}

.productBanner .container .wal .imgDiv img {
	display: inline-block;
	width: 4.18rem
}

.productBanner .container .wal .intro {
	width: 100%
}

.productBanner .container .wal .intro .tittle {
	font-size: 1rem;
	color: #fff;
	padding-left: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	text-align: center;
	padding-left: 0;
}

.productBanner .container .wal .intro .tittle span {
	position: absolute;
	top: 3.6rem;
	left: 0.4rem;
	font-size: 0.5rem;
	display: inline-block;
	padding: 0 0.5rem;
	height: 0.88rem;
	border-radius: 5px;
	text-align: center;
	line-height: 0.88rem
}

.productBanner .container .wal .intro .tittle span.green {
	background: #05c660
}

.productBanner .container .wal .intro .tittle span.brown {
	background: #aa7546
}

.productBanner .container .wal .intro .tittle span.blue {
	background: #0070b7
}

.productBanner .container .wal .intro .tittle span.red {
	background: #ed2e31
}

.productBanner .container .wal .intro .msg {
	font-size: 0.52rem;
	color: #fff;
	line-height: 1.5em;
	clear: both;
	width: 13.8rem;
	margin: 0 auto;
	text-align: center;
}

.product .msg_3 ul {
	overflow: hidden
}

.product .msg_3 ul li {
	margin-bottom: 0.2rem
}

.product .msg_3 ul li .intro {
	overflow: hidden
}

.product .msg_3 ul li .intro div {
	float: left;
	border: 1px solid #c6c6c6;
	width: 50%;
	height: 6.6rem;
	text-align: center;
	line-height: 6.6rem
}

.product .msg_3 ul li .intro div:first-child {
	border-right: none
}

.product .msg_3 ul li .intro div p {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	color: #666;
	font-size: 0.52rem;
	padding: 0 5%;
}
.product .msg_3 ul li .intro div p br{display: none;}


.product .msg_3 ul li .intro div p span {
	font-size: 1rem;
	color: #f33f3f;
}

.product .msg_3 ul li .intro div p span em {
	font-size: 0.28rem
}

.product .layout_3 li .msg {
	margin-bottom: 0.2rem;
}

.product .bIntro {
	text-align: center;
	line-height: 2em;
	font-size: 0.52rem;
	color: #666;
}

.product .lIntro {
	text-align: center;
	line-height: 2em;
	font-size: 0.52rem;
	color: #666;
	padding-top: 0.3rem;
	padding-bottom: 0.5rem
}

.product .layout_3 {
	padding-bottom: 2rem
}

.product .layout_2 {
	padding-bottom: 2rem
}

.product .layout_2 .msg {
	margin-bottom: 0.2rem
}

.product .layout_2 .msg .intro_l2 {
	font-size: 0.52rem;
	color: #666;
	line-height: 2em;
	padding: 0.6rem 0
}

.product .layout_2 li {
	padding-bottom: 0.4rem
}

.product .msg_2 ul {
	overflow: hidden
}

.product .msg_2 ul li {
	margin-bottom: 0.2rem
}

.product .msg_2 ul li .intro {
	overflow: hidden
}

.product .msg_2 ul li .intro div {
	float: left;
	border: 1px solid #c6c6c6;
	width: 50%;
	height: 6.6rem;
	text-align: center;
	line-height: 6.6rem
}

.product .msg_2 ul li .intro div:first-child {
	border-right: none
}

.product .msg_2 ul li .intro div p {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	color: #666;
	font-size: 0.52rem;
	padding:0 5%;
}
.product .msg_2 ul li .intro div p br{display: none}
.product .msg_2 ul li .intro div p span {
	font-size: 1rem;
	color: #f33f3f;
}

.product .msg_2 ul li .intro div p span em {
	font-size: 0.28rem
}

.notFound {
	border-top: 1px solid #dcdcdc
}

.notFound .wal {
	height: 15rem;
	line-height: 15rem;
}

.notFound .wal img {
	width: 7.82rem;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}

.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%
}

footer {
	margin-top: 1rem;
	background: #333
}

footer .msg {
	position: relative;
	margin-top: 0.8rem;
}

footer .msg .wal {
	font-size: 0.52rem;
	color: #7a7a7a;
	line-height: 2em;
	padding: 1rem 0;
}

footer .msg .tmp-wal {
	font-size: 0.52rem;
	color: #7a7a7a;
	line-height: 1em;
	padding: 0.5rem 0;
}

footer .msg .wal span {
	display: block;
}

footer .msg .wal:nth-child(2) {
	padding: 1rem 0;
	border-top: 1px solid rgba(255,255,255,0.2)
}

footer .msg .law {
	float: right;
width: 6rem;
}

footer .msg .law a {
	display: inline-block;
	font-size: 0.52rem;
	color: #7a7a7a;
	margin-left: 0.7rem
}

.tVideo {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11000;
	background: rgba(255,255,255,0.95);
	text-align: center;
}
.tVideo .videoContainer {
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.tVideo .videoContainer a,.erT .wal a {
	display: block;
	width: 0.78rem;
	height: 0.78rem;
	position: absolute;
	top: -1rem;
	right: 1rem;
}
.erT .wal a{top:auto;bottom: -2rem;right: 0;left: 50%;width:1.78rem;height: 1.78rem;transform: translateX(-50%)}
.tVideo .videoContainer a span:first-child,.erT .wal a span:first-child {
	transform: rotateZ(45deg);
}
.tVideo .videoContainer a span,.erT .wal a span {
	display: block;
	width: 0.78rem;
	height: 0.04rem;
	background: #999;
	transition: all 0.3s ease;
	transform-origin: 50% 50%;
	position: absolute;
	top: 50%;
	left: 0;
	border-radius: 25px;
}
.erT .wal a span{width: 1.78rem}
.tVideo .videoContainer a span:last-child,.erT .wal a span:last-child {
	transform: rotateZ(-45deg);
}
.erT{
	position: fixed;
	width: 100%;
	height: 100%;
	background:rgba(255,255,255,0.95);
	z-index: 10001;
	top: 0;
	left: 0;
	display: none;
}
.erT .wal{
	position: relative;
	top: 50%;
	transform: translateY(-50%) scale(0);
	text-align: center;
}
.erT.on .wal{animation: e1 0.6s forwards}
@keyframes e1 {
	0%{transform: translateY(-50%) scale(0);}
	50%{transform: translateY(-50%) scale(0);}
	100%{transform: translateY(-50%) scale(1);}
}


.erT .wal img{width: 100%;display: inline-block}

.mLanguage{width:0.9rem;height: 0.9rem;background: url("img/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(img/img20.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("img/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: #ed2e31;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}