@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';
  font-size: 13px;
  line-height: 1.5;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  background: #fff;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: #343434;
}

body img {
  border: none;
  max-width: 100%;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
  color: #c0945c;
  outline: none;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out;
  -o-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

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

a:focus {
  color: #c0945c;
  text-decoration: none;
  outline: none;
}

:focus {
  outline: none;
}

img{vertical-align: top;}

ul,li,dd,dt,dl,span,p{margin:0;padding:0px;list-style:none;}

@font-face {
    font-family: 'STENCIL';
    src: url('../fonts/STENCIL.TTF');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
    font-family: 'msyhbd';
    src: url('../fonts/msyhbd.ttc');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
    font-family: 'msyh';
    src: url('../fonts/msyh.ttc');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
    font-family: 'monbaiti';
    src: url('../fonts/monbaiti.ttf');
    font-weight: normal;
    font-style: normal;
	}
	@font-face {
    font-family: 'arial';
    src: url('../fonts/arial.ttf');
    font-weight: normal;
    font-style: normal;
	}

.index_bj1{
	background: #151515 url(../images/index_bj.jpg) top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	/*display: table;*/
	position: relative;
	text-align: center;}
.index_bj{
	background: #000 url(../images/index_bj1.jpg) top center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	/*display: table;*/
	position: relative;
	text-align: center;}
@media (min-width:1400px ) {
.slidebar{ display: none;}
}
@media (max-width:1400px){
.slidebar{font-family: 'monbaiti';text-align:left;display: block !important;overflow-x: hidden;overflow: auto;display: block; position: fixed; left: -100%; top: 0; width: 65%; height: 100vh; background: linear-gradient(#820d0f,#151515); z-index: 999; padding-top: 20px; box-sizing: border-box; transition: 0.5s;}
.zz{ width: 100%; height: 100vh; background: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 998; display: none;}
.slidebar .nav{ width: 80%; margin: 0 auto; padding-top: 20px;}
.slidebar .nav ul{ width: 100%;}
.slidebar .nav ul li{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.4); line-height: 40px;}
.slidebar .nav ul li:hover{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.9); line-height: 40px;}
.slidebar .nav ul li a{ color: #fff; font-size: 18px;}
.slidebar .nav ul li dl{padding:0 0 5px;}
.slidebar .nav ul li .v2{font-size: 16px;}
.slidebar .nav ul li dl{width: 100%; overflow: hidden;}
.slidebar .nav ul li dl dd{float:left;width: 100%;padding:0 0 0 10px;overflow: hidden;line-height: 20px;}
}

	
/*
 * index
 * -------------------------------------------------------------------
 */
 .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.delay-01s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}
.delay-05s {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}
.delay-1s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}
.fadeInDown, .fadeInUpD{
    visibility: visible;
}
.button {
    display: inline-block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

	.logo{width: 100%;text-align: center;padding: 5rem 0 4rem;}
	.logo img{display: block;margin: 0 auto;max-width: 100%;}
	
	.title{font-family: 'STENCIL';text-align: center;font-size: 52px;color: #fff;line-height: 1.2;display: inline-block;padding: 0px;}
	.title SUP{font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';font-size: 18px;}
	
	.slogan{text-align: center;padding: 2rem 0 3rem;}
	.slogan span{font-family: 'monbaiti';display:inline-block;font-size: 18px;padding: 0 20px 0 15px;color: #fff;position: relative;}
	.slogan span:before{content:"";position:absolute;left:0;top:35%;display:inline-block;width: 5px;height: 5px;border:2px solid #fff;border-radius: 60px;}
	
	.enter{width: 220px;margin: 0 auto;text-align: center;padding: 2rem 0 0rem;}
	.enter img{display: block;margin: 0 auto;max-width: 100%;-webkit-transition:all .3s ease;transition:all .3s ease;}
	.enter img:hover{-webkit-box-shadow:0 8px 16px rgba(0,0,0,.5);box-shadow:0 8px 16px rgba(0,0,0,.5);
-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
	
	.foot{text-align: center;color: #fff;font-size: 14px;padding: 6rem 0 2rem;}
	
	@media only screen and (max-width: 1400px){
		.logo{padding: 2rem 0;}
		.logo img{max-width: 50%;}
		.enter img{max-width: 80%;}
		.slogan{padding: 2rem 0;}
		.enter{padding: 0.5rem 0 0rem;}
		.foot{padding: 3rem 0 2rem 0;}
		/*.title{font-size: 2.3rem;}
		.title SUP{font-size: 1rem;}*/

		
	}
	@media only screen and (max-width: 768px){
		.title{font-size: 40px;}
		.title SUP{font-size: 18px;}
		}
/*
 * about
 * -------------------------------------------------------------------
 */
.top{padding:2rem 0 0 0;text-align: center;}
.top_logo{float: left;padding: 0 0 0 2rem;}
.top_menu{float:right;margin:20px 0 0;border: 1px solid #fff;border-right:none;padding-left: 30px;border-top-left-radius: 60px;border-bottom-left-radius: 60px;}
.top_menu ul{}
.top_menu ul li{float: left;position: relative;}
.top_menu ul li .v1{font-family: 'monbaiti';display: block;padding: 0 30px;font-size: 24px;color: #fff;line-height: 54px;transition: all 0.3s;}
.top_menu ul li .v1:hover{background: #fff;color: #000;}
.top_menu ul li .v1.on{background: #fff;color: #000;}
.top_menu dl{position:absolute;left:0;top:55px;z-index:100;width:222px;display:none}
.top_menu dl .v2{font-family: 'monbaiti';display:block;font-size:18px;color:#fff;text-align:left;line-height:24px;background:#333333;padding:8px 0 8px 30px;border-bottom: 1px solid #4a4a4a;}
.top_menu dl .v2:hover{background:#1e1e1e;color:#fff}


.login{margin:0 60px 0 0px;float: right;overflow: hidden;}
.login a{font-family: 'monbaiti';font-size: 18px;line-height: 54px;float: left;color: #fff;}
.login a.a1{background: url(../images/login.png) left center no-repeat;padding: 0 20px 0 30px;position: relative;}
.login a:hover.a1{background: url(../images/login1.png) left center no-repeat;}
.login a.a1:before{content: "";position: absolute;width: 1px;height: 20px;background: #666666;right: 8px;top: 16px;}
.login a:hover{text-decoration: underline;color: #c10000;}

.nav_menu{display:none;}

.gtco-nav-toggle i {position: relative;display: inline-block;width: 25px;height: 3px;color: #252525;font: bold 14px/.4 Helvetica;text-transform: uppercase;
  background: #fff;transition: all .2s ease-out;}
.gtco-nav-toggle i::before, .gtco-nav-toggle i::after {content: '';width: 30px;height:3px;background:#fff;position:absolute;left:0;transition:all .2s ease-out;}
.gtco-nav-toggle i::before {top: -15px;}
.gtco-nav-toggle i::after {bottom: -15px;}
.gtco-nav-toggle:hover i::before {top: -10px;}
.gtco-nav-toggle:hover i::after {bottom: -10px;}
.gtco-nav-toggle {cursor: pointer;}
.gtco-nav-toggle {float:right;display: none;margin: 38px auto 0;height: 54px;width: 30px;z-index: 2001;  border-bottom: none !important;}

@media only screen and (max-width: 1900px){
	.top_menu{float: none;}
	.top_logo{float: none;padding: 0;}
	.top_menu{border-radius:60px;border-right:1px solid #fff; width: 1340px;margin: 20px auto 0;}
	}
@media only screen and (max-width: 1400px){
	.top{padding: 2rem 2rem 0 2rem;}
	.top_logo{float: left;}
	.top_menu{display:none;}
	.nav_menu{margin:25px 10px 8px 0;padding:0 1rem;display: block;float:right;border: 1px solid #fff;border-radius:60px;}
	.nav_menu a{font-family: 'monbaiti';font-size: 18px;line-height: 50px;float: left;color: #fff;}
	.nav_menu a.a1{background: url(../images/login.png) left center no-repeat;padding: 0 20px 0 30px;position: relative;}
	.nav_menu a:hover.a1{background: url(../images/login1.png) left center no-repeat;}
	.nav_menu a.a1:before{content: "";position: absolute;width: 1px;height: 20px;background: #666666;right: 8px;top: 16px;}
	.nav_menu a:hover{text-decoration: underline;color: #c10000;}
	}
@media only screen and (max-width: 768px){
	.top{padding: 0.8rem 2rem 0 2rem;}
	.nav_menu{margin:15px 10px 8px 0;}
	.nav_menu a{font-family: 'monbaiti';font-size: 18px;line-height: 35px;float: left;color: #fff;}
	.nav_menu a.a1:before{top: 8px;}
	
	/*----------------*/
	.gtco-nav-toggle i {position: relative;display: inline-block;width: 25px;height: 2px;color: #252525;font: bold 14px/.4 Helvetica;text-transform: uppercase;
	  background: #fff;transition: all .2s ease-out;}
	.gtco-nav-toggle i::before, .gtco-nav-toggle i::after {content: '';width: 30px;height:2px;background:#fff;position:absolute;left:0;transition:all .2s ease-out;}
	.gtco-nav-toggle i::before {top: -12px;}
	.gtco-nav-toggle i::after {bottom: -12px;}
	.gtco-nav-toggle:hover i::before {top: -8px;}
	.gtco-nav-toggle:hover i::after {bottom: -8px;}
	.gtco-nav-toggle {cursor: pointer;}
	.gtco-nav-toggle {float:right;display: block;margin: 20px auto 0;height: 40px;width: 30px;z-index: 2001;  border-bottom: none !important;}
	/*----------------*/
	
	}
@media screen and (max-width: 1400px) {
  .gtco-nav-toggle {
    display: block;
  }
}

.about_tit{font-family: 'monbaiti';font-size: 60px;color: #fff;margin: 60px auto 50px;position: relative;}

.about_tit1{font-family: 'monbaiti';font-size: 36px;color: #fff;margin: 60px auto 50px;position: relative;}

.about_tit:before{content: "";bottom: 0;left: 50%;margin-left:-36px;width: 72px;height:2px;background: #fff;position: absolute;}
.about_txt{font-family: 'arial';text-align:left;width: 880px;padding:80px 60px;margin: 0 auto;background: #000000;border: 1px solid #333333;font-size: 24px;color: #999999;}

@media only screen and (max-width: 1400px){
	
	.about_txt{padding: 60px 40px;width: 70%;margin: 0 auto;}
	}
@media only screen and (max-width: 768px){
	.about_tit,.about_tit1{font-size: 40px;margin: 40px auto 30px;}
	.about_txt{padding: 30px;font-size: 16px;width: 70%;border-radius: 6px;}
	}
/*
 * product
 * -------------------------------------------------------------------
 */
.product_nav{text-align: center;}
.product_nav a{font-family: 'monbaiti';display: inline-block;padding: 0 20px;margin:0 10px;font-size: 24px;color: #fff;border: 1px solid #868182;border-radius:60px;line-height: 46px;transition: all 0.5s ease 0s;}
.product_nav a:hover,.product_nav a.on{color: #000;background: #fff;border: 1px solid #fff;}
.product_center{width: 1044px;margin:60px auto 0;}
.product_center ul{overflow: hidden;}
.product_center ul li{float: left;margin-left: 28.5px;margin-bottom:40px;width: 325px;border: 2px solid rgba(0,0,0,.0);-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li.fir{margin-left: 0;}
.product_center ul li a{display: block;width: 323px;overflow: hidden;border: 1px solid #333333;border-bottom:none;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li a img{height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.product_center ul li a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.product_center ul li h3{font-family: 'monbaiti';display: block;line-height: 20px;padding:20px 20px 10px;text-align: left;background: #100f0d;color:#fff;font-size: 20px;font-weight: lighter;margin: 0 auto;}
.product_center ul li h3 p{display: block;line-height: 30px;margin: 10px 0 5px;overflow: hidden;}
.product_center ul li h3 p span{background:url(../images/page6.png) left 10px center no-repeat;display: block;float:right;border: 1px solid #585756;padding:0 15px 0 35px;border-radius: 60px;line-height: 30px;font-size: 14px;}
.product_center ul li:hover h3 p span{background:url(../images/page6.png) #444342 left 10px center no-repeat;color: #fff;border: 1px solid #444342;}

.product_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.product_center ul li a:hover{border: 1px solid #fff;border-bottom:none;}

.page_1{text-align: center;overflow: hidden;}
.page_fl{display: inline-block;margin: 0 10px;}
.page_fl a{display: inline-block;background: url(../images/page1.png) no-repeat;width: 56px;height: 56px;transition: all 0.5s ease 0s;}
.page_fl a:hover{background: url(../images/page4.png) no-repeat;}
.page_c{display: inline-block;margin: 0;padding: 0;overflow: hidden;height: 56px;}
.page_c a{font-family: 'monbaiti';display: inline-block;padding: 10px;line-height: 36px;text-align: center;font-size: 24px;color: #666666;}
.page_c a:hover,.page_c a.on{color: #fff;}
.page_fr{display: inline-block;margin: 0 10px;}
.page_fr a{display: inline-block;background: url(../images/page2.png) no-repeat;width: 56px;height: 56px;transition: all 0.5s ease 0s;}
.page_fr a:hover{background: url(../images/page3.png) no-repeat;}


@media only screen and (max-width: 1100px){
.product_center{width: 90%;margin:60px auto 0;}
.product_center ul{overflow: hidden;}
.product_center ul li{float: left;margin-left: 2.1%;margin-bottom:40px;width: 31.3333333333%;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li.fir{margin-left: 0;}
.product_center ul li a{display: block;width:100%;overflow: hidden;border: 0px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li a img{height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.product_center ul li a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.product_center ul li h3{font-family: 'monbaiti';display: block;line-height: 20px;padding:20px 0;text-align: center;background: #100f0d;color:#fff;font-size: 20px;font-weight: lighter;margin: 0 auto;}
.product_center ul li h3 p span{float: left;}
.product_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.product_center ul li a:hover{border: 0px;border-bottom:none;}
	}
	
@media only screen and (max-width: 768px){
.product_nav a{margin-bottom: 10px;font-size: 18px;line-height: 36px;}
.product_center{width: 95%;margin:40px auto 0;}
.product_center ul{overflow: hidden;}
.product_center ul li{float: left;margin-left: 1.5%;margin-right: 1%;margin-bottom:40px;width: 46%;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li.fir{margin-left: 1.5%;}
.product_center ul li a{display: block;width:100%;overflow: hidden;border: 0px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.product_center ul li a img{vertical-align:top;height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.product_center ul li a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.product_center ul li h3{font-family: 'monbaiti';display: block;line-height: 20px;padding:10px;text-align: left;background: #100f0d;color:#fff;font-size: 20px;font-weight: lighter;margin: 0 auto;}
.product_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.product_center ul li a:hover{border: 0px;border-bottom:none;}
	}

.nproduct_nav{text-align: center;margin: 40px auto 0;}
.nproduct_nav a{font-family: 'monbaiti';display:inline-block;border: 2px solid #fff;font-size: 24px;color: #faf3f2;width: 280px;line-height: 54px;border-radius: 60px;margin: 0 10px;transition: all 0.3s;}
.nproduct_nav a.bj1{background:url(../images/gwc.png) left 30px center no-repeat;}
.nproduct_nav a.bj2{background: #fff;color: #000;}
.nproduct_nav a:hover{-webkit-box-shadow:0 0px 16px rgba(255,255,255,.6);box-shadow:0 0px 16px rgba(255,255,255,.6);
-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.nproduct_tit{line-height: 40px;padding-bottom:10px;font-family: 'monbaiti';font-size: 30px;color: #fff;text-align: left;width: 800px;margin: 60px auto 20px;border-bottom: 2px solid #fff;}
.nproduct_txt{font-family: 'arial';width: 800px;font-size: 18px;color: #fff;margin: 0 auto;text-align: left;line-height: 30px;font-weight: lighter;}
.nproduct_txt img{max-width: 100%;margin: 10px 0;}

.shopping{font-family: 'monbaiti';width:800px;margin:0 auto;border-bottom: 1px solid rgba(255,255,255,0.2);padding: 40px 0 10px;text-align: left;}

.shopping_fl{float: left;font-size: 36px;color: #ffffff;}
.shopping_fl .cost{font-size: 14px;color: #ffffff;font-family: 'arial';display: block;}
.shopping_fl span{font-size: 30px;}
.shopping_fl .cost a{color: #e43232;text-decoration: underline;padding-left: 5px;position: relative;cursor:pointer;line-height: 20px;height: 20px;}

.shopping_fl .cost a .fl_more{display: none;transition: all 0.6s;position:absolute;top:30px;left:50%;margin-left:-211.5px;padding:20px;width: 383px;height: 156px;background: #fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);}
.shopping_fl .cost a .fl_more:before{position: absolute;content: "";top:-10px;left:50%;margin-left:-8.5px;background: url(../images/page7.png) center center no-repeat;width: 17px;height:10px;}

.shopping_fl .cost a:hover .fl_more{display: block;}
.shopping_fl .cost a .fl_more b{display: block;font-size: 24px;color: #000000;font-family: 'monbaiti';line-height: 30px;font-weight: lighter;margin-bottom: 10px;}
.shopping_fl .cost a .fl_more li{line-height: 26px;overflow: hidden;}
.shopping_fl .cost a .fl_more li .li-fl{float: left;color: #000000;}
.shopping_fl .cost a .fl_more li .li-fr{float: right;color: #000000;}
.shopping_fl .cost a .fl_more li:nth-child(4n) {border-bottom: 1px solid #bbbbbb;padding: 0 0 10px;margin-bottom: 5px;}


.m-num{position: relative;height:44px;overflow: hidden;float: right;margin: 10px 0 0;}
.m-num span.jian{display:block;width:49px;height:42px;line-height:42px;color: #fff;text-align:center;font-size:24px;}
.m-num span.add{height:37px;padding: 5px 0 0;display:block;width:49px;color: #fff;text-align:center;font-size:24px;}
.m-num .add{float: right;cursor:pointer;}
.m-num .jian{float: left;cursor:pointer;}
.m-num input{width: 60px; height: 40px;background:none;vertical-align: top;text-align: center;font-size: 20px;color: #fff;}
.m-num input,.m-num,.m-num span.jian,.m-num span.add{border:1px solid rgba(255,255,255,0.4);}
.m-num span.jian:hover,.m-num span.add:hover{border: 1px solid #fff;}

@media only screen and (max-width: 768px){
	.nproduct_nav{margin: 20px 0 0;}
	.shopping{width:90%;padding: 0px 0 20px;}
	.m-num{width: 164px;}
	.shopping_fl,.m-num{float: none;}
	.shopping_fl .cost a .fl_more{width: 280px;left: 0;margin: 0 0 0 -100px;}
	.shopping_fl .cost a .fl_more:before{margin: 0;left: 115px;}
	
	
	.nproduct_nav a{margin-bottom: 20px;}
	.nproduct_tit{width: 80%;margin: 20px auto 10px;font-size: 24px;}
	.nproduct_txt{width: 80%;font-size: 16px;color: #fff;margin: 0 auto;}
	.nproduct_nav a{width: 160px;line-height: 36px;font-size: 20px;}
	.nproduct_nav a.bj1{background:url(../images/gwc.png) left 20px center no-repeat;background-size:20px;text-align: left;padding: 0 0 0 45px;width: 115px;}
	
	
	}

/*
 * contact
 * -------------------------------------------------------------------
 */
.contact_txt{overflow: hidden;text-align: left;}
.contact_txt a,.contact_fl a{color: #999;}
.contact_txt li{display: block;border-bottom: 1px solid #1f1f1f;margin: 0 0 25px;padding: 0 0 25px;font-size: 18px;font-weight: lighter;transition: all 0.5s ease 0s;}
.contact_txt li.fir{font-size: 30px;font-family: 'monbaiti';color: #fff;border-bottom: 2px solid #fff;}
.contact_txt li:hover{color: #fff;border-bottom: 2px solid #fff;}
.contact_fl{background:url(../images/foot1.png) left center no-repeat;float:left;font-size: 18px;line-height: 47px;padding:0 0 0 57px;}
.contact_fl a:hover{color: #fff;}
.contact_fr{float: right;overflow: hidden;}
.contact_fr a{display: inline-block;width: 47px;height: 47px;margin-left:10px;}
.contact_fr a.bj1{background:url(../images/foot2.png) left center no-repeat;}
.contact_fr a.bj2{background:url(../images/foot3.png) left center no-repeat;}
.contact_fr a.bj3{background:url(../images/foot4.png) left center no-repeat;}
.contact_fr a.bj4{background:url(../images/foot5.png) left center no-repeat;}
.contact_fr a:hover{opacity: 0.5;transition:all .3s ease;}

.font-18{font-size: 18px;font-family: 'arial';}

@media only screen and (max-width: 768px){
	.contact_txt li,.contact_fl{font-size: 16px;}
	.contact_fl{float: none;}
	.contact_fr{float: none;}
	.contact_fr a{margin:20px 10px 0 0}
	.font-18{font-size: 16px;}
	}




/*
 * news
 * -------------------------------------------------------------------
 */
.news_center{width: 1150px;margin:60px auto 0;}
.news_center ul{overflow: hidden;}
.news_center ul li{float: left;margin-left: 28.5px;margin-bottom:40px;width: 359px;border: 2px solid rgba(0,0,0,.0);-webkit-transition:all .3s ease;transition:all .3s ease;background: #100f0d;padding: 0 0 20px;}
.news_center ul li.fir{margin-left: 0;}
.news_center ul li a{display: block;width: 357px;overflow: hidden;border: 1px solid #333333;border-bottom:none;-webkit-transition:all .3s ease;transition:all .3s ease;}
.news_center ul li a img{height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.news_center ul li:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.news_center ul li h3{font-family: 'monbaiti';display: block;line-height: 24px;padding:20px 20px 10px;text-align: left;color:#fff;font-size: 18px;font-weight: lighter;margin: 0 auto;text-transform: uppercase;}
.news_center ul li h2{font-family: 'arial';font-size: 14px;color: #999999;padding: 0 20px;margin: 0;text-align: left;font-weight: lighter;}
.news_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.news_center ul li a:hover{border: 1px solid #fff;border-bottom:none;}
.news_center ul li .time{font-size: 14px;color: #ffffff;padding: 10px 20px 0;margin: 0;text-align: left;}

.news_txt{text-align:left;width: 880px;margin: 80px auto 0;background: #000000;border: 1px solid #333333;font-size: 24px;color: #999999;}
.news_txt img{max-width: 100%;}
.news_tit{padding:0 30px;font-size: 18px;color: #ffffff;text-align: left;line-height: 60px;border-bottom: 1px solid #333333;}
.newstit_fl{float:left;padding-left:50px;background:url(../images/page5.png) left center no-repeat;line-height: 60px;}
.newstit_fl a{color: #fff;font-family:'monbaiti';}
.newstit_fl:hover{transition:all .3s ease;opacity:0.6;}
.newstit_fr{float:right;color: #666666;}
.newstit_fr a{font-family:'monbaiti';color: #666666;font-size: 18px;display:inline-block;padding: 0 5px;}
.newstit_fr a:hover{color: #fff;}
.page_newstxt{font-family: 'arial';padding: 30px;font-size: 18px;color: #999999;}
.newstxt{font-family:'monbaiti';border-bottom: 1px solid #666666;padding: 0 0 30px;margin:0 0 30px;font-size: 24px;color: #fff;text-align: center;}
.newstxt p{font-size: 16px;}

@media only screen and (max-width: 1400px){
	.news_txt{width: 70%;margin: 60px auto 0;}
	}
@media only screen and (max-width: 768px){
	.news_txt{margin: 40px auto 0;font-size: 16px;width: 85%;border-radius: 6px;}
	.page_newstxt{padding: 30px;font-size: 16px;color: #999999;}
	}

@media only screen and (max-width: 1100px){
.news_center{width: 90%;margin:60px auto 0;}
.news_center ul{overflow: hidden;}
.news_center ul li{float: left;margin-left: 2.1%;margin-bottom:40px;width: 31.3333333333%;-webkit-transition:all .3s ease;transition:all .3s ease;background: #100f0d;padding: 0 0 20px;}
.news_center ul li.fir{margin-left: 0;}
.news_center ul li a{display: block;width:100%;overflow: hidden;border: 0px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.news_center ul li a img{height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.news_center ul li a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.news_center ul li h3{font-family: 'monbaiti';display: block;line-height: 20px;padding:20px 20px 10px;text-align: left;color:#fff;font-size: 18px;font-weight: lighter;margin: 0 auto;}
.news_center ul li h2{font-size: 12px;color: #999999;padding: 0 20px;margin: 0;text-align: left;font-weight: lighter;}
.news_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.news_center ul li a:hover{border: 1px solid #fff;border-bottom:none;}
.news_center ul li .time{font-size: 14px;color: #ffffff;padding: 10px 20px 0;margin: 0;text-align: left;}
	}
	
@media only screen and (max-width: 768px){
.news_center li:nth-child(9n) {
    display: none;
}
.news_center{width: 95%;margin:40px auto 0;}
.news_center ul{overflow: hidden;}
.news_center ul li{float: left;margin-left: 1.5%;margin-right: 1%;margin-bottom:40px;width: 46%;-webkit-transition:all .3s ease;transition:all .3s ease;background: #100f0d;padding: 0 0 20px;}
.news_center ul li.fir{margin-left: 1.5%;}
.news_center ul li a{display: block;width:100%;overflow: hidden;border: 0px;-webkit-transition:all .3s ease;transition:all .3s ease;}
.news_center ul li a img{vertical-align:top;height: auto;max-width: 100%;-webkit-transition: -webkit-transform 1s ease;-moz-transition: -moz-transform 1s ease;transition: transform 1s ease;}
.news_center ul li a:hover img{-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;}
.news_center ul li h2{font-size: 12px;color: #999999;padding: 0 20px;margin: 0;text-align: left;font-weight: lighter;}
.news_center ul li:hover{border: 2px solid #fff;border-radius: 3px;-webkit-box-shadow:0 0px 16px rgba(0,0,0,.8);box-shadow:0 0px 16px rgba(0,0,0,.8);}
.news_center ul li a:hover{border: 1px solid #fff;border-bottom:none;}
.news_center ul li .time{font-size: 14px;color: #ffffff;padding: 10px 20px 0;margin: 0;text-align: left;}
	}
	
/*
 * music
 * -------------------------------------------------------------------
 */
.page_music{overflow: hidden;width: 890px;margin: 0 auto 20px;text-align: left;}
.page_music ul{}
.page_music ul li{float: left;border: 1px solid #333333;margin: 0 0 20px;overflow: hidden;background: #100f0d;width: 888px;color: #999;}
.page_music ul li .music_fl{float: left;width: 130px;height: 130px;overflow: hidden;}
.page_music ul li .music_fl img{max-width: 100%;}
.page_music ul li .music_fr{float: right;width: 700px;padding: 20px 25px 0 0;overflow: hidden;}
.page_music ul li .music_fr_fl{float: left;width: 400px;}
.page_music ul li .music_fr_fl b{font-family: 'monbaiti';font-size: 18px;color: #ffffff;display: block;font-weight: lighter;}
.page_music ul li .music_fr_fl span{font-family:Arial;font-size: 14px;display: block;line-height: 20px;padding: 0 0 5px;}
.page_music ul li .music_fr_fl p{font-size: 14px;color: #ffffff;display: block;}
.page_music ul li .music_fr audio{float: right;width:250px;height:45px;margin: 20px 0 0;}

@media only screen and (max-width: 1100px){
	.page_music{width: 100%;}
	.page_music ul li .music_fl{float: left;width: 100%;height: 130px;overflow: hidden;}
.page_music ul li .music_fl img{width: 100%;}
	.page_music ul li{width: 80%;margin: 0 auto 20px;float: none;}
	.page_music ul li .music_fl{margin: 0 25px 0 0;}
	.page_music ul li .music_fr{width: auto;float: left;}
	.page_music ul li{padding: 20px;}
	.page_music ul li .music_fr_fl{float: none;width: 100%;}
	.page_music ul li .music_fr audio{float: none;display: block;}
	}
/*
 * loader
 * -------------------------------------------------------------------
 */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {
	display: none;
}
.pace .pace-progress {
	background: #a82926;
	position: fixed;
	z-index: 900;
	top: 0;
	right: 100%;
	width: 100%;
	height: 6px;
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #151515;
	z-index: 800;
	height: 100%;
	width: 100%;
}
.no-js #preloader, .oldie #preloader {
	display: none;
}
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: -30px 0 0 -30px;
	padding: 0;
}
#loader:before {
	content: "";
	border-top: 11px solid rgba(255, 255, 255, 0.1);
	border-right: 11px solid rgba(255, 255, 255, 0.1);
	border-bottom: 11px solid rgba(255, 255, 255, 0.1);
	border-left: 11px solid #820d0f;
	-webkit-animation: load 1.1s infinite linear;
	animation: load 1.1s infinite linear;
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}