#header{
	height:105px;
	background:#fff;
}
#header .left{
	height:105px;
	display:flex;
	align-items:center;
}
#header .left img{
	max-width:100%;
	max-height:105px;
}

#header .right .nav{
	float:left;
}

#header .right .nav ul{
	display:flex;
    align-items:center;
	height:105px;
	padding:0px;
	margin:0px;
}
#header .right .nav ul li{
	margin:0 18px;
	position:relative;
	height:100%;
	line-height:105px;
}
#header .right .nav ul li>a{
	display:inline-block;
	color:#000;
	font-size:16px;
	text-decoration:none;
	height:50px;
	line-height:50px;
	padding:0 10px;
	transition: 0.2s;
	-moz-transition: 0.2s;	
	-webkit-transition: 0.2s;	
	-o-transition: 0.2s;
	
}
#header .right .nav ul li>a:hover{
	background:red;
	color:#fff;
}
#header .right .nav ul li>a.active{
	background:red;
	color:#fff;
}

#header .right .search{
	float:right;
	padding:0 10px;
	height:105px;
	line-height:105px;
}
#header .right .search a{
	color:#666;
	text-decoration:none;
}
#header .right .search span{
	font-size:24px;
	cursor:pointer;
}
#header .right .search span:hover{
	color:red;
}

#header .right .nav ul li .c1{
	position:absolute;
	top:93px;
	z-index:99999;
	display:none;
}
#header .right .nav ul li .c1 .icon{
	width:10px;
	height:10px;
	background:red;
	margin:0 auto;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	position:relative;
	top:5px;
	z-index:999;
}
#header .right .nav ul li .c1 .list{
	background:#fff;
	width:260px;
	line-height:36px;
	border-top:2px solid red;
	position:relative;
	z-index:1000;
}
#header .right .nav ul li .c1 .list a{
	display:block;
	color:#333;
	padding:0 15px;
	text-decoration:none;
	height:40px;
	line-height:40px;
}
#header .right .nav ul li .c1 .list .item:hover .c2{
	display:block;
}

#header .right .nav ul li .c1 .list a .arrow{
	float:right;
}
#header .right .nav ul li .c1 .list .item{
	position:relative;
}
#header .right .nav ul li .c1 .list .c2{
	width:260px;
	background:#dfe3e5;
	position:absolute;
	top:0px;
	right:-260px;
	display:none;
}
#header .right .nav ul li .c1 .list .c2 a{
	position:relative;
}
#header .right .nav ul li .c1 .list .c2 a:hover{
	color:red;
	background:#dfe3e5;
}
#header .right .nav ul li .c1 .list .c2 a:hover:before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:12px;
	width:1px;
	height:15px;
	background:red;
}



#header .right .nav ul li .c1 .list a:hover{
	background:#e4e4e4;
}

/* 端动移端导行 */

.mNav{
	position:fixed;
	top:0px;
	width:100%;
	height:50px;
	border-bottom:1px solid#eee;
	z-index:9999999;
	background:#fff;
}
.mNav .mlogo{
	width:65%;
	float:left;
}
.mNav .mlogo img{
	height:30px;
	margin-top:10px;
	margin-left:10px;
}


#navIcon{
	float:right;
	height:30px;
	width:30px;
	margin:10px 10px;
}
#navIcon .line{
	display:block;
	width:100%;
	height:3px;
	background:#666;
	position:relative;
	transition: 0.3s;
	-moz-transition: 0.3s;	
	-webkit-transition: 0.3s;	
	-o-transition: 0.3s;
	
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); 	/* Opera */
	transform-origin:right;
}
#navIcon .l2{
	margin:8px 0;
	width:25px;
	position:relative;
	right:-4px;
	z-index:998;
}

#navIcon.active .l1{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 	/* IE 9 */
	-moz-transform:rotate(-45deg); 	/* Firefox */
	-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:rotate(-45deg); 	/* Opera */
	transform-origin:right;
	z-index:999;
}
#navIcon.active .l2{
	background:#fff;
}
#navIcon.active .l3{
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
	transform-origin:right;
	z-index:999;
}

.mNav .navList{
	position:absolute;
	top:50px;
	background:#fff;
	width:100%;
	box-shadow:0 5px 5px #eee;
	display:none;
	z-index: 999;
	overflow:auto !important;
}
.mNav .navList .item{
	border-bottom:1px solid #eee;
}
.mNav .navList .item a{
	display:block;
	line-height:45px;
	color:#333;
	text-indent:15px;
	text-decoration:none;
}
.mNav .navList .item a:hover{
	background:#eee;
}
.mNav .navList .item a.active{
	background:red;
	color:#fff;
}

