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(0,0,05,0.5);}
.logo{margin-left:60px;width:270px;height:51px;background: red;display: inline-block;vertical-align: middle;background: url(../images/logo1.png) no-repeat center center;}
.nav{float: right;color: white;margin-right: 15px;}
.nav a{color: white;font-size:16px;margin-right: 15px;margin-left:15px;}

.nav_btn,.sousuo{display: inline-block;vertical-align: top;}

.sousuo{float: right;width: 240px;height: 100%;text-align: center;}
.sousuo a{color:#fff;font-size: 16px;vertical-align:middle;}
.sousuo span{font-size:16px;color:white;}
.sousuo span:before{content: '';display: inline-block;vertical-align:middle;width:1px;height:16px;background:rgba(250,250,250,.8);margin:0 10px}


header.active .sousuo,header.active .nav{transform: translateX(1000px);}
.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:#E60012;}
.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);}
.nav_btn.active i:nth-child(2){transform: rotate(-45deg) translateY(-10px);}
header.active1 .nav_btn i{background: #E60012;}

header.active1 {background: rgba(255,255,255,1);}
header.active1 .logo{background: url(../images/logo.png) no-repeat center center;}
header.active1 .nav a, header.active1 .nav{color: #333;}
header.active1 .sousuo a{ color:#333;}
header.active1 .sousuo span:before{content: '';display: inline-block;vertical-align:middle;width:1px;height:16px;background:rgba(0,0,0,.8);margin:0 10px}





.cbl{width: 70px;position: fixed;right:0;top:44%;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(204, 12, 27, 0.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: #CC0C1B;margin-bottom: 5px;}
.cbl span p{}
.cbl li aside{width: 174px;display: inline-block;vertical-align: top;background:rgba(204, 12, 27,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:#CC0C1B;}
.cbl li:hover span i{color: white;}

.nav a:hover, .nav a.active {color: #CC0C1B;font-weight: bold;}
header.active1 .nav a:hover{color: #CC0C1B;font-weight: bold;}


.pagezay{ letter-spacing:3px; text-align:center; margin:15px 0px;}
.pagezay span{ border:1px solid #ccc; padding:10px; margin-right:10px;}
.pagezay a{ border:1px solid #ccc; padding:10px; margin-right:10px;}