@charset "utf-8";
.width1200{position: relative;width: 94%;margin: 0 auto;height: 100%;}
/*header*/
header{z-index: 350;position: fixed;left: 0;right: 0;top: 0;height: 90px;background-color: transparent;transition: 0.5s;}
header:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.1);}

/*logo*/
header .logo{z-index: 2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
header .logo img{max-width: 200px;max-height: 60px;transition: max-width 0.5s,max-height 0.5s;}
header .icon-Search{ color:#333; padding-top:7px; display:block; font-size:20px;}
header  .icon img{filter: brightness(0) invert(1);}
/*移动端导航按钮*/
header .menu-btn{display: none;z-index: 1;position: absolute;right: 0;top: 50%;width: 20px;height: 18px;cursor: pointer;transform: translateY(-50%);}
header .menu-btn span{display: block;height: 2px;background-color: #000;transition: 0.3s;}
header .menu-btn span:nth-child(2){margin: 6px 0;}
/*导航*/
.ccmenu{position: absolute;right: 200px;top: 0;}
.ccmenu .nav-1st{}
.ccmenu .nav-1st > li{position: relative;float: left;margin: 0 40px;}
.ccmenu .nav-1st > li > a{position: relative;display: block;font-size: 18px;line-height: 90px;color: #;transition: 0.5s;}
.ccmenu .nav-1st > li > a:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background-color: #f58519;transform: scaleX(0);transition: 0.3s;}


.ccmenu .nav-1st > li:hover > a:after{transform: scaleX(1);color: #f58519}
.ccmenu .nav-1st > li.on > a{color: #f58519;}
.ccmenu .nav-1st > li.on > a:after{transform: scaleX(1);}

.ccmenu .nav-2nd-full-screen{display: none;position: fixed;left: 0;right: 0;top: 90px;background-color: #fff;border-top: 1px solid #eee;box-shadow: 0 4px 14px rgba(0,0,0,.2);}
.ccmenu .nav-product-wrap{display: flex;justify-content: space-between;height: 100%;} 

.ccmenu .nav-2nd-wrap{display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 45px 0 9px 10%;}
.ccmenu .nav-2nd-wrap li{display: flex;justify-content: center;width: 33%;box-sizing: border-box;padding: 0 5%;margin-bottom: 30px;border-left: 1px solid #eee;}
.ccmenu .nav-2nd-wrap li:nth-child(4n+1){border-left: 0;}
.ccmenu .nav-2nd-wrap li .icon{width: 40px;height: 40px;margin-right: 15px;}
.ccmenu .nav-2nd-wrap li .info{}
.ccmenu .nav-2nd-wrap li .info .tit{display: block;margin-bottom: 15px;font-size: 16px;line-height: 40px;font-weight: bold;transition: 0.3s;}
.ccmenu .nav-2nd-wrap li .info .tit:hover{color: #016ED5;}
.ccmenu .nav-2nd-wrap li .info .txt{font-size: 12px;}
.ccmenu .nav-2nd-wrap li .info dl{}
.ccmenu .nav-2nd-wrap li .info dl dd{margin: 10px 0;}
.ccmenu .nav-2nd-wrap li .info dl dd a{display: block;line-height: 20px;color: #666;transition: 0.3s;}
.ccmenu .nav-2nd-wrap li .info dl dd a:hover{color: #016ED5;}


/*功能栏*/
header .language{position: absolute;right: 0;top: 35%;align-items: center;padding-left:0px;}
header .language:before{content: '';position: absolute;left: 0;top: 50%;height: 18px;background-color: rgba(255,255,255,.5);transform: translateY(-50%);}


/*头部-页面滚动样式*/
header.fixed{height: 80px;background-color: #fff;box-shadow: 0 6px 12px rgba(0,0,0,.1);}
header.fixed .logo img{max-width: 200px;filter: none;}
header.fixed .ccmenu .nav-1st > li > a{line-height: 80px;color: #333;}
header.fixed .ccmenu .nav-1st > li.on > a{color: #f58519;}
header.fixed .ccmenu .nav-2nd-full-screen{top: 80px;}
header.fixed .language:before{background-color: rgba(0,0,0,.1);}
header.fixed .lang-select .name{color: #333;}
header.fixed .icon-Search{color: #666;}
header.fixed  .icon img{filter: none;}
header.fixed .canvas_open{top:22px; transition: 0.5s;}

@media only screen and (min-width: 900px) and (max-width: 1300px) {
.ccmenu .nav-1st > li{position: relative;float: left;margin: 0 14px;}
}

@media only screen and (min-width: 1600px) and (max-width: 2000px) {
.width1200{position: relative;width: 70%;margin: 0 auto;height: 100%;}
}
@media screen and (max-width: 1200px){
	
	/*header*/
	header{height: 60px;background-color: #fff;}
	/*logo*/
	header .logo img{max-width: 140px;max-height: 40px;filter: none;}
	/*移动端导航按钮*/
	header .menu-btn{display: block;}
	/*导航*/
	.ccmenu{display: none;}
	/*搜索按钮*/
	header .search-btn{display: block;right: 50px;}
	/*功能栏*/
	header .language{display: none;right: 100px;padding-left: 0;}
	header .language:before{display: none;}

	
	
}