.mNav .navList .child{
	border-left:1px solid #ddd;
	margin-left:15px;
	margin-bottom:5px;
}
.mNav .navList .child a{
	border-bottom:1px solid #fafafa;
}

@media (max-width: 1600px) {
    #header .right .nav ul li{
		margin:0 10px;
	}
}
@media (max-width: 1200px) {
    #header .right .nav ul li{
		margin:0px;
	}
}

@media (max-width: 750px) {
    #header{
		height:50px;
	}
}




.topimg img{
	width:100%;
}
.lead{
	height:62px;
	box-shadow:0 5px 5px #eee;
	margin:0px;
	position:relative;
	z-index:9999;
}
.lead ul{
	text-align:center;
	margin:0px;
	white-space: nowrap;
	overflow: auto;
}
.lead ul li{
	display:inline-block;
	padding:0 35px;
}
.lead ul li a{
	color:#333;
	display:block;
	height:62px;
	line-height:64px;
	border-bottom:2px solid fff;
	font-size:16px;
	text-decoration:none;
	padding:0 10px;
}
.lead ul li a:hover{
	color:red;
	border-bottom:2px solid red;
}
.lead ul li.active a{
	color:red;
	height:62px;
	border-bottom:2px solid red;
}


@media (max-width: 750px) {
	.lead ul li {
		padding: 0 10px;
	}
	
   
	
}
.history{
	min-height:840px;
	background:url(/tpl/pb_en/block/history/img/history_bg.jpg)no-repeat center bottom;
	padding:70px 0;
}

.history .titleText{
	margin-bottom:30px;
}
.history .titleText img{
	display:block;
	margin:15px auto;	
}
.history .titleText .t1{
	text-align:center;
	font-size:15px;
	color:#bbbbbb;
	
}
.history .titleText .t2{
	text-align:center;
	font-size:32px;
	letter-spacing:1px;
}
.history .titleText .t2 span{
	position:relative;
	z-index:9999;
	padding:10px;
}
.history .titleText .t2 span:before{
	content:'';
	display:block;
	width:200%;
	height:1px;
	background:#dddddd;
	position:absolute;
	left:-200%;
	top:28px;
}
.history .titleText .t2 span:after{
	content:'';
	display:block;
	width:200%;
	height:1px;
	background:#dddddd;
	position:absolute;
	right:-200%;
	top:28px;
}
.history .content{
	margin:10px auto 180px auto;
	max-width:980px;
}
.history .content .item{
	border-bottom:1px solid #ccc;
	min-height:55px;
	line-height:55px;
	font-size:16px;
	color:#666;
	display:flex;
	align-items:auto;
	
}
.history .content .item .desc p{
	line-height:24px;
	padding-top:15px;
}
.history .content .item .year{
	background:#f7f7f7;
	display:inline-block;
	padding-right:20px;
	width:120px;
	text-align:right;
	margin-right:20px;
	font-size:18px;
	flex-shrink:0;
}


@media (max-width: 750px) {
	.history{
		padding:30px 0;
		min-height:auto;
		overflow:hidden;
	}
	.history .titleText .t2 span:before{
		width:50%;
		left:-50%;
	}
	.history .titleText .t2 span:after{
		width:50%;
		right:-50%;
	}
	.history .titleText .t2{
		font-size:24px;
	}
}





#footer{
	background:#2b3034;
}
#footer .row{
	padding:0 8%;
	position:relative;
}
#footer .item{
	width:20%;
	float:left;
	margin-bottom:60px;
}
#footer .item h3{
	color:#fff;
	font-weight:700;
	font-size:21px;
	padding:30px 0 10px 0;
}
#footer .item ul li{
	padding:5px 0;
}
#footer .item ul li a{
	color:#afafaf;
	font-size:16px;
}

#footer .cp{
	clear:both;
	color:#afafaf;
	border-top:1px solid #4b4f51;
	line-height:50px;
}
#footer .cp .right{
	float:right;
	color:#afafaf;
}

@media (max-width: 750px) {
	#footer .row{
		display:flex;
		padding:15px;
		flex-wrap:wrap;
	}
	
    #footer .item{
		width:33.333%;
		margin-top:10px;
		margin-bottom:10px;
		flex-shrink:0;
	}
	 #footer .item h3{
		 padding:0px;
	 }
	
}