.wrapper{width:1200px; margin:0 auto;}
#header{z-index:90; width:100%; height:84px; background:#fff; border-bottom:1px solid #eee; text-align:center; transition:0.5s ease-out;}
#header .wrapper{position:relative;}
#header.color_header{background:#fff;}
#header h1{float:left; margin-top:31px;}
#header h1 a{display:block; width:275px; height:23px; background:url(../images/common/logo.svg) no-repeat 50% 50%;background-size:100%; font-size:0px;}
#header .area_util{float:right; margin-right:120px; margin-top:30px;}
#header .area_util ul{display: block; width:auto; background-color: rgba(255,255,255,0.12);}
#header .area_util ul li{position:relative; float:left;}
#header .area_util ul li a{position:relative; padding:0 22px; font-size:15px; font-weight:700; color:#555; transition:all 0.3s ease-out 0s;}
#header .area_util ul li a.login:before{content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 7px; background: url(../images/common/user.png)no-repeat; background-size: contain; }
#header .area_util ul li a:after{content:""; position:absolute; top:2px; left:0; width:1px; height:14px; background:#ddd;}
#header .area_util ul li:first-child a:after{background:none !important;}
#header .area_util ul li:last-child a{padding-right:0}
#header .area_util ul li:first-child a{padding-left:0}
footer {padding: 35px 10px 55px 10px; background-color: #293240; color: #b8bdc3; font-size: 14px; line-height: 16px; text-align: center;}

.ask{position:absolute; right:0; top:28px;}
.ask a{display:inline-block; padding:4px 15px; border-radius:10px; background:#1a63a6; color:#fff; font-size:15px;}
@media screen and (max-width:1280px){
	.wrapper{width:96%;}

}

@media screen and (max-width:767px){
	.ask{z-index: 50; top:75px;}
	.ask a{display:block; line-height:40px; width:80px; height:40px; padding:0; background:#82ad00; border-radius:0; text-align:center; font-size:14px;}
	#header{height:74px;}
	#header h1{margin-left:10px; margin-top:27px;}
	#header h1 a{width:200px; height:20px;}
	#header .wrapper{width:100%;}
	#header .area_util{margin-top:26px; margin-right:10px;}
	#header .area_util ul li a{padding:0 12px; font-size:13px;}

	footer{font-size:13px;}
	
	.wrapper{width:94%;}

}

@media screen and (max-width:420px){
		#header h1 a{width:170px;}
	#header .area_util ul li a.login:before{display:none;}

}

@media screen and (max-width:375px){
	#header h1 a{width:140px;}
	#header .area_util ul li a{padding:0 7px; font-size:11px;}

}

@media all and (max-width:767px){
	body,
	p,
	li,
    a{font-family: 'Montserrat', Sans-serif; font-size:14px;}

}