﻿@charset "utf-8";
/*header*/
ul,li{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt{margin:0;padding:0;}
input,select,option,button{display:block;margin:0;padding:0;outline:none;}
a{text-decoration:none;}
img{display:block;border:none;}
body{margin:0;padding:0;}

.header{width:100%;height:100px;background: #fff;}	
.header .headerbox{max-width:1400px;width:98%;margin:0 auto;}
.header .headerbox .logobox{height:56px;padding:22px 0;float:left;}
.header .headerbox .logobox img{width:238px;height:56px;}
.header .headerbox .headnavbox{float:right;height:100px;}
.header .headerbox .headnavbox ul{float:left;}
.header .headerbox .headnavbox ul li{float:left;height:100px;margin:0 1px 0 0;}
.header .headerbox .headnavbox ul li a{display:block;font-family:"微软雅黑";font-size:18px;line-height:100px;text-align:center;color:#081c22;padding:0 6px;width:100px;height:0;background:#fff;transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;text-decoration: none;}
.header .headerbox .headnavbox ul li:hover a{color:#fff;height:100px;background:#195b67;}
.header .headerbox .headnavbox ul li.navactive a{color:#fff;height:100px;background:#195b67;}
.searchbox{float:left;position:relative;}
.searchbox a{display:block;width:32px;height:32px;padding:14px;margin:20px 0;cursor:pointer;}	
.searchbox a img{width:32px;height:32px;}
.searchbox .searchinput{width:964px;height:100px;background:#fff;position:absolute;right:0;top:0;z-index:1;display:none;}
.searchbox .searchinput .closesearchbtn{display:block;float:left;width:32px;height:32px;padding:14px 10px;margin:20px 10px 20px 0;cursor:pointer;}	
.searchbox .searchinput .inputtext{width:824px;height:60px;float:left;margin:20px 0;padding-left:10px;background:#f5f5f5;font-family:"微软雅黑";font-size:18px;line-height:60px;color:#333;border:none;}
.searchbox .searchinput button{width:60px;height:60px;float:right;margin:20px 0;border:none;cursor:pointer;background:#fff;}
.searchbox .searchinput button img{width:32px;height:32px;margin:14px auto;}
@media (max-width:1280px){
	.header{width:100%;height:70px;background: #fff;}	
	.header .headerbox{width:1040px;}
	.header .headerbox .logobox{width:auto;height:40px;padding:15px 0;}
	.header .headerbox .logobox img{width:auto;height:40px;}
	.header .headerbox .headnavbox{height:70px;}
	.header .headerbox .headnavbox ul li{float:left;height:70px;}
	.header .headerbox .headnavbox ul li a{font-size:16px;line-height:70px;width:80px;}
	.header .headerbox .headnavbox ul li:hover a{color:#fff;height:70px;background:#195b67;}
	.header .headerbox .headnavbox ul li.navactive a{color:#fff;height:70px;background:#195b67;}
	.searchbox a{padding:14px;margin:5px 0;}
}