*{margin:0;padding:0;}
body{font:normal 12px;color:#000;font-family:Microsoft YaHei;}
a,p,span{text-decoration:none;color:#000;transition: all .3s ease-out;font-family:Microsoft YaHei;}
li{list-style:none}
img{border:0}

.clr{clear:both; height:0px; overflow:hidden}
#clear:before,#clear:after{display:table;content:""}
#clear:after{clear:both}
#clear{zoom:1}


/*��ҳ��ʽ*/
/*��ҳ��ʽ*/
#pages { padding:14px 0 10px; text-align:center;clear: both;margin-top: 20px;}
#pages a{
	display: inline-block;
	padding:8px 15px;
	margin-left:8px;
	color:#666;border:1px #999 solid;border-radius:5px;
	margin-bottom: 10px;
}
#pages a.a1{
		padding:6.5px 15px;
	}
#pages a:hover{
	color:#333;border:1px #333 solid;
}
#pages span{
    padding:8px 15px;
	margin-left:8px;
	color:#e8e8e8;border:1px #e8e8e8 solid;border-radius:5px;
}
@media(max-width: 600px){
	#pages a{
		padding:5px 10px;
	    margin-left:4px;
		font-size: 12px;
	}
	#pages a.a1{
		padding:4px 10px;
	    margin-left:4px;
	}
	#pages span{
		padding:5px 10px;
	    margin-left:4px;
	}
}
/*�����޸�*/
.table_form{width:100%}
.table_form td input{height:30px;width:100%}
.table_form td, .table_form th{padding:10px 0 10px 8px;}
.table_form .submit input{height:50px}





.none{
	overflow: hidden;
}
#banner{
	position: relative;
}
#boxs{
	position: relative;
}
.scroll_down {
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -23.5px;
  background: url("http://nsbog.com/templates/cn/images/down.png") no-repeat center center;
}
.scroll_up {
  display: block;
  width: 47px;
  height: 47px;
  position: absolute;
  z-index: 99999;
  top: 30px;
  left: 50%;
  margin-left: -23.5px;
  background: url("http://nsbog.com/templates/cn/images/up.png") no-repeat center center;
}
.disnone{
	display: none;
}

@keyframes fade-in {  
    0% {opacity: 0;}/*��ʼ״̬ ͸����Ϊ0*/  
    40% {opacity: 0;}/*����״̬ ͸����Ϊ0*/  
    100% {opacity: 1;}/*����״̬ ͸����Ϊ1*/  
}  
@-webkit-keyframes fade-in {/*���webkit�ں�*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
body {    
    animation: fade-in;/*��������*/  
    animation-duration: 1s;/*��������ʱ��*/  
    -webkit-animation:fade-in 1s;/*���webkit�ں�*/  
}  
/*nav*/
header {
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #dcdcdc;
	box-shadow: 0px 1px #dcdcdc;
	position: fixed;
	z-index: 9999;
	background: rgba(255,255,255,0.8)
}
.logo {
	display: inline-block;
	height: 100%;
	float: left;
	display: table;
}
.logo a{
	display: table-cell;
    vertical-align: middle;
}
.logo img{
	
}

