/* CSS Document */
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.menu{
	margin-top:15px;
}
.menu .col-xs-3{
	padding:0 3px;
}
.menu a{
	display:block;
	height:30px;
	width:100%;
	text-align:center;
	line-height:30px;
	background:url(../images/nav_bg.jpg) repeat-x;
	border-top:1px solid #949494;
	border-right:1px solid #484848;
	border-bottom:1px solid #2b2b2b;
	border-left:1px solid #969696;
	color:#fff;
	text-decoration:none;
}
.cat1{
    margin: 0 auto;
	margin-top:5px;
	border-bottom:1px dashed #ccc;
	margin-bottom:15px;
}

.cat{
    margin: 0 auto;
	margin-top:15px;
	margin-bottom:10px;
	width: 95%;
}
.cat .col-xs-4,.cat .col-xs-3{
	padding:0 3px;
	margin-bottom:3px;
	overflow:hidden;
	font-size:10px;
	
}
.cat .col-xs-4 a,.cat .col-xs-3 a{
	display:block;
}
.cat a{
	display:block;
	width:100%;
	text-align:center;
	color:#333;
	text-decoration:none;
	background-color:#eee;
}
.cat a span{
	display:block;
	height:30px;
	width:90%;
	text-overflow: ellipsis;
    white-space: nowrap;
	margin:0 auto;
	overflow:hidden;
	line-height:30px;
}
.cat .col-xs-4 a{
	display:block;
	border:1px solid #ccc;
}

.box{
	margin-top:12px;
	position:relative;
}
.box1{
	margin-top:25px;
	position:relative;
	min-height:140px;
}
.box .logo{
	position:absolute;
	left:50%;
	top:50%;
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;
}
.box .logo img{
	width:100%;
	height:100%
}
.box .col-xs-6{
	padding:10px;
}
.box a{
	display:block;
}
.box a img{
	display:block;
	width:100%;
	height:auto;
}
.box a span{
	display:block;
	height:30px;
	text-align:center;
	line-height:30px;
	background:url(../images/nav_bg.jpg) repeat-x;
	color:#fff;
	overflow:hidden;
}

