footer{background: #282a36;padding: 60px 0 0;}
.f_left{float: left;width: 40%;margin-top:-25px;}
.f_nav {margin-top: 5px;}
.f_nav a{display: inline-block;line-height: 10px;border-right:1px solid rgba(255,255,255,.1);padding: 0 13px;color:rgba(255,255,255,.5)}
.f_nav a:last-child{border-right: 0;}
.f_nav a:first-child{padding-left: 0;}
.f_nav a:hover{color:#fff}

.f_nav p{line-height: 35px;font-size: 14px;color:rgba(255,255,255,.8)}
.f_nav p font{display: inline-block;margin-right: 20px;vertical-align: middle;}

.f_right{float: right;text-align: center;}
.f_right p{color:#fff}
.container1{ width:1440px; margin:0 auto;}
.bq{margin-top: 30px;border-top: 1px solid rgba(255,255,255,.1);padding: 20px 0;}
.bq p{float: left;color:rgba(255,255,255,.5);margin-right: 8px;}
.f_left{float:left;}
.f_right{float: right;}
.f_right span{font-size: 12px;color:#fff;}
.f_right a{width: 26px;height: 26px;padding-left: 0 !important;margin: 0 6px 0 0 !important; color:#fff;}
.f_right img{width: 180px;}

@media only screen and (max-width:1660px){
.f_nav a{padding: 0 8px;}
.f_left{float: left;width: 38%;}
.f_left .f_logo{width: 350px;}
.f_right img{width: 150px;}
}

 
header{position: fixed;z-index: 5;width: 100%;}
.logo{float: left;margin-top:14px;}
.logo img:nth-child(2){display: none;}
.seach{float: right;border: 1px solid rgba(255,255,255,.5);height:33px;border-radius: 33px;margin-top: 42px;}
.seach input{border: none;outline: none;background: transparent;padding-left: 20px;color:#fff;width: 120px;line-height: 30px;height: 30px;}
.seach input::-webkit-input-placeholder {color: rgba(255,255,255,.5);}
.seach button font{color:#fff;margin-right: 15px;}
.nav{margin-top: 50px;float: right;margin-right: 120px;}
.nav>li{display: inline-block;margin-right: 30px;position: relative;padding-bottom: 30px;}
.nav>li:last-child{margin-right: 0;}
.nav>li>a{color:#fff;font-size: 16px;}
.nav>li.ac>a,.nav>li>a:hover{border-bottom: 2px solid rgba(255,255,255,.8);padding-bottom: 9px;}
.btn{float: right;width: 40px;height: 40px;border-radius: 2px;background: #0091cc;margin-top: 14px;position: relative;z-index: 50;display: none;}
.btn span{display: block;margin: 0 auto ;width: 20px;height: 3px;background: #fff;margin-top: 17px;position: relative;}
.btn span:before{display: block;content:'';margin: 0 auto ;width: 20px;height: 3px;background: #fff;margin-top: -7px;position: absolute;}
.btn span:after{display: block;margin: 0 auto ;width: 20px;height: 3px;background: #fff;margin-top: 7px;position: absolute;content:'';}
.btn.ac span{background: rgba(0,0,0,0);}
.btn.ac span:before{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}
.btn.ac span:after{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff;}
header.white{box-shadow: 0 0 20px rgba(0,0,0,.2);}


.cbl {position: fixed;right: 0;top:50%;transform: translateY(-50%);z-index: 7;transform: translateX(173px);}
.cbl li{border-bottom-left-radius: 8px;border-top-left-radius: 8px;background: #0c6eb3;margin-bottom: 3px;position: relative;cursor: pointer;}
.cbl li div{width: 58px;height: 58px;line-height: 58px;display: inline-block;text-align: center;}
.cbl li div h6{width: 33px;height: 33px;border-radius: 50%;line-height: 33px;border: 1px solid rgba(255,255,255,.2);display: inline-block;color:#fff;font-size: 18px;}
.cbl li span{display: inline-block;line-height: 58px;color:#fff;font-size: 18px;font-weight: bold;padding-right: 20px;}
.cbl li:nth-child(1):hover {transform: translateX(-173px);}
.cbl li:hover{background: #0081cc;}
.cbl li:last-child div{height: 38px;line-height: 38px;}
.cbl li:last-child h6{line-height: 38px;border: none;}
.nav>li ul{position: absolute;left: 50%;transform: translateX(-50%);width: 490%;background: rgba(255,255,255,.97);box-sizing: border-box;padding:65px 0 55px 55px ;top: 75px;display: none;}
.nav>li ul:before{
	content:'';display: block;width: 0;height: 0;border:6px solid rgba(255,255,255,.97) ;border-color: transparent transparent rgba(255,255,255,.97) transparent;
	position: absolute;left: 50%;top: 0;transform: translateX(-50%) translateY(-12px);	
}

.nav>li ul li{margin-bottom: 26px;}
.nav>li ul h6{font-size: 12px;color:rgba(153,153,153,.8);line-height: 18px;text-transform: uppercase;}
.nav>li ul h5{color:rgba(51,51,51,.8);line-height: 21px;position: relative;display: inline-block;}
.nav>li ul h5:before{content:'';display: inline-block;vertical-align: middle;height: 2px;width:0;background: #0081cc;}
.nav>li ul h6:before{content:'';display: inline-block;vertical-align: middle;height: 2px;width:0;background: transparent;}
.nav>li ul li:hover h5{transform: translateY(-18px);font-size: 18px;color:#0081cc;line-height: 23px;}
.nav>li ul li:hover h6{transform: translateY(21px);color:#0081cc}
.nav>li ul li:hover h5:before,.nav>li ul li:hover h6:before{width: 40px;margin-right: 5px;}
.bq p a{color:rgba(255,255,255,.5);}
.bq .container>div:nth-child(2){float: left;}