.nav{height:50px;margin-top:30px;display: inline-block;}
.nav li{padding:0 15px;height:40px;float: left;}
.nav li:last-child{padding:0 0 0 15px}
.nav li a{font-size:14.38px;color: #000; text-align:center;display:block;width:100%;height:100%;line-height:40px;position:relative;text-transform:uppercase;}
.nav li a:hover{color: #947561}
.nav li a i{padding-left:5px;}
.nav li p{display:block;width:0;height:3px;background:#947561;position:absolute;bottom:0px;left:50%;transition: all .3s ease-out}
.nav li:hover p{left:0;width:100%}
.nav li.active p{left:0 !important;width:100% !important}
.nav li.active a{color: #947561}
.language {
	display: inline-block;
	float: right;
	margin-top: 38px;
}
.language img{
	float: left;
}
.language h3 {
	font-size: 18px;
	color: #AA9282;
	letter-spacing: 1px;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	line-height: 30px;
}
.head {
	max-width: 1500px;
	height: 100px;
	min-width: 1010px;
}
/*nav  end*/

/*header*/

.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes 
slideDown{
	0%{-webkit-transform:translateY(-100px)}
	100%{-webkit-transform:translateY(0)}}
@-moz-keyframes slideDown{
	0%{-moz-transform:translateY(-100px)}
	100%{-moz-transform:translateY(0)}}
@-o-keyframes slideDown{
	0%{-o-transform:translateY(-100px)}
	100%{-o-transform:translateY(0)}}
@keyframes slideDown{
	0%{transform:translateY(-100px)}
	100%{transform:translateY(0)}}
.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp{
	0%{-webkit-transform:translateY(0)}
	100%{-webkit-transform:translateY(-100px)}}
@-moz-keyframes slideUp{
	0%{-moz-transform:translateY(0)}
	100%{-moz-transform:translateY(-100px)}}
@-o-keyframes slideUp{
	0%{-o-transform:translateY(0)}
	100%{-o-transform:translateY(-100px)}}
@keyframes slideUp{
	0%{transform:translateY(0)}
	100%{transform:translateY(-100px)}}
.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}

/*-- Slider --*/
#slider {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0,0,0,.25);
	box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.rslides_tabs .rslides_here a {
	background: rgba(255,255,255,.1);
	color: #fff;
	font-weight: bold;
}
.events {
	list-style: none;
}
.callbacks_container {
    position: relative;
    float: none;
    text-align: center;
    max-width: 2580px;
	height:850px;
	position:absolute;
}
.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.callbacks li {
	position: absolute;
	left: 0;
	top: 0;
}
.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    bottom: 326px;
    left: 0;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    width: 50px;
    height: 50px;
    background: transparent url(http://nsbog.com/templates/cn/images/arrows.png) no-repeat left top;
}
.callbacks_nav.next {
  left: auto;
    background-position: right top;
  left: 95.5%;
 }
 .callbacks_nav.prev {
    right: auto;
    background-position: left top;
    left:22px;
}
.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks2_nav:active {
	opacity: 1.0;
}

#slider-pager a {
	display: inline-block;
}

#slider-pager span {
	float: left;
}
#slider-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}
#slider-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}
#slider-pager a {
	padding: 0;
}
#slider-pager li {
	display: inline-block;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 100%;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	left: 0%;
	top: 0;
	width: 100%;
}
.rslides li {
	position: relative;
	display: block;
	float: none;
}
.rslides img {
	height: auto;
	border: 0;
}
.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 80.5%;
	z-index: 999;
	width: 100%;
	padding: 0em 0.6em 1em 0.3em;
	margin: 0;
}
.callbacks_tabs a {
	visibility: hidden;
}
.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width:45px;
	height: 3px;
	display: inline-block;
	background: #fff;
	border: none;

}
.callbacks_here a:after {
	background: #d5bb8b;
}
.slider-info {
    position: absolute;
    top: 9em;
    z-index: 999;
    left: 13em;
    width: 75%;
    height: 100%;
}
.slider-info img {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 2.5em;
}
.slider-info h3 {
    font-size: 45px;
    font-weight: 900;
    color: #FFF;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin: 2px 0px 10px;
}

