@charset "utf-8";
/*全局*/

.fr {
	float: right;
}

.fl {
	float: left;
}

.wrap {
	width: 100%;
	float: left;
}

.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.main {
	width: 100%;
	height: auto;
	float: left;
	clear: both;
}

body {
	min-width: 1200px;
	min-height: 100%;
	color: #333;
	font-size: 13px;
	padding-top: 96px;
	background: #;
	font-family:"gothic",arial, "microsoft yahei";
	-webkit-font-smoothing: antialiased;
}
:focus{outline:none;}

body ul,
body ol {
	list-style: none;
}

body em {
	font-style: normal;
}

body input,
body textarea,
body select {
	border: none;
	outline: none;
}

img,div,em,i,h3,span{
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}



/*top*/

.header_bk {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	box-sizing: border-box;
}
.header_bg{background: #fff;box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);}
.header {
	width: 1200px;
	height: 96px;
	margin: 0 auto;
	position: relative;

}

.header .logo {
	width: 400px;
	height: 75px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image:url(logo.png);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	margin-top: 10px;
	float: left;
}
.header .logo.b {
	background-image: url(logo_b.png);width: 306px;height: 53px;margin-top: 10px;}
.header .nav {
	width: auto;
	float: right;
	height: 100%;
}

.header .nav li {
	width: auto;
	height: 100%;
	float: left;
	position: relative;
	margin-left: 20px;
}

.header .nav li a.nav_link{
	display: block;
	text-align: center;
	line-height: 96px;
	height: 96px;
	padding:0 20px;
	font-size: 15px;
	position: relative;
	color: #333;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .nav li a.b {
	height: 70px;
	line-height: 70px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	color: #333;
}

.header .nav li a.nav_link b {
	display: block;
	width: 0;
	height: 1px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	position:relative;
	left: 0;
	bottom: 20px;
	background: #33B7B4;
}

.header .nav li a:hover,
.header .nav li a.on {
	color: #33B7B4;
}

.header .nav li a:hover b,
.header .nav li a.on b {
	width: 100%;
}

.header .lang {
	width: auto;
	position: absolute;
	right: 0;
	top: 34px;
}

.header .lang.b {
	top: 20px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.header .lang li {
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 10px;
}

.header .lang li a {
	color: #333;
	display: block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	border: 1px #333 solid;
	text-align: center;
	border-radius: 100%;
	overflow: hidden;
}

.header .lang li a:hover,
.header .lang li a.on {
	background: #333;
	color: #fff;
}






/*产品搜索*/
.header .head_search{float: right;width: 96px;height: 100%;margin-left: 0px;}
.header .head_search i{display: block;height: 100%;background-image: url(search.png);width: 96px;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.header .head_search form{display: block;position: absolute;right: 0;top: 96px;padding:0 20px;height: 0;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#7f33B7B4, endColorstr=#7f33B7B4);
	background: rgba(0,0,0,.5);}
.header .head_search input[type="text"]{display: block;float: left;width: 150px;line-height: 28px;height: 28px;overflow: hidden;border: 1px solid #eee;color: #999; padding: 0 10px;text-align: left;}
.header .head_search input[type="submit"]{display: block;float: left;width: 50px;height: 30px;background-image: url(search_icon.png);background-repeat: no-repeat;background-position: center;background-size: 60%;cursor: pointer;background-color: #33B7B4;}
.header .head_search:hover form{height: 30px;padding:15px 20px;}




/*次级菜单*/
.sub_menu{position: absolute;height: 0;overflow: hidden;background: rgba(255,255,255,.9);text-align: center;box-shadow:rgba(0,0,0,.1)0px 2px 3px}
.sub_pro{width: 990px;left: 50%;margin-left: -500px;}
.sub_about{width: 670px;left: 50%;margin-left: -335px;}
.sub_brand{width: 350px;left: 50%;margin-left: -175px;}
.sub_skill{width: 830px;left: 50%;margin-left: -609px;}
.sub_us{width: 350px;left: 50%;margin-left: -219px;}
.sub_menu .sub_box{margin: 20px 25px 20px 25px;}
.sub_menu .sub_list{float: left;margin-left: 20px;display: block;line-height: 1;display: block;}
.sub_menu .sub_list:nth-of-type(3n-2){margin-left: 0;}
.sub_brand .sub_list:nth-of-type(4){margin-left: 20px;}
.sub_menu .pro_img{width: 140px;height: 80px;overflow: hidden;}
.sub_menu span{display: block;text-align: center;width: 100%;line-height: 30px;color: #666;}
.sub_menu a:hover img{transform:scale(1.05,1.05);}
.sub_menu a:hover span{color: #33B7B4;}
.header .nav li:hover .sub_pro,.header .nav li:hover .sub_about,.header .nav li:hover .sub_skill,.header .nav li:hover .sub_us,.header .nav li:hover .sub_brand{height: 138px;}
.sidebar{opacity: 0;}