.list .col-xs-4{
	padding:0 3px;
	
}
.list a{
	display:block;
	line-height:30px;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-size:12px;
	
}
.list a span{
	width:90%;
	margin:0 auto;
	white-space: nowrap;
	text-overflow:ellipsis; 
	overflow:hidden;
	display:block;
}
.list a img{
	display:block;
	border:1px solid #c3c3c3;
	width:100%;
	border-radius:8px;
	
}
.phone{
	height:40px;
	line-height:40px;
	text-indent:60px;
	font-size:30px;
	color:#fff;
	border-radius:10px;
	margin:10px 3px;
	background:url(../images/phone.png) 30px center #3f3f3f no-repeat;
	
}
.phone a{color:#fff;}

.prolist{
	width:100%;
	max-height:200px;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	
}
.prolist img{
	border:1px solid #ccc;
	margin:0 3px;
}
.prolist img{
	max-height:200px;
}

.footer{
	height:55px;
	background-color:#191919;
	left:0;
	bottom:0;
	width:100%
}
.news{
	border-bottom:1px dashed #ccc;
	height:30px;
	width:95%;
	margin:0 auto;
	line-height:30px;
}
.news a{
	display:block;
}
.prenext{
	font-size:12px; margin-top:20px;
}
.panel-title{margin:10px auto; color:#000;}
.plug-div .plug-phone .col-xs-3{
padding:0; width:20%; float:left; background:url(../images/foot1.jpg) no-repeat left top;}
.footer .footer_in .col-xs-3-1{
	padding:0;
}
.footer .footer_in .col-xs-3 a{
	display:block;
	width:100%;
	height:35px;
	line-height:85px;
	color:#fff;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}
.col-xs-3-1{ width:33%; float:left}
.footer .footer_in .col-xs-3-1 a{
	display:block;
	width:100%;
	height:50px;
	line-height:115px;
	color:#fff;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}


.footer .footer_in .col-xs-3 a.f1{
	background:url(/images/index_tel.png) no-repeat  center;
	border-left:none;
}
.footer .footer_in .col-xs-3-1 a.f2{
	background:url(/images/index_home.png) no-repeat  center;
	margin-top:-15px;
}
.footer .footer_in .col-xs-3 a.f3{
	background:url(/images/index_home.png) no-repeat  center;
}
.footer .footer_in .col-xs-3 a.f4{
	background:url(/images/index_share.png) no-repeat  center;
	border-right:none;
}
.pad60{
padding-bottom:10px;
}
.fo{margin-left:500px;width:300px; height:60px;}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
  
  
html{
	overflow-x: hidden!important;
	background: #0f0003;
}
#wrap{}
.header-main{
	height: 80px;
	text-align: center;
	background: -moz-linear-gradient(top,#86051c,#5a0313);
	background: -webkit-linear-gradient(top,#86051c,#5a0313);
	background: -ms-linear-gradient(top,#86051c,#5a0313);
	position: relative;
	z-index: 3;
}
.header-main a.sign.fl{
	margin: 17px 0 0 3%;
}
.header-main a.sign.fr{
	margin: 17px 3% 0 0;
	position: relative;
	z-index: 2;
}
.nav-list{
	width: 58.75%;
	text-align: left;
	position: absolute;
	right: 0;
	top: 81px;
	z-index: 1;
	display: none;
}
.subnav-btn{
	width: 10%;
	min-width: 89px;
	height: 81px;
	background: #6a0416;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
.nav-list a.tit{
	display: inline-block;
	width: 100%;
}
.nav-list a.tit,.nav-list h2{
	font-weight: normal;
	font-size: 18px;
	line-height: 62px;
	color: #d6b171;
	text-indent: 15%;
	border-bottom: 1px solid #7a2c2a;
	background: url(../images/bg_sign01.png) no-repeat 5% center #6a0416;
	cursor: pointer;
}
.subnav{
	display: none;
}
.subnav a{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	line-height: 60px;
	color: #d6b171;
	background: url(../images/bg_sign02.png) no-repeat 95% center #5e0414;
	border-bottom: 1px solid #7a2c2a;
	text-indent: 15%;
}
.header-line{
	height: 1px;
	opacity: 0.6;
	position: relative;
	z-index: 2;
}
footer{
	margin-top: 5%;
	border-top: 1px solid #5c3d0a;
	font-size: 16px;
	line-height: 56px;
	color: #ac906f;
	text-align: center;
}
footer a{
	color: #ac906f;
}
.banner{
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-top: -1px;
}
.swiper-slide img{
	width: 100%;
}
.pagination{
	width: 100%;
	height: 8px;
	position: absolute;
	left: 40%;
	z-index: 2;
	text-align: center;
	top: 90%;
	}
.pagination span{
	display: inline-block;
	width: 8px;
	height: 8px;
	background:#888;
	overflow: hidden;
	margin-right: 5px;
	border-radius:8px
}
.pagination span.swiper-active-switch{
	background:#1c8dee;
}
.index-bg{
	margin-top: -30%;
	padding-top: 20%;
	background: url(../images/index_02.png) no-repeat center top;
	background-size: 100%;
	position: relative;
	z-index: 2;
}
.index-main{
	width: 93.75%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.index-box .boxs{
	width: 30%;
	border: 1px solid #7d2136;
	border-radius: 5px;
	background: -moz-linear-gradient(top,#d21448,#7e051b,#40000c);
	background: -webkit-linear-gradient(top,#d21448,#7e051b,#40000c);
	background: -ms-linear-gradient(top,#d21448,#7e051b,#40000c);
	margin-bottom: 5%;
}
.index-box .boxs.mid{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -15%;
}
.index-box img{
	width: 100%;
	float: left;
}
.index-box h2{
	width: 100%;
	font-size: 18px;
	line-height: 50px;
	color: #a48d61;
	text-align: center;
	float: left;
}
.index-news .title{
	height: 62px;
	padding-left: 8%;
	background: url(../images/bg_sign04.png) no-repeat 1% center;
}
.index-news .title h2{
	font-size: 22px;
	line-height: 62px;
	color: #a48d61;	
}
.index-news .title img{
	padding-left: 1%;
}
.index-news li{
	width: 94%;
	background: -moz-linear-gradient(top,#86051c,#5a0313);
	background: -webkit-linear-gradient(top,#86051c,#5a0313);
	background: -ms-linear-gradient(top,#86051c,#5a0313);
	float: left;
	margin-bottom: 2%;
	padding: 3%;
}
.index-news .img{
	width: 18%;
	float: left;
}
.index-news .img img{
	width: 100%;
	float: left;
}
.index-news .in-intro{
	width: 75%;
	float: right;
}
.index-news .time{
	font-size: 18px;
	line-height: 26px;
	font-family: Arial;
	color: #9d875d;
	padding-top: 1%;
	opacity: 0.5;
}
.index-news p{
	font-size: 18px;
	line-height: 26px;
	color: #9d875d;
}
.index-tel{
	width: 83%;
	height: 50%;
	padding: 4% 14% 4% 3%;
	position: relative;
	background: url(../images/bg_bg01.jpg) no-repeat;
	background-size: 100% 100%; 
}
.index-tel a{
	display: inline-block;
	width: 100%;
	float: left;
}
.index-tel p{
	font-size: 18px;
	line-height: 26px;
	color: #e0d8c2;
}
.index-tel .it-left{
	font-size: 32px;
	line-height: 32px;
	font-family: Arial;
	color: #e0d8c2;
	float: left;
}
.index-tel .it-right{
	padding-left: 10%;
	font-size: 22px;
	line-height: 32px;
	color: #9d875d;
	float: right;
	background: url(../images/bg_sign05.png) no-repeat left center;
}
.inside-banner{
	position: relative;
	z-index: 1;
}
.inside-banner img{
	width: 100%;
}
.inside-wrap{
	width: 93.75%;
	margin: -10% auto 0;
	position: relative;
	z-index: 2;
}
.path{
	height: 72px;
	font-size: 18px;
	line-height: 72px;
	color: #ab945c;
}
.path h2{
	font-size: 26px;
	line-height: 72px;
	color: #ab945c;
}
.path a{
	color: #ab945c;
}
.inside-main{
	width: 92%;
	padding: 4%;
	margin: 0 auto;
	background: #34040d;
	border-radius: 5px;
}
.inside-main h2{
	font-size: 22px;
	line-height: 52px;
	color: #cfa96b;
}
.inside-main p{
	color: #ab945c;
}
.about-in{
	margin-top: 36px;
	border-top: 1px solid #3f1a21;
	padding-top: 22px;
}
.about-in h2{
	font-weight: normal;
	font-size: 22px;
	line-height: 34px;
	color: #ab945c;
}
.about-in h3{
	font-weight: normal;
	font-size: 20px;
	color: #ab945c;
}
.about-in p{
	font-size: 16px;
}
.business-main h2{
	font-size: 20px;
	line-height: 58px;
	color: #ab945c;
	border-bottom: 1px solid #3f1a21;
}
.business-main img{
	width: 100%;
}
.business-main li{
	width: 50%;
	float: left;
	font-size: 18px;
	line-height: 38px;
	color: #ab945c;
}
.join-main h2{
	font-size: 20px;
	line-height: 58px;
	color: #ab945c;
	border-bottom: 1px solid #3f1a21;
}
.join-main h3{
	font-size: 22px;
	line-height: 50px;
	color: #927b55;
}
.join-main p.s{
	font-size: 22px;
	line-height: 84px;
	color: #7a6144;
	border-bottom: 1px solid #3f1a21;
}
.join-main img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.join-in{
	margin-top: 50px;
	border-top: 1px solid #461516;
	padding-top: 22px;
}
.join-in li{
	width: 100%;
	border-bottom: 1px solid #461516;
	float: left;
}
.join-in p{
	line-height: 44px;
}
.join-in p.l{
	width: 55%;
	border-right: 1px solid #461516;
	float: left;
}
.join-in p.r{
	width: 44%;
	text-align: center;
	float: left;
}
.porudcts-main li{
	width: 94%;
	padding: 3%;
	border: 1px solid #452c02;
	background: #38000a;
	float: left;
	margin-bottom: 4%;
}
.porudcts-main li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
.porudcts-main img.pro{
	width: 56%;
	float: left;
}
.porudcts-main img.sign{
	width: 10%;
	position: absolute;
	right: 0;
	bottom: 0;
}
.porudcts-main li .intro{
	width: 38%;
	height: 100%;
	float: right;
}
.porudcts-main li p{
	font-size: 22px;
	line-height: 48px;
	color: #9d875d;
	height: 96px;
	border-bottom: 1px solid #542a22;
}
.porudctslist-main li{
	width: 41%;
	margin-bottom: 3%;
	padding: 3%;
	border: 1px solid #452c02;
	background: #330008;
}
.porudctslist-main li img{
	width: 100%;
	float: left;
	margin-bottom: 5%;
}
.porudctslist-main li p{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 38px;
	color: #9d875d;
	background: url(../images/bg_sign06.png) no-repeat right center;
	background-size: auto 100%;
}
.page{ width:100%; height:54px; background:#e3e3e3; margin-bottom:10px; float:left}
.page ul{ width: auto; height:44px; padding-top:5px; margin: 0 auto;display: flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center}
.page ul li{ width:auto !important;padding:0 10px !important;height:40px !important; background:#fff; text-align:center; margin:3px; line-height: 40px; font-size: 12px; list-style:none;padding: 0 10px}
.page ul li a{	height:40px!important;line-height: 40px !important;
}
.page span{display:inline-block;width:100%;height: 100%}
.page .current{background:#1c8cee;color:#fff}
.page ul li a:hover{
	color:#003465}

.page .number{
	width: 100%;
	font-size: 26px;
	line-height: 52px;
	font-family: Arial;
	color: #ab945c;
	position: absolute;
	z-index: -1;
}
.productsinfo-main{
	background: #34040d;
	padding: 3% 0;
	border-radius: 5px;
}
.productsinfo-main .title{
	font-size: 20px;
	line-height: 64px;
	color: #9d875d;
	padding: 0 2%;
}
.pro-pagination{
	bottom: 3%;
}
.productsinfo-detail{
	width: 94%;
	padding: 3%;
	margin: 0 auto;
}
.productsinfo-detail h2{
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 3%;
}
.productsinfo-box{
	margin-top: 2%;
	padding-top: 2%;
	border-top: 1px solid #4b211f;
}
.turn-page{
	margin-top: 5%;
	border-top: 1px solid #3f1a21;
	padding-top: 2%;
	position: relative;
}
.turn-page a{
	font-size: 18px;
	line-height: 30px;
	color: #9d875d;
}
.turn-page a.back{
	position: absolute;
	right: 2%;
	top: 15%;
	padding-left: 5%;
	background: url(../images/bg_sign07.png) no-repeat left center;
}
.news-main li{
	background: #330008;
	border: 1px solid #452c02;
}
.news-main li a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.news-main li .time{
	line-height: 36px;
}
.newsinfo-main{
	width: 96%;
	padding: 6% 2%;
	background: #34040d;
	border-radius: 5px;
	margin: 0 auto;
}
.newsinfo-main h1{
	font-weight: normal;
	font-size: 20px;
	line-height: 36px;
	color: #9d875d;
	text-align: center;
}
.newsinfo-main .time{
	font-size: 18px;
	line-height: 30px;
	color: #9d875d;
	text-align: center;
	padding-bottom: 5%;
	border-bottom: 1px solid #3f1a21;
	margin-bottom: 5%;
}
.contact-btn{
	margin: 4% auto 0;
}
.contact-btn a{
	display: inline-block;
	width: 48%;
}
.contact-btn a img{
	width: 100%;
}
.message-table{
	width: 88%;
	margin: 0 auto 2%;
}
.message-table td{
	line-height: 42px;
	padding-bottom: 2%;
}
.message-table td input{
	width: 92%!important;
	height: 42px;
	background: #a48445!important;
	padding: 0 0 0 2%!important;
	font-size: 20px;
	line-height: 42px;
	color: #34040d;
	border: none;
	float: left;
	margin-right: 2%!important;
	border-radius: 5px;
}
.message-table td input.submit{
	width: 100%!important;
	height: 54px;
	cursor: pointer;
	background: -moz-linear-gradient(top,#ebc885,#90742f);
	background: -webkit-linear-gradient(top,#ebc885,#90742f);
	background: -ms-linear-gradient(top,#ebc885,#90742f);
	opacity: 1!important;
	color: #34040d;
}
.ui-btn{
	width: 54%!important;
	margin: 0!important;
}
.message-table td textarea{
	width: 94%!important;
	height: 142px;
	background: #a48445!important;
	padding: 0 2%!important;
	border: none;
	font-size: 20px;
	line-height: 42px;
	color: #34040d;
	float: left;
	margin-right: 2%!important;
	border-radius: 5px;
}
.newsinfo-detail img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

