@charset "utf-8";

.buy-hides{
	display: none;
	background: #fff;
	position: absolute;
	top: 80px;
	    left: -17px;
    width: 150%;
	    padding: 10px 15px;
}
.buy-hides a{
	display: block;
	font-size: 14px;
	padding-left: 30px;
	color: #333!important;
	height: 40px;
	line-height: 40px!important;
    border-bottom: 1px solid #eee;
}
.mall{
	position: relative;font-size: 14px;
}
.mall:hover .buy-hides{
	display: block;
	
}
.buy-hides a:hover{
		color: #48399B!important;
	}


/* --- 头部 - 显示 --- */
.page-header{position:fixed; left:0; top:0; width:100%; height:90px; z-index:600; transition:all .3s; background:#fff}
.page-header .wrap{ display:flex; align-items:center; height:100%; transition:all .3s; position:relative; z-index:100;}

/* logo */
.page-header .logo{ margin-right:auto;}
.page-header .logo a.show{display:block;}
.page-header .logo a.hide{display:none;}

/* 在线商城 */
.page-header .mall{background:url(../images/en.gif) no-repeat 0 center; padding-left:25px; margin-left:2rem; height:90px;}
.page-header .mall a{color:#333; line-height:90px;}


/* 语言 */
.page-header .language { margin-left:3rem;  line-height:90px;}
.page-header .language a{color:#fff;}
.page-header .language:hover a{
		color: #48399B!important;
	}

/* 搜索 */
.page-header .search{margin-left:3rem;}
.page-header .search .icon{background:url(../images/search.png) no-repeat center center #272727; width:36px; height:36px; border-radius:100px; cursor:pointer;}





/* --- 头部 - 滑动 --- */
.page-header.slide{background:#fff; border-bottom:1px solid #e5e5e5;}

/* logo */
.page-header.slide .logo a.hide{ display:block;}
.page-header.slide .logo a.show{display:none;}

/* 导航 */
.page-header.slide .page-nav li .link{color: #000;} 
.page-header.slide .page-nav li .link.now{ color:#48399B;}
.page-header.slide .page-nav li .link:hover{ color:#48399B;}

/* 语言 */
.page-header.slide .mall a{color:#000;}

/* 语言 */
.page-header.slide .language a{color:#000;}

/* --- 头部 - 鼠标经过 --- */
.page-header:hover{background:#fff; border-bottom:1px solid #e5e5e5;}

/* logo */
.page-header:hover .logo a.hide{ display:block;}
.page-header:hover .logo a.show{display:none;}

/* 导航 */
.page-header:hover .page-nav li .link{color: #000;} 
.page-header:hover .page-nav li .link.now{ color:#48399B;}
.page-header:hover .page-nav li .link:hover{ color:#48399B;}

/* 语言切换 */
.page-header:hover .mall a{color:#000;}

/* 语言 */
.page-header:hover .language a{color:#000;}


/* --- 头部 - 搜索 --- */
.page-header .pop-search{display:flex; align-items:center; justify-content:center; opacity:0; height:0; overflow:hidden; transition:all .3s; position:absolute; left:0; top:0; width:100%; z-index:101;}
.page-header .pop-search .form{width:0; border:1px solid #ccc; height:40px; line-height:38px; background:#fff; display:flex; align-items:center; transition:all .3s;}
	.page-header .pop-search .form form{
		width: 100%;height: 40px;
	}
.page-header .pop-search .form .input{width:89%; height:40px; border:none; background:none; padding-left:15px; font-size:14px;float: left;}
.page-header .pop-search .form .btn{background:url(../images/search-icon.png) no-repeat center center; width:10%; height:40px; border:none; cursor:pointer;}
.page-header .pop-search .close{margin-left:20px; background:url(../images/close.png) no-repeat; width:32px; height:32px; cursor:pointer; transition:all .3s;}
.page-header .pop-search .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-o-transform: rotate(180deg)}

/* --- 头部 - 产品弹出 --- */
.pop-product{ background:#fff; border-bottom:1px solid #e5e5e5; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden;}


/* --- 头部 - 子类目弹出 --- */
.pop-subcategory{ background:#fff; border-bottom:none; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden; z-index:-1;box-shadow: 0 3px 8px rgba(0,0,0,.1);}
.pop-subcategory .wrap{display:flex; align-items:center; justify-content:center; padding:50px;}
.pop-subcategory .wrap .list{width:40%;}
.pop-subcategory .wrap .list dt{font-size:24px; font-weight:bold; margin-bottom:20px;}
	.pop-subcategory .wrap .list dd{
		display: block;
		overflow: hidden;
	}
	.pop-subcategory .wrap .list dd em a{
		display: block;
		position: relative;
		z-index: 9999;}
.pop-subcategory .wrap .list dd em{width:50%; float:left; line-height:250%;}

.pop-subcategory .wrap .pic{width:60%; text-align:right;}


/* --- 导航 --- */
.page-nav li{float:left; height:90px; font-size:16px;margin-right:15px;} 

/* 显示 */
.page-nav li .link{color: #888888; transition:all .3s; line-height:90px; height:90px;}
.page-nav li .link:hover{ color:#fff;}
.page-nav li .link.now{ color:#fff;}
.page-nav li:first-child .link{ letter-spacing:3px;}


/* --- 公用样式 --- */
.wrap{max-width:1280px; margin:0 auto;}


/* --- 头部 - 显示 --- */

	.page-header .mall {
    margin-left: 3rem;
}
	.page-header .language {
    margin-left: 1rem;
}
	.page-header .search {
    margin-left: 2rem;
}

/* --- 导航 --- */
.page-nav li{padding: 0 10px;} 



/* --- 搜索盒子 --- */




/* 导航滑块 */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #48399B;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}






/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #48399B;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}