.banner-container{
	max-width: 1180px;
	overflow:hidden;
	padding: 1px;
}
.banner-container{
	margin:auto;
	
}
.mySlideshow .animated{
	position:absolute;
}

/*------�䌊撌勗��-------*/
.mySlideshow li{/*----蝯曹�閮剖�鋳ANNER�峕艶雿滨蔭----*/
	background-position:center;
	background-repeat:no-repeat;
	}
.mySlideshow li .b-text{/*----����𦯀�滨蔭----*/
	top:20px;
	
	width:100%;
	/*text-align:center;*/
	font-size:30px;
	color:#fff;
	text-shadow:-1px 1px 11px #000;
	padding:0 50px;
	}	
.mySlideshow li .b-text a{color:#fff;}	
.b-text h3{ margin-bottom:10px;}
.b-text p{ font-size:18px;}
.go-more{ font-size:14px; width:80px; padding:10px 0; text-align:center; border:2px solid #fff;
border-radius:8px;
-o-border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
display:inline-block;
margin:0 10px;
text-shadow:none;
}
.go-more:hover{ background-color:rgba(255,255,255,0.3)}
/*-------------*/

.main-area{ display:flex; padding-top:23px;}
/*-----撌血�湧�詨鱓-----*/
.left-nav{/* width:21.6%;*/width:254px; float:left; font-size:18px;}

.left-nav ul{ list-style:none;}
.left-nav ul li a{ width:100%; display:block;
color:#252c34; border-bottom:1px solid #dcdcdc; 
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;}
  
.left-nav ul li a.on{ color:#ff5707;}

.left-nav ul li a span{ padding:9px 5px 9px 24px; display:block;
-moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
.left-nav ul li a:after{
	 content:""; display:block;width:0px; 
	 height:1px; background:#dcdcdc;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  -webkit-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	 }
.left-nav ul li a:hover{border-bottom: none; color:#ff5707;}	 
.left-nav ul li a:hover span{  /*padding-left:35px;*/}
.left-nav ul li a:hover:after{ width:100%; height:1px; background:#ff5707;
}

/*---SUB MENU----*/
.left-sub li{
	list-style:none; 
	padding-left:22px;
	display:block; 
	width:100%;
	clear:both;
}
.left-sub li a{ background:url(../images/dot01.png) no-repeat left center; 
background-size:14px; padding: 0; font-size:18px; color:#252c34;
display:block;width:100%; border:none !important;}
.left-sub li a span{
	 -moz-transition: all 0s ease !important;
	  -o-transition: all 0s ease !important;
	  -webkit-transition: all 0s ease !important;
	  transition: all 0s ease !important;}
.left-sub li a:hover span{  padding-left: 24px !important;}
.left-sub li a:hover{color:#fe661f; }
.left-sub li a:after{ display:none !important;} 
/*----�𢰧�游�批捆------------*/
.right-area{
	width: 78.4%;
	float: left;
	flex: 1;
	border-left: 1px solid #eae9e9;
	margin-left: 30px;
	padding: 28px 20px 25px 32px;
	margin-bottom: 5%;
	color: #390202;
	font-size: 18px;
	line-height: 1.5em;
 }
.unit-title{color:#b99114; font-size:25px; margin-bottom:20px;}
.unit-title i{ padding-right:15px; font-family:Gabriola, Georgia, "Times New Roman", Times, serif; font-size:40px; display:inline-block;}
 
 
 /*-----ABOUT-------*/
 .about-s{ width:100%; float:left; margin-bottom:24px;}
.s-item{
	position: relative;
	float:left;
	width:240px;
	height:240px;
	margin:0 20px 0 0;
	line-height:1.3em;
}

@media only screen and (max-width: 1280px){  
.s-item{
margin:0 10px 0 0;
}
}
@media only screen and (max-width: 1160px){ 
.about-s{ margin-left:-20px;}
.s-item{
	width:220px;
    margin:0 5px 0 -10px;
}
}
@media only screen and (max-width: 1060px){ 
.s-item{
	width:180px;
}
}
.s-item:nth-child(3){ margin:0;}
.s-item .scroll-bg1{
	-webkit-animation: myanimate 6s linear 0ms infinite;
	animation: myanimate 6s linear 0ms infinite;
	-o-animation: myanimate 6s linear 0ms infinite;
	-moz-animation : myanimate 6s linear 0ms infinite;
	-ms-animation : myanimate 6s linear 0ms infinite;
	
}
.s-item .layer{
	position:absolute;
	top:0;
	left:0;
}

.s-item .scroll-bg2{
	-webkit-animation: myanimate2 6s linear 0ms infinite;
	animation: myanimate2 6s linear 0ms infinite;
	-o-animation: myanimate2 6s linear 0ms infinite;
	-moz-animation : myanimate2 6s linear 0ms infinite;
	-ms-animation : myanimate2 6s linear 0ms infinite;
	
	
}
.s-item .layer.circle-center{
	top: 20px;
	left:21px;
	width: 200px;
	border-radius: 50%;
	height: 200px;
	background: #fff;
	position: relative;
}
.s-item article{
	position:absolute;
	
	margin:35px 0 0 30px;
	font-size:16px;
	text-shadow:3px 1px 3px #ffffff;
	}
.s-item article h4{
font-size:20px;
margin-bottom:10px;
}

.third-s{ width:295px;}
.first-s h4{ color:#d01530;}
.second-s h4{ color:#3f8416;}
.third-s h4{ color:#0682cb;}

.title01{ color:#b99114; font-size:20px; padding-right:30px;
background:url(../images/arrow-pointer.png) no-repeat right center;
background-size:24px; 
display:inline-block;
clear:both;
float:left;
}
.part-title{color:#9e7568;}

.line{ border-bottom:1px dashed #dcdcdc; margin:10px 0; width:100%;}

@-webkit-keyframes myanimate{
	0%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(180deg)}
	100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes myanimate{
	0%{-o-transform:rotate(0deg)}
	50%{-o-transform:rotate(180deg)}
	100%{-o-transform:rotate(360deg)}
}
@-ms-keyframes myanimate{
	0%{-ms-transform:rotate(0deg)}
	50%{-ms-transform:rotate(180deg)}
	100%{-ms-transform:rotate(360deg)}
	}
@-moz-keyframes myanimate{
	0%{-moz-transform:rotate(0deg)}
	50%{-moz-transform:rotate(180deg)}
	100%{-moz-transform:rotate(360deg)}
	}
@keyframes myanimate{
	0%{transform:rotate(0deg)}
	50%{transform:rotate(180deg)}
	100%{transform:rotate(360deg)}
	}
@-webkit-keyframes myanimate2{
	0%{-webkit-transform:rotate(0deg)}
	50%{-webkit-transform:rotate(-180deg)}
	100%{-webkit-transform:rotate(-360deg)}
}
@-o-keyframes myanimate2{
	0%{-o-transform:rotate(0deg)}
	50%{-o-transform:rotate(-180deg)}
	100%{-o-transform:rotate(-360deg)}
	}
@-ms-keyframes myanimate2{
	0%{-ms-transform:rotate(0deg)}
	50%{-ms-transform:rotate(-180deg)}
	100%{-ms-transform:rotate(-360deg)}
	}
@-moz-keyframes myanimate2{
	0%{-moz-transform:rotate(0deg)}
	50%{-moz-transform:rotate(-180deg)}
	100%{-moz-transform:rotate(-360deg)}
	}
@keyframes myanimate2{
	0%{transform:rotate(0deg)}
	50%{transform:rotate(-180deg)}
	100%{transform:rotate(-360deg)
	}
}
/*------/ ABOUT---------------*/
 

/*-------LINK----------------*/
.link-area{float:left; width:100%; list-style:none; }
.link-area li{ float:left; width:100%; margin-bottom:18px; 
border-bottom:1px solid #efefef; 
padding:0 7px 18px;
}
.link-photo{float:left; width:29%; margin-right:3%; border:1px solid #dcdcdc;}
.link-info{float:left; width:68%;}

.link-img{ float:left; background-color:#fff;
text-align: center;
overflow:hidden;
box-sizing: border-box;
}

.link-img img{ width:100%;overflow:hidden; }

.fix {
  
    position:relative;
    overflow:hidden;
    width:100%;
    float:left;
} 
.fix:after {
    padding-top: 59%;/*----�𩑈撖祆�� �虾隤踵㟲-------*/
    content:"";
    display: block;
}
.fix img {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
    margin:auto;
}
.link-info h3 a{ font-size:18px; color:#390202; margin-bottom:10px;}
.link-info h3 a:hover{ color:#fa7c0c;}
.link-info { font-size:16px; color:#918e8d;}
.link-info-text{ height:75px; margin-bottom:9px; overflow:hidden;} 
.btn-goweb{
} 
.hvr-sweep-to-right {
  display: inline-block;
  overflow:hidden;
  padding:2px 33px; border:1px solid #fa7c0c;
color:#fa7c0c; 
border-radius:50px;
-o-border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
  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.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fa7c0c;
  -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.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
 
/*-----------CONTACT------------------*/ 
.contact-text{ padding:5px 15px; background:#f0f0f0;
color:#070707; margin-bottom:28px;} 
.key-area{ float:left; clear:both; width:100%; display:flex;
 margin-bottom:22px;}

.c-h{ width:200px; float:left; padding-top:6px; padding-right:10px;
text-align:right; }
.c-input{flex:1; float:left; }
.w-box{ padding:6px 6px; border:1px solid #dcdcdc;
border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
width:90%;
max-width:340px;}
.w2{width:30%;}

.w-CAPTCHA{ width:106px; margin-right:10px;}
.change-caphcha{ color:#d2570a; text-decoration:underline; font-size:16px; display:inline-block;
padding-left:25px;}
.c-input img{ vertical-align:middle;}
.c-input label{ padding-right:20px; vertical-align:middle;}
.c-input input[type=radio]{ width:20px; height:20px; vertical-align:middle;}
.btn-area{float:left; text-align:center; width:100%;}
.btn-sent{ width:160px; height:45px; color:#b28850; text-align:center;
border:3px solid #b28850; 
border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#fff;
cursor:pointer; margin:30px auto 20px;
display:inline-block;}

.btn-sent:hover{ background:#b28850; color:#fff; }



/*--------------NEWS-------------------*/

.news-list-area{ float:left; width:100%; list-style:none;}
.news-list-area li{ width:31.8%; float:left; margin:0 2.3% 20px 0;}
.news-list-area li:nth-child(3n){margin:0 0 20px 0;}
.news-list-area li a{  float:left;
 display:block; width:100%; color:#363535;
border:1px solid #dcdcdc;padding:13px;
}

.news-list-area li a time{ color:#b9a585; font-size:15px;
margin:8px 0;}

.news-list-area li a h3{ height:75px; overflow:hidden;
margin-bottom:17px;}

.news-list-area li a span{
	 display:inline-block;
     border:1px solid #e4ba66;
	 border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
color:#b99114;
font-size:13px;
padding:0 28px;
float:right;
}

.news-list-area li a:hover{
	color:#59493f;
	border:1px solid #d1c0a5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,c6bc9d+100 */
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #c6bc9d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fefefe 0%,#c6bc9d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fefefe 0%,#c6bc9d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#c6bc9d',GradientType=0 ); /* IE6-9 */
	
	}
.news-list-area li a:hover span{
color:#fff;
background:#59493f;
border:1px solid #59493f;
}

.news-photo{float:left; width:100%;}
.news-list-img{ float:left; background-color:#fff;
text-align: center;
overflow:hidden;
box-sizing: border-box;
}

.news-list-img img{ width:100%;overflow:hidden; }

.fix2 {
  
    position:relative;
    overflow:hidden;
    width:100%;
    float:left;
} 
.fix2:after {
    padding-top: 67%;/*----�𩑈撖祆�� �虾隤踵㟲-------*/
    content:"";
    display: block;
}
.fix2 img {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
    margin:auto;
}
/*PAGE*/
#pagebox{
	width:100%;
	clear:both;
	float:left;
	margin: 5% 0 5%;
	text-align: center;
	vertical-align: middle;
	border-top:3px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}


.page_current{
	color: #ccc;
	padding: 10px;
	vertical-align: middle;
	margin:0 4px;
}

.page a{
	color: #32171b;
	vertical-align: middle;
	padding: 10px;

	margin:0 4px;
	display:inline-block;

}
.page a:hover {
	color: #b99114;
}

.prev-next{
	display:inline-block;
	color: #32171b;
	padding: 10px 16px;
	margin:0 4px;
}
.prev-next a{
	color: #32171b;
		
}
.prev-next a:hover{
	color: #b99114;
}


.news-content{ float:left; width:100%;}

.news-content h2{ color:#59493f; font-size:28px; margin-bottom:14px;
line-height:1.4em;}
.news-content .news-date{ width:100%; display:block;
padding:2px 5px;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
margin-bottom:26px;
font-size:15px;
color:#b9a585;
text-align:center;
}
.news-word { line-height:1.7em;}
.news-word img{ max-width:100%; height:auto;}

.back{ width:100%; float:left; text-align:center;
margin:80px 0 5%;}

.back a{ padding:13px 23px; color:#7e7e7e;
border:1px solid #dcdcdc;
-moz-transition: all 0s ease;
-o-transition: all 0s ease;
-webkit-transition: all 0s ease;
transition: all 0s ease  }

.back a:hover{
	background:#dcdcdc;
	color:#fff;
}
/*--------PRODUCT-------------------------*/
.product-main{
	float:left;
	width:100%;
	}

.product-main img{ width:100%; height:auto; max-width:890px;}

.special-point{
	background: url(../images/sp-bg.jpg) repeat;
	padding:24px 17px 18px;
	position:relative;
	float:left;
	width:100%;
	margin-top:30px;
	border:1px solid #d0c9b3;
	margin-bottom:50px;
}

.special-point .sp-title{
	width:143px;
	height:34px;
	text-align:center;
	color:#fff;
	background-color:#b99114;
	line-height:34px;
	position:absolute;
	top:-20px;
	left:33px;
	border-radius:50px;
	-o-border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	
}

 .accordion {
	list-style:none;
 	width: 100%;
 	margin: 5px auto 50px;
 	float:left;
 }

.accordion .link {
	font-size:20px; color:#390202;
	cursor: pointer;
	display: block;
	padding: 9px 98px 9px 18px;
	
	border: 1px solid #dcdcdc;
	margin-bottom:14px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}



.accordion li i {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li i:after{
	content:"暺墧�羓�贝牧��� +";
	font-size:15px;
	color:#896a0a;
	font-style:normal;
}


.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #b9912b;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i:after{
    content:"暺墧�𦠜𤣰��� -";
}
/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	padding:0 18px 18px;
 }

 .submenu li {
 	border-bottom: 1px solid #4b4a5e;
 }

 .submenu a {
 	display: block;
 	text-decoration: none;
 	color: #d9d9d9;
 	padding: 12px;
 	padding-left: 42px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }

 .submenu a:hover {
 	background: #b63b4d;
 	color: #FFF;
 }
/*------*/
.number{ color:#b99114; font-size:36px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-right:10px;}



.more-info{ list-style:none; margin-top:16px; margin-bottom:16px; float:left;}
.more-info li{ float:left; width:45%; margin:0 3% 0 0; border:1px solid #d2d2d2;
position:relative;}
.more-info li img{ width:100%; height:auto;}

.more-info li h4{ width:100%; padding:8px; background-color:rgba(0,0,0,0.5); 
position:absolute;bottom:0; color:#fff;}

.more-info li:hover{ border:1px solid #b99114;}
/*---撌血�渡敦����𡑒”---*/
.product-sub-item{
	width:100%;
	float:left;
	border-top:1px solid #ff5809;
    border-bottom:1px solid #ff5809;
	background-color:#f1f3f4;
	padding:8px 5px 8px 15px;
	margin-bottom:8px;
	}
.product-sub-item a{
	padding:4px 0 !important;
	background:none !important;
	font-size:16px !important;
	color:#614c4c !important;}	
	
	
	
	
.upload-notice{ font-size:14px; background:#f4f4f4;
padding:5px 10px; float:left; clear:both;
margin-bottom:15px; width:100%;

border-left:2px solid #ccc;}	
.upload-notice p span{ display:inline-block; margin-right:20px;line-height:1.4em;}	
	
.c-input input[type=file]{ font-size:13px;}
	
	
/*---------------RWD------------------------------------------*/
@media only screen and (max-width: 1000px){  
.left-nav{ display:none;}
.right-area{ width:100%; margin-left:0;
padding:3% 2%;}
.accordion .link{ font-size:18px; padding:9px 25px 9px 18px}
.number{font-size:18px;}
.accordion li i:after{
	content:"+";
	color:#b99114;
}

.accordion li.open i:after{
    content:"-";
}

.accordion li i {	top: 10px;}
} 
 
 @media only screen and (max-width:780px){ .about-s{ margin-left:0;}

 }
  @media only screen and (max-width:750px){
	.about-s{ margin-left:0;}
    .s-item{ width:240px;
	clear:both;}
 }
 @media only screen and (max-width:650px){   
 .c-h{ text-align:left;}
 .w2{ margin-top:8px; width:90%;}
 .link-photo{ width:45%; margin-right:5%; }
 .link-info{ width:50%;}
 .key-area{ display:block;}
 .c-h{ width:100%;  }
 .c-input{width:100%; flex:none; }

 .unit-title{font-size:22px; }
 .unit-title i{ padding-right:10px; font-size:25px; }
 .product-title{ width:100%; text-align:center; position: relative;}
 .product-title i{ display:none;}
 .product-title:after{
	 content:'';
	 width:65px;
	 height:1px;
	 background:#b99114;
	 position:absolute;
	 clear:both;
	 bottom:-5px;
	 left:50%;
	 margin-left:-33px;
	 }
	/*-----BANNER------*/
  .mySlideshow li .b-text{/*----����𦯀�滨蔭----*/
	} 
  .mySlideshow li .b-text{ font-size:20px;}	
  
  
 }
  @media only screen and (max-width:480px){    
.link-photo{ width:80%; margin-right:0%; margin-bottom:10px; }
.link-info{ width:100%;}
.link-info-text, .btn-goweb{ display:none;}

.news-list-area li{ width:90%;  margin:0 5% 20px;}
.news-list-area li:nth-child(3n){margin:0 5% 20px;}
 /*----PRODUCT------*/
 .more-info li{ width:90%; margin:0 5% 20px;}
 .mySlideshow li .b-text{ font-size:16px;}	 
 /*---BANNER-------*/
 .banner-container{ display:none;}
 
 /*-----PAGE----*/
 .prev-next{ 
 display:block;

 margin: 10px;}
 
 
 .change-caphcha{ padding-left:0; display:block;
 margin-top:5px;}
 
  }