@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?f2krz6');
  src:  url('fonts/icomoon.eot?f2krz6#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?f2krz6') format('truetype'),
    url('fonts/icomoon.woff?f2krz6') format('woff'),
    url('fonts/icomoon.svg?f2krz6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-chevron-down:before {
  content: "\e905";
}
.icon-chevron-up:before {
  content: "\e906";
}
.icon-menu:before {
  content: "\e907";
}
.icon-navigation-2:before {
  content: "\e903";
}
.icon-search:before {
  content: "\e904";
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-x:before {
  content: "\e902";
}

body{    font-family: "Avenir Next", sans-serif;}
ul,li{margin:0;padding: 0;text-decoration: none;list-style: none;}
a{text-decoration: none;list-style: none;}
.wrap{width: 1200px;margin:0 auto;}
.header-top{height: 25px;border-bottom: 1px solid #f3f3f3;}
.header-top ul{float: right;}
.header-top li{display: inline-block;}
.header-top img{height: 15px;display: inline-block;}
.header{width: 1200px;height:90px;margin:0 auto;font-size: 15px;letter-spacing: 1px;  }
.logo{float: left;margin-top: 20px;}
.logo img{height: 40px;}
.nav-icon{display: none;}
.search-icon{display: none;}
.nav-bar{margin-left: 0px;float: left;}
.nav-site{width: 760px;text-align: center;margin-top: 30px;}
.nav-site li{height: 40px;line-height: 40px;margin: 0 10px;display: inline-block;position: relative;}
.nav-site li a{color: #000;display: block;text-align: center;padding:0 15px;text-decoration: none;    text-transform: uppercase;}
.nav-site li a:hover{color: #ca8d27;}
.nav-site li li a{padding: 0; text-transform: capitalize}

.nav-site li:hover .navlist{display: block;}
.navlist{position: absolute;background: #fff;z-index: 99;display: none;
 width: 240px;left: 0;padding-top: 5px;padding-left: 10px;    padding-bottom: 10px;}

.nav-site li ul{position: relative;background: #fff;z-index: 99;margin:0 auto;left: 0;justify-content: center;text-align:left;}
.nav-site ul ul{position: relative;    padding-left: 0;    margin-top: 15px;    padding-top: 10px;
    border-top: 1px solid #333;    display: flex;    flex-wrap: wrap;}
.nav-site li li{padding: 0;text-align: left;height: auto;line-height: normal;    width: 80%;}
.nav-site li li a{text-align: left;}
.nav-site li li li{height: 30px;line-height: 30px;margin: 0;}
.nav-title{display: flex;}
.nav-title em{line-height: 40px;margin-left: -10px;}
.navlist .nav-title em{display: none;}
.navlist42 ul::first-child{
	width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding-left: 200px;
}

.search{float: right;    margin-top: 30px;width: 190px;}
.search .bd{border:1px solid #666;    outline: none;border-radius: 3px;height: 40px;}
.search .text{width:150px;border:0; outline: none;line-height: 36px;height: 36px;padding:0;margin:0;padding-left: 10px;float: left;}
.search-btn{background: url(../images/search.png) center center no-repeat;border:0;width: 36px;height: 36px;outline: none;
opacity: .7;}

.search_box {width: 100%;display: block;    height: 100px;    overflow: hidden;}
.search_box .search{float: left;width: 300px;}
.search_box .search .text{width: 260px;}

.main{position: relative;}
.swiper-container{width:100%;overflow: hidden;border-bottom: 1px solid #000;}
.swiper-container-m{width: 100%;overflow: hidden;display: none;}
.swiper-container-banner{overflow: hidden;}
.swiper-container-press{width:1200px;height:250px;overflow: hidden;margin: 0 auto 20px;}
.swiper-container .swiper-wrapper{width: 100%;}
.swiper-slide{width: 100%;float: left;}
.swiper-slide a{width: 100%;display: block;}
.swiper-slide a img{width: 100%;}
.swiper-container-press .swiper-slide{width: 250px;height: auto;padding: 25px;}
.swiper-container-press .swiper-slide img{width: 100%;}
.swiper-container-press .swiper-slide a{width: 100%;height: auto;color: #333;text-decoration: none; }
.swiper-container-m .swiper-slide{height: auto;}
.swiper-container-m .swiper-slide a{height: auto;}
.swiper-button-prev{position: absolute;top: 0px;left: 0;height: 100%;width: 8em;opacity: 0.1;margin-top: 0}
.swiper-button-next{position: absolute;top: 0px;right: 0;height: 100%;width: 8em;opacity: 0.1;margin-top: 0}

.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{background-color: #000;}
.swiper-container .swiper-button-prev:hover{opacity:0.4;}
.swiper-container .swiper-button-next:hover{opacity:0.4;}
.press-slide-img{height: 80px;display: block;overflow: hidden;}

.product-content{overflow: hidden;}
.product-image{width: 600px;height: 600px;overflow: hidden;float: left;margin-right: 50px;}
.product-image img{width: 100%;height: 100%;}
.product-info{float: left;width: 550px;}
.product-info h3{margin-bottom: 30px;}


.index-column{overflow: hidden;display: flex;justify-content: space-between;margin: 0 auto;display:none}
.column-item{width: 25%;text-align: center;float: left;}
.column-item a{width:100%;color: #fff;text-decoration: none;    float: left;    display: block;    position: relative;}
.column-item .h2title{font-size: 1.6em;text-transform:capitalize;}
.column-item img{width: 100%;margin: 0px auto;}
.column-item img:hover{opacity: .9}
.column-item em{font-style: normal;position: absolute;bottom: 10px;left: 20px;color: #fff; font-size: 1.2em;  }

.collections-title,.discover-title{  text-align: center;margin: 4em auto;  font-family: "Open Sans", sans-serif;    font-weight: 400;    font-style: normal;    font-size: 28px;
    text-transform: uppercase;    line-height: 1.5;    color: #333333;    display: block;    letter-spacing: 2px;
    text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;
    margin-bottom: 0.75em;}
.collections-box,.discover-box{display: flex;    justify-content: space-around;margin-bottom: 50px;flex-flow: wrap;}
.collections-item{width: 220px;position: relative;transition: all .3s linear;}
.collections-item img{max-width: 100%;}
.collections-item .item-bg{background:#000;opacity: 0;transition: all .3s linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.collections-item .item-bg:hover{opacity: 0.5;}
.item-info{width: 100%;    height: 100%;    display: block;opacity: 0;
	position: absolute;    top: 240px;    left: 0;    right: 0;transition: all .3s linear;text-align: center;color: #fff;z-index: 999}
.item-info a{width: 100%;color: #fff;display: block;position: absolute;top: 0;left: 0;text-align: center; 
   transition: all 0.3s linear;text-decoration: none;z-index: 99}
.item-info:hover a+div{opacity: 0.5;}
.item-info h5{font-size: 2em;}

.item-info h5:after{content: '';    display: block;    height: 1px;    width: 0;    background: #ffffff;
    transition: width .5s ease, background-color .5s ease;    margin: 10px auto auto auto;}
.item-info a em{width: 80%;    overflow: hidden;    display: block;    font-style: normal;    margin: 0 auto;}

.discover-item{width: 380px;margin-top: 50px;margin-bottom: 50px;}
.discover-item img{max-width: 100%;}
.discover-item h5{    font-family: "Open Sans", sans-serif;    font-weight: 400;    font-style: normal;    font-size: 24px;    
text-transform: none;    line-height: 1.5;    color: #333333;    display: block;    letter-spacing: 1px;   
 text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;    margin: 15px auto 15px 0;}
.discover-item a{color: #333;text-decoration: none;}
.discover-item em{font-style: normal;}
.discover-info  a:hover{color: #ca8d27;}


.main-banner{text-align: center;background: #eee;padding: 40px;}
.banner img{width: 1200px;margin:0 auto;}


.category-image{overflow: hidden;width: 100%;display: block;text-align: center;}
.category-image img{width: 100%;}
.press{background: #eee;width: 100%;}
.pages{margin-bottom: 20px;}
.pages a{display: inline-block;height: 32px;line-height:32px;border:1px solid #ccc;margin: 5px;padding:0 10px;}
.pages a:first-child{display: none;}
.pages span{padding: 0 10px;}

.intrduct{padding: 20px;text-align: center;    font-size: 13px;    line-height: 1.4em;}



.category{overflow: hidden;margin-top: 50px;}
.category a{color: #333;text-decoration: none;}
.category a:hover{color: #999;}
.item-left,.item-right{overflow: hidden;margin-bottom: 50px;}
.item-left img,.item-right img{max-width: 500px;}
.item-left .pic{float: left;margin-right: 20px;}
.item-left .info{}

.item-right .pic{float: right;margin-right: 20px;}
.item-right .info{}


.wrap-list .item{overflow: hidden;padding-bottom: 20px;padding-top: 20px;border-bottom: 1px solid #f3f3f3;}
.wrap-list .item h3{margin-top: 0;}
.wrap-list .item img{max-width: 300px;}
.wrap-list .item .pic{width:300px;height:200px;overflow:hidden; float: left;margin-right: 20px;}
.wrap-list .item p{display:block;overflow:hidden;}

.wrap-content{margin-top:50px;margin-bottom: 50px;}
.wrap-content li{list-style: disc;margin-left: 20px;}
.wrap-content .content{padding-top:1em;}
.related{overflow: hidden;margin: 50px 0; }
.related h5{font-size: 1.6em;line-height: 2em;border-bottom: 1px solid #000}
.related ul{display: flex;justify-content: space-between;}
.related ul li{width: 300px;}
.related ul li img{width: 300px;}
.related ul li a{display: block;margin-top: 10px;color: #333;text-decoration: none;}
.related ul li a:hover{color: #999;}

.category-product h1{margin-top: 50px;margin-bottom: 50px;text-align: center;}
.category-product ul{display: flex;flex-wrap: wrap;margin-bottom: 20px}
.category-content{margin-bottom: 50px;}

.product-item {width: 260px;height:260px;position: relative;margin: 10px 20px 20px 20px;}
.product-item a{text-decoration: none;color: #333;display: block;text-align: center;font-size: 1.2em;    text-transform: capitalize;}
.product-item .pic{width: 250px;height: 250px;z-index: 8;position: absolute;left: 0;top: 0;right: 0;margin: 0 auto;}
.product-item .pic img{width: 100%;}
.product-item .info{position: absolute;width: 250px;left: 0;top: 30px;z-index: 9;opacity: 0;transition: all .3s linear;}
.product-item:hover .pic{opacity: .2}
.product-item:hover .info{display: block;}
.view a{z-index: 999;    border: 1px solid #000;    position: absolute;    padding: 10px;text-transform:capitalize;transition: all .3s linear;
    border-radius: 3px;   width: 120px;    display: block;    margin: 0 auto;    left: 0;    right: 0;top: 200px;opacity: 0}
.view a:hover{background: #000;color: #fff;}

.page{min-height: 500px;border-top: 1px solid #333;}

.footer{width: 100%;padding: 50px;background: #313131;color: #ccc;font-size: 0.8em}
.links h3{padding-bottom: 10px;font-size: 1.4em;}
.links-box{display: flex;flex-wrap: nowrap;margin-bottom: 50px;}
.links-item{margin-right: 100px;}
.links-item h5{font-weight: 400;color: #fff;font-size: 1.4em}
.links-item ul{padding-left: 2px;max-width: 220px;min-width: 150px;}
.links-item li{list-style: none;line-height: 2em;}
.links-item a{color: #ccc;text-decoration: none;}
.links-item a:hover{color: #ca8d27;}
.links-title em{display: none;}
.copyright{margin-top: 40px;}
.category-content{overflow: hidden;}
.category-content img{max-width: 100%;}

@media (max-width: 800px) {
	.wrap,.header,.nav-site{width: 100%;}
	.header{height: auto;overflow: hidden;}
	.header .logo{margin-top: 5px;display: flex;justify-content: space-between;padding: 0 10px;width: 100%;margin-bottom: 10px;}

	.header img{height: 30px;}
	.nav-icon{width: 30px;height: 30px;font-size: 24px;padding-top: 5px;display: block;}
	.search-icon{width: 30px;height: 30px;font-size: 24px;padding-top: 5px;display: block;}
	.nav-bar{margin-left: 0;background: #f7f7f7}
	.nav-site{display: none;    margin-top: 10px;}
	.nav-site li{width: 100%;margin: 0;    height: auto;    line-height: inherit; }
	.nav-site li a{display: flex;justify-content: space-between;}
	.navlist{position: relative;  background: #f7f7f7;display: block;padding-top: 0;}
	.nav-site li ul{display: block; padding:0 10px 0 15px;  background: #f7f7f7;}
	.nav-site li li{width: 100%;margin-left: 0;padding: 5px 0;}
	.nav-site ul ul{border: 0;margin-top: 0px;display: none;}
	.nav-title{display: flex;justify-content: space-between;}
	.nav-title a{height: 40px;line-height: 40px;}
	.nav-title em{height: 40px;line-height: 40px;margin-right: 20px;}
	.navlist .nav-title em{display: block;    margin-right: 10px;}

	.search{ display:none;float: none;    overflow: hidden;    text-align: center;    width: 100%;    margin: 0 auto;    padding: 20px;}
	.search form{display: flex;justify-content: space-between;}
	.search .text{width: 100%;}
	.search-btn{float: right;}

	.banner img{width: 100%;}

	.swiper-container-m img{width: 100%;}
	.item-info{display: none;}
	.links-box{flex-wrap: wrap;}
	.wrap{padding: 10px;overflow: hidden;}
	.index-column{flex-wrap: wrap;}
	.column-item{width: 50%;}
	.column-item em{left: 5px;bottom: 5px;font-size: 1em;}
	.collections-box{display: block;}
	.collections-title, .discover-title{	font-size: 1.4em;	margin:1em auto 2em;}
	.collections-box, .discover-box{margin-bottom: 20px;}
	.collections-box .collections-item:nth-child(5){display: none;}
	.collections-item{width: 50%;float: left;}
	.main-banner{padding: 10px;}
	.discover-item{	margin-top: 0;margin-bottom:20px;}
	.discover-item h5{font-size: 1.2em;margin: 10px auto;}
.category .search{display: block;    width: 100%;}
	.footer{padding: 10px;}
	.category-image img{width: 100%;}
	.category-product h1{margin: 0 auto 20px;font-size: 1.4em;}
	.product-item{width: 46%;margin: 2%;height: auto;}
	.product-item .pic{width: 100%;position: relative;height: auto;}
	.product-item .info{position: relative;display: block;width: 100%;height: auto;font-size: 1em;}
	.product-item img{width: 100%;}
	.product-item a{font-size: 1em;}

	.swiper-container-press{width: 100%;height: auto;}
	.swiper-container-press .swiper-wrapper{margin: 0;padding: 0;display:flex;flex-wrap: wrap;}
	.swiper-container-press .swiper-slide{width: 100%;height: auto;overflow: hidden;}
	.press-slide-img{height: auto;margin-top: 20px;}
	.press-slide-img img{max-width: 100%;}
	.collections-item .item-bg{z-index:-999}

.product-image{width: 100%;height: auto;}
.product-info{width: 100%;}
.pages a,.pages span{display: none;}
.pages .a1{display: block;text-align: center;}
.wrap-list{padding: 0;}
.wrap-list .item{padding-bottom: 10px;}
.wrap-list .item .pic{width: 100%;height:auto; float: none;}
.wrap-list .item img{width: 100%;max-width: 100%;}
.category{margin-top: 0;}
.wrap-list .item h3{font-size: 1.4em;margin-top: 10px;}
.content img{max-width: 100%;}
.wrap-content{margin: 10px auto;}
.wrap-content h1{font-size: 1.6em;}
.links-item{width: 100%;margin-right: 0;}
.links-title{display: flex;justify-content: space-between;}
.links-item ul{display: none;}
.links-item h5{font-weight: 600}
.links-title em{font-size: 1.6em;line-height: 40px;display: block;}
.copyright{margin-top: 0;text-align: center;}
	.rotate180{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
	}

}