header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
.logo{
	float: left;
	margin-top: 23px;
	margin-left: 70px;
}
.dianhua{
	float: left;
	margin-top: 23px;
	margin-left: 10px;
    font-weight: bold;
    color: red;
    font-size: 18px;
	
}
.logo.ac img:nth-child(2){
	display: none;
}
.logo.ac img:nth-child(1){
	display: inline-block;
}
header.white .logo img:nth-child(1){
	display: block !important;
	 
}
header.white .logo img:nth-child(2){
	display: none !important;
	 
}
.menu{
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	text-align: center;

	background: #ee1c25;
	float: right;
	margin-top: 23px;
	font-size: 0;
	margin-right: 75px;
	line-height: 0;
}
.menu a{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
	box-sizing: border-box;
	padding-top: 15px;
}
.menu span{
	display: inline-block;
	width: 20px;
	height: 2px;
	background: #fff;
	margin-bottom: 5px;
}
.language{
	float: right;
	margin-right: 21px;
	margin-top: 30px;
}
.language a{
	display: inline-block;
	line-height: 27px;
	text-align: center;
	border-radius: 27px;
	width: 107px;
	color:#fff;
	background: #ee1c25;	
}
.language a.color{
	background: #0066b1;
}
.seach{
	float: right;
	margin-right: 20px;
	margin-top: 30px;
}
header:hover .seach h6,header.white  .seach h6{
	color:#091b3b
}
.seach h6{
	color:#fff;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	line-height: initial;
}
.seach h6.color{
	color:#1f304e
}
.seach form{
	display: inline-block;
	vertical-align: middle;
}
.seach input{
	border: none;
	outline: none;
	border-bottom: 1px solid #0066b1;
	background: transparent;
	width: 0;
	overflow: hidden;
	line-height: 30px;
	height: 30px;
}
.seach input.ac{
	width: 150px;
}
.seach input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #0066b1;
}
.seach input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #0066b1;
}
.seach input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #0066b1;
}
.seach input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #0066b1;
}
.nav {
	font-size: 0;
	float: right;
	margin-right: 25px;
}
.nav>ul{
	font-size: 0;
}
.nav>ul>li{
	display: inline-block;
	position: relative;
}
.nav>ul>li>a{
	font-size: 18px;
	color:#fff;
	text-align: center;
	line-height: 90px;
	padding: 0 30px;
	display: inline-block;
}
.nav>ul>li>ul ul{
	/*display: none;*/
}
.nav>ul>li>ul{
	position: absolute;
	left: 0;
	font-size: 0;
	width: 2000px;
	background: rgba(0,102,177,.8);
	display: none;
}
.nav>ul>li:hover>a{
	/*font-weight: bold;*/
	background: #ee1c25;
	/*line-height: ;*/
}
.nav>ul>li>ul>li{
	display: inline-block;
	width: 235px;
	text-align: center;
	line-height: 64px;
	position: relative;

}

.nav_al>ul>li{
	width: auto !important;
	padding:0 40px;
}
.nav>ul>li>ul>li:after{
	content:"";
	display: inline-block;
	height: 2px;
	width: 0;
	position: absolute;
	left: 50%;
	bottom: -2px;
	background: #ee1c25;
}
.nav>ul>li>ul>li:hover:after{
	width: 100%;
	left: 0;
}
.nav>ul>li>ul>li a{
	color:#fff
}
.nav>ul>li>ul ul{
	position: absolute;
	width: 100%;
	text-align: left;
	background: #fff;
	padding: 25px 5px 30px 10px;
	box-sizing: border-box;
	display: none;
	left: 0;
}
.nav>ul>li>ul ul h6{
	display: inline-block;
	font-size: 10px;
	color:#ee1c25;
	margin-right: 15px;
	vertical-align: middle;
	line-height: 36px;
	opacity: 0;
	
}
.nav>ul>li>ul ul a{
	color:#282828
}
.nav>ul>li>ul ul a:hover h6{
	opacity: 1;
}
.nav>ul>li>ul ul a:hover {
	color:#ee1c25
}
.menu:hover{
	background: #0066b1;
}
.language:hover a{
	background: #0066b1;
}
.language:hover a.ac{
	background: #ee1c25;
}
header:hover,header.white{
	background: #fff;
}