.slider-info p {
    font-size: 18px;
    font-weight: 100;
    color: #d3d8d8;
    margin: 0 auto;
    line-height: 35px;
    letter-spacing: 1px;
}
.slider-info h4 {
    font-size: 45px;
    color: #b56d10;
	letter-spacing: 3px;
	text-transform:uppercase; 
	margin-top: 7px;
}
h6 {
	margin:0 auto;
	z-index:999;
}
h6 a{
	cursor:pointer;
	font-size:15px;
	text-transform:uppercase;
}
.slider-top span{
font-weight:600;
}
.callbacks_tabs li{
    display: inline-block;
    margin: 0 4px;
}
.callbacks_tabs li a{
    font-size: 0;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.slider {
	width:100%;height:100%;position:relative;overflow:hidden;z-index:99;
}

.wrapper {
	max-width:2580px;margin: 0 auto; position:relative;z-index:99
}
/*-- //Slider --*/

/*�ַ���*/

.fold_wrap{width:100%;height:1080px;overflow:hidden;}
.fold_wrap li{float:left;height:1080px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li:last-child{margin-right:0;}
.fold_wrap li .mask_b{transition: all .3s ease-out;position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background:rgba(31,20,0,.3);_background:#B2B2B2;margin: 0 5px;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li:hover .mask_b{background:none;}
.fold_wrap li .mask_b h4{color:#fff;width:30px;margin:0 auto;display:block;font:30px/30px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:528px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}

.pic_auto{width:100%;height:100%;}
.pic_auto1{background:url(../image/01.png) no-repeat  0;}
.pic_auto2{background:url(../image/02.png) no-repeat  0;}
.pic_auto3{background:url(../image/03.png) no-repeat  0;}
.pic_auto4{background:url(../image/04.png) no-repeat  0;}
.pic_auto5{background:url(../image/05.png) no-repeat  0;}


/*�ַ���end*/

/*iNews*/
.iNews{
	max-width: 1400px;
	min-width: 1000px;
	margin: 0 auto;

}
.title{
	text-align: center;
	margin-bottom: 50px;
}
.title h1{
	font-size: 45px;
	color: #000;
}
.title h2{
	font-size: 16px;
	color: #000;
}
.title p{
	width: 70px;
	height: 5px;
	background: #947561;
	margin: 20px auto;
}

.new {
	width: 100%;
	text-align: center;
}
.new li{
	width: 31.4%;
	height: 0px;
	position: relative;
	background: #fff;
	display: inline-block;
	margin-bottom: 35px;
	transition: all 0.6s ease-out;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.new li:first-child{float: left;}
.new li:last-child{float: right;}

.img_box{
	width: 100%;
	height: 53%;
	text-align: center;
	justify-content:center;/*��Ԫ��ˮƽ����*/
    align-items:center;/*��Ԫ�ش�ֱ����*/
    display:-webkit-flex;
}
.img_box img{
	max-height: 100%;
	max-width: 100%;
}
.new li h1{
	font-size: 18px;
	color: #000;
	width: 90%;
	margin: 0 auto;
	margin-top: 10%;
	text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
	transition: all 0.5s ease-out;
}
.new li h2{
	font-size: 14px;
	color: #969696;
	width: 90%;
	margin: 5% auto;
	font-weight: normal;
	text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
	
}
.new li p{
	font-size: 14px;
	color: #969696;
	line-height: 23px;
	width: 90%;
	margin: 0 auto;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
}
.new li:hover h1{
	color: #947561;
	
}
.new li{
	box-shadow: 0 0 25px rgba(0,0,0,0.3)
}
.new li:hover {
	margin-top: -20px;
}
.new a{
	display: block;
	width: 100%;
	height: 100%;
}
.newv_title {
	font-size: 22px;
	color: #5b5b5b;
	border-bottom: 1px solid #efefef;
	padding-bottom: 30px;
	margin-bottom: 20px;
}
.new_time {
	float: right;
}
.set_1_btn {
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 40px;
	text-align: center;
	max-width: 110px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 100%;
	clear: both;
}
.set_1_btn:hover {
	text-decoration: none;
}
.Vbtn-1 {
	background:#fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
}
.Vbtn-1 svg {
	height: 40px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.Vbtn-1 rect {
	fill: none;
	stroke: #b4b4b4;
	stroke-width: 3;
	stroke-dasharray: 422, 0;
	transition: all 450ms linear 0s;
}
.Vbtn-1:hover {
	background: rgba(225, 51, 45, 0);
	font-weight: 900;
	letter-spacing: 1px;
	transition: all 150ms linear 0s;
}
.Vbtn-1:hover rect {
	stroke-width: 5;
	stroke-dasharray: 15, 230;
	stroke-dashoffset: 48;
	-webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

/*foot*/
footer{
	padding: 90px 0;
	background: url(../image/foot.png) center no-repeat;
	background-color: #fffdf8;
}
.foot_ul{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.foot_ul ul{
	width: 960px;
	margin: 55px auto;
	text-align: center;
}
.foot_ul ul li{
	float: left;
	margin: 0 50px;
}
.foot_ul ul li dl{
	font-size: 12px;
	color: #000;
	margin-bottom: 5px;
	text-align: justify;
}
.foot_ul ul li dl:first-child{
	margin-bottom: 20px;
}
.foot_ul ul li dl a{
	font-size: 12px;
	color: #646464;
}
.foot_bottom{
	width: 960px;
	padding: 0 120px;
	margin: 0 auto;
	padding-top: 40px;
	border-top: 2px solid #c8c8c8;
}
.gw{
	float: left;
	margin-left: 50px;
}
.gw img{box-shadow: 5px 5px 5px rgba(0,0,0,0.14)}
.gw p{
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
}
.wechat{
	float: left;
	margin-left: 15px;
}
.wechat img{box-shadow: 5px 5px 5px rgba(0,0,0,0.14)}
.wechat p{
	font-size: 16px;
	text-align: center;
	margin-top: 5px;
}
.foot_bottom span{
	float: left;
	text-align: justify;
	font-size: 12px;
	margin-left: 70px;
	line-height: 25px;
	width: 255px;
}

.iNewsBox{
	background:#fffaef;
	padding: 90px 0;
	
}

/*��ҳ*/
.sub{
	width: 100%;
	text-align: center;
	position: relative;
	height: 460px;
	overflow-x: hidden;
}
.sub img{
	position: absolute;
	top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -ms-transform:translate(-50%,0); 	/* IE 9 */
    -moz-transform:translate(-50%,0); 	/* Firefox */
    -webkit-transform:translate(-50%,0); /* Safari �� Chrome */
    -o-transform:translate(-50%,0); 	/* Opera */
}
.sub .overlay{
	background: none;
	position: absolute;
	top: 60%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); 	/* IE 9 */
    -moz-transform:translate(-50%,-50%); 	/* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari �� Chrome */
    -o-transform:translate(-50%,-50%); 	/* Opera */
}
.sub .overlay h1{
	font-size: 45px;
	color: #3b1b06;
	text-transform: uppercase;
}
.sub .overlay p{
	font-size: 16px;
	color: #3b1b06;
	margin-top: 5px;
	font-weight: bold;
}

.sub_positionBox{
	width: 100%;height: 60px;
	background: #e6e6e6;
	margin-bottom: 50px;
}
.sub_position{
	position: relative;
	height: 100%;
    width: 1500px;
	margin: 0 auto;
	text-align: center;
}
.sub_position p{
	position: absolute;
	top: -90%;
	height: 100%;
	left: 20px;
	line-height: 60px;
	white-space: pre;
	text-align: justify;
}
.icon-map-marker{
	font-size: 25px;
	color: #f6a806;
}
.sub_position>p>a{
	font-size: 14px;
	border-bottom: 2px solid rgba(0,0,0,0);
	transition: all .3s ease-out;
}
.sub_position>p>a:hover{
	color: #947561;
	border-bottom: 2px solid #947561;
}
.sub_position ul{
	height: 100%;
}
.sub_position ul li{
	display: inline-block;
	margin:0 35px;
	height: 100%;
	line-height:60px;
}
.sub_position ul li:first-child{
	margin-left: 0;
}
.sub_position ul li:last-child{
	margin-right: 0;
}
.sub_position ul li a{
	font-size: 14px;
	color: #000;
}
.sub_position ul li a:hover{
	color: #947561;
}
.sub_position ul li.active a{
	color: #947561;
}
.sub_main{
	width: 1500px;
	margin: 0 auto;
}
.sub_main img{
    max-width: 100%;
}
.product_list{ 
	width: 100%;
	overflow: auto;
}
.product_list li {
	width: 23%;
	float: left;
	margin:  0 1%;
	margin-bottom: 30px;
	text-align: center;
	transition: all .3s ease-out;
	border: 1px solid rgba(0,0,0,0);
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.product_list li p{
	width: 80px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	background: #947561;
	color: #fff;
	margin: 0 auto;
}
.product_list li h1{
	font-size: 18px;
	line-height: 25px;
	font-weight: normal;
	color: #000;
	margin-top: 20px;
}
.product_list li h2{
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #969696;
}
.product_list li h3{
	margin-top: 15px;
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #000;
}
.product_list li h3 span{
	width: 60px;
	height: 4px;
	display: inline-block;
	border-top: 1px solid #969696;
	margin:0 10px;
}
.product_list li .img_box{
	padding:0 10px;
	height: 250px;
	width: 100%;
	margin-top: 5px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	display: table;
}
.product_list li .img_box .img{
	height:100%;
	width: 100%;
	display: table-cell;
    vertical-align: middle;
	text-align: center;
}
.product_list li .img_box .img img{
	max-height:238px;
	max-width: 100%;
	background:#fff;
}
.product_list li a{
	display: block;
}
.product_list li .li_box h4{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 14px;
	border-top: 1px solid #c8c8c8;
}
.product_list li .li_box{
	width: 100%;
	height: 100%;
	border: 1px solid #c8c8c8;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.product_list li:hover{
	border: 1px solid #947561;
}
.product_list li:hover .li_box{
	border: 1px solid #947561;
}
.pv{
	width: 100%;
	overflow: auto;
}
.pv >.left{
	height: 100%;
	float: left;
	width: 50%;
	display: table;
}

.box{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.pv >.left .box img{
	max-width: 100%;
	max-height: 100%;
}
.pv >.right{
	min-height: 550px;
	float: right;
	width: 50%;
	overflow: auto;
}
.prev_next {
	float: right;
	margin-top: 30px;
}
.prev_next a{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0px;
}
.prev_next .p_left{
	background: url(../image/left.png) no-repeat center;
}
.prev_next .p_left:hover{
	background: url(../image/lefts.png) no-repeat center;
}
.prev_next .p_right{
	background: url(../image/right.png) no-repeat center;
}
.prev_next .p_right:hover{
	background: url(../image/rights.png) no-repeat center;
}
.prev_next .p_close{
	background: url(../image/close.png) no-repeat center;
}
.prev_next .p_close:hover{
	background: url(../image/closes.png) no-repeat center;
}
.details {
	width: 90%;
	clear: both;
	margin-top: 100px;
	float: right;
	margin-bottom: 50px;
}
.details h1{
	font-size: 30px;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	text-align: justify;
}
.details h1 span{
	color: #947561;
	font-size: 30px;
}
.details p {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-indent: 1em;
	border-bottom: 1px solid #c8c8c8;
	color: #000;
	font-weight: bold;
}
.details p span{
	width: 50%;
	float: right;
	font-weight: normal;
	text-align: justify;
}
.line{
	margin-top: 15px;
	font-size: 14px;
	line-height: 25px;
	font-weight: normal;
	color: #000;
	margin-bottom: 20px;
}
.line span{
	width: 41%;
	height: 5px;
	display: inline-block;
	border-top: 1px solid #c8c8c8;
}
.line p{
	width: 16%;
	display: inline-block;
	height: 30px;
	line-height:30px;
	font-size: 25px;
	color: #947561;
	text-align: center;
}
.pvs{
	margin-bottom: 80px;
}
.pvs li {
	width: 100%;
	height: 700px;
	border-bottom: 1px solid #c8c8c8;
}

.pvs li:nth-child(2n+1) .left .box .word{
	width: 355px;
	float: left;
}
.pvs li .left .box .word h1{
	font-size: 35px;
	color: #000;
	text-align: justify;
	font-weight: normal;
	margin-bottom: 10px;
}
.pvs li .left .box .word p{
	font-size: 14px;
	color: #969696;
	text-align: justify;
}
.pvs li .right .box .word{
	width: 355px;
	float: right;
}
.pvs li .right .box .word h1{
	font-size: 35px;
	color: #000;
	text-align: justify;
	font-weight: normal;
	margin-bottom: 10px;
}
.pvs li .right .box .word p{
	font-size: 14px;
	color: #969696;
	text-align: justify;
}
.pvs li:nth-child(2n+1) .left{
	float: left;
	width: 40%;
	height: 100%;
	display: table;
}
.pvs li:nth-child(2n+1) .right{
	float: right;
	width: 60%;
	height: 100%;
	display: table;
}
.pvs li:nth-child(2n+2) .left{
	float: left;
	width: 60%;
	height: 100%;
	display: table;
}
.pvs li:nth-child(2n+2) .right{
	float: right;
	width: 40%;
	height: 100%;
	display: table;
}
.pvs li:nth-child(2n+1) .left img{
	display: none;
}
.pvs li:nth-child(2n+1) .right .word{
	display: none;
}
.pvs li:nth-child(2n+2) .left .word{
	display: none;
}
.pvs li:nth-child(2n+2) .right img{
	display: none;
}
.similar{
	width: 100%;
	text-align: center;
	overflow: hidden;
	margin-top: 40px;
}
.similar_box{
	margin-top: 40px;
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
	height: 290px;
	position: relative;
}
.similar ul{
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: 100%;
	text-align: left;
	transition: all .6s ease-out;
}
.similar ul li{
	width: 230px;
	float: left;
	height:100%;
}
.similar ul li h1{
	margin-top: 10px;
	width:100%;
	text-align: center;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 25px;
	transition: all .3s ease-out;
}
.similar ul li h1 p{
	width:100%;
	text-align: center;
	font-size: 14px;
	color: #969696;
	font-weight: normal;
}
.similar ul li:hover h1{
	color: #947561;
}
.similar ul li a{
	display: block;
	width: 100%;
	height:230px;
	border: 1px solid #fff;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
	display: table;
}
.similar ul li a:hover{
	border: 1px solid #997c69;
}
.similar ul li a .box img{
	max-width: 100%;
	max-height: 100%;
}
.similar{
	position: relative;
}
.similar>*:before,
.similar>*:after {
    position: absolute;
    content: "";
}
.similar .Look_before {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    left: 5px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.similar .Look_before:before,
.similar .Look_before:after {
    left: 5px;
    width: 26px;
    height: 5px;
    background-color: #969696;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.similar .Look_before:before {
    top: 26px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.similar .Look_before:after {
    top: 10px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
.similar .Look_before:hover {
    left: 0px;
}
/*.similar .Look_before:hover:before,
.similar .Look_before:hover:after {
    box-shadow: 0 0 10px #947561;
    -moz-box-shadow: 0 0 10px #947561;
    -webkit-box-shadow: 0 0 10px #947561;
}*/
.similar .Look_next {
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    width: 30px;
    height: 40px;
    right:5px;
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.similar .Look_next:before,
.similar .Look_next:after {
    left: 0;
    width: 26px;
    height: 5px;
    background-color: #969696;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.similar .Look_next:before {
    top: 26px;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
}
.similar .Look_next:after {
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.similar .Look_next:hover {
    right: 0px;
}
/*.similar .Look_next:hover:before,
.similar .Look_next:hover:after {
    box-shadow: 0 0 10px #947561;
    -moz-box-shadow: 0 0 10px #947561;
    -webkit-box-shadow: 0 0 10px #947561;
}*/

.sale{
	width: 100%;
	margin-top: 80px;
}
.sale img{
	float: left;
}
.sale .right{
	float: right;
	margin-left: -50px;
	width: 330px;
	height: 520px;
	padding: 30px;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-shadow: 0 0 30px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.3);
}
.sale .right ul{
	width: 100%;
}
.sale .right ul li{
	width: 100%;
	margin-bottom: 20px;
	display: none;
	transition: all .3s ease-out;
}
.sale .right ul li.active{
	display:block;
}
.sale .right ul li h1{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin: 10px 0;
}
.sale .right ul li p{
	font-size: 14px;
	color: #000;
	line-height: 25px;
}
.sale .right .gd{
	padding-right: 20px;
	height: 100%;
	overflow-y: hidden;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
 .contact ul {
	display: inline-block;
	width: 1140px;
	display:flex;
	min-height: 150px;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 80px;
}
 .contact ul li {
	display: inline-block;
	position: relative;
	flex:1;
	background: #947561;
	 text-align: center;
}
 .contact ul li:nth-child(2), .contact ul li:nth-child(4), .contact ul li:nth-child(6) {
	background: #d9b49d;
}
.contact ul li img{
	display: block;
	margin: 35px auto;

}
.contact ul li p{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}
.new_sub>li{
	float: left;
	width: 48.2%;
	margin-right: 3.5%;
	height: 410px;
	position: relative;
	background: #fff;
	display: inline-block;
	border: 1px solid #969696;
	margin-bottom: 35px;
	transition: all 0.6s ease-out;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.new_sub>li:nth-child(2n+2){
	margin-right:0;
}
.new_sub>li:hover{
	border: 1px solid #947561;
}
.new_sub {
	width: 100%;
	text-align: center;
}

.new_sub .img_box{
	width: 100%;
	height: 58.3%;
	text-align: center;
	justify-content:center;/*��Ԫ��ˮƽ����*/
    align-items:center;/*��Ԫ�ش�ֱ����*/
    display:-webkit-flex;
}
.new_sub li h1{
	font-size: 20px;
	color: #000;
	width: 90%;
	margin: 0 auto;
	margin-top: 30px;
	text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
	transition: all 0.5s ease-out;
}
.new_sub li h2{
	font-size: 14px;
	color: #969696;
	width: 90%;
	margin: 12px auto;
	font-weight: normal;
	text-overflow:ellipsis;
    overflow: hidden;
    white-space:nowrap;
	
}
.new_sub li p{
	font-size: 14px;
	color: #969696;
	line-height: 23px;
	width: 90%;
	margin: 0 auto;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	
}
.new_sub li:hover h1{
	color: #947561;
	
}
.new_sub li a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.new_sub li a .tr{
	position: absolute;
	top: -70px;
	right:-70px;
	width: 120px;
	height: 120px;
	background: #3b1b06;
	transition: all .3s ease-out;
	transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* Internet Explorer */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari �� Chrome */
    -o-transform:rotate(45deg); /* Opera */
}
.new_sub li a .tr h3{
	position: absolute;
	bottom: 7px;
	left: 0;
	font-weight: normal;
	width: 100%;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.new_sub li:hover a .tr{
	background: #e4551d;
}

.View_title{
	font-size: 25px;
	color: #000;
	text-align: center;
	margin-bottom: 20px;
}
.View_time{
	font-size: 14px;
	color: #969696;
	text-align: center;
	line-height: 30px;
	border-top: 1px dashed #969696;
	border-bottom: 1px dashed #969696;
	font-weight: normal;
	white-space:pre;
}
.article{
	width: 100%;
	text-align: justify;
	position: relative;
	overflow: hidden;
	margin: 50px auto;
}
.article p{
	font-size: 14px;
	color: #000;
	text-indent: 2em;
	line-height: 25px;
	margin-bottom: 20px;
}
#about1{
	margin-top: -50px;
	width: 100%;
	height: 820px;
	background: url(../image/about1.png) no-repeat center;
	background-size: cover;
}
#about1 .sub_main .left{
	width:50%;
	float: left;
	height: 660px;
	margin-top: 70px;
}
#about1 .sub_main .right{
	width:50%;
	float:right;
	height: 660px;
	margin-top: 80px;
}
#about1 .sub_main .left h1{
	color: #fff;
	font-size: 25px;
	margin-bottom: 30px;
}
#about1 .sub_main .left .gd{
	width: 100%;
	height: 600px;
	overflow: hidden;
	padding:0 10px;
	padding-right: 20px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

}
#about1 .sub_main .left .gd p{
	font-size: 14px;
	color: #fff;
	line-height: 25px;
	text-indent: 2em;
	text-align: justify;
}
#about1 .sub_main .right .slider {
	width:100%;height:100%;
}
#about1 .sub_main .right .slider .rslides{
	width: 100%;
	height: 100%;
}
#about1 .sub_main .right .slider .rslides li{
	width: 100%;
	height: 100%;
}
#about1 .sub_main .right .slider .callbacks_container{
	height: 100%;
	margin: 0;
	left: 0;
}
#about1 .sub_main .right .slider .callbacks_container .wrapper{
	width: 100%;
}
#about1 .sub_main .right .slider .slider-img img{
	float: right;
}
#about1 .sub_main .right .slider .callbacks_tabs{
	top: 92%;
	width: auto;
	right: 30px;
}
#about1 .sub_main .right .slider .callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	width:8px;
	height:8px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	background:rgba(0,0,0,0);

}
#about1 .sub_main .right .slider .callbacks_here a:after {
	background: #fff;
}
#about2{
	width: 100%;
	height: 820px;
	background: url(../image/about2.png) no-repeat left;
    background-color: #eae3df;
	overflow: auto;
}
#about2 .sub_main> h1{
	font-size: 25px;
	color: #3b1b06;
	text-align: right;
	margin-top: 80px;
	margin-bottom: 40px;
	margin-right: 5px;
}
#about2 .sub_main ul{
	overflow: auto;
}
#about2 .sub_main ul li{
	width: 280px;
	height: 292px;
	float: left;
	position: relative;
	margin-right: 5px;
	transition: all .3s ease-out;
	cursor: pointer;
	margin-bottom: 5px;
}
#about2 .sub_main ul li:nth-child(1){
	background: url(../image/js1.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(2){
	background: url(../image/js2.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(3){
	background: url(../image/js3.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(4){
	background: url(../image/js4.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li h1{
	position: absolute;
	font-size: 14px;
	color: #d9b49d;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
	transition: all .3s ease-out;
}
#about2 .sub_main ul li p{
	display:block;
	width:0;
	height:8px;
	background:#e3551d;
	position:absolute;
	bottom:0px;
	left:50%;
	transition: all .3s ease-out;
}
#about2 .sub_main ul li:hover p{
	width: 190px;
	margin-left: -95px;
}
#about2 .sub_main ul li:hover h1{
	color: #e3551d;
}
#about2 .sub_main ul li:nth-child(1):hover{
	background: url(../image/js1s.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(2):hover{
	background: url(../image/js2s.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(3):hover{
	background: url(../image/js3s.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main ul li:nth-child(4):hover{
	background: url(../image/js4s.png) no-repeat center;
	background-color: #fff;
}
#about2 .sub_main .main{
	background: #fff;
	width: calc(100% - 5px);
	height: 290px;
	position: relative;
}
#about2 .sub_main .main .main1{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#about2 .sub_main .main img{
	width: 350px;
	height: 210px;
	margin-left: 60px;
	margin-top: 40px;
}
#about2 .sub_main .main .main1 .right{
	width: 610px;
	margin-right: 60px;
	float: right;
	display: table;
	height: 100%;
	overflow:hidden;
}
#about2 .sub_main .main .main1 .right p{
	font-size: 20px;
	color: #000;
	line-height: 35px;
	text-indent: 2em;
	text-align: justify;
}
#about3{
	width: 100%;
	height: 820px;
	background: url(../image/about3.png) no-repeat center;
	overflow: auto;
}
#about3 .sub_main .over{
	width: 500px;
	height: 660px;
	background: rgba(0,0,0,0.7);
	box-shadow: 0 0 50px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 0 50px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.7);
	margin: 0 auto;
	margin-top: 80px;
	padding: 90px 50px;
	text-align: center;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
#about3 .sub_main .over h1{
	text-align: center;
	font-size: 25px;
	color: #fff;
}
#about3 .sub_main .over span{
	display: block;
	width: 40px;
	height: 3px;
	background: #e3551d;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 40px;
}
#about3 .sub_main .over p{
	font-size: 14px;
	color:#fff;
	text-align: justify;
	text-indent: 2em;
	line-height: 25px;
}
#about3 .sub_main .over img{
	margin-top: 60px;
}
#about4{
	width: 100%;
	height: 820px;
	background:#ededed;
	overflow: auto;
}
#about4 .sub_main .header{
	margin-top: 80px;
	width: 100%;
	height: 170px;
	background: url(../image/about4.png) no-repeat center;
	background-size: cover;
	overflow: auto;
}
#about4 .sub_main .header h1{
	padding-top: 15px;
	float: left;
	font-size: 25px;
	color: #fff;
	line-height: 45px;
	margin-left: 60px;
	margin-top: 35px;
	border-top: 5px solid #fff;
}
#about4 .sub_main ul{
	width: 100%;
	padding: 40px 0;
	overflow: auto;
}
#about4 .sub_main ul li{
	float: left;
	margin-right: 13px;
	width:275px;
	height: 395px;
	padding: 35px 20px;
	background: #fff;
	border-radius: 10px;
	box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
