@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: "FZYouSJW_508R";
  
	src: url("font/FZYouSJW_508R.woff2") format("woff2"),
  
		 url("font/FZYouSJW_508R.woff") format("woff"),
  
		 url("font/FZYouSJW_508R.ttf") format("truetype"),
  
		 url("font/FZYouSJW_508R.eot") format("embedded-opentype"),
  
		 url("font/FZYouSJW_508R.svg") format("svg");
  
  }
  
  @font-face {
  
	font-family: "GT-Sectra-Fine-Bold";
  
	src: url("font/GT-Sectra-Fine-Bold.woff2") format("woff2"),
  
		 url("font/GT-Sectra-Fine-Bold.woff") format("woff"),
  
		 url("font/GT-Sectra-Fine-Bold.ttf") format("truetype"),
  
		 url("font/GT-Sectra-Fine-Bold.eot") format("embedded-opentype"),
  
		 url("font/GT-Sectra-Fine-Bold.svg") format("svg");
  
  }
  
  @font-face {
  
	font-family: "HansenGrotesque";
  
	src: url("font/HansenGrotesque.woff2") format("woff2"),
  
		 url("font/HansenGrotesque.woff") format("woff"),
  
		 url("font/HansenGrotesque.ttf") format("truetype"),
  
		 url("font/HansenGrotesque.eot") format("embedded-opentype"),
  
		 url("font/HansenGrotesque.svg") format("svg");
  
  }
  
  @font-face {
  
	font-family: "HansenGrotesque-Bold";
  
	src: url("font/HansenGrotesque-Bold.woff2") format("woff2"),
  
		 url("font/HansenGrotesque-Bold.woff") format("woff"),
  
		 url("font/HansenGrotesque-Bold.ttf") format("truetype"),
  
		 url("font/HansenGrotesque-Bold.eot") format("embedded-opentype"),
  
		 url("font/HansenGrotesque-Bold.svg") format("svg");
  
  }
  
  @font-face {
  
	  font-family: "NotoSansCJKsc-Medium";
  
	  src: url("font/NotoSansCJKsc-Medium.woff2") format("woff2"),
  
		   url("font/NotoSansCJKsc-Medium.woff") format("woff"),
  
		   url("font/NotoSansCJKsc-Medium.ttf") format("truetype"),
  
		   url("font/NotoSansCJKsc-Medium.eot") format("embedded-opentype"),
  
		   url("font/NotoSansCJKsc-Medium.svg") format("svg");
  
	}
  
	@font-face {
  
	  font-family: "FZltxh_GBK";
  
	  src: url("font/FZltxh_GBK.woff2") format("woff2"),
  
		   url("font/FZltxh_GBK.woff") format("woff"),
  
		   url("font/FZltxh_GBK.ttf") format("truetype"),
  
		   url("font/FZltxh_GBK.eot") format("embedded-opentype"),
  
		   url("font/FZltxh_GBK.svg") format("svg");
  
	}
  
	@font-face {
  
	  font-family: "NotoSansCJKsc-Regular";
  
	  src: url("font/NotoSansCJKsc-Regular.otf") format("truetype");
  
	}

body{

	font-size:14px;

	font-family:"HansenGrotesque","NotoSansCJKsc-Regular";

  color:#213a2e;

  padding:37px 0 0;

  margin:0 auto;

}

input{

	font-family:"微软雅黑","Arial","Arial Narrow",HELVETICA;

}



::-webkit-scrollbar {

	width: 11px;

	height: 11px;

}

::-webkit-scrollbar-track {

	background-color: rgba(50,50,50,.1);

}

::-webkit-scrollbar-thumb {

	background-color: #213a2e;

	border-radius: 11px;

}