header:hover .nav>ul>li>a,header.white .nav>ul>li>a{
	color:#091b3b
}
.nav>ul>li:hover>a{
	color:#fff !important
}
footer{
	background: #282828;
	padding-top: 72px;
}
.f_left{
	display: inline-block;
	width: 72%;
	vertical-align: bottom;
}
.f_left>a{
	display: inline-block;
	margin-bottom: 20px;
}
.f_left h5 p{
	display: inline-block;
	margin-right: 14px;
	color:#fff
}
.f_left h5 {
	color:rgba(255,255,255,.4)
}
.f_left h5 span{
	font-weight: bold;
	font-size: 18px;
}
.f_nav{
	font-size: 0;
	border-top: 1px solid rgba(255,255,255,.1);
	padding-top: 27px;
	margin-top: 20px;
}
.f_nav a{
	line-height: 11px;
	display: inline-block;
	padding: 0 12px;
	color:#fff;
	border-right: 1px solid rgba(255,255,255,.1);
}
.f_nav a:hover{
	color:#0066b1
}
.f_right{
	width: 28%;
	text-align: right;
	display: inline-block;
	vertical-align: bottom;
}
.f_ewm{
	text-align: center;
	display: inline-block;
	
}
.f_ewm img{
	margin-bottom: 17px;
}
.f_ewm span{
	color:rgba(255,255,255,.4);
	font-size: 14px;
	display: block;
}
footer .container{
	box-sizing: border-box;
	padding: 0 57px;
}
.bq{
	margin-top: 70px;
	border-top: 1px solid rgba(255,255,255,.1);
}
.bq p{
	float: left;
	line-height: 50px;
	font-size: 12px;
	color:rgba(255,255,255,.2)
}
.bq .container div{
	float: right;
	font-size: 0;
}
.bq a{
	line-height: 50px;
	display: inline-block;
	padding: 0 15px;
	position: relative;
	color:rgba(255,255,255,.4)
}
.bq a:hover{
	color:#fff
}
.bq a:after{
	content:'';
	display: inline-block;
	width: 1px;
	height: 11px;
	background: rgba(255,255,255,.1);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.bq a:last-child:after{
	display: none;
}
.cbl{
	position: fixed;
	right: -198px;
	top: 50%;
	transform: translateY(-50%);
}
.cbl li div{
	width: 50px;
	height: 50px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.cbl li{
	background: #e7e7e7;
	margin-bottom: 2px;
	position: relative;
	right: 0;
}
.cbl li:first-child:hover{
	right: 198px;
}
.cbl li a{
	display: block;
}
.cbl li div img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: none;
}
.cbl li div img:nth-child(1){
	display: block;
}
.cbl li:hover div img:nth-child(1){
	display: none;
}
.cbl li:hover div img:nth-child(2){
	display: block;
}
.cbl li:hover{
	background: #EE1C25;
}
.cbl li span{
	padding: 0 15px;
	line-height: 50px;
	color:#ffffff;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}
.btn{
	float: right;
	width: 58px;
	height: 58px;
	border-radius: 2px;
	margin-top: 67px;
	position: relative;
	z-index: 50;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	display: none;
}

.btn.n{
	margin-top: -10px !important;
}

.btn span{
	display: block;
	margin: 0 auto ;
	width: 20px;
	height: 3px;
	background: #EE1C25;
	/*margin-top: 17px;*/
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.btn span:before{
	display: block;
	content:'';
	margin: 0 auto ;
	width: 20px;
	height: 3px;
	background: #EE1C25;
	margin-top: -7px;
	position: absolute;
}
.btn span:after{
	display: block;
	margin: 0 auto ;
	width: 20px;
	height: 3px;
	background: #EE1C25;
	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);
}
.btn.ac span:after{
	margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.f_share{
	display: inline-block;vertical-align: bottom;
	margin-bottom: 30px;
	margin-right: 20px;
}
.f_share a{
	background-position: center center !important;
	background-image: url(../images/qq2.png) !important;
	background-size: 65%;
	border-radius: 50%;
	background-color: #535353;
}
.f_share a:hover{
	background-color: #EE1C25;
}