#about4 .sub_main ul li h1{
	font-size: 40px;
	color: #000;
	border-bottom: 1px solid #c8c8c8;
	text-align: justify;
}
#about4 .sub_main ul li h1 span{
	font-size: 20px;
	color: #000;
	float: right;
	margin-top: 20px;
}
#about4 .sub_main ul li p{
	height: 117px;
	font-size: 14px;
	color: #646464;
	line-height: 20px;
	margin-top: 20px;
	display:list-item;
	list-style-type:disc;
	margin-left:2em;
}
#about4 .sub_main ul li .newImg{
	width: 234px;
	height: 121px;
	margin-top: 10px;
}
#about4 .sub_main .ul_box {
	width: 100%;
	overflow-x: hidden;
}
h1.title{
	font-size: 25px;
	color: #947561;
}
#join1 ul{
	width: 100%;
	padding: 0 1px;
	border-top: 5px solid #947561;
	text-align: center;
}
#join1 ul li{
	width: 120px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
#join1 ul li div{
	width: 33px;
	height: 33px;
	margin: 0 auto;
	margin-top: -18px;
	background: url(../image/yuan.png) no-repeat center;
	transition: all .3s ease-out;
}
#join1 ul li div span{
	display: none;
}
#join1 ul li p{
	margin-top: 20px;
	font-size: 14px;
	color: #947561;
}
#join1 ul li:hover p{
	margin-top: 20px;
	font-size: 14px;
	color: #e3551d;
}
#join1 ul li:hover div{
	background: url(../image/yuans.png) no-repeat center;
}
#join2{
	margin-top: 135px;
	overflow: auto;
}
#join2 ul{
	width: 100%;
	overflow:auto;
}
#join2 ul li{
	width: 33.33%;
	text-align: center;
	float: left;
}
#join2 ul li img{
	width: 189px;
	height: 189px;
	margin-bottom: 50px;

}
#join2 ul li h1{
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}
#join2 ul li p{
	font-size: 14px;
	color: #000;
	line-height: 23px;
	max-width: 70%;
	margin: 0 auto;
	text-align: center;
}
#join3{
	margin-top: 70px;
}


