header,.sousuo,.nav,.nav_btn i{
	transition: all .8s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);
}
.nav_btn{
	transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1) 0.4s;
}

header{/*overflow:hidden;*/line-height: 78px;box-sizing: border-box;height: 78px;z-index: 999;position: fixed;width: 100%;top:0;background:rgba(255,255,255,1);}
.logo{margin-left:10px;width:287px;height:70px; display: inline-block;vertical-align: middle;background: url(../images/logo.png) no-repeat center center; background-size: 100%;}


.nav{float: right;color: white;margin-right: 5px;}
.nav li{ position:relative; display:inline-block; padding:0 7px;}
.nav li a{color:#3e3e3e;font-size:15px; display:block; line-height: 78px;}
.nav li .submenu{ position:absolute; left:0; top:77px;   z-index:999; width:100%; /*border-top:1px solid #4e2da2*/ display:none}
.nav li .submenu dt{ width:130%; margin-left:-15%; height:40px; text-align:center; background:#fff; }
.nav li .submenu dt a{ font-size:16px; line-height:40px; color:#4a4a4a;display:block;}
.nav li .submenu dt a:hover{ background:#4e2da2; color:#fff; font-weight:lighter !important}

.nav_btn,.sousuo{display: inline-block;vertical-align: top;}
.sousuo{float: right;width: 100px; padding-left:20px  ;height: 100%;background:#4e2da2; border-left: 1px solid rgba(250,250,250,.4);/*background: rgba(0,0,0,.15);*/}
.sousuo a{  }
.sousuo i{color: white;font-size: 14px;display: inline-block;vertical-align:middle;}
.sousuo span{font-size:14px;color:white; vertical-align: middle;}
.sousuo span:before{content: '';display: inline-block;vertical-align:middle;width:1px;height:12px;background:rgba(250,250,250,.5);margin:0 10px}
.sousuo span.cn{ background:url(../images/icon-cn.png) no-repeat}
.sousuo span.en{ background:url(../images/icon-en.png) no-repeat}
.sousuo span img{ width:20px; vertical-align: middle; margin-right:10px; margin-top:-2px;}


.nav_btn {width: 50px;height: 50px;text-align: center;line-height: 1;background: transparent;position: fixed;top:15px;cursor: pointer;right:10px;}
.nav_btn i{display: inline-block;width: 25px;margin-top: 10px;height: 2px;/*background: white;*/ background:#4e2da2}
.nav_btn i:nth-child(1){margin-top: 17px;}
.nav_btn.active1{opacity: 0;}
header.active .nav_btn{right:50px;opacity: 1;}
.nav_btn.active i:nth-child(1){transform: rotate(45deg)translateY(10px); background:white}
.nav_btn.active i:nth-child(2){transform: rotate(-45deg) translateY(-10px); background:white}
header.active1 .nav_btn i{background: #4e2da2;}
/*header.active1{border-bottom: 1px solid lightgray;}*/
header.active1 .logo{background: url(../images/logo2.png) no-repeat center center; background-size:100%;}
header.active1 .nav a,header.active1 .nav{color: #4e2da2;}
header.active1 .sousuo{background: rgba(0,58,93,.5);}


.searchbox {
	position: absolute;
	top: 78px;
	height: 60px;
	line-height:60px;
	width: 100%;
	background: rgba(0,0,0,.35);
	display: none;
	text-align: center;
	display:none
}
.searchbox input[type=text] {
	width: 500px;
	height: 40px; 
	border: none;
	background: #fff;
	padding: 0 10px;
	font-size: 14px
}
.searchbox input[type=submit] {
	width: 120px;
	height: 40px;
	border: none;
	background: #4e2da2;
	font-size: 14px;
	color: #fff
}
.searchbox img {
	width: 35px;
	height: 35px; 
	margin-left: 10px;
	cursor: pointer
}




.cbl{width: 70px;position: fixed;right:0;bottom:5%;z-index: 3333;}
.cbl.active{display: none;}
.cbl li{margin-top: 2px;transition: 0.4s ease-in-out;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 70px;height: 70px;text-align: center;/*background: rgba(0,192,255,.2);*/box-sizing: border-box;padding: 15px 0;font-size: 12px;color: white;}
.cbl span i{transition: 0.4s ease-in-out;display: block;font-size: 40px;color:#4e2da2;margin-bottom: 5px;}
.cbl span p{}
.cbl li aside{width: 174px;display: inline-block;vertical-align: top;background:rgba(0,192,255,1);height: 70px;line-height: 70px;box-sizing: border-box;padding: 0 15px;font-size: 16px;color: white;font-weight: bold;text-align: center;}
.cbl li:nth-child(1){width: 250px;position: relative;left: 0;cursor: pointer;}
.cbl li:nth-child(1):hover{/*left: -176px;*/}
.cbl li:hover span{/*background:  rgba(0,192,255,1);*/ background:#4e2da2}
.cbl li:hover span i{color: white;}


.nav a:hover, .nav a.active {color: #4e2da2;font-weight: bold;}
.englishas{display:inline-block;vertical-align:middle;padding:5px 15px;background:#396cbc;font-size:14px !important;color:white;text-transform:uppercase;float: right;height: 14px;line-height: 14px;margin-top: 28px !important;
margin-right: 20px;border-radius:7px}
.nav .englishas:hover{color: white !important;font-weight: initial !important;}

header.active1 .nav .englishas{color: white;}