*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#B39B77;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}

body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF; overflow-x:hidden; background:#fff}

@media screen and (max-width:768px){
html{ font-size:24px !important;}
body{ font-size:24px !important;}
}
DIV.green-black{ width:100%; padding-top:10px; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 4px;PADDING-TOP: 2px;BORDER: #262626 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #262626; display:inline-block}

DIV.green-black A:hover{BORDER: #262626 1px solid;COLOR: #fff;font-size:100%;background-color: #262626;}

DIV.green-black A:active{BORDER: 1px solid #262626;COLOR: #fff;font-size:100%;background-color: #262626;}

DIV.green-black SPAN.current{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #B39B77;font-size:100%;background-color: #B39B77;display:inline-block}

DIV.green-black SPAN.disabled{PADDING-RIGHT: 5px;PADDING-LEFT: 5px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #B39B77 1px solid;font-size:100%;display:inline-block}

::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px}
@font-face{

font-family:'tt0627m_';
font-family: 'tt0627m_';
	src: url('../font/tt0627m_.eot') format('eot');
	src:url('../font/tt0627m_.woff') format('woff'), url('../font/tt0627m_.ttf') format('truetype');

}
@font-face{

font-family:'AVGARDN';
font-family: 'AVGARDN';
	src: url('../font/tt0627m_.eot') format('eot');
	src:url('../font/tt0627m_.woff') format('woff'), url('../font/AVGARDN.ttf') format('truetype');

}
@font-face{

font-family:'Heather';
font-family: 'Heather';
	src: url('../font/tt0627m_.eot') format('eot');
	src:url('../font/tt0627m_.woff') format('woff'), url('../font/Heather.ttf') format('truetype');

}


.kd{ max-width:1420px; width:90%; margin:0 auto;}
.fl{ float:left}
.fr{ float:right;}
@media screen and (max-width:768px){
.kd{ width:93%;}
}
@media screen and (min-width:1700px){
.kd{ max-width:1600px; width:90%; margin:0 auto;}
}

.head{ height:2.375em; background:#020202; line-height:2.375em; position:relative; z-index:99; border-bottom:1px solid #fff; }
.head span{ font-size:0.75em; color:#999;}
.head p{ font-size:0.75em; color:#fff;}
.head p a{ color:#fff;}
@media screen and (max-width:1700px){

}
@media screen and (max-width:768px){
.head{ display:none;}
}

.lome{  height:90px;  z-index:999; width:100%;position:relative}
.lome .logo{ margin-top:14px; width:14%;}
.lome .logo img{ width:100%;}
.lome .nav{}
.lome.active{ background:rgba(0,0,0,1); transition:all 1s; top:0;}
@media screen and (max-width:768px){
.lome{  height:100px;  z-index:999; width:100%;position:fixed; background:#000; border-bottom:1px solid #fff;}
.lome .logo{ width:auto; z-index:999; margin-top:24px; position:relative}
.etop{ height:100px;}
}

.mobile-inner-nav{ position:absolute; right:4.5%; top:38%; z-index:999; display:block;}
.mobile-inner-nav li{ float:left; width:auto; position:relative}
.mobile-inner-nav li:hover .n-er{ opacity:1; visibility: visible;}
.mvid{ display:none;}
@media screen and (min-width:1700px){
.mobile-inner-nav{ position:absolute; right:4.5%; top:20%; z-index:999; display:block;}
}
.mobile-inner-nav a{ display:block; float:left; color:#fff; font-size:0.75rem; text-align:center; background:url(404.png) right 25px no-repeat; padding:0 0.75em; transition:all 0.3s;text-shadow:1px 1px 1px #000;}
.mobile-inner-nav a em{color:#fff; font-weight:bold;transition:all 0.3s}
.mobile-inner-nav a span{font-family:'tt0627m_'; color:#fff; font-size:1.125em;transition:all 0.3s}
.mobile-inner-nav a:hover,.mobile-inner-nav a.cur{  color:#B39B77}
.mobile-inner-nav a:hover em,.mobile-inner-nav a.cur em{  color:#B39B77}
.mobile-inner-nav a:hover span,.mobile-inner-nav a.cur span{  color:#B39B77}
@media screen and (min-width:1500px){.mobile-inner-nav a{ padding:20px 1.375em 20px}}
@media screen and (min-width:1680px){.mobile-inner-nav a{ padding:25px 1.375em 20px}}
@media screen and (max-width:1024px){
	.mvid{ display:block;}
	.mobile-inner-nav li{ float:none; width:100%;}
	.mobile-inner-nav a{ padding:0; background:none}
.mobile-inner-nav a span{ }
.mobile{width: 100%; position:relative;}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header{width: 100%;height:4.166em; position: absolute;top: 0;left: 0px; background:#000;}
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:40px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.3rem;background-color:#fff; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.3rem;
    background-color: #fff;
    position: absolute;
    left: 25%;
    bottom: 1.2rem;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.166em;left: 0px;padding-top:1rem;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav a{display:inline-block;line-height:4rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}
.mobile-inner-nav a p{ display:none;}
@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}}


.banner{ display:block; top:-105px }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
 
  position: relative;
  float: left;
  width: 100%;
  }
.slide_container .prev{ z-index:99;}
.slide_container .next{ z-index:99;}
.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: -0 0 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;
  margin-left:5%;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../image/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;
  margin-right:5%;
  }
.mban{ display:none;}
@media all and (max-width: 768px) {
.mban{ display:block;}

	.device {
  width: 760px;
  height: 1200px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../image/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../image/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  height: 1200px;
  width: 760px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}

.key{ background:#6b544d;  padding:12px 0 12px; margin-top:-100px;}
.ke3 li{ float:left; border-left:1px solid #fff; padding:0 10px}
.ke3 li:last-child{ border-right:1px solid #fff;}
.ke3 li p{ font-size:1.25em; font-weight:bold; color:#fff}
.ke3 li span{ font-size:0.875em; color:#fff;font-family:'tt0627m_';}
@media screen and (min-width:1700px){
.ke3 li p{ font-size:1.5em; font-weight:bold; color:#fff}
.ke3 li span{ font-size:1em; color:#fff;font-family:'tt0627m_';}
}
@media screen and (max-width:768px){
.key{margin-top:0;}
.key .fr{ display:none;}
.ke3{ width:100%}
.ke3 li{ float:left; border-left:1px solid #fff; padding:0 5px; width:30%}
.ke3 li p{ font-size:1em; font-weight:bold; color:#fff}
.ke3 li span{ font-size:0.875em; color:#fff;font-family:'tt0627m_';}
.mke{ display:none}
}
.in-why{ padding:60px 0;}
.wtt{ text-align:center;}
.wtt span{ font-size:2em; color:#6b4e46; font-weight:bold; display:block;}
.wtt img{ margin:1em 0;}
.ww3{ width:100%; margin:1.5em auto 0}
.ww3 li{  width:48%;  background:#eee; border:1px solid #eee}
.ww3 li .div1{ overflow:hidden; width:40%; cursor:pointer; float:left}
.ww3 li .div1 img{ width:100%; transform:scale(1); transition:all 0.8s; }
.ww3 li:hover .div1 img{ transform:scale(1.05); width:100%;}
.ww3 li .div2{ width:60%; padding:3% 5%; float:right; box-sizing:border-box}
.ww3 li .div2 p{ font-size:1.375em; font-weight:600; color:#6b544d; margin:1em 0;}
.ww3 li .div2 span{ font-size:0.875em; color:#5f5d5d; display:block; line-height:1.625em; text-align:justify;}
.ww3 li .div2 span em{ display:block; font-weight:600; }
.ww3 li .div2 span b{ display:block; }
.ww4{ display:none;}

@media screen and (min-width:1680px){
.in-why{ padding:110px 0; }
.ww3 li .div2 span{ font-size:1.125rem}

}
@media screen and (max-width:768px){
.in-why{ 	max-width:760px; overflow-x:hidden}
.wtt p{ font-size:3.25em;}
.wtt span{ font-size:1.625em; color:#6b4e46; font-weight:bold; display:block;}
.ww3{ width:100%; display:none}
.ww3 li{ float:none; width:100%; margin:1% 0 30px;}
.ww4{ display:block;}
.ww4 li{  width:100%;  background:#fff; border:1px solid #eee; margin-bottom:30px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);}
.ww4 li .div1{ overflow:hidden; width:100%; cursor:pointer; float:left}
.ww4 li .div1 img{ width:100%; transform:scale(1); transition:all 0.8s; }
.ww4 li:hover .div1 img{ transform:scale(1.05); width:100%;}
.ww4 li .div2{ width:100%; padding:3% 5%; float:right; box-sizing:border-box;}
.ww4 li .div2 p{ font-size:1.375em; font-weight:600; color:#6b544d; margin:1em 0;}
.ww4 li .div2 span{ font-size:1em; color:#5f5d5d; display:block; line-height:1.625em; text-align:justify;}
.ww4 li .div2 span em{ display:block; font-weight:600; }
.ww4 li .div2 span b{ display:block; }
}

.g1{ background:url(../image/g1.jpg) center no-repeat; height:603px;background-attachment: fixed; background-position: 50% bottom; background-repeat: no-repeat; padding: 0;margin: 0px auto 0;background-size: cover;}

.ke2{background:#6b544d; height:auto; padding:12px 0 12px; margin-top:-100px;}
.ke2 p{font-size:2em;  color:#fff;font-family:'tt0627m_';}
.ke2 span{font-size:1.375em; color:#fff;font-weight:bold; display:block; margin-top:-5px;}
.mtp{ margin-top:-100px;}
@media screen and (max-width:768px){
.ke2{ margin-top:0}
.ke2 .fr{ display:none}
.mtp{ margin-top:0;}
.ke2 p{font-size:1.5em; }
.ke2 span{font-size:1em;}
}

.in-adv{ padding:90px 0;}
.att{ text-align:center; margin-bottom:80px}
.att p{ font-size:1.5em; color:#6b4e46;font-family:'AVGARDN';}
.att h4{ font-size:2em; color:#6b4e46; font-weight:600; margin-bottom:10px;}
.att span{ display:block; font-size:1.125em; margin:16px 0;}
.att img{}
@media screen and (max-width:768px){
.in-adv{ padding:20px 0 90px;}
.att p{ font-size:1.5em; color:#6b4e46;font-family:'AVGARDN'}
.att h4{ font-size:1.625em; color:#6b4e46; font-weight:bold;}
}
.adul{ width:100%; margin-top:2em;}
.adul li{ width:100%; padding:0 0 80px;}
.adul li .k1{ width:47%;}
.adul li .k1 img{ width:100%;}
.adul li .k2{ width:47%; padding:2%; position:relative; box-sizing:border-box;border-top:1px solid #666; border-bottom:1px solid #666; min-height:406px;}
.adul li .k2 h4{ font-size:1.5rem; line-height:1.5em; margin-bottom:28px; font-weight:bold; color:#6b4e46}
.adul li .k2 p{ font-size:1rem; line-height:2em; text-align:justify;}

.adul li .k3{ width:47%; padding:2%;  position:relative;box-sizing:border-box; border-top:1px solid #666; border-bottom:1px solid #666;min-height:406px;}
.adul li .k3 h4{ font-size:1.5rem; line-height:1.5em; margin-bottom:28px; font-weight:bold; color:#6b4e46}
.adul li .k3 p{ font-size:1rem; line-height:2em; text-align:justify;}


.adul li.sk2{ padding-bottom:60px;}
@media screen and (min-width:1680px){

.adul li .k2{ min-height:504px;}
.adul li .k2 h4{ font-size:1.875rem; line-height:1.5em; margin-bottom:28px; font-weight:bold; color:#6b4e46}
.adul li .k2 p{ font-size:1.25rem; line-height:2em;}
.adul li .k3{ padding:4% 6% 4% 6%; min-height:504px;}
.adul li .k3 h4{ font-size:1.875rem;}
.adul li .k3 p{ font-size:1.25rem;}
}
@media screen and (max-width:1368px){
.adul li .k2{ min-height:369px;}
.adul li .k3{ min-height:369px;}
}
@media screen and (max-width:768px){
.adul{ width:100%; max-width:760px; overflow-x:hidden}
.adul li{ box-shadow:0 0 3px 3px rgba(0,0,0,0.05); border:1px solid rgba(0,0,0,0.05); box-sizing:border-box; padding:10px; width:98%; margin:0 1% 10px;}
.adul li.blo{ background:none; background-size:45%;}
.adul li.blo1{ background:none; background-size:45%;}

.adul li .k1{ width:100%;}
.adul li .k2{ width:100%; padding:10% 0 5%; background:none center bottom repeat-x;}
.adul li .k3{ width:100%; padding:10% 0 5%; background:none center bottom repeat-x;}

.adul li:last-child{ margin-bottom:0}
.ms1{ padding-bottom:60px !important;}
}

.g2{ background:url(../image/g2.jpg) center no-repeat; height:623px;background-attachment: fixed; background-position: 50% bottom; background-repeat: no-repeat; padding: 0;margin: 0px auto 0;background-size: cover;}
@media screen and (max-width:768px){
	.g2{ background-size:100%; height:300px; background-attachment:local; display:none}
	.mnone{ display:none}
}

.in-sec{ padding:60px 0 100px;}
.stt{ text-align:center}
.stt p{ font-size:2.875em; color:#6b4e46;font-family:'AVGARDN'}
.stt h4{ font-size:3.25em; color:#6b4e46; font-weight:bold;}
.stt span{ display:block; font-size:1.125em; margin:1em 0;}
@media screen and (max-width:768px){
.stt p{ font-size:2em;}
.stt h4{ font-size:3em;}
}

.ss1{ margin-top:80px;}
.ss1 h4{ font-size:2em; color:#6b544d; font-weight:bold; margin-bottom:32px}
.ss1 .kuan{ border:2px solid #6b544d; float:left; width:11%; padding:2%; min-height:280px; border-radius:15px}
.ss1 .kuan .simg{ width:100%; text-align:center; min-height:100px;}
.ss1 .kuan p{ text-align:center; font-size:2em; color:#474443; font-weight:bold; margin:0.5em 0;}
.ss1 .jian{ float:left; margin:0 1.02%; display:table; min-height:335px}
.ss1 .jian p{ display:table-cell; vertical-align:middle}
@media screen and (min-width:1700px){
.ss1 .jian{margin:0 1.46%;}
}
@media screen and (min-width:1600px){
.ss1 .jian{margin:0 1.4%;}
}
@media screen and (max-width:1366px){
.ss1 .jian{margin:0 0.83%;}
}
@media screen and (max-width:768px){
.ss1 .kuan{ border:2px solid #6b544d; float:left; width:43%; padding:2%; min-height:320px; border-radius:15px; margin:0 1% 2%}
.ss1 .jian{ display:none;}
}

.ss2{ margin-top:60px;}
.ss2 h4{ font-size:1.875em; color:#6b544d; font-weight:bold; margin-bottom:32px}
.ss2 ul{ margin-top:32px;}
.ss2 li{ width:28.33%; border:2px solid #6b544d; padding:1.5%; float:left; border-radius:15px;}
.ss2 li:nth-child(2){ margin:0 2.5%}

.ss2 li div.fl{ width:40%; overflow:hidden;}
.ss2 li div.fl img{ width:100%;}
.ss2 li div.z1 img{ width:auto;}
.ss2 li div.fr{ min-height:200px; width:50%; padding:3%; background:#6b544d; border-radius:10px;}
.ss2 li div.fr p{ color:#fff; font-size:1.875em; font-weight:bold; margin-bottom:0.5em}
.ss2 li div.fr span{ font-size:1em; color:#fff; line-height:1.5em;}
@media screen and (min-width:1700px){
.ss2 li div.fl img{ width:auto;}
.ss2 li div.fr{ width:52%}
.ss2 li:nth-child(2){ margin:0 2.6%}
}
@media screen and (max-width:1366px){
.ss2 li:nth-child(2){ margin:0 2.4%}
}
@media screen and (max-width:768px){
.ss2 li{ width:97%; margin:0 auto 20px; float:none;}
.ss2 li:nth-child(2){ margin:0 auto 20px }
.ss2 li div.fl img{ width:auto;}
.ss2 li div.fl{ width:24%; overflow:hidden;}
.ss2 li div.fr{width:70%;}
}


.ss3{ margin-top:60px;}
.ss3 h4{ font-size:2em; color:#6b544d; font-weight:bold; margin-bottom:32px}
.ss3 .dd{ width:14%; padding:2%; margin:0 2.1% 0 0; border:2px solid #6b544d; float:left; border-radius:15px; min-height:400px;}
.ss3 .dd1{ margin:0 0;}
.ss3 .dd img{ width:100%;}
.ss3 .dd p{ margin-top:24px; font-size:1em; color:#5f5d5d; line-height:1.5em;}
@media screen and (min-width:1700px){
.ss3 .dd{ margin:0 2.15% 0 0; max-height:400px;}
.ss3 .dd1{ margin:0 0;}
}
@media screen and (max-width:1366px){
.ss3 .dd{ margin:0 2% 0 0; max-height:400px;}
.ss3 .dd1{ margin:0 0;}
}
@media screen and (max-width:768px){
.ss3 .dd{ width:42%; min-height:520px; margin-bottom:20px;}
}

.foot{ background:#474443; padding:90px 0 38px; width:100%;}
.fmenu{ width:25%; box-sizing:border-box; padding-right:5%; background:url(../image/xxg.jpg) right bottom no-repeat;}
.fmenu div{ width:50%}
.fmenu li{ margin-bottom:16px;}
.fmenu li:nth-child(3){ margin-bottom:7px;}
.fmenu li:nth-child(6){ margin-bottom:7px}
.fmenu li a{ color:#f4f4f4; font-size:1rem; font-weight:bold;}
.flogo{ text-align:center; width:45%;}
.flogo img{ max-height:110px; }

.cott{ color:#c9caca; width:30%; padding-left:2%; box-sizing:border-box; position:relative;background:url(../image/xxg.jpg) left bottom no-repeat;}
.cott h6{ font-weight:bold; color:#f4f4f4}
.cott p{  font-size:0.875em; color:#f4f4f4; }
.cott .sp1{ background:url(../image/f1.png) left center no-repeat; display:block; padding-left:18px;color:#f4f4f4; font-size:0.875em}
.cott .sp2{ background:url(../image/f2.png) left center no-repeat; display:block; padding-left:18px;color:#f4f4f4; font-size:0.875em}
.cott h4{ background:url(../image/f3.png) left center no-repeat; padding-left:18px; font-size:1.125em; color:#f4f4f4; font-weight:bold;}
.cott img{height:100px; float:right; position:absolute; right:-10px; top:0;}


.fbq{ border-top:1px solid #fff; padding-top:12px; margin-top:44px;}
.fbq p{ font-size:0.875rem; color:#c9caca}
@media screen and (min-width:1680px){
.cott img{height:130px;  top:0px; right:-20px; }
.flogo{ width:50%;}
.cott{ width:25%}
}
@media screen and (max-width:768px){
.foot{ display:none;}

}
.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#b39b77; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #ccb188; float:left;}
.fudong li p{ color:#fff;}
}


.fri{ line-height:50px; height:50px; width:100%; min-width:1280px; background:#000;}
.fri .kd{display: flex;align-items: center;}
.ftt{flex: 0 0 140px;}
.ftt p{ color:#fff; font-weight:bold;}
.fln{ flex: 1;height: 24px!important;line-height: 24px!important;}
.fln a{ color:#fff; font-size:14px; display: inline-block;height: 24px;line-height: 24px;}
@media screen and (max-width:768px){
.fri{ display:none;}
}

.cbbfixed {position: fixed;right: 1px;transition: bottom ease .3s;bottom: -85px;z-index:333;cursor:pointer;}
.cbbfixed .cbbtn {width: 75px;height: 75px;display: block;background-color: #fff; border:1px solid #e5e5e5}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{margin:14px 0 0 0;width:100%;height:40px; display:block; text-align:center;}
.cbbfixed .gotop p{ display:block; color:#898989; text-align:center; font-size:0.75em; transition:all 0.5s;}
.cbbfixed .gotop:hover {background-color:#262626;border:1px solid #ddd}
.cbbfixed .gotop:hover p{ color:#fff;}
@media screen and (max-width:768px){
.cbbfixed .cbbtn {width: 85px;height: 85px;}
}


.miku {width:700px;margin:0 auto; }
.miku span {font-size:1.3em;color:#110; }
.miku p {text-indent:2em;color:#333; text-align:justify} 
.miku img {display:block; max-width:100%; margin:0 auto;}  
@media (max-width: 768px) {
.miku {width:100%;font-size:1.2rem;}
}




.mobie-slide{ display:none;}
.demo{    box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);}
.demo2{ display:none}
@media (max-width: 768px) {
.demo{ display:none}
.demo2{ display:block; width:93%; margin:0 auto; box-shadow:0 0 3px 3px rgba(0,0,0,0.1); z-index:99}
.mobie-slide{ display:block; margin-top:30px; width:700px; overflow:hidden; position:relative}
.slider1{ position:relative; width:100%; float:left;}
.slider1 .mop{ width:100%;}
.slider1 .scontent{ min-height:228px; width:90%; padding:0 3% 40px;  position:absolute; bottom:0; left:0; }
.slider1 .scontent h4{ color:#fff; font-size:1.25rem;}
.slider1 .scontent h4 img{ margin-bottom:8px}
.slider1 .scontent p{ color:#fff; font-size:1rem; line-height:1.5em; }
.slider1 .scontent hr{ width:32px; height:2px; background:#fff; margin:5% auto; border:none}
.mobie-slide .tabs{height:40px; z-index:99; position:absolute; width:100%; bottom:0; text-align:center;}
.mobie-slide .tabs a{ width:10px; height:10px; background:#eee; border-radius:10px; display:inline-block; }
.mobie-slide .tabs a.active{ background:#B39B77}
}

.foot1{ display:none;}
@media (max-width: 768px) {
.foot1{ display:block; padding:20px 5%; background:#262626}
.foot1 p{ color:#fff; font-size:0.875rem; line-height:1.5em}
}