/*���۵�ͼ*/

.sale .left{
	width: 654px;
	height: 550px;
	position:relative;
	float: left;
}
.sale .left ul{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sale .left ul li{
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 22px;
	cursor: pointer;
	background: url(../image/i.png) no-repeat center;
}
.sale .left ul li:hover{
	-webkit-animation: bounce 1.2s ease-in-out infinite;
	-moz-animation: bounce 1.2s ease-in-out infinite;
	-o-animation: bounce 1.2s ease-in-out infinite;
	animation: bounce 1.2s ease-in-out infinite;
}
.sale .left ul li.active{
	-webkit-animation: bounce 1.2s ease-in-out infinite;
	-moz-animation: bounce 1.2s ease-in-out infinite;
	-o-animation: bounce 1.2s ease-in-out infinite;
	animation: bounce 1.2s ease-in-out infinite;
}
@keyframes bounce {
	0%{transform: translateY(0px)}
	50%{transform: translateY(10px)}
	100%{transform: translateY(0px)}
 }
@-moz-keyframes bounce {
	0%{transform: translateY(0px)}
	50%{transform: translateY(10px)}
	100%{transform: translateY(0px)}
 }
@-webkit-keyframes bounce {
	0%{transform: translateY(0px)}
	50%{transform: translateY(10px)}
	100%{transform: translateY(0px)}
 }
@-o-keyframes bounce {
	0%{transform: translateY(0px)}
	50%{transform: translateY(10px)}
	100%{transform: translateY(0px)}
 }