@charset "utf-8";

.pcShow {

	display: block;

}



.phoneShow {

	display: none;

}



.padShow {

	display: none

}



.wal {

	width: 24rem;

	margin: 0 auto

}



header {

	width: 100%;

	height: 1.58rem;

	position: relative;

	box-shadow: 0 0 12px #dcdbdb;

}



header.transparent {

	position: absolute

}



header .bg {

	position: absolute;

	width: 100%;

	opacity: 0;

	height: 1.58rem;

	background: #fff;

	z-index: 9;

}

header.headerSlide .bg{height: 1rem}



header .bg.on_1 {

	animation: d5 0.3s forwards;

	animation-delay: 0.4s

}



header .bg.on {

	opacity: 1

}



@keyframes d5 {

	0% {

		opacity: 1

	}



	100% {

		opacity: 0

	}

}



header .wal {

	height: 100%;

	position: relative

}



header .headerContainer .wal .navList {

	height: 1.58rem;

}



header .headerContainer {

	position: relative;

	z-index: 10

}



header .headerContainer .wal .logo {

	float: left;

	height: 1.58rem;

}
header .headerContainer .wal .ad {

	float: left; font-size:0.25rem; color:#333;
	height: 1.58rem; line-height:1.58rem; margin-left:0.3rem

}


header .headerContainer .wal .logo a {

	display:block;

	vertical-align: middle;

	width: 2.53rem;

	height: 1.1rem;

	position: relative;

	top: 50%;

	transform: translateY(-50%);

}

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





header.transparent .headerContainer .wal .logo a {

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

	background-size: cover

}



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

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

	background-size: cover

}



header .headerContainer .wal .navList li {

	display: inline-block;

	margin: 0 0.4rem;

	line-height: 1.58rem;

	cursor: pointer

}



header .headerContainer .wal .navList li.menu,header .headerContainer .wal .navList li.menu_about {

	margin:0;

}



header .headerContainer .wal .navList li>a {

	font-size: 0.29rem;

	color: #333;

	display: block;

	line-height: 1.58rem;

	transition: color 0.3s ease

}



header .headerContainer .wal .navList li>a:hover {

	color: #2096d4;

}



header .headerContainer .wal .navList li div.tab {

	display: inline-block;

	padding: 0 0.3rem

}



header .headerContainer .wal .navList li div.tab span {

	color: #333;

	display: block;

	line-height: 1.58rem;

	font-size: 0.29rem;

	height: 100%;

	transition: color 0.3s ease;

	position: relative;

	z-index: 1002

}

header .headerContainer .wal .navList li div.tab span:hover,header .wal .navList li div.tab span.on {

	color: #333!important;

}

header .headerContainer .navBg {

	overflow: hidden;

	height: 0;

	width: 100%;

	background: #fff;

	position: absolute;

	top: 1.5rem;

	left: 0;

	z-index: 1000;

	transition: height 0.5s;

	box-shadow: 0 12px 50px -18px #dcdbdb;

}

header .headerContainer.headerSlide .navBg{top: 1rem}

header.headerSlide .headerContainer .navBg{top: 0.9rem}



header .headerContainer .navBg.active {

	height: 5.5rem;

}



header .headerContainer .tab .container>a {

	position: absolute;

	right: 0;

	bottom: 30px;

	line-height: 1em;

	font-size: 0.28rem;

	color: #484848;

	border-bottom: 1px solid #484848;

	opacity: 0;

}

header .headerContainer .tab .container.active>a{

	animation: dd1 0.3s ease-in  forwards;

	animation-delay: 0.7s;

}

@keyframes dd1 {

	0%{opacity: 0}

	100%{opacity: 1}

}









header .headerContainer .container {

	position: absolute;

	top: 1.48rem;

	left: 0;

	overflow: hidden;

	background: #fff;

	z-index: 1001;

	width: 100%;

	height: 0rem;

}

header .headerContainer.headerSlide .container{top: 1rem}

header.headerSlide .headerContainer .container{top: 1rem}



header .headerContainer .tab:first-child .container.active {

	padding-top: 0.5rem

}

header .headerContainer .tab:first-child .container.active .content{width: 22%;margin:0 1.5% }



header .headerContainer .container.active {

	animation: d1 0.5s forwards

}

header .headerContainer .menu_about .container.active {

	animation: ddd1 0.5s forwards

}

@keyframes d1 {

	0% {

		height: 0;

	}



	100% {

		height:8rem;

	}

}

@keyframes ddd1 {

	0% {

		height: 0;

	}



	100% {

		height: 5rem;

	}

}

header.transparent .headerContainer .wal .navList li>a {

	color: rgba(254,254,254,0.7)

}



header.transparent .headerContainer .wal .navList li div.tab span {

	color: rgba(254,254,254,0.7)

}



header.transparent .headerContainer .wal .navList li>a:hover {

	color: #fff

}



header.transparent.active .headerContainer .wal .navList li>a {

	color: #999

}



header.transparent.active .headerContainer .wal .navList li div.tab span {

	color: #999

}



header.transparent.active .headerContainer .wal .navList li>a:active {

	color: #333

}



header .pcShow .container .content {

	float: left;

	position: relative;

	left: 80px;

	opacity: 0;

	margin-left: 1.7rem;

	top: 0;

	transition: all 0.3s ease;

}

header .pcShow .container.nav_pro>.content {

	height: 50%;

}

header .pcShow .tab:nth-child(2) .container .content:hover{top: -20px;}







