@charset "UTF-8";
button{-webkit-appearance:button;cursor:pointer;border:0}
.search-form-inner input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


@-webkit-keyframes fade-zoom-in{
	0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
	100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-o-keyframes fade-zoom-in{
	0%{opacity:0;-o-transform:scale(1.1);transform:scale(1.1)}
	100%{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes fade-zoom-in{
	0%{opacity:0;-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
	100%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes waver{
	0{transform:scale(1,1)}
	50%{transform:scale(1.5,1.5)}
	100%{transform:scale(1,1)}
}
@-moz-keyframes waver{
	0{-moz-transform:scale(1,1)}
	50%{-moz-transform:scale(1.5,1.5)}
	100%{-moz-transform:scale(1,1)}
}
@-webkit-keyframes waver{
	0{-webkit-transform:scale(1,1)}
	50%{-webkit-transform:scale(1.5,1.5)}
	100%{-webkit-transform:scale(1,1)}
}
@-o-keyframes waver{
	0{-o-transform:scale(1,1)}
	50%{-o-transform:scale(1.5,1.5)}
	100%{-o-transform:scale(1,1)}
}
@-webkit-keyframes rotate{
	from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
	from{-moz-transform:rotate(0)}
	to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate{
	from{-ms-transform:rotate(0)}
	to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate{
	from{-o-transform:rotate(0)}
	to{-o-transform:rotate(360deg)}
}
@keyframes rotate{
	from{transform:rotate(0)}
	to{transform:rotate(360deg)}
}


.search-form{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-animation:fade-zoom-in .3s forwards;-o-animation:fade-zoom-in .3s forwards;animation:fade-zoom-in .3s forwards;display:none;z-index:100;-webkit-backface-visibility:hidden;overflow:hidden}
.search-form .search-form-inner{max-width:640px;padding:0 20px;margin:auto;position:absolute;width:100%;left:0;right:0;height:285px;top:-100px;bottom:0}
.search-form-inner p{margin-top:10px;color:#a0a0a0;text-align:center;font-size:20px}
.search-form.is-visible{display:block}
.search-form .search-form-box{position:relative;margin-bottom:40px}
.search-form input{background:#fff;display:inline-block;line-height:58px;height:58px;color:#949494;font-size:15px;border-radius:3px;padding:0 20px;width:100%;border:1px solid #e2e2e2;text-align:left;-webkit-appearance:none}
.search-form button{background:#000;display:inline-block;line-height:58px;height:58px;width:100px;color:#fff;font-size:15px;padding:0 25px;margin:0;border-radius:0 3px 3px 0;position:absolute;right:0;top:0}
.search-form input::-webkit-input-placeholder{color:#949494}
.search-form input:-moz-placeholder{color:#949494}
.search-form input::-moz-placeholder{color:#949494}
.search-form input:-ms-input-placeholder{color:#949494}
.search-commend{position:relative}
.search-commend h4{position:relative;font-size:16px;margin:0 0 20px}
.search-commend ul li{display:inline-block;margin-bottom:10px;margin-right:10px}
.search-commend ul li a{display:inline-block;line-height:1;padding:10px 20px;border:1px solid #e2e2e2;border-radius:2px;color:#949494}
.search-commend ul li a:hover{color:#273746;border-color:#273746}

.close-nav{display:block;position:absolute;top:0;left:71%;width:50px;height:50px;cursor:pointer;background:#fff}
.close-bottom,
.close-top{position:absolute;left:14px;background:#333;width:22px;height:2px;transition:.3s}
.close-top{top:19px}
.close-bottom{bottom:19px}
.close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(0,5px) rotate(225deg)}
.close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(0,-5px) rotate(135deg)}

.close-nav{display:block;position:absolute;top:10px;left:10px;width:50px;height:50px;cursor:pointer;background:#fff}
.close-search,
.close-weixin{display:block;position:absolute;top:10%;right:10%;width:80px;height:80px;cursor:pointer;background:#fff}
.close-search .close-nav{display:block;position:absolute;top:10px;left:10px;width:50px;height:50px;cursor:pointer;background:#fff}
.close-top .close-bottom,
.close-top .close-top{position:absolute;left:9px;background:#333;width:60px;height:1px;transition:.3s}
.close-search .close-bottom,
.close-search .close-top,
.close-weixin .close-bottom,
.close-weixin .close-top{width:45px;left:16px}
.close-search .close-top,
.close-weixin .close-top{top:34px}
.close-search .close-bottom,
.close-weixin .close-bottom{bottom:34px}
.close-search:hover .close-top,
.close-weixin:hover .close-top{-webkit-transform:translate(0,5px) rotate(225deg);transform:translate(0,5px) rotate(45deg)}
.close-search:hover .close-bottom,
.close-weixin:hover .close-bottom{-webkit-transform:translate(0,-5px) rotate(135deg);transform:translate(0,-5px) rotate(315deg)}
.nav-menu{left:-100%;width:70%}
.nav-menu.toggle-nav{left:0}
.close-nav{display:block}

.form-search {font-family: "Microsoft Yahei","微软雅黑","Arial Narrow","HELVETICA"}

@media screen and (max-width:767px){
	.search-form{top:0}
	.close-search{width:50px;height:50px;top:15px;right:10px}
	.close-search .close-bottom,
	.close-search .close-top{width:22px;left:12px;height:2px}
	.close-search .close-top{top:19px}
	.close-search .close-bottom{bottom:19px}
	.search-form .search-form-inner{padding:75px 20px 0;height:auto;top:0;border-top:1px solid #f1efef}
	.search-form .search-form-box{margin-bottom:20px}
	.search-form input{font-size:15px;line-height:45px;height:45px}
	.search-form button{line-height:45px;height:45px;width:80px}
	.search-commend{text-align:left}