a{color:#232323;text-decoration:none}

a:hover{color:#232323;text-decoration: none;}

em{font-style:normal}

img{border:0;vertical-align:middle}

table{border-collapse:collapse;border-spacing:0}

p{word-wrap:break-word;font-size:13px;}

.fl{ float:left;}

.fr{ float:right;}

.cl,.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}

.wrap{ width:1200px; margin:0 auto;}

.hand{cursor:pointer;}

.red{color:red;}

.red a{color:red;}

.gray{color:#D3D3D3;}

.darkblue{color:darkblue;}

.tag{color:#000;text-decoration:underline;}

.price{font-size:1em;}

.price span{color:red;}

.mb10{margin-bottom:10px;}

.mt10{margin-top:10px !important;}

.mbottom10{margin-bottom:10px;}

.center{text-align:center;}

.bt_line{border-bottom:1px dashed #eee;}

.toTop{background:url('../images/to-top.png') center center no-repeat;background-size:100% 100%;width:48px;height:48px;border:0;}

.date{font-size:12px;color:gray;}

.p_rela{position: relative;}





/*清除浮动*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

.clearfix{*+height:1%;}





han{font-family: "HansenGrotesque";}

h1{font-size:70px;font-family: 'FZYouSJW_508R';padding:0;margin:0;}



ul,li{list-style:none;padding:0;margin:0;}



.w1200{width:100%;max-width:1200px;margin:0 auto;}

.w1400{width:100%;max-width:1400px;margin:0 auto;}

.w1600{

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    padding: 0 50px;

}



.header{background:#213a2e;width:100%;height:36px;position: fixed;z-index:998;top:0;}

.header .menu-wrap{width:100%;position: absolute;background: #213a2e;z-index: 2;overflow:hidden;}

.header .menu-wrap .menu .menu-item{

	height:37px;

	transition:height .3s;

    -moz-transition:height .3s; /* Firefox 4 */

    -webkit-transition:height .3s; /* Safari and Chrome */

    -o-transition:height .3s; /* Opera */

}

.header .menu-wrap .menu .menu-item:hover{height:330px;}

.header .menu-wrap .menu .menu-l .menu-item:hover{height:37px;}/*二级菜单可删除*/

.header .menu-wrap .menu .menu-r .menu-item:hover{height:37px;}

.header .menu-wrap .submenu{

	display:block;

	padding-bottom:30px;

	transition: all .6s;

    -moz-transition: all .6s;/* Firefox 4 */

    -webkit-transition: all .6s;/* Safari and Chrome */

	-o-transition: all .6s;/* Opera */

	opacity:0;

}

.header .menu .menu-item:hover .submenu{

	opacity:1;

	margin-top:10px;

}

.header .menu{display:flex;}

.header .menu .menu-l{width:50%;justify-content:flex-end;}

.header .menu .menu-logo{

    min-width: 101px;

    padding: 0 30px;

    box-sizing: content-box;

}

.header .menu .menu-r{width:50%;}

.header .menu .menu-item{display:block;padding:0 30px;line-height:36px;text-align:left;position: relative;}

.header .menu .menu-item:nth-child(5){width:18%;}

.header .menu .menu-item:nth-child(6){width:18%;}

.header .menu .menu-item a{color:#e4e1db;line-height:36px;font-family: 'HansenGrotesque';font-size:10px;}

.header .menu .menu-item.logo{width:28%;text-align:center;height:36px;}

.header .menu .menu-item.logo img{height:100%;vertical-align:top;display:inline-block;}

.header .menu-item ul.submenu{position: absolute;}

.header ul.submenu li.submenu-item{width:100%;line-height:2;}

.header ul.submenu li.submenu-item a{color:#fff;font-family: 'HansenGrotesque-Bold';line-height:2;display:block;}

.header .menu-item:nth-child(3) ul.submenu{width:300%;}

.header .menu-item:nth-child(3) ul.submenu li.submenu-item{width:50%;float:left;}

.header .menu-item:nth-child(3) ul.submenu li.submenu-item a{color:#fff;font-family: 'HansenGrotesque';}

.header .btn-search{

  position: absolute;

  right: 10px;

  top: 0;

  background: none;

  height: 100%;

  border: 0;

  outline:none;

  z-index:999;

}

.header .btn-search span.icon{display:block;font-size:20px;color:#e4e1db;display: table-cell;vertical-align: middle;}

.header .btn-search:focus,

.header .btn-search:active:focus{

  outline: none;

  border-color: transparent;

  box-shadow:none;

}

.header .m-logo{display:none;height:100%;position: absolute;top:0;left:50%;transform: translate(-50%,0);}

.header .m-logo img{height:100%;}



.btn-search-close span.icon{background:none;color:#fff;font-size:60px;outline:none;}

.btn-search-close:focus{background:none;border:0;outline:none;}



.search_input::-webkit-input-placeholder {

  /* placeholder颜色  */

  color: #aab2bd;

  /* placeholder字体大小  */

  font-size: 40px;

}

.swiper-button-disabled{display:none;}

.swiper-button-next, .swiper-button-prev,.swiper-button-prev1,.swiper-button-next1{width:30px;height:100px;}

.swiper-button-next,.swiper-button-next1{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:center center;background-size:100%;}

.swiper-button-prev,.swiper-button-prev1{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:center center;background-size:100%;}

.js .search-open .search_form{position: relative;}

.js .search-open .search_form button.icon{

  position: absolute;

  right: 12.5%;

  top: 0;

  background: #fff;

  border: 0;

  width: 60px;

  font-size: 40px;

  height: 60px;

}



/* Layout for search container */

.search {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	text-align: center;

	background: rgba(0, 0, 0, 0.8);

}



.js .search {

	position: fixed;

	z-index: 1000;

	top: 0;

	left: 0;

	width: 100%;

	height: 100vh;

}



.search::before,

.search::after {

	content: '';

	position: absolute;

	width: calc(100% + 15px);

	height: calc(100% + 15px);

	pointer-events: none;

}



.search::before {

	top: 0;

	left: 0;

	border-right-width: 0;

	border-bottom-width: 0;

}



.search::after {

	right: 0;

	bottom: 0;

	border-top-width: 0;

	border-left-width: 0;

}



.btn-search-close {

	font-size: 2em;

	position: absolute;

	top: 1.25em;

	right: 1.25em;

	display: none;

}



.js .btn-search-close {

	display: block;

}



.search_form {

	margin: 5em 0;

}



.search_input {

	font-family: inherit;

	font-size: 40px;

	line-height: 1;

	display: inline-block;

	box-sizing: border-box;

	width: 75%;

	padding: 0 0 30px;

	color: #fff;

	border:0;

	border-bottom: 2px solid;

	outline:none;

	background:none;

	-webkit-text-fill-color: #fff;/*输入文字、placeholder颜色*/

}



.search_input::-webkit-input-placeholder {

	/* WebKit, Blink, Edge */

	opacity: 0.3;

	color: #060919;

}



.search_input::-moz-placeholder {

	opacity: 0.3;

	/* Mozilla Firefox 19+ */

	color: #060919;

}



.search_input:-ms-input-placeholder {

	/* Internet Explorer 10-11 */

	opacity: 0.3;

	color: #060919;

}



.search_input::-webkit-search-cancel-button,

.search_input::-webkit-search-decoration {

	-webkit-appearance: none;

}



.search_input::-ms-clear {

	display: none;

}



.search_info {

	font-size: 90%;

	font-weight: bold;

	display: block;

	width: 75%;

	margin: 0 auto;

	padding: 0.85em 0;

	text-align: right;

	color: #fff;

}



.search_related {

	display: flex;

	width: 75%;

	pointer-events: none;

}



.search_suggestion {

	width: 33.33%;

	text-align: left;

}



.search_suggestion:nth-child(2) {

	margin: 0 3em;

}



.search_suggestion h3 {

	font-size: 1.35em;

	margin: 0;

}



.search_suggestion h3::before {

	content: '\21FE';

	display: inline-block;

	padding: 0 0.5em 0 0;

}



.search_suggestion p {

	font-size: 1.15em;

	line-height: 1.4;

	margin: 0.75em 0 0 0;

}



/************************/

/* Transitions 			*/

/************************/



.js .search {

	pointer-events: none;

	opacity: 0;

	transition: opacity 0.5s;

}



.js .search-open {

	pointer-events: auto;

	opacity: 1;

}



/* Border */

.search::before,

.search::after {

	transition: transform 0.5s;

}



.search::before {

	transform: translate3d(-15px, -15px, 0);

}



.search::after {

	transform: translate3d(15px, 15px, 0);

}



.search-open::before,

.search-open::after {

	transform: translate3d(0, 0, 0);

}



/* Close button */

.btn-search-close {

	opacity: 0;

	transform: scale3d(0.8, 0.8, 1);

	transition: opacity 0.5s, transform 0.5s;

}



.search-open .btn-search-close {

	opacity: 1;

	transform: scale3d(1, 1, 1);

	outline:none;

	background:none;

	border:0;

}



/* Search form with input and description */

.js .search_form {

	opacity: 0;

	transform: scale3d(0.8, 0.8, 1);

	transition: opacity 0.5s, transform 0.5s;

}



.js .search-open .search_form {

	opacity: 1;

	transform: scale3d(1, 1, 1);

	width:100%;

}



.search_suggestion {

	opacity: 0;

	transform: translate3d(0, -30px, 0);

	transition: opacity 0.5s, transform 0.5s;

}



.search-open .search_suggestion {

	opacity: 1;

	transform: translate3d(0, 0, 0);

}



.search-open .search_suggestion:nth-child(2) {

	transition-delay: 0.1s;

}



.search-open .search_suggestion:nth-child(3) {

	transition-delay: 0.2s;

}



.footer{background:#fff;padding:40px 0;}

.footer .hfxo2anp{overflow:hidden;}

.footer .footlogo{

	width:100%;

	text-align:center;

}

.footer .footlogo img{width:30px;}



.footer .qr4wnd{

	text-align:center;

	margin-top:40px;

}

.footer .qr4wnd p{


	font-size:12px;

	color:#213a2e;

}

.footer .usn7sq{

	text-align:center;

	margin-top:30px;

}

.footer .usn7sq p{


	font-size:12px;

	color:#213a2e;

	font-weight:bold;

}

.footer .share{

	display:block;

	width:100%;

	text-align:center;

	margin-top:30px;

}

.footer .share a.wechat{

	display:inline-block;

	margin:0 10px;

	position: relative;

}

.footer .share a.wechat img{width:24px;}

.footer .share a.wechat .qrcode{

    position: absolute;

    top: -30px;

    left: -38px;

	height: 0px;

	transition: all .6s;

    -moz-transition: all .6s;/* Firefox 4 */

    -webkit-transition: all .6s;/* Safari and Chrome */

	-o-transition: all .6s;/* Opera */

	overflow:hidden;

}

.footer .share a.wechat .qrcode img{width:100px;height:100px;}

.footer .share a.wechat:hover .qrcode{

	height: 100px;

	top: -110px;

}

.footer .share a.weibo{

	display:inline-block;

	margin:0 10px;

}

.footer .share a.weibo img{width:24px;}

.footer .share a.instagram{

	display:inline-block;

	margin:0 10px;

}

.footer .share a.instagram img{width:24px;}

.footer .share p{


	font-size:12px;

	margin-top:20px;

}

.footer .copyright{

	text-align:center;

	font-size:12px;

}

/*瀵艰埅寮€濮媤eb*/

.webNav{width: 100%;display: none;overflow: hidden;}

.webNav *{transition: all 1s;}

.navShear{margin-left: 80px;margin-top: 70px !important;}

.myNav{ width: 100% !important; height :50px;margin: 0; position: fixed;top:0; left: 0; background: #fff;z-index: 99999}

.mynavBody{width:100%; height: 100%; position: relative}

.mynavBody h3{margin: 0;height: 100%}

.mynavBody h3 a {height: 100%;  display: inline-block;  vertical-align: middle;}

.mynavBody h3 a img {height:100%;width: auto; }

.nav-btn{

    width: 36px;

    position: absolute;

    top: 10px;

    right: auto;

    left: 22px;

    z-index: 999;

}

.nav-table-cell{

    width: 30px;

    height: 100%;

    padding-top: 0;

    height: 30px;

	overflow: hidden;
	position: relative;

}

.nav-table-cell span  {
	display: block;
    width: 100%;
    height: 1px;
    border-top: 2px solid #fff;
    margin-top: 8px;
}
.webNav .close{
	float: none;
}
.close span {

    position: absolute;
	top: 50%;
	margin-top: 0;
}

.close span:nth-of-type(1){-webkit-transform: translateY(0) rotate(45deg);  transform: translateY(0) rotate(45deg);}

.close span:nth-of-type(2){opacity: 0}

.close span:nth-of-type(3){-webkit-transform: translateY(0) rotate(-45deg);  transform: translateY(-0) rotate(-45deg);}



.mynav-ul {width: 50%;    opacity: 0; overflow: hidden;position: fixed;top:60px;left: 0; transform: translateX(-100%); background:#fff;z-index: 10000}

.mynav-ul li {width: 100% ; margin-top: 1px; }

.mynav-ul >li{border-bottom: 1px solid #d6d6d6;}

.mynav-ul li a {display: block;  padding:20px; width: 100%;   color:#333;font-size: 1em}

.mynav-ul li  .panel-body{padding: 0}



.mynav-ul2{ }

.mynav-ul2 li {background: #666}



.hideNav{

    /*height: 0;*/

    opacity: 0;

    transform: translateX(100%)

}

.showNav{

    display: block;

    /*height: 100%;*/

    opacity: 1;

    transform: translateX(0)

}



@keyframes navU

{

    0%   { opacity: 0; transform: translate(-50%,-20px);}

    100% { opacity: 1; transform: translate(-50%,0);}

}

@-webkit-keyframes navU

{

    0%   { opacity: 0; transform: translate(-50%,-20px);}

    100% { opacity: 1; transform: translate(-50%,0);}

}



@media screen and (max-width:1500px){

	.w1200,.w1400{width:90%;margin:0 auto;max-width:90%;}

}

@media   (max-width:1200px){

	.webNav{display: block!important;}
	body{
		padding-top: 60px;
	}
	.header {

		height: 60px;

	}

	.header .menu-wrap{display: none!important;}

	.header .m-logo{display: block!important;}

	

}

@media screen and (max-width:40em) {

	.search_form {

		margin: 5em 0 1em;

	}

	.btn-search-close {

		font-size: 1.25em;

		top: 1.5em;

		right: 1.5em;

	}

	.search_info {

		text-align: left;

	}

	.search_suggestion {

		font-size: 80%;

		width: 100%;

	}

	.search_suggestion:nth-child(2),

	.search_suggestion:nth-child(3) {

		display: none;

	}

}

@media (max-width:400px){

	.search_input::-webkit-input-placeholder {

		/* placeholder颜色  */

		color: #aab2bd;

		/* placeholder字体大小  */

		font-size: 20px;

	  }

	  .js .search-open .search_form input.search_input{padding-bottom:10px;}

	  .btn-search-close span.icon{font-size:40px;}

}