header .pcShow .container.active .content {

	animation: d2 1s forwards;

}



header .pcShow .container.active .content:nth-child(2) {

	animation-delay: 0.1s

}



header .pcShow .container.active .content:nth-child(3) {

	animation-delay: 0.2s

}



header .pcShow .container.active .content:nth-child(4) {

	animation-delay: 0.3s

}



header .pcShow .container.active .content:nth-child(5) {

	animation-delay: 0.4s

}



header .pcShow .container.active .content:nth-child(6) {

	animation-delay: 0.5s

}





@keyframes d2 {

	0% {

		left: 80px;

		opacity: 0

	}



	100% {

		left: 0;

		opacity: 1

	}

}



header .pcShow .container .content .tittle a {

	font-size: 0.4rem;

	color: #333333; text-align:left; line-height: 2.5em;
    margin: 0 0 1em 0;border-bottom:solid 1px #ddd;

	padding-left: 0;


}



header .pcShow .container .content a {

	display: block;

	line-height: 2.15em;

	font-size: 0.28rem;

	color: #484848;

	margin-bottom: 0.15rem;

	transition: color 0.3s ease

}



header .pcShow .container .content a:hover {

	color: #2096d4;

}



header .pcShow .container .content .imgDiv img {
	padding-right: 16px;


}
<!--height: 3.2rem-->


header .pcShow .container .content p {

	font-size: 0.28rem;

	color: #666666;

	text-align: center;

	transition: all 0.3s ease;

}

header .pcShow .container .content:hover p{color: #2096d4}



header .pcShow .tab:nth-child(2) .container .content {

	margin-left: 0rem;

	width: 12.5%;

	text-align: center;

}

header .pcShow .tab:nth-child(2) .container.active {

	padding-top: 1.2rem

}

header .pcShow .tab:nth-child(3) .container .content {

	margin-left: 0rem;

	width: 25%;

	text-align: center;

}

header .pcShow .tab:nth-child(3) .container.active {

	padding-top: 1.2rem

}

.language {

	font-size: 0.32rem;
	color: #666;
	background:url(../images/tel.png) no-repeat left center; padding-left:0.5rem;
	line-height: 1.56rem;
	margin-left: 0.5rem
}




.language a {

	display: inline-block;

	font-size: 0.29rem;

	color: #333;

	transition: color 0.3s ease;

	border-bottom: 2px  solid transparent;

	line-height: 1.2em;

	padding:0 0.06rem;

	margin:0 0.05rem;

}



.language a.active {

	border-color: #999;

}

.language a:hover{	color: #2096d4;border-color: #2096d4}



header .headerContainer.headerSlide .wal .navList li div.tab span{line-height: 1rem}

header .headerContainer.headerSlide .wal .navList li>a{line-height: 1rem}

header .headerContainer.headerSlide .wal .navList li{line-height: 1rem}

header .headerSlide .language{line-height: 1rem}

header .headerContainer.headerSlide .wal .logo a{width: 1.92rem;height: 0.54rem}

header .headerContainer.headerSlide .wal .logo{line-height: 1rem;height: 1rem}

@keyframes h1 {

	0%{top: -1rem}

	100%{top:0rem}

}

header .menu_about .tab:first-child .container .content a {

    padding-left: 0;

}

header .pcShow .menu_about .container .content a {

	margin-bottom: 0.4rem;

}

.newsTab {

	padding-top: 1.4rem;

	border-top: 1px solid #f0f0f0

}



.newsTab .tab li {

	border: 1px solid #c6c6c6;

	padding: 0.17rem;

	padding-left: 0.8rem;

	margin-bottom: 0.2rem;

	padding-right: 0.8rem;

}



.newsTab .tab li .right {

	width: 6.08rem;

	height: 4.56rem;

	float: right

}



.newsTab .tab li .right img {

	width: 100%

}



.newsTab .tab li .left {

	float: left;

	width: 15rem

}



.newsTab .tab li .left .msg {

	color: #666666;

	font-size: 0.28rem;

	line-height: 0.54rem

}



.newsTab .tab li .left .tittle {

	font-size: 0.36rem;

	color: #333;

	padding-top: 0.85rem;

	position: relative;

	padding-bottom: 0.45rem

}

.newsTab .tab li .left .tittle a{display: inline-block;width: 90%}



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

	position: absolute;

	right: 0;

	top: 0.95rem;

	color: #999999;

	font-size: 0.28rem;

	line-height: 0.36rem;

}



.newsTab .wal span {

	display: block;

	text-align: center;

	font-size: 0.32rem;

	color: #333;

	padding-top: 0.7rem;

	padding-bottom: 1.8rem

}

.newsTab .tab li .right.right_shehui {

	width: 6.08rem;

	height: 4.56rem;

	float: left;

}

.newsTab .tab li .left.left_shehui {

	float: right;

	width: 15rem

}

.newsContent {

	border-top: 1px solid #f0f0f0

}



.newsContent .wal {

	padding: 1rem 1.8rem;

}



.newsContent .wal .tittle {

	color: #333;

	font-size: 0.36rem;

	line-height: 0.6rem

}



.newsContent .wal .date {

	color: #999;

	font-size: 0.28rem

}



.newsContent .wal .content {

	padding-top: 0.5rem

}



.newsContent .wal .content p {

	font-size: 0.28rem;

	line-height: 2em;

	color: #666;

	margin-bottom: 0.5rem

}



.newsContent .wal .content p img {

	width: 100%

}