@charset "utf-8";

/* CSS Document */


::-moz-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-moz-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-moz-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#025e47;  
}  

::-ms-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-ms-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #000;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-ms-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#025e47;  
}  


::-webkit-scrollbar  
{  
    width: 10px;  
    height: 10px;  
    background-color: #292929;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
   
    border-radius: 0px;  
    background: #292929;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 0px;  

    background-color:#c5a47e;  
}  






/*公用*/

.clearfix{ content:""; clear:both; display:block;}

.textview{
	font-family: "MicrosoftJhengHei", "Microsoft Yahei",Arial, sans-serif;
	font-weight:300;
	}	
@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.eot");
	src: url("../../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff") format("woff"), url("../../fonts/fontawesome-webfont.ttf") format("truetype"), url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg");
	font-weight: normal;
	font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

@font-face {
	font-family: "fontcustom";
	src: url("../../fonts/fontawesome-webfont.svg#fontcustom") format("svg")
}
}

.icon-search:before {
	font-family: "fontcustom";
	content: "\f002";/*放大镜*/
}

.icon-nav:before {
	font-family: "fontcustom";
	content: "\f0c9";/*菜单标志*/
}

.icon-xiala:before {
	font-family: "fontcustom";
	content: "\f107";/*向下箭头*/
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}

.donghua, ::after, ::before {
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color:rgba(255,255,255,.8);
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}

html {
	min-height: 100%;
}

body {
	position: relative;
	min-height: 100%;
	font-size: 14px;
	color:rgba(255,255,255,.8);
	color:#ccc;
	background:#272727;
	font-family: Arial, "Microsoft Yahei";
	min-width: 320px;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
body.on {

	overflow:hidden;
}
@media only screen and (max-width: 1600px) {

body {
	font-size: 14px;
}
}

@media only screen and (max-width: 1280px) {

body {
	font-size: 12px;
}
}

@media only screen and (max-width: 1000px) {

body {
	font-size: 14px;
}

body.on {
	background: #000;
	overflow:hidden;
}

body.on #ALL {
	opacity: .5;
}
}

body.on #ALL {
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input, textarea, select,button {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
	transition: color .5s, background .5s, opacity .5s, border .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */
}

.fg {
	clear: both;
	width: 100%;
	height: 0px;
}

.red {
	color: #F00;
}

#ALL {
	min-height: 400px;
	overflow: hidden;
	width: 100%;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	background: #272727;
}

/*top*/
.loader{ width:32px; margin:auto;}
.body-line-box{ max-width:1150px; width:94%; margin:auto; height:0; position:fixed; left:50%; top:0px; 
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
transform:translateX(-50%); min-width:300px; z-index:2;}
.body-line-box .body-line{ position:relative; width:33.333333333333333333333%; float:left; height:1px; z-index:2;}
.body-line-box .body-line:before{ content:""; display:block; background:rgba(255,255,255,.1); width:1px; height:10000px; position:absolute; left:0px; top:0px;}
.body-line-box .body-line:nth-child(3):after{ content:""; display:block; background:rgba(255,255,255,.1); width:1px; height:10000px; position:absolute; right:0px; top:0px;}
/*pc导航 */
.pcmenu.nobgmenu {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 45px;
	z-index: 100;
}

.pcmenu-btn {
	height: 62px;
	width: 62px;
	top: -3px;
	right: 3%;
	position: absolute;
	z-index: 101;
	cursor: pointer;
	display: none
}

.pcmenu-btn div {
	height: 2px;
	width: 40px;
	left: 11px;
	top: 50%;
	background: rgba(255,255,255,.8);
	position: absolute;
}

.pcmenu-btn div:nth-child(1) {
	margin-top: -10px;
}

.pcmenu-btn div:nth-child(2) {
}

.pcmenu-btn div:nth-child(3) {
	margin-top: 10px;
}

.pcmenu.nobgmenu .menu {
	width: 1000px;
	margin: auto;
	height: 62px;
	position: relative;
}

.pcmenu.nobgmenu .menu .href {
	position: absolute;
	line-height: 20px;
	height: 40px;
	top: 10px;
	left: 0px;
	font-size:18px;
}

.pcmenu.nobgmenu .menu .href a {
	color: #fff;
}

.pcmenu.nobgmenu .menu .href a:hover {
	text-decoration: underline;
}

.pcmenu.nobgmenu .menu ul {
	display: block;
	text-align: right;
	height: 40px;
	line-height: 40px;
	width: 100%;
	margin: 0 0 0 auto;
}

.pcmenu.nobgmenu .menu ul li {
	display: inline-block;
	margin-left: 48px;
	height: 40px;
	text-align: left;
	position: relative;
}

.pcmenu.nobgmenu .menu ul li .a {
	display: inline-block;
	height: 40px;
	color: rgba(255,255,255,1);
	font-size: 18px;
	cursor: pointer;
}

.pcmenu.nobgmenu .menu ul li .a:hover, .pcmenu.nobgmenu .menu ul li.on .a, .cpbtn[data-on="on"] .a {
	color: rgba(197,164,126,1) !important;
}

.pcmenu.nobgmenu .menu ul li dl {
	position: absolute;
	top: 40px;
	left: -14px;
	width: 180px;
	background: rgba(39,39,39,.9);
	display: none;
}

.pcmenu.nobgmenu .menu ul li dl dd {
	display: block;
	border-top: 1px solid rgba(255,255,255,.1);
	height: 44px;
	overflow: hidden;
}

.pcmenu.nobgmenu .menu ul li dl dd:nth-child(1) {
	border: 0px;
}

.pcmenu.nobgmenu .menu ul li dl dd a {
	display: block;
	height: 43px;
	line-height: 43px;
	padding: 0 14px;
	font-size: 12px;
	color: rgba(255,255,255,.9);
}

.pcmenu.nobgmenu .menu ul li dl dd a:hover {
	color: rgba(197,164,126,1);
}

#logo {
	width: 200px;
	height: 57px;
	position: absolute;
	left: 0%;
	top: 35px;
	z-index: 101;
}

#logo img {
	display: block;
	left: 50%;
	top: 50%;
	position: absolute;
	width: 200px;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.phonemenu {
	background: rgba(40,40,40,.9);
	height: 60px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 102;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}

body[data-on="on"] .phonemenu, body.on[data-on="on"] .phonemenu {
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}

.phonemenu .menu {
	max-width: 1150px;
	margin: auto;
	height: 60px;
	position: relative;
}

.phonemenu .menu .logo {
	height: 60px;
	position: absolute;
	left: 0px;
	display: block;
	top: 0px;
	width: 205px;
}

.phonemenu .menu .logo img {
	height: 58px;
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.phonemenu .menu ul {
	display: block;
	text-align: right;
	height: 60px;
	line-height: 60px;
	width: 100%;
	margin: 0 0 0 auto;
}

.phonemenu .menu ul li {
	display: inline-block;
	margin-left: 48px;
	height: 60px;
	text-align: left;
	position: relative;
}

.phonemenu .menu ul li .a {
	display: inline-block;
	height: 60px;
	color: rgba(255,255,255,.8);
	font-size: 14px;
	cursor: pointer;
}

.phonemenu .menu ul li .a:hover, .phonemenu .menu ul li.on .a {
	color: rgba(197,164,126,.6);
}

.phonemenu .menu ul li dl {
	position: absolute;
	top: 60px;
	left: -14px;
	width: 180px;
	background: rgba(39,39,39,.9);
	display: none;
}

.phonemenu .menu ul li dl dd {
	display: block;
	border-top: 1px solid rgba(255,255,255,.1);
	height: 44px;
	overflow: hidden;
}

.phonemenu .menu ul li dl dd:nth-child(1) {
	border: 0px;
}

.phonemenu .menu ul li dl dd a {
	display: block;
	height: 43px;
	line-height: 43px;
	padding: 0 14px;
	font-size: 12px;
	color: rgba(255,255,255,.9);
}

.phonemenu .menu ul li dl dd a:hover {
	color: rgba(197,164,126,1);
}

#logo {
	width: 250px;
	height: 71px;
	position: absolute;
	left: 5.8%;
	top: 35px;
	z-index: 101;
}

#logo img {
	display: block;
	left: 50%;
	top: 50%;
	position: absolute;
	width: 250px;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.phonemenu .pcmenu-btn {
	width: 60px;
	height: 60px;
	top: 0px;
	right: 0px;
}

.phonemenu .pcmenu-btn div {
	background: rgba(197,164,126,.6);
	width: 30px;
}

body.on .phonemenu .pcmenu-btn div:nth-child(2) {
	opacity: 0;
	width: 0px;
}

body.on .phonemenu .pcmenu-btn div:nth-child(1) {
	transform: rotate(45deg);
	margin-top: -1px;
}

body.on .phonemenu .pcmenu-btn div:nth-child(3) {
	transform: rotate(-45deg);
	margin-top: -1px;
}

#phone-menu {
	display: none;
}

body[data-cp="on"] .cp-xl.nobg {
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	top: 100px;
}

.cp-xl.nobg, body[data-cp="on"][data-on="on"] .cp-xl.nobg {
	position: absolute;
	top: 0px;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}

.cp-xl.yesbg {
	position: fixed;
	top: 0px;
	padding-top: 60px;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
}

body[data-cp="on"][data-on="on"] .cp-xl.yesbg {
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cp-xl {
	left: 0px;
	width: 100%;
	z-index: 100;
}

.cp-xl dl {
	display: block;
	background: rgba(40,40,40,.9);
}

.cp-xl dl:after {
	content: "";
	clear: both;
	display: block;
}

.cp-xl dl dd {
	display: block;
	float: left;
	height: 100px;
	width: 16.66666666666666666666666666666666666666%;
}

.cp-xl dl dd a {
	display: block;
	height: 100px;
	text-align: center;
	color: rgba(255,255,255,.8);
	font-size: 14px;
	padding: 10px 0;
}

.cp-xl dl dd a .tu {
	height: 60px;
	position: relative;
	overflow: hidden;
}

.cp-xl dl dd a .tu img {
	display: block;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

.cp-xl dl dd a .title {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}

.cp-xl dl dd a:hover {
	color: rgba(197,164,126,1);
	background: rgba(19,19,19,1);
}

.cp-xl dl dd a:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

@media only screen and (max-width: 1660px) {
	#logo {left:60px;}
	.cp-xl dl dd {width: 20%;}
}

@media only screen and (max-width: 768px) {
#logo {left:5px;}
.cp-xl {
	display: none;
}

.pcmenu.nobgmenu .menu {
	max-width: 100%;
}

.pcmenu.nobgmenu .menu ul {
	display: none
}

.pcmenu.nobgmenu .menu .href {
	left: 200px;
}

.pcmenu.nobgmenu .pcmenu-btn {
	display: block;
}

#phone-menu {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.phonemenu .menu ul {
	display: none;
}

.phonemenu .pcmenu-btn {
	display: block;
}

.phonemenu .menu {
	width: 100%;
	max-width: 100%;
}

body[data-on="on"] .phonemenu, body.on .phonemenu {
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}
}

@media only screen and (max-width: 600px) {
#float{ display:none;}	
.pcmenu.nobgmenu,#logo{ top:10px;}
.pcmenu.nobgmenu .menu .href {
	display: none
}

.pcmenu-btn div {
	width: 30px;
	left: 15px;
}
}

/*pc导航 end*/



#phone-menu {
	background: rgba(40,40,40,1);
	position: fixed;
	width: 100%;
	z-index: 101;
	max-height: 100%;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	padding-top: 60px;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

body.on #phone-menu {
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
}

#phone-menu ul {
	overflow-y: auto;
	padding: 0 0%;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

#phone-menu ul li {
	display: block;
	min-height: 40px;
	position: relative;
	border-top: 1px solid #2f2f2f;
}

#phone-menu ul li .a {
	color: rgba(255,255,255,1);
	font-size: 14px;
	font-weight: 100;
	line-height: 40px;
	padding-left: 3%;
	display: inline-block;
	padding-right: 15px;
	position: relative;
	cursor: pointer;
}

#phone-menu ul li.have .a:after {
	content: "";
	display: block;
	clear: both;
	width: 4px;
	height: 4px;
	border-right: 1px solid rgba(255,255,255,.8);
	border-bottom: 1px solid rgba(255,255,255,.8);
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -2px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#phone-menu ul li.have[data-on='on'] .a:after {
	margin-top: 0px;
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#phone-menu ul li dl {
	display: none;
	padding: 10px 0%;
	clear: both;
}

#phone-menu ul li dl dd {
	display: block;
	font-size: 13px;
}

#phone-menu ul li dl dd a {
	display: block;
	color: rgba(255,255,255,.9);
	padding: 5px 3%;
	line-height: 20px;
}

#phone-menu ul li dl dd a:hover, #phone-menu ul li a:hover {
	color: rgba(197,164,126,.9);
}

#phone-menu ul li .a:hover:after {
	border-right: 1px solid rgba(197,164,126,.8);
	border-bottom: 1px solid rgba(197,164,126,.8);
}

#phone-menu ul li dl.cpl {
	padding: 0px;
	border-top: 1px solid rgba(255,255,255,.05);
	border-left: 1px solid rgba(255,255,255,.05);
	margin-bottom: -1px;
}

#phone-menu ul li dl.cpl:after {
	content: "";
	display: block;
	clear: both;
}

#phone-menu ul li dl.cpl dd {
	display: block;
	float: left;
	width: 20%;
	height: 100px;
	border-right: 1px solid rgba(255,255,255,.05);
	border-bottom: 1px solid rgba(255,255,255,.05);
}

#phone-menu ul li dl.cpl dd a {
	display: block;
	height: 100px;
	padding: 0px;
	text-align: center;
}

#phone-menu ul li dl.cpl dd a {
	display: block;
	height: 100px;
	text-align: center;
	color: rgba(255,255,255,.8);
	font-size: 14px;
	padding: 10px 0;
}

#phone-menu ul li dl.cpl dd a .tu {
	height: 60px;
	position: relative;
	overflow: hidden;
}

#phone-menu ul li dl.cpl dd a .tu img {
	display: block;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
}

#phone-menu ul li dl.cpl dd a .title {
	line-height: 20px;
	height: 20px;
	overflow: hidden;
}

#phone-menu ul li dl.cpl dd a:hover {
	color: rgba(197,164,126,1);
	background: rgba(19,19,19,1);
}

#phone-menu ul li dl.cpl dd a:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}

@media only screen and (max-width: 1440px) {

#phone-menu ul li dl.cpl dd {
	width: 25%;
}
}

@media only screen and (max-width: 1024px) {

#phone-menu ul li dl.cpl dd {
	width: 33.3333333%;
}
}

@media only screen and (max-width: 600px) {

#phone-menu ul li dl.cpl dd {
	width: 50%;
}

#phone-menu ul li dl.cpl dd a {
	font-size: 12px;
}
}

/*top end*/


/*banner*/


.pc-banner {
	background: #000;
	min-height: 500px;
	height: 100%;
	width: 100%;
	position: relative;
	z-index:3;
}

.pc-banner .black {
	width: 200px;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 5.8%;
	top: 0px;
	position: absolute;
	z-index: 10;
	padding-top: 108px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.pc-banner .black .text {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	width: 30px;
	line-height: 30px;
	text-align: left;
	color: rgba(255,255,255,.3);
	font-weight: bold;
	margin: auto;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	letter-spacing: 3px;
	overflow: hidden;
}

.pc-banner .black .sz {
	text-align: center;
	line-height: 128px;
	height: 128px;
	font-size: 76px;
	color: #c5a47e;
}

.pc-banner .black .line {
	width: 1px;
	height: 60px;
	margin: 20px auto;
	background: rgba(255,255,255,.3);
}

.pc-banner .black .href {
}

.pc-banner .black .href a {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: .4;
	position: relative;
	cursor: pointer;
}

.pc-banner .black .href a.weixin img {
	display: block;
	position: absolute;
	max-width: 500px;
	left: 100px;
	bottom: 0%;
	-moz-transform: scale(.0000001);
	-ms-transform: scale(.0000001);
	-o-transform: scale(.0000001);
	-webkit-transform: scale(.0000001);
	transform: scale(.0000001);
}

.pc-banner .black .href a.weixin:hover img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.pc-banner .black .href a:hover {
	opacity: 1;
}

.pc-banner .black .href a.qq {
	background-image: url(../images/fx_03.png);
}

.pc-banner .black .href a.weixin {
	background-image: url(../images/fx_06.png);
}

.pc-banner .black .href a.weibo {
	background-image: url(../images/fx_08.png);
}

.pc-banner .black .href a.email {
	background-image: url(../images/fx_10.png);
}

@media only screen and (max-width: 1660px) {

.pc-banner .black {
	left: 0px;
}
}

.pc-banner .biao {
	height: 30px;
	line-height: 30px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	position: absolute;
	z-index: 10;
	color: #fff;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.pc-banner .biao:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: -5px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
	border-top: 2px solid rgba(255,255,255,.8);
	border-left: 2px solid rgba(255,255,255,.8);
}

.pc-banner .swiper-slide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	transition: transform 3s, height .3s;
	-moz-transition: transform 3s, height .3s;
	-webkit-transition: transform 3s, height .3s;
	-o-transition: transform 3s, height .3s;
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	-ms-transform: scale(1.15);
	min-height: 400px;
	height: 100%;
	transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
}

.pc-banner .swiper-slide a {
	display: block;
}

.pc-banner .swiper-slide a img {
	display: none;
	width: 100%;
}

.pc-banner .swiper-slide.swiper-slide-prev {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.pc-banner .swiper-slide.swiper-slide-active {
	z-index: 10;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}

.pc-banner .swiper-slide a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.pc-banner .swiper-pagination {
	bottom: 80px;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
	transition: transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
	left: 50%;
	z-index: 100;
	cursor: pointer;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	width: auto;
	display: none
}

.pc-banner .swiper-pagination span {
	border: 0px;
	height: 12px;
	display: block;
	width: 12px;
	background: #fff;
	border-radius: 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, width .3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s, width .3s;
	transition: transform 0.3s, opacity 0.3s, width .3s;
	margin: 0 40px !important;
	float: left;
	opacity: 1;
	position: relative;
}

.pc-banner .swiper-pagination span:before {
	content: "";
	display: block;
	width: 74px;
	right: 15px;
	top: 50%;
	background: rgba(255,255,255,.8);
	position: absolute;
	height: 1px;
}

.pc-banner .swiper-pagination span:nth-child(1):before {
	display: none;
}

.pc-banner .swiper-pagination span.swiper-pagination-bullet-active {
	opacity: 1;
}

.pc-banner .swiper-pagination span:after {
	left: 50%;
	top: 50%;
	background: rgba(255,255,255,1);
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	opacity: 0;
	display: block;
	content: "";
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
	transition: transform 0.3s, opacity 0.3s, width .3s, bottom .3s;
}

.pc-banner .swiper-button-next {
	color: rgba(255,255,255,.8);
	padding-right: 40px;
	height: 30px;
	line-height: 30px;
	bottom: 62px;
	left: 52%;
	background: none;
	margin: 0px;
	top: auto;
	width: 80px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
}

.pc-banner .swiper-button-next:after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-right: 2px solid rgba(255,255,255,.3);
	transform: rotate(45deg);
}

.pc-banner .swiper-button-next:before {
	content: "";
	display: block;
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 30px;
	border-radius: 0 1px 1px 0;
}

.pc-banner .swiper-button-prev {
	color: rgba(255,255,255,.8);
	padding-left: 40px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	bottom: 62px;
	left: auto;
	right: 52%;
	background: none;
	margin: 0px;
	top: auto;
	width: 80px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
}

.pc-banner .swiper-button-prev:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-left: 2px solid rgba(255,255,255,.3);
	transform: rotate(-45deg);
}

.pc-banner .swiper-button-prev:before {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 30px;
	border-radius: 0 1px 1px 0;
}

.pc-banner .swiper-pagination span.swiper-pagination-bullet-active:after {
	opacity: .5;
	transform: translate(-50%, -50%) scale(3);
	-webkit-transform: translate(-50%, -50%) scale(3);
	-moz-transform: translate(-50%, -50%) scale(3);
}

@media only screen and (max-width: 1000px) {

.pc-banner .swiper-button-next, .pc-banner .swiper-button-prev {
	display: none;
}

.pc-banner .biao {
	display: none;
}

.pc-banner .black {
	opacity: 0;
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.pc-banner .swiper-pagination {
	bottom: 30px;
	display: block;
}

.pc-banner .swiper-pagination span {
	opacity: .5;
	margin: 0 10px !important;
	width: 8px;
	height: 8px;
}

.pc-banner .swiper-pagination span:before, .pc-banner .swiper-pagination span:after {
	display: none;
}

.pc-banner .swiper-slide a {
	display: block;
	position: relative;
}

.pc-banner .swiper-slide, .pc-banner {
	min-height: 0px;
	height: auto !important;
}

.pc-banner .swiper-slide a img {
	display: block;
	opacity: 0;
}
}

@media only screen and (max-width: 600px) {

.pc-banner .swiper-slide a {
	min-height: 300px;
}

.pc-banner .swiper-pagination {
	bottom: 10px;
}

.pc-banner .swiper-pagination span {
	opacity: .5;
	margin: 0 5px !important;
	width: 6px;
	height: 6px;
}
}
/*banner end*/


@-webkit-keyframes slideShine {
 0% {
 background-position: 0 0;
}
 100% {
 background-position: 100% 100%;
}
}

/*首页关于我们*/
.index-about {
	overflow: hidden;
	position: relative;
	z-index:3;
	background-color: #272727;
	background-image:url(../images/abjj_02.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.index-about .content {
	width:610px;
	margin: auto;
	position: relative;
	z-index: 10;
	padding:20px 30px;
	 color:#eee;
	 font-size:12px; line-height:2;
	 background-image:url(../images/abmjj_03.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.index-about .line-box{ position:absolute; left:50%; width:1922px; top:0px; margin-left:-961px;}
.index-about .line-box div{ height:1px; width:62px; float:left; position:relative; z-index:11;} 
.index-about .line-box div:after{ content:""; display:block; width:1px; height:10000px; top:0px; right:0px; background:rgba(255,255,255,.05);}


@media only screen and (max-width: 1440px) {

.index-about .content .view {
	background-size: 38% auto;
}
}

@media only screen and (max-width: 700px) {

.index-about .content .view {
	background-size: 45% auto;
}
}

@media only screen and (max-width: 600px) {

.index-about .content .view {
	padding-left: 0px;
	background-image: none;
}
}

/*首页关于我们 end*/
/*fourbox*/
.fourbox{ background:#232323; overflow:hidden; min-height:800px; position:relative; z-index:3;}
.fourbox .swiper-slide {width:25%; float:left; height:100%;}
.fourbox .swiper-slide a{ display:block; height:100%; position:relative; overflow:hidden; }
.cp-item a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:.4;

-moz-transition: transform 8s,opacity .5s;
	-ms-transition: transform 8s,opacity .5s;
	-o-transition:transform 8s,opacity .5s;
	-webkit-transition:transform 8s,opacity .5s;
	transition: transform 8s,opacity .5s;



}
.cp-item a:hover .tu{ opacity:1;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);


}
.cp-item a .biao{ width:120px; height:120px; border-radius:100%; left:50%; top:50%; position:absolute; background:rgba(197,164,126,.8); margin:-60px;
-moz-transform:scale(.6);
-ms-transform:scale(.6);
-o-transform:scale(.6);
-webkit-transform:scale(.6);
transform:scale(.6);
opacity:0;


}
.cp-item a .biao span{ width:30px; height:30px; border-radius:100%; border:3px solid #fff; display:block; position:absolute; left:50%; top:50%; 
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:-5px 0 0 -5px;

}
.cp-item a .biao span:after{ content:""; display:block; width:14px; height:3px; position:absolute; background:#fff; border-radius:2px; left:50%; top:50%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.cp-item a .biao span:before{ content:""; display:block; width:3px; height:14px; position:absolute; background:#fff; border-radius:2px; left:50%; top:50%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.cp-item a .biao:after{content:""; width:20px; height:3px; background:#fff; border-radius:3px; position:absolute; display:block; left:50%; top:50%;
-moz-transform:translate(-50%,-50%) rotate(45deg);
-ms-transform:translate(-50%,-50%) rotate(45deg);
-o-transform:translate(-50%,-50%) rotate(45deg);
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg);
margin:11px 0 0 11px;
  }

.cp-item a:hover .biao{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
	}
.cp-item a .href{ width:30px; line-height:30px; height:80%;

    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	position:absolute; z-index:1; bottom:10%; left:10%;
	color:rgba(255,255,255,.5); font-weight:bold; font-size:14px; letter-spacing:2px;
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);

}
.cp-item a:hover .href{ opacity:0; letter-spacing:20px;}
.cp-item a .title{ width:80%; left:10%; top:12%; position:absolute;}
.cp-item a .title .cn{ font-size:26px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.4);}
.cp-item a .title .en{ font-size:18px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.2);}
.cp-item a:hover .title{ top:22%; opacity:0;}
.fourbox .swiper-pagination{ display:none;}

.fourbox .btn{ display:none !important;}

.fourbox .btn.next {
	color: rgba(255,255,255,.8);
	padding-right: 20px;
	height: 30px;
	line-height: 30px;
	left: auto;
	right:3%;
	background: none;
	margin: 0px;
	top: 50%;
	margin-top:-15px;
	width: 60px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	z-index:10;
	cursor:pointer;
}

.fourbox .btn.next:after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-right: 2px solid rgba(255,255,255,.3);
	transform: rotate(45deg);
}

.fourbox .btn.next:before {
	content: "";
	display: block;
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 15px;
	border-radius: 0 1px 1px 0;
}

.fourbox .btn.prev {
	color: rgba(255,255,255,.8);
	padding-left: 20px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	top: 50%;
	margin-top:-15px;
	left:3%;
	background: none;
	width: 60px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
	z-index:10;
	cursor:pointer;
}

.fourbox .btn.prev:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-left: 2px solid rgba(255,255,255,.3);
	transform: rotate(-45deg);
}

.fourbox .btn.prev:before {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 15px;
	border-radius: 0 1px 1px 0;
}



@media only screen and (max-width: 1280px) {
	.fourbox .swiper-slide{ width:33.3333333333%}
	.fourbox{ min-height:600px; max-height:700px; }
	.fourbox .btn{ display: inline-block !important; z-index:12 !important;}
}
@media only screen and (max-width: 1024px) {
	.fourbox{ min-height:400px; }	
	.fourbox .swiper-slide{ width:50%}
}


/*fourbox end*/
/*产品推荐*/
.two-box{ background:#141414; padding:60px; z-index:3;position:relative;}
.innews{ padding:20px; z-index:3;position:relative;}
.two-box:after,.innews:after{ content:""; display:block; clear:both;}
.two-box a{ display:block; float:left; width:50%; position:relative; overflow:hidden;}
.two-box a .bbg{ opacity:0; display:block; width:100%;}
.two-box a .tu{
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity:.4;

-moz-transition: transform 8s,opacity .5s;
	-ms-transition: transform 8s,opacity .5s;
	-o-transition:transform 8s,opacity .5s;
	-webkit-transition:transform 8s,opacity .5s;
	transition: transform 8s,opacity .5s;



}
.two-box a:hover .tu{ opacity:1;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);


}
.two-box a .href{ width:30px; line-height:30px; height:80%;

    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	position:absolute; z-index:1; bottom:10%; left:10%;
	color:rgba(255,255,255,.5); font-weight:bold; font-size:14px; letter-spacing:2px;
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);

}
.two-box a:hover .href{ opacity:0; letter-spacing:20px;}
.two-box a .title-box{ top:0px; left:6%; padding:60px 4% 10px; background:rgba(0,0,0,.5); position:absolute; height:130px;}
.two-box a .title{ margin:auto 0 0;}
.two-box a .title .cn{ font-size:26px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.4);}
.two-box a .title .en{ font-size:18px; line-height:30px; height:30px; overflow:hidden; color:rgba(255,255,255,.2);}
.two-box a:hover .title-box{  opacity:0; height:230px;padding:160px 4% 10px;}
/*产品推荐 end*/

@media only screen and (max-width: 1024px) {
.two-box{ padding:3% 0;}

}
@media only screen and (max-width:500px) {
	.two-box{ padding:3% 0 1px; }
.two-box a{ float:none; width:100%; margin-bottom:3%;}
}
/*首页地图搜索*/
.index-map-box{
	background-color:#272727;
	background-image:url(../images/inb_02.jpg);
	background-position:center;
	background-repeat:no-repeat;
	padding:120px 0 70px;
	
	}
.index-map-box .map-show{ max-width:780px; margin:auto; position:relative;}	
.index-map-box .map-show img{ display:block;}
.index-map-box .map-show a{ width:132px; height:22px; line-height:22px; position:absolute; padding-left:30px; color:#c5a47e; left:41.5%; top:39.5%;
 font-weight:bold; font-size:12px;}
.index-map-box .map-show a span{ display:block; border:2px solid #c5a47e; border-radius:100%; width:22px; height:22px;  position:absolute; left:0px; top:0px; }
.index-map-box .map-show a span:after{ width:2px; height:75%; top:50%; left:50%; background:#c5a47e;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
content:"";
display:block;
position:absolute;


}
.index-map-box .map-show a span:before{ width:75%; height:2px; top:50%; left:50%; background:#c5a47e;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
content:"";
display:block;
position:absolute;


}
.index-map-box .map-show a:hover span{
	-moz-transform:rotate(180deg) scale(1.2);
	-ms-transform:rotate(180deg) scale(1.2);
	-o-transform:rotate(180deg) scale(1.2);
	-webkit-transform:rotate(180deg) scale(1.2);
	transform:rotate(180deg) scale(1.2);
	
	
	}
.index-map-box .map-show a:hover{ letter-spacing:3px;}	
.index-map-box .bbt{ text-align:center; font-size:36px; font-weight:bold; color:#c4c4c4; line-height:2; margin:60px 0 30px; letter-spacing:9px;}
.index-map-box .bbt span{ color:#c4c4c4;}

.service-store {
}


.service-store .check-city {
	text-align: center;
	width: 94%;
	max-width: 1150px;
	margin: auto;
}
.service-store .check-city:after{ content:""; display:block; clear:both;}
.service-store .check-city div{ float:left; height:1px; width:33.333333333333333%; position:relative; z-index:1;}
.service-store .check-city div:after{ width:5px; height:5px; content:""; display:block; border-right:1px solid rgba(255,255,255,.8); border-bottom:1px solid rgba(255,255,255,.8); top:22px; right:10px; position:absolute; margin-top:-3px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);

}
.service-store .check-city select {
	-webkit-appearance:none;
	border-radius:0px;
	appearance:none;
	width: 33.333333333333333%;
	float:left;
	background:#1b1b1b !important;
	background-color:#1b1b1b !important;
	height: 44px;
	padding: 0 10px;
	border: 0px;
	border-top:1px solid rgba(255,255,255,.15);
	border-bottom:1px solid rgba(255,255,255,.15);
	color:rgba(255,255,255,.8);
	position:relative;
}

.service-store button ,.inmore{
	display:block; margin:0px auto 20px; width:198px; height:48px; border-radius:24px; background:#c5a47e; color:rgba(255,255,255,.8); font-weight:bold; border:0px; text-align:left; padding:0 29px; cursor:pointer;
	-webkit-appearance:none;line-height:48px;
	appearance:none;
	position:relative;
	font-size:14px;
}

.service-store button:hover,.inmore:hover{ background:rgba(255,255,255,.1);

}
.service-store button:after ,.inmore:after{ content:""; display:block; width:8px; height:8px; border-top:2px solid rgba(255,255,255,.8); border-right:2px solid rgba(255,255,255,.8);
right:26px; top:50%; margin-top:-4px;
 position:absolute;
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);

}
.service-store button:before, ,.inmore:before{ content:""; display:block; width:15px; height:2px; background:rgba(255,255,255,.8);
right:26px; top:50%; margin-top:0px;
 position:absolute;

}
.service-store button:hover ,.inmore:hover{ letter-spacing:5px;}
.service-store button:hover:after ,.inmore:hover:after{ right:20px;}
.service-store button:hover:before ,.inmore:hover:before{ width:30px; right:20px;}
@media only screen and (max-width: 1024px) {
.index-map-box{ padding:60px 0 30px;}	
.service-store button{ margin-top:30px;}
	
}
@media only screen and (max-width: 650px) {
.index-map-box .bbt{letter-spacing:2px; font-size:22px; margin:30px 0;}
}
@media only screen and (max-width: 375px) {
.index-map-box .bbt{letter-spacing:1px; margin:20px 0;}
}
/*首页地图搜索 end*/

/*首页 end*/










/*app下载*/
#download-main {
	background: #1c1c1c;
	padding: 5% 0 0;
}

#download-main .view {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	color: #fff;
}

#download-main .view:after {
	content: "";
}

#download-main .view p {
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}

/*联系我方式*/


#contact-main {
	position:relative; z-index:3;
	margin-top:-60px;
}
#contact-main .main{ width:94%; max-width:1150px; margin:auto; padding:100px 0;}
#contact-main .main .map-view{ margin-left:1px; width:70%; border:1px solid rgba(255,255,255,.1); border-left:0px; height:510px; position:relative; z-index:3;}
#contact-main .view {
	position:absolute; top:0px; right:0px; background:#3c3c3c;
	width: 40%;
	min-width:500px;
	line-height: 2;
	 z-index:4;
	 padding:2% 150px 2% 2%;
}
#contact-main .view .text{ overflow:hidden; height:150px; line-height:150px; font-size:72px; opacity:.1; font-weight:bold; right:0; top:50%;text-align:center; position:absolute; height:100%;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%); min-height:500px;}
#contact-main .view:after {
	content: "";
	clear:both; display:block;
}


@media only screen and (max-width: 1440px) {
#contact-main{ margin-top:-20px;}
#contact-main .main	{ padding:50px 0 100px;}
}

@media only screen and (max-width: 1024px) {

#contact-main .view{ position:relative; width:94%; margin:3% auto 0; padding:5%;min-width:0px;}	
#contact-main .main{ padding:0 0 50px; }
#contact-main .main .map-view{ width:100%; border-right:0px; margin-left:0px; margin:0 1px;
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
	width: -ms-calc(100% - 2px);
	width: -o-calc(100% - 2px);
    width: calc(100% - 2px);
}	
}
@media only screen and (max-width: 800px) {
#contact-main .main .map-view{ height:400px;}	
}
@media only screen and (max-width: 500px) {
#contact-main .main .map-view{ height:300px;}		
}







/*在线留言*/
#feedback-main {
	background: #1c1c1c;
	padding: 3% 0 5%;
}

#feedback-main .view {
	max-width: 1200px;
	width: 94%;
	margin: auto;
	color: #fff;
}

#feedback-main .view .type-logo img {
	display: block;
	margin: auto;
	width: 57%;
}

#feedback-main .view .type-logo {
	margin-bottom: 3%;
}

#feedback-main .view .ly dl {
	max-width: 422px;
	margin: auto;
	display: block;
}

#feedback-main .view .ly dl dd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
	padding-top: 10px;
	line-height: 30px;
}

#feedback-main .view .ly dl dd .title {
	width: 60px;
	font-size: 14px;
}

#feedback-main .view .ly dl dd input[type='text'] {
	background: none;
	height: 30px;
	border: 0px;
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}

#feedback-main .view .ly dl dt {
	margin-bottom: 30px;
	padding-top: 10px;
	line-height: 30px;
	display: block;
}

#feedback-main .view .ly dl dt textarea {
	width: 100%;
	line-height: 26px;
	padding: 2px 10px;
	border: 1px solid #fff;
	height: 214px;
	background: none;
	color: #fff;
}

#feedback-main .view .ly dl dt .btn {
	display: block;
	margin: auto;
	border: 2px solid #fff;
	position: relative;
	height: 50px;
	line-height: 48px;
	width: 147px;
	padding-left: 16px;
	font-weight: 600;
	text-align: left;
	background: none;
	color: #fff;
	cursor: pointer;
}

#feedback-main .view .ly dl dt .btn:before {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-style: solid;
	border-width: 2px;
	border-color: #fff #FFF transparent transparent;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(45deg);
	margin-top: -3px;
}

.bg-banner {
	height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, width .3s, height .3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s, width .3s, height .3s;
	transition: transform 0.3s, opacity 0.3s, width .3s, height .3s;
	position: relative;
}

.bg-banner .bbt {
	color: rgba(255,255,255,.8);
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	text-align: center;
	font-size: 100px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}


/*新闻*/


.news-main {
	padding-bottom:60px;

}


.news-list {max-width: 1150px;margin: auto;width: 94%;}

.news-list :after {content: "";display: block;clear: both;}

.news-list .grid {margin-bottom:6%;position:relative;z-index:3;}


.news-list .grid a {

	display: block;
	background:#373737;
}
.news-list .grid a:hover{
	box-shadow:0 0 30px rgba(0,0,0,.5);
	-moz-transform:scale(1.02);
	-ms-transform:scale(1.02);
	-o-transform:scale(1.02);
	-webkit-transform:scale(1.02);
	transform:scale(1.02);
	
	}
.news-list .grid a .tu img{ display:block; width:100%; background:#272727;}
.news-list .grid a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.news-list .grid a .text{    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;}
.news-list .grid a .text .content{ padding:6% 4%; width:100%;}	
.news-list .grid a .text .title{ font-size:16px; line-height:1.4; margin-bottom:20px;}
.news-list .grid a .text .demo{ opacity:.8; line-height:1.8; font-size:12px; margin-bottom:20px;}
.news-list .grid a .text .rq{ padding:20px 0 0; line-height:30px; overflow:hidden; border-top:1px solid rgba(255,255,255,.1);}
.news-list .grid a .text .rq span{ float:right; margin-left:5px; color:#c5a47e;}
.news-list .grid a:hover .text .rq span{ letter-spacing:5px;}
@media only screen and (min-width: 800px) {
.news-list .grid a{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	min-height:360px;
	
	}	
	.news-list .grid a .tu{    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
	.news-list .grid a .tu img{ display:none}
	.news-list .grid a .text{ width:33.33333%;}
	.news-list .grid a .text .content{ padding:6% 10%;}
	
}
.paggg {
	clear:both;
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius:20px;
	text-align:center;
	position: relative;
	color:rgba(255,255,255,.8);
	font-weight: 600;
	margin: auto;
	background:rgba(255,255,255,.1);
	clear: both;
	cursor:pointer;
	-moz-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-o-transform:translateY(30px);
	-webkit-transform:translateY(30px);
	transform:translateY(30px);
}



.paggg:hover {
	color: #fff;
	background:#c5a47e;
}

/**/

.newsview-main {color: rgba(255,255,255,.8);}

.newsview-main .view {
	max-width:1150px;
	width: 94%;
	margin: auto;
	padding: 5% 0;
}

.newsview-main .view .left {
	position: relative;
}

.newsview-main .view .left .rq {
	color: rgba(255,255,255,.8);
}


#bsBox, #bsWXBox {
	overflow: hidden;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

#bsBox *, #bsWXBox * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.newsview-main .view .title {
	font-size: 24px;
	color:rgba(255,255,255,.8);
	line-height: 1.6;
	margin-bottom: 20px;
}
.newsview-main .view .xx{ text-align:right;}
.newsview-main .view .xx a{ float:left; color:#c5a47e;}
.newsview-main .view {
	position:relative; z-index:3;
	line-height: 2;
	overflow: hidden;
}
.newsview-main .view .left .news-tj{ padding:50px 0 0px;}
.newsview-main .view .left .news-tj .bbt{ font-size:20px; text-align:center; line-height:40px; margin-bottom:28px;}
.newsview-main .view .left .news-tj .list ul{}
.newsview-main .view .left .news-tj .list ul li{ display:block; margin-bottom:28px;}
.newsview-main .view .left .news-tj .list ul li a{ display:block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}
.newsview-main .view .left .news-tj .list ul li a .text{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	}
.newsview-main .view .left .news-tj .list ul li a .tu{ margin-right:26px; width:160px; max-width:50%; background-position:center; background-size:cover;}
.newsview-main .view .left .news-tj .list ul li a .tu .bbg{ display:block; opacity:0; height:84px;}
.newsview-main .view .left .news-tj .list ul li a .title{ line-height:22px; height:50px; overflow:hidden; padding-top:6px;}
.newsview-main .view .left .news-tj .list ul li a .rq{ opacity:.5; font-size:12px; padding-top:6px; }
.newsview-main .view .left .news-tj .list ul li a:hover{ color:#fff;}
.newsview-main .view .left .href{ text-align:center; height:30px; position:relative;}



.newsview-main .view .left .href .next {
	color: rgba(255,255,255,.8);
	padding-right: 20px;
	height: 30px;
	line-height: 30px;
	bottom: 0px;
	left: 52%;
	background: none;
	margin: 0px;
	top: auto;
	width: 60px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
}

.newsview-main .view .left .href .next:after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-right: 2px solid rgba(255,255,255,.3);
	transform: rotate(45deg);
}

.newsview-main .view .left .href .next:before {
	content: "";
	display: block;
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 10px;
	border-radius: 0 1px 1px 0;
}

.newsview-main .view .left .href .prev {
	color: rgba(255,255,255,.8);
	padding-left: 20px;
	text-align: right;
	height: 30px;
	line-height: 30px;
	bottom: 0px;
	left: auto;
	right: 52%;
	background: none;
	margin: 0px;
	top: auto;
	width: 60px;
	font-weight: bold;
	position: absolute;
	display: inline-block;
}

.newsview-main .view .left .href .prev:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid rgba(255,255,255,.3);
	border-left: 2px solid rgba(255,255,255,.3);
	transform: rotate(-45deg);
}

.newsview-main .view .left .href .prev:before {
	content: "";
	display: block;
	position: absolute;
	left: 1px;
	top: 50%;
	margin-top: -1px;
	height: 2px;
	background: rgba(255,255,255,.3);
	width: 10px;
	border-radius: 0 1px 1px 0;
}
@media only screen and (max-width: 800px) {
.newsview-main .view .right .title{ font-size:20px;}	
}

@media only screen and (min-width: 800px) {

.newsview-main .view {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
}

.newsview-main .view .left {
	width: 33.333333%;
	margin-left:30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-orient: horizontal;
	-ms-box-orient: horizontal;
	box-orient: horizontal;
	
	

}

.newsview-main .view .right,.newsview-main .view .left .dd {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
}



}

/*新闻 end*/


/*服务*/
.service-main {
	background: #1c1c1c;
	color: rgba(255,255,255,.8);
}

.s-box-v {
	max-width: 1200px;
	margin: auto;
	padding: 4% 0;
	width: 94%;
	line-height: 1.6;
}

/*服务 end*/

/*产品*/
.zi-demo{ width:94%; margin:auto; max-width:1150px;color:#bdbdbd; font-size:18px; line-height:1.4; padding:0px 0; }
.zi-demo span{ color:#c5a47e;}
.zi-demo .cn{ margin-bottom:5px;}
.zi-demo .en{font-size:.75em; opacity:.6; font-weight:bold; }
.cp-banner{ background-position:center; background-repeat:no-repeat; background-size:cover; height:300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	


}
.cp-banner .ts{ text-align:center; position:absolute; left:50%; bottom:20px; z-index:10; padding-bottom:30px;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
color:rgba(255,255,255,.5);


}
.cp-banner .ts:after{ display:block; content:""; border-style:solid; border-color:#fff transparent transparent transparent; border-width:5px; opacity:.5; position:absolute; bottom:0px; left:50%; margin-left:-5px;}
.cp-banner .ts:before{ width:1px; background:#fff; opacity:.5; bottom:10px; height:15px; content:""; display:block; left:50%; position:absolute;}
.cp-banner .bbt{color:rgba(255,255,255,.5); text-align:center;}
.cp-banner .bbt .tu{
	background-position:center; background-repeat:no-repeat; background-size:cover;
	width:200px; height:200px;
	margin:-30px auto;
	}
.cp-banner .bbt .title{ font-size:100px;}	
.cp-class{ width:94%; max-width:1150px; margin:auto; border-top:1px solid rgba(255,255,255,.1);}
.cp-class ul{ display:block; padding-bottom:80px; }
.cp-class ul:after{ content:""; clear:both; display:block;}
.cp-class ul li{ display:block; float:left; width:33.33333333333333333%; border-bottom:1px solid rgba(255,255,255,.1);}
.cp-class ul li a{ display:block; position:relative; height:248px; background:#272727; padding-top:64px;}
.cp-class ul li a .title{ width:100%; left:0px; bottom:14px; line-height:26px; text-align:center; position:absolute;}
.cp-class ul li a:hover{ color:#fff; 
box-shadow:0 0 10px rgba(0,0,0,.5); z-index:10;
-moz-transform:scale(1.01);
-ms-transform:scale(1.01);
-o-transform:scale(1.01);
-webkit-transform:scale(1.01);
transform:scale(1.01);

}
.cp-class ul li a .tu{ height:120px; margin:auto; 
	
	}
.cp-class ul li a .tu img{ display:block; height:100%; margin:auto;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}	
.cp-class ul li a:hover .tu img{    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);}
/*产品列表*/
.cymain{ margin:20px auto 20px;  z-index:10;}

.cp-list-box{ margin:20px 0; border-top:1px solid rgba(0,0,0,.1); border-left:1px solid rgba(0,0,0,.1);padding-top:20px;}	
.cp-list-box:after{ content:""; clear:both; display:block;}
.cp-list-box .grid { width:20%; float:left;border-bottom:1px solid #3c3c3c;padding:0px 10px;}
.cp-list-box .grid a{ display:block; position:relative; height:300px; text-align:center; color:rgba(255,255,255,.9); padding-top:0px; background:#272727;
}
.cp-list-box .grid a span.bb{  width:100%; height:100%;display:block;opacity:0;-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);
-webkit-transform:scale(.5);transform:scale(.5);}
.cp-list-box .grid a .tu{ height:240px;}
.cp-list-box .grid a .tu img{ display:block; height:100%; margin:auto;}
.cp-list-box .grid a .bbt{ width:100%; position:absolute; left:0px; padding:0 5px; bottom:7%;}
.cp-list-box .grid a .bbt .title{ margin-bottom:8px; font-size:14px;}
.cp-list-box .grid a .bbt .price{ color:rgba(0,0,0,.5); font-size:12px; display:none}
.cp-list-box .grid a .bbt .price span{ color:#c5a47e;}
.cp-list-box .grid a:hover{
	color:#000; 
box-shadow:0 0 30px rgba(0,0,0,.5); z-index:10;
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
	transform:scale(1.2);
	}
.cp-list-box .grid.on a span.bb{ opacity:1;
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
transform:scale(1);
}	
.cp-list-box .grid.casel1.on a span.bb {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
}
.cp-list-box .grid.casel2.on a span.bb {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
}
.cp-list-box .grid.casel3.on a span.bb {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s;
}
.cp-list-box .grid.casel4.on a span.bb {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s;
}
.cp-list-box .grid.casel5.on a span.bb {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s;
}
.cp-list-box .grid.casel6.on a span.bb {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s;
}
.cp-list-box .grid.casel7.on a span.bb {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.cp-list-box .grid.casel8.on a span.bb {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s;
}
.cp-list-box .grid.casel9.on a span.bb {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    transition-delay: 1.7s;
}
.cp-list-box .grid.casel10.on a span.bb {
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    transition-delay: 1.9s;
}
.cp-list-box .grid.casel11.on a span.bb {
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    transition-delay: 2.1s;
}
.cp-list-box .grid.casel12.on a span.bb {
    -webkit-transition-delay:2.3s;
    -moz-transition-delay: 2.3s;
    transition-delay: 2.3s;
}
.cp-list-box .grid.casel13.on a span.bb {
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    transition-delay: 2.5s;
}
.cp-list-box .grid.casel14.on a span.bb {
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s;
    transition-delay: 2.7s;
}
/*产品详情*/
.cpview-main{ width:94%; max-width:1150px; margin:auto;




}
.cpview-main .cpview-right{ position:relative; border-top:1px solid rgba(0,0,0,.1); padding:20px 0;}
.cpview-main .cpview-right .text{ text-align:left; width:100%;}	
.cpview-main .cpv-banner{ background:#fff; position:relative; z-index:3; margin:0 1px;}
.cpview-main .cpv-banner .swiper-pagination{ padding:30px 0; position:relative; left:0px; bottom:0px;}
.cpview-main .cpv-banner .swiper-pagination span{ background:#000;}
.cpview-main .cpv-banner .swiper-pagination span.swiper-pagination-bullet-active{ background:#000;}
.cpview-main .cpview-right .text .title{ color:#c5a47e; font-size:30px; font-weight:bold; margin-bottom:5px;}
.cpview-main .cpview-right .text .typename{ font-size:12px; color:#8a8a8a; margin-bottom:25px;}
.cpview-main .cpview-right .text .price{ font-size:12px; color:#8a8a8a; margin-bottom:25px; display:none;}
.cpview-main .cpview-right .text .price b{ margin-bottom:3px; color:#000; font-size:18px; font-weight:300;}
.cpview-main .cpview-right .text .content{ line-height:2; margin-bottom:25px; color:#a5a5a5;}
.cpview-main .cpview-right .text .share{ color:#a5a5a5;}
.cpview-main .cpview-right .text .share .bshare-custom a{ width:22px; height:22px; padding:0px; margin-left:12px;}
.cpview-main .cpview-right .text .share .bshare-custom a.bshare-qqim{ background:url(../images/fx_033.png) center no-repeat;}
.cpview-main .cpview-right .text .share .bshare-custom a.bshare-weixin{ background:url(../images/fx_066.png) center no-repeat;}
.cpview-main .cpview-right .text .share .bshare-custom a.bshare-sinaminiblog{ background:url(../images/fx_088.png) center no-repeat;}
/**/
.like-list{ background:#fff; position:relative; z-index:3; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); padding-left:20%; margin-bottom:80px;}
.like-list .bbtt{ height:100%; width:20%; position:absolute; left:0px; top:0px; padding:0 2%; text-align:center;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	font-size:36px; color:rgba(0,0,0,.5);	

}

.like-list .swiper-wrapper .swiper-slide a{ display:block; position:relative; height:430px; text-align:center; color:rgba(0,0,0,.6); padding-top:43px; background:#fff;}
.like-list .swiper-wrapper .swiper-slide a .tu{ height:290px;}
.like-list .swiper-wrapper .swiper-slide a .tu img{ display:block; height:100%; margin:auto;}
.like-list .swiper-wrapper .swiper-slide a .bbt{ width:100%; position:absolute; left:0px; padding:0 5px; bottom:7%;}
.like-list .swiper-wrapper .swiper-slide a .bbt .title{ margin-bottom:8px; font-size:14px;}
.like-list .swiper-wrapper .swiper-slide a .bbt .price{ color:rgba(0,0,0,.6); font-size:12px; }
.like-list .swiper-wrapper .swiper-slide a .bbt .price span{ color:#c5a47e;}
.like-list .swiper-wrapper .swiper-slide a:hover{
	color:#fff; 
box-shadow: inset 0 0 60px rgba(0,0,0,.2); z-index:10;

	}
	
/*陈设艺术*/
.caselist{padding-bottom:100px;}
.caselist:after{ content:""; display:block; clear:both; }	
.caselist .cp-item{ width:20%; height:754px; float:left; position:relative; overflow:hidden; z-index:3; position:relative; background:#272727;}	

.caselist .cp-item a .title .cn{ font-size:18px;}
.case-search{ padding:50px 0; width:94%; margin:auto; max-width:1150px; position:relative; z-index:5;}
.case-search form select{ width:50% !important;}
.case-search form{ width:66.66666666666666%; position:relative;}
.case-search form input{ background:none; background-color:transparent; border:1px solid rgba(255,255,255,.15); height:44px; padding:0 20px; position:relative; z-index:4; background:#1b1b1b; width:50%; color:rgba(255,255,255,.8);}
.case-search form button{ width:36px ; height:36px; border-radius:2px; top:5px; right:4px; position:absolute; cursor:pointer; background:#a3896a; border:0px; z-index:4; padding:0px; margin:0px;}
.case-search form button:before{ content:""; width:12px !important; height:12px !important; display:block; border:1px solid rgba(255,255,255,1); position:absolute; top:10px; left:10px; border-radius:100%; background:none;}
.case-search form button:after{ border:0px; margin:0px; content:""; display:block; width:8px; height:1px !important; background:#fff; position:absolute; top:23px; left:20px; 
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
/**/
.cs-main{width:94%; max-width:1150px; margin:auto; padding-bottom:100px;}
.cs-main:after{ content:""; display:block; clear:both;}
.cslist{ margin-bottom:20px;width: 100%;}
.cslist:after{ content:""; clear:both; display:block;}
.cslist .cs-item a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; min-height:250px;	opacity:.9;

-moz-transition: transform 8s,opacity .5s;
	-ms-transition: transform 8s,opacity .5s;
	-o-transition:transform 8s,opacity .5s;
	-webkit-transition:transform 8s,opacity .5s;
	transition: transform 8s,opacity .5s;}
.cslist .cs-item a:hover .tu{ opacity:1;
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);


}


.cslist .cs-item { margin-bottom:20px;position:relative; z-index:3;width: 50%;float: left;}
.cslist .cs-item a{background:#373737; display:block;}
.cslist .cs-item:hover{box-shadow:0 0 20px rgba(0,0,0,.4);}
.cslist .cs-item a .line{ position:relative;}
.cslist .cs-item a .line:after{ content:""; display:block; height:1px; width:44%; top:-10px; background:#fff; left:0; position:absolute; opacity:.6;}	
/*
.cslist .cs-item a .line:after{ content:""; display:block; height:1px; width:44%; top:-10px; background:#fff; left:-35%; position:absolute; opacity:.6;}	*/
.cslist .cs-item a  .text{ padding:5%; position:relative;}
.cslist .cs-item a  .text .view{ width:100%; text-align:left;}
.cslist .cs-item a  .text .view .title{ font-size:20px; margin-bottom:10px;}
.cslist .cs-item a  .text .view .rq{ font-size:12px; margin-bottom:20px;}
.cslist .cs-item a  .text .view .demo{ line-height:1.6; font-size:12px; margin-bottom:20px;}
.cslist .cs-item a  .text .view .href{ font-weight:bold;}


.cs-mainright{ margin-bottom:0px;}
.cs-mainright .bbt{ line-height:86px; height:86px; font-size:24px; opacity:.8;}
.cs-mainright .list{text-align:center; }
.cs-mainright .list:after{ content:""; display:block; clear:both;}
.cs-mainright .list a{ display:inline-block; height:36px; line-height:36px; position:relative; padding:0px 20px;cursor:pointer;background:#c5a47e;font-weight:bold;border-radius:8px;margin:0 20px; color:#fff; }
/*
.cs-mainright .list a:before{ content:""; display:block; width:5px; height:5px; border-radius:100%; position:absolute; left:10px; top:50%; margin-top:-2px; background:#857159;}*/
.cs-mainright .list a:hover,.cs-mainright .list a.on{ background:#333;}

/**/
.dz-main{ width:94%; margin:0 auto 50px; max-width:1150px; line-height:2; color:rgba(255,255,255,.4);}
/**/
.caseview{ width:94%; max-width:1150px; margin:60px auto;}
.caseview .view .title {text-align:center; font-size: 24px;color:rgba(255,255,255,.8);line-height: 1.6;margin-bottom: 20px;}
.caseview .view .xx{text-align:center; }
.caseview .view .xx a{ color:#c5a47e;}
.caseview .view .content{ line-height:2; padding:3% 0;}

.nx_bottom { border-top: 1px solid #3c3c3c; padding: 40px 0; }
.nx_bottom span.fl { width: calc(100% - 170px); line-height: 30px; float: left; margin-left:20px;}
.nx_bottom span.fl em { display: block; font-size: 14px; color: #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-style:normal; }
.nx_bottom span.fl em a { margin-left: 10px; font-size: 14px; color: #ccc; }
.nx_bottom span.fl em a:hover { color: #c5a47e; }
.nx_bottom span.fr { width: 128px; height: 38px; margin: 10px 20px 10px 0;float: right; }
.nx_bottom span.fr a { display: block; width: 100%; height: 100%; background: #c5a47e; border: 1px solid #ddd; font-size: 16px; color: #fff; text-align: center; line-height: 38px;border-radius:8px;}
.nx_bottom span.fr a:hover { border-color: #3c3c3c; background: #333; color: #fff; }

.al-banner{  position:relative; z-index:3;}
.bbbb{ overflow:hidden;padding-left:12%; position:relative;}
.al-banner .swiper-wrapper .swiper-slide{ padding:20px 0; }
.al-banner .swiper-wrapper .swiper-slide img{ display:block; width:100%;box-shadow:0 0 20px rgba(0,0,0,.4);}
.al-banner .swiper-pagination{ display:none;}
.al-banner .btn{ height:50px; padding:20px 0;}
.al-banner .btn div{ width:50px; height:50px; margin-right:20px; cursor:pointer; float:left; position:relative; background:#5d5d5d; color:#000; line-height:50px; text-align:center; font-size:18px;}
.bbbb .total{ position:absolute; z-index:50; left:0px; top:10%;}
.bbbb .total:after{ width:200%; left:105%; top:50%; height:1px; background:#fff; opacity:.5; content:""; display:block; position:absolute; z-index:3; }
@media only screen and (min-width: 800px) {	
.cslist{float:left; margin-bottom:0px; }
.cs-mainright{ float:none;}
}

@media only screen and (min-width: 600px) {		
.cslist .cs-item{ height:290px;width:94%;}
.cslist .cs-item { margin-bottom:20px;position:relative; z-index:3;width: 50%;float: left;}
.cslist .cs-item a{ display:block; height:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	background:#373737;

}

.cslist .cs-item:nth-child(2n) a{ background:#c5a47e;-ms-flex-direction:row-reverse;-webkit-flex-direction: row-reverse;flex-direction: row-reverse;}
	/*
.cslist .cs-item:nth-child(2n) a .line:after{ content:""; display:block; height:1px; width:44%; top:-10px; background:#fff; left:90%; position:absolute; opacity:.6;}*/
.cslist .cs-item a .tu{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1;}
	
.cslist .cs-item a  .text{ width:50%;
display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}	

}





@media only screen and (max-width: 1600px) {	
.caselist .cp-item{ height:600px;}
.cslist .cs-item{width:50%;}

}
	
@media only screen and (max-width: 1280px) {	
.caselist .cp-item{ width:25%;}
}
@media only screen and (max-width: 1024px) {	
.caselist .cp-item{ width:33.333333%; height:500px;}
.bbbb{ padding:0px;}
.bbbb .total{ display:none;}
.bbbb .btn div{ width:30px; height:30px; line-height:30px;}

}
@media only screen and (max-width: 600px) {	
	.nx_bottom { padding: 20px 0 0; }
	.nx_bottom span.fl { width: 100%}
	.nx_bottom span.fr { width: 100px; height: 38px; margin: 10px 20px 10px 0;float: none; }
	.cslist .cs-item{width:100%;}
.caselist .cp-item{ width:50%;}
.caselist .cp-item a .title .cn{ font-size:16px;}
.caseview .view .title{ font-size:18px;}
.case-search form{ width:100%;}
.case-search.check-city div{ width:50%;}
}
@media only screen and (max-width: 500px) {
	.cslist .cs-item{width:100%;}
	.caselist .cp-item{ height:430px;}
	.cs-mainright .list a{ width:23%;padding:0px;margin:0 1% 20px;padding:0px 10px;}
}
@media only screen and (max-width: 375px) {
	.caselist .cp-item{ width:100%; height:450px;}	
	.cs-mainright .list a{ width:24%;padding:0px;margin:0 0.5% 20px;padding:0px 5px;}
}
	
	
	
	
	
	
	
	
	
	
/*下载*/
.download-list{ width:94%; max-width:1150px; margin:auto; padding-bottom:60px;}
.download-list:after{ content:""; clear:both; display:block;}
.download-list .grid{ width:32%; float:left; margin:0 2% 2% 0; position:relative; z-index:3;}
.download-list .grid a{ display:block;color:rgba(255,255,255,.8);}
.download-list .grid:nth-child(3n){ margin-right:0px;}
.download-list .grid .tu{ position:relative;}
.download-list .grid .bbg{ opacity:0; display:block; width:100%;}
.download-list .grid .pic{ position:absolute; left:50%; top:50%; max-width:80%; max-height:80%;
transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.1);

}
.download-list .grid .bbt{ position:relative; height:74px; border-top:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); padding:0 70px 0 28px; line-height:74px; overflow:hidden; font-size:16px; }
.download-list .grid .bbt:before{ width:30px; height:1px; position:absolute; left:28px; bottom:0px; height:1px; background:rgba(255,255,255,.2); content:""; display:block;}
.download-list .grid .bbt:after{ width:25px; height:25px; content:""; display:block; background-image:url(../images/dl_04.png); background-position:center; background-size:cover; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-12.5px; right:25px;
   
	filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);

}
.download-list .grid a:hover{ color:#c5a47e;}
.download-list .grid a:hover .bbt:after{    
 filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);}
@media only screen and (min-width: 800px) {
.cpview-main .cpv-banner{width:66.666666666%; margin:0 0 0 1px;
    width: -webkit-calc(66.66666666% - 1px);
    width: -moz-calc(66.66666666% - 1px);
	width: -ms-calc(66.66666666% - 1px);
	width: -o-calc(66.66666666% - 1px);
    width: calc(66.66666666% - 1px);

}
.cpview-main .cpview-right .biao{ width:28px; height:2px; background:#363636; position:absolute; left:-14px; top:50%; z-index:10;}
.cpview-main .cpview-right .biao:before{ content:""; display:block; width:28px; height:2px; position:absolute; background:#363636; top:-6px; left:10px;}
.cpview-main .cpview-right .biao:after{ content:""; display:block; width:28px; height:2px; position:absolute; background:#363636; top:-12px; left:-10px;}
.cpview-main{    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;}
	.cpview-main .cpview-right{    -webkit-flex: 1; padding:20px 0 20px 4%;  border:0px;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
	    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	
	
	}
}
@media only screen and (max-width: 1600px) {
.index-about .content {width: 610px;}
.cp-banner{ height:300px;}
.zi-demo{ padding:70px 0;}
.cp-class ul{ padding-bottom:70px;}
.cp-list-box .grid a,.like-list .swiper-wrapper .swiper-slide a{ height:300px;}
.cp-list-box .grid a .tu,.like-list .swiper-wrapper .swiper-slide a .tu{ height:240px;}
.like-list{ padding-left:25%;}
.like-list .bbtt{ width:25%;}

}
@media only screen and (max-width: 1440px) {
.cp-banner{ height:550px;}	
.cp-banner .bbt .tu{ width:160px; height:160px; margin:-15px auto;}
.cp-banner .bbt .title{ font-size:80px;}
.zi-demo{ padding:60px 0;}	
.cp-class ul{ padding-bottom:60px;}
.cp-list-box .grid{ width:25%;}
}
@media only screen and (max-width: 1280px) {
.cp-banner{ height:450px !important;}	
.cp-banner .ts{ display:none;}
.cp-banner .bbt .tu{ width:160px; height:160px; margin:-15px auto;}
.cp-banner .bbt .title{ font-size:60px;}	
.zi-demo{ padding:50px 0; font-size:16px;}	
.cp-class ul{ padding-bottom:50px;}
.cp-list-box .grid a{ height:300px; padding-top:33px;}
.cp-list-box .grid a .tu{ height:200px;}
.like-list .bbtt{ font-size:28px;}
}
@media only screen and (max-width: 1000px) {
.cp-list-box .grid{ width:33.3333333333%;}	
}
@media only screen and (max-width: 800px) {
.cs-mainright .list a{padding:0px 10px;}
.zi-demo{ padding:40px 0; font-size:14px;}	
.cp-class ul{ padding-bottom:40px;}
.cp-banner{ height:400px !important;}	
.cp-banner .bbt .tu{ width:140px; height:140px; margin:-15px auto;}
.cp-banner .bbt .title{ font-size:50px;margin-top:-20px;color: #fff;}
.cp-class ul li a{ padding-top:24px;height:188px;}	
.cpview-main .cpview-right .biao{ width:2px; height:28px; background:#fff; position:relative; left:50%; top:-34px; z-index:10;}
.cpview-main .cpview-right .biao span{}
.cpview-main .cpview-right .biao:before{ content:""; display:block; width:2px; height:28px; position:absolute; background:#fff; left:-6px; top:10px;}
.cpview-main .cpview-right .biao:after{ content:""; display:block; width:2px; height:28px; position:absolute; background:#fff; left:-12px; top:-10px;}
.download-list .grid,.download-list .grid:nth-child(3n){ width:48.5%;  margin:0 3% 3% 0;}

.download-list .grid:nth-child(2n){ margin-right:0px;}

}
@media only screen and (max-width: 768px) {
	.index-about .content {width: 310px;}
.cp-list-box .grid a{ height:260px; padding-top:10px;}
.cp-list-box .grid a .tu{ height:180px;}
	.cp-banner{ height:480px !important;}	
	
	
}
@media only screen and (max-width: 650px) {	
.cp-list-box .grid{ width:50%;}

}
@media only screen and (max-width: 600px) {	
.zi-demo{ padding:5% 0; font-size:12px;}	
.cp-class ul{ padding-bottom:5%;}	
.cp-banner{ height:480px;}	

.cp-banner .bbt .title{ font-size:30px;margin-top:-20px;color: #fff;}
.cp-class ul li a{ padding-top:14px;height:148px; font-size:12px;}	
.cp-class ul li a .tu{ height:100px;}
.cp-class ul li a .title{ line-height:18px; padding:0 5px;}
.cp-list-box .grid a{ height:280px; padding-top:10px;}
.cp-list-box .grid a .tu{ height:180px;}	
.cp-list-box .grid a .title{ margin-bottom:3px;}
.cp-list-box .grid a .price{}
.like-list{ padding:0px;}
.like-list .bbtt{ width:100%; position:relative; border-bottom:1px solid rgba(255,255,255,.1); padding:5% 0;}
.download-list .grid,.download-list .grid:nth-child(3n){ width:100%; float:none; margin:0 0% 3% 0;}
}
@media only screen and (max-width: 375px) {	
.cp-list-box .grid{ width:100%;}
.cp-list-box .grid a{ height:auto;padding-top:10px;}
.cp-list-box .grid a .tu{ height:auto; width:80%; margin:auto;}
.cp-list-box .grid a .tu img{ width:100%;}
.cp-list-box .grid a .bb{ height:auto;  height:auto; display:block;}
.cp-list-box .grid a .bbt{ bottom:auto; position:relative; padding-bottom:30px;}
}
/*产品 end*/

/*关于我们*/
.about-mr{ width:94%; max-width:1150px; margin:auto;padding-top:20px; padding-bottom:40px;line-height:2; color:rgba(255,255,255,.8)}
.about-mr:after{ content:""; display:block; clear:both;}
.inabout{margin:30px auto;text-align:center;width:200px;}
.about-mebbt{ position:relative; padding-bottom:30px; }
.about-mebbt .cn{ font-size:24px; color:rgba(255,255,255,1);}
.about-mebbt .en{ font-size:12px; color:rgba(255,255,255,.8); font-weight:bold; letter-spacing:2px; line-height:16px;}
.about-mebbt:after{ height:2px; width:100%; content:""; display:block; position:absolute; bottom:0px; left:0px; background:#71614e;}
.about-mr .left{ margin-bottom:20px;}
.about-mr .right{ line-height:2; color:rgba(255,255,255,.4);}
#ycc p{ display:none;}
#ycc p:nth-child(1),#ycc p:nth-child(2),#ycc p:nth-child(3),#ycc p:nth-child(4),#ycc p:nth-child(5){ display:block;}
.about-mr .right .ycc-btn{ color:rgba(197,164,126,.5); width:120px; cursor:pointer;line-height:30px; margin-top:20px;}
.about-mr .right .ycc-btn .biao{ line-height:30px; width:20px; float:left; height:30px; text-align:center;}
/**/
.about-chang{ background:#272727; margin-top:100px; position:relative;}
.about-chang .main{ width:94%; max-width:1150px; margin:0px auto 0; position:relative; top:-100px; z-index:10;}
.chang-banner{  position:relative; z-index:3;}
.chang-banner .swiper-wrapper{background:#272727; }
.chang-banner .swiper-slide{height:367px; width:100%;background:#272727;}

.chang-banner .swiper-slide .tu{background-position:center; background-size:cover; background-repeat:no-repeat;height:367px;opacity:.7;}

.chang-banner:hover .swiper-slide .tu{ opacity:1;}
.chang-banner .swiper-pagination{ height:20px;}
.chang-banner .swiper-pagination span{ border:1px solid #766653; border-radius:50%; height:8px; width:8px; margin-right:10px; opacity:1; background:none;}
.chang-banner .swiper-pagination span.swiper-pagination-bullet-active{ background:#766653}
.chang-banner .bbt{ font-size:18px; color:rgba(255,255,255,.8); padding:20px 0;}
.chang-banner .btn div{ display:block; float:left; width:50px; height:50px; line-height:50px; text-align:center; color:#000; font-size:18px; cursor:pointer; background:#3d3d3d; margin-right:10px;}
/**/
.aboutimg-list{ padding:40px 0 0; position:relative; z-index:3;}
.aboutimg-list .list{ padding-top:30px;}
.aboutimg-list .list:after{ content:""; clear:both; display:block;}
.aboutimg-list .list .item{ float:left; width:31%; margin:0 3.5% 3.5% 0; cursor:pointer; opacity:0.95;background-position:center; background-size:cover; background-repeat:no-repeat;}
.aboutimg-list .list .item h2{position:absolute; bottom:0px;text-align:center;font-size:14px;}
.aboutimg-list .list .item:hover{ opacity:1;}
.aboutimg-list .list .item img{ display:block; width:100%; opacity:0;}
.aboutimg-list .list .item:nth-child(3n){ margin-right:0px;}

/**/
.abimggb{ position:absolute; top:60px; right:0%; width:50px; height:50px; cursor:pointer; display:block;}
.abimggb:after{ width:30px; height:2px; content:""; display:block; margin-top:-1px; left:50%; top:50%; margin-left:-15px; position:absolute; background:#fff; opacity:.5;

-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}
.abimggb:before{ width:30px; height:2px; content:""; display:block; margin-top:-1px; left:50%; top:50%; margin-left:-15px; position:absolute;background:#fff; opacity:.5;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.fly-banner{ position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:1000; opacity:0;
-moz-transform:scale(.5) translateY(-200%);
-ms-transform:scale(.5) translateY(-200%);
-o-transform:scale(.5) translateY(-200%);
-webkit-transform:scale(.5) translateY(-200%);
transform:scale(.5) translateY(-200%);

}
.fly-banner.on{
	-moz-transform:scale(1) translateY(0%);
-ms-transform:scale(1) translateY(0%);
-o-transform:scale(1) translateY(0%);
-webkit-transform:scale(1) translateY(0%);
transform:scale(1) translateY(0%);
opacity:1;
	}
.fly-dan{ background:rgba(0,0,0,.8);position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:999; display:none;

}
.fly-banner .ff{
	position:absolute;
	top:50%;
	left:50%; 
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:1150px;
	max-width:100%;
	
	}
.fly-banner .ff img{ display:block; max-width:100%; margin:auto; max-height:100%;}	
/*团队*/
.teamlist{ width:94%; max-width:1150px; margin:auto; position:relative; z-index:3; padding-bottom:60px;}
.teamlist:after{ content:""; clear:both; display:block;}
.teamlist .grid{ width:31%; margin:0 3.5% 3.5% 0; float:left;}
.teamlist .grid:nth-child(3n){ margin-right:0px;}
.teamlist .grid a{ display:block;}
.teamlist .grid a .tu{ position:relative;}
.teamlist .grid a .tu .bbg{ width:100%; display:block; opacity:0;}
.teamlist .grid a .tu .pic{ position:absolute; display:block; width:100%; height:100%;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
.teamlist .grid a:hover .tu .pic{    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);}
.teamlist .grid a .title{ font-size:14px; line-height:40px; height:40px; overflow:hidden; margin-top:10px;}
.teamlist .grid a .post{ opacity:.6; font-size:12px; line-height:20px; height:40px; overflow:hidden;}
/**/
.teamphoto{width:94%; max-width:1150px; margin:auto; position:relative; z-index:3; padding-bottom:60px;}
.teamphoto:after{ content:""; display:block; clear:both;}
.teamphoto .grid{
	width:31%; margin:0 3.5% 3.5% 0; float:left;
	background:#c5a47e;
	cursor:pointer;
	position:relative;
	
	}
.teamphoto .grid:nth-child(3n){ margin-right:0px;}	
.teamphoto .grid .tu{background-position:center; background-size:cover; background-repeat:no-repeat;
	
	}	
.teamphoto .grid .tu img{ display:block; width:100%;}	
.teamphoto .grid:hover .tu{ opacity:.5;}

.teamphoto .grid .biao{ width:120px; height:120px; border-radius:100%; left:50%; top:50%; position:absolute; background:rgba(255,255,255,.8); margin:-60px;
-moz-transform:scale(.3);
-ms-transform:scale(.3);
-o-transform:scale(.3);
-webkit-transform:scale(.3);
transform:scale(.3);
opacity:0;


}
.teamphoto .grid .biao span{ width:30px; height:30px; border-radius:100%; border:3px solid #c5a47e; display:block; position:absolute; left:50%; top:50%; 
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
margin:-5px 0 0 -5px;

}
.teamphoto .grid .biao span:after{ content:""; display:block; width:14px; height:3px; position:absolute; background:#c5a47e; border-radius:2px; left:50%; top:50%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.teamphoto .grid .biao span:before{ content:""; display:block; width:3px; height:14px; position:absolute; background:#c5a47e; border-radius:2px; left:50%; top:50%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.teamphoto .grid .biao:after{content:""; width:20px; height:3px; background:#c5a47e; border-radius:3px; position:absolute; display:block; left:50%; top:50%;
-moz-transform:translate(-50%,-50%) rotate(45deg);
-ms-transform:translate(-50%,-50%) rotate(45deg);
-o-transform:translate(-50%,-50%) rotate(45deg);
-webkit-transform:translate(-50%,-50%) rotate(45deg);
transform:translate(-50%,-50%) rotate(45deg);
margin:11px 0 0 11px;
  }

.teamphoto .grid:hover .biao{
	-moz-transform:scale(.6);
	-ms-transform:scale(.6);
	-o-transform:scale(.6);
	-webkit-transform:scale(.6);
	transform:scale(.6);
	opacity:1;
	}
/**/
.teamview{ width:94%; max-width:1150px; margin:auto; padding-bottom:60px; position:relative; z-index:3;}	
.teamview:after{ content:""; display:block; clear:both;}
.teamview .left{ display:block; margin-bottom:20px;}
.teamview .right .title{ font-size:18px; margin-bottom:15px;}
.teamview .right .xx{ color:rgba(255,255,255,.4); font-size:12px; margin-bottom:20px;}
.teamview .right .href{ height:50px; line-height:50px; margin-bottom:20px;}
.teamview .right .href a{ display:block; width:50px; height:50px; float:left; margin-right:15px; text-align:center; font-size:18px; color:#000; background:#3d3d3d;}
.teamview .right .view{ line-height:2; color:rgba(255,255,255,.4); font-size:12px;}
/*文化*/
.brand-main{width:94%; max-width:1150px; margin:auto; padding-bottom:60px; position:relative;color:rgba(255,255,255,.4);}
.brand-main .about-mebbt { margin-bottom:40px;}
.brand-main .abouttypedemo{ margin-bottom:40px; line-height:2; }
.whlist .box{ line-height:2; margin-bottom:30px;}
/**/
.abnian { margin-bottom:60px;}
.abnian .swiper-slide{ width:135px; height:80px; padding-top:64px; position:relative;}
.abnian .swiper-slide .bb{ width:100%; bottom:5px; left:0px; position:absolute; height:5px;}
.abnian .swiper-slide:after{ content:""; display:block; clear:both;}
.abnian .swiper-slide b{ display:block; border-radius:100%; width:5px; height:5px; background:rgba(255,255,255,.1); float:left; margin:0 5px;}
.abnian .swiper-slide span{ display:block; position:relative; width:5px; height:5px; float:left; margin:0 5px;}
.abnian .swiper-slide span:before{ content:""; display:block; width:1px; height:13px; background:#fff; opacity:.5; position:absolute; left:2px; bottom:0px;}
.abnian .swiper-slide a{ width:5px; position:relative; margin:0 5px; float:left; display:block; height:5px;}
.abnian .swiper-slide a .title{ left:50%; bottom:0px; width:80px; margin-left:-40px; position:absolute; height:80px; line-height:30px; text-align:center; font-weight:bold;}
.abnian .swiper-slide a:before{ content:""; display:block; width:1px; height:50px; background:#fff; opacity:.5; position:absolute; left:2px; bottom:-5px;}
.abnian .swiper-slide.swiper-slide-active a:before{ background:#bd9e79;}
.abnian .swiper-slide.swiper-slide-active a{ color:#bd9e79;}
.nianview{ padding:50px 0 80px;}
.nianview .btn{ background:none; opacity:.5; cursor:pointer;}
.nianview .btn:before,.nianview .btn:after{ content:""; display:block; width:4px; height:4px; border-radius:100%; background:#fff; position:absolute; top:50%; margin-top:-2px; box-shadow:20px 0 0 rgba(255,255,255,.8);}
.nianview .btn.swiper-button-disabled{ opacity:.2; cursor:default;}
.nianview .btn span{ display:block; width:30px; height:30px; margin-top:6px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);

}
.nianview .btn.prev span{ border-bottom:2px solid #fff; border-left:2px solid #fff; float:left;}
.nianview .btn.next span{ border-top:2px solid #fff; border-right:2px solid #fff; float:right;}
.nianview .btn.prev:before{ left:30px;}
.nianview .btn.prev:after{ left:70px; opacity:.5;}
.nianview .btn.next:before{ right:30px;}
.nianview .btn.next:after{ right:70px; opacity:.5;}
.nianview .view{ padding:0 60px;}
@media only screen and (min-width:800px) {	
.chang-banner{   padding-right:33.33333%}
.whlist .box{ width:31%; margin-right:2.333333%; float:left;}
.teamphoto .grid:nth-child(1):hover .biao{
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	}
.teamphoto .grid:nth-child(1){ width:65.5%;}
.teamphoto .grid:nth-child(2){ position:absolute; top:0px; right:0px; margin-right:0px;}
.teamphoto .grid:nth-child(3){position:absolute; top:0px; right:0px; margin-top:26.35%;}


.chang-banner .swiper-wrapper{ width:66.666666%; position:relative;}
.chang-banner .swiper-pagination{ position:absolute; left:70%; top:150px; width:auto;}
.chang-banner .bbt{ left:70%; position:absolute; top:180px;}
.chang-banner .btn{ position:absolute; left:70%; top:260px;}
.about-mr,.teamview{
	    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
	
	}
.about-mr .left,.teamview .left{    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
	.teamview .left{ margin-right:20px;}
.about-mr .right,.teamview .right{ width:66.66666%;}
}
@media only screen and (max-width:600px) {	
.nianview .btn{
	
	-webkit-transform:scale(.5);
	transform:scale(.5);
	}
.aboutimg-list .list .item:nth-child(3n),.aboutimg-list .list .item,.teamlist .grid,.teamlist .grid:nth-child(3n){ width:48.5%; margin:0 3% 3% 0;}
.aboutimg-list .list .item:nth-child(2n),.teamlist .grid:nth-child(2n){ margin-right:0px;}
}

/*关于我们 end*/




/*全球营销*/
.store-main{ width:94%; padding-bottom:60px; max-width:1150px; margin:auto;}
.store-main .bbt{}
.store-main .bbt{ text-align:center; color:rgba(190,190,190,.6); font-size:36px; font-weight:bold; letter-spacing:8px; line-height:2; padding:0px 0 60px;}


.store-main .bbt span{ color:rgba(197,164,126,.6);}
.store-main .map-box{ position:relative;}
.store-main .map-box img.bbg{ display:block; width:100%;}
.store-main .map-box .point{ width:12px; height:12px; border-radius:100%; position:absolute; background:#c5a47e; left:77.9%; top:49.38%;}
.store-main .map-box .point-box{ background:rgba(0,0,0,.5); border-radius:4px; width:390px; position:absolute;
left:77.9%; top:49.38%;
-moz-transform:translate(-50%,-115%);
-ms-transform:translate(-50%,-115%);
-o-transform:translate(-50%,-115%);
-webkit-transform:translate(-50%,-115%);
transform:translate(-50%,-115%);
padding:0 20px;
margin:6px 0 0 6px;

}
.whlist:after{ content:""; display:block; clear:both;}
.store-main .map-box .point-box:before{ content:""; display:block; border-width:10px; border-style:solid; border-color:#000 transparent transparent transparent; position:absolute; bottom:-20px; left:50%; margin-left:-10px; opacity:.5;}
.store-main .map-box .point-box .title{ border-bottom:1px solid rgba(255,255,255,.3); line-height:44px; height:44px; color:#c5a47e; font-size:16px; font-weight:600;}
.store-main .map-box .point-box .view{ line-height:1.8; font-size:12px; padding:10px 0; color:rgba(255,255,255,.4);}
.store-search{ padding:60px 0;}
.store-search .store-index-istop{ line-height:20px;}
.store-search .store-index-istop b{ margin-right:25px;}
.store-search .store-index-istop a{ display:inline-block; color:#c5a47e; margin-right:20px;}
.store-main .check-city{ width:100%;}
.store-list ul:after{ content:""; display:block; clear:both;}
.store-list ul li{ display:block; width:31%; margin:0 3.5% 3.5% 0; float:left;}
.store-list ul li:nth-child(3n){ margin-right:0px;}
.store-list ul li a{ display:block;}
.store-list ul li a .tu{ background-position:center; background-size:cover; background-repeat:no-repeat;}
.store-list ul li a .tu img{ display:block; width:100%; opacity:0;}
.store-list ul li a .title{ line-height:40px; overflow:hidden; height:40px; font-size:14px; font-weight:bold; margin-top:15px;}
.store-list ul li a .demo{ font-size:12px; line-height:20px; height:40px; overflow:hidden; opacity:.6;}
.store-list ul li a:hover{ color:#c5a47e;}
/**/
.service-dan{ width:94%; max-width:1150px; margin:auto; position:relative; z-index:3; padding-bottom:60px;}
.service-dan .view{ padding:30px 0; line-height:2; color:rgba(255,255,255,.4);}
.wt-box{ width:94%; max-width:1150px; margin:auto;  border-top:0px solid rgba(255,255,255,.1); padding:0 1px 0px;}
.wt-box .list{margin-bottom:20px;}
.wt-box .list ul li{ display:block; border-bottom:1px solid rgba(255,255,255,.1);position:relative; z-index:3;  background:#272727;}
.wt-box .list ul li .content{ display:none; padding:0px 28px 10px; line-height:2; font-size:14px; color:rgba(255,255,255,.4);}
.wt-box .list ul li.in .content{ display:block;}
.wt-box .list ul li .title{ position:relative; padding:15px 28px 5px; line-height:32px; font-size:14px;}
.wt-box .list ul li .title b{ color:#c5a47e; margin-right:10px;}
.wt-box .list ul li .title span{ color:#fff; margin-left:10px;}
.wt-box .list ul li .gb{ width:32px; height:32px; border-radius:100%; background:rgba(255,255,255,.2); cursor:pointer; position:absolute; top:15px; right:28px; z-index:5;}
.wt-box .list ul li .gb:before{ content:""; display:block; height:16px; width:2px; background:#272727; position:absolute; left:50%; top:50%; margin:-8px -1px;}
.wt-box .list ul li .gb:after{ content:""; display:block; height:2px; width:16px; background:#272727; position:absolute; left:50%; top:50%; margin:-1px -8px;}
.wt-box .list ul li .gb[data-in="in"]{ 
-moz-transform:rotate(405deg);
-ms-transform:rotate(405deg);
-o-transform:rotate(405deg);
-webkit-transform:rotate(405deg);
transform:rotate(405deg);}
.wt-box .list ul li  .gb[data-in="in"]:after,.wt-box .list ul li .gb[data-in="in"]:before{ background:#c5a47e;}

@media only screen and (max-width: 768px) {
	.wt-box .list ul li .title span{ color:#fff; margin-left:30px;white-space:pre-wrap; display:block;}
	}

/**/
.service-view{ width:94%; max-width:1150px; margin:auto; padding-bottom:60px; color:rgba(255,255,255,.4);}
.service-view .view{ margin-bottom:30px;}
.service-view .view .title{ font-size:22px; margin-bottom:5px;}
.service-view .view .xx{ font-size:12px; margin-bottom:30px;}
.service-view .view .content{ font-size:12px; line-height:1.8; margin-bottom:20px;}
.service-view .view .href a{ display:block; font-style:italic; text-align:center;  width:176px; line-height:32px; height:32px; background:#c5a47e}
.service-view .view .href a:hover{ letter-spacing:8px; background:rgba(255,255,255,.1);}
.service-view .swiper-pagination span{ background:#fff; opacity:.5;}
.service-view .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}
.service-view .service-banner .swiper-slide img{ display:block; width:100%;}
/**/
.feedback-main { margin:auto; width:33.3333%; min-width:320px; position:relative; z-index:3; padding-bottom:60px;}
.feedback-main .type{ color:#bebebe; font-size:35px; text-align:center; margin-bottom:30px;}
.feedback-main .type span{ color:#c5a47e; letter-spacing:8px;}
.feedback-main .lybox{ margin-bottom:15px; min-height:40px;}
.feedback-main .lybox:after{ content:""; display:block; clear:both;}
.feedback-main .lybox .ban{ float:left; display:block; width:48%;}
.feedback-main .lybox .ban p label{ display:block; line-height:30px; height:30px;}
.feedback-main .lybox .ban p label:nth-child(1){ margin-bottom:5px;}
.feedback-main .lybox .ban:nth-child(1){ margin-right:4%;}
.feedback-main .lybox .bbt{ font-weight:bold; line-height:30px; font-size:14px;} 
.feedback-main .lybox .bbt span{ font-weight:300; color:#F00; margin-left:5px;}
.feedback-main .lybox .bd input[type='text']{ width:100%; padding:0 5px; height:40px; line-height:36px; border-radius:2px; border:1px solid #767676; background-color:#272727; color:rgba(255,255,255,.8);}
.feedback-main .lybox .bd textarea{width:100%; padding:5px; height:126px; line-height:28px; border-radius:2px; border:1px solid #767676; background-color:#272727; color:rgba(255,255,255,.8);}
.feedback-main .lybox .bd textarea:focus,.feedback-main .lybox .bd input[type='text']:focus{ color:#c5a47e; border:1px solid #c5a47e;}

.feedback-main .btn{ padding-top:20px;}
.feedback-main .btn button {
	display:block; margin: auto; width:196px; height:48px; border-radius:24px; background:#c5a47e; color:rgba(255,255,255,.8); font-weight:bold; border:0px; text-align:left; padding:0 29px; cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	position:relative;
	font-size:14px;


}
.feedback-main .btn button:hover{ box-shadow:2px 5px 0 rgba(0,0,0,.5);

}
.feedback-main .btn button:after{ content:""; display:block; width:8px; height:8px; border-top:2px solid rgba(255,255,255,.8); border-right:2px solid rgba(255,255,255,.8);
right:26px; top:50%; margin-top:-4px;
 position:absolute;
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);

}
.feedback-main .btn button:before{ content:""; display:block; width:15px; height:2px; background:rgba(255,255,255,.8);
right:26px; top:50%; margin-top:0px;
 position:absolute;

}
.feedback-main .btn button:hover{ letter-spacing:5px; background:rgba(255,255,255,.1);}
.feedback-main .btn button:hover:after{ right:20px;}
.feedback-main .btn button:hover:before{ width:30px; right:20px;}


.feedback-main .lybox .bd label{ display:inline-block; position:relative; height:40px; line-height:40px; padding-left:20px; margin-right:20px; font-weight:bold; font-size:14px;}
.feedback-main .lybox .bd label input{ border:2px solid #f1f3f3; width:14px; height:14px; position:absolute; left:0px; top:13px; }
.ly-boxx{ background-image:url(../images/nmap_04.png); background-size:100% auto; background-repeat:no-repeat; padding-top:20%; width:94%; max-width:1150px; margin:auto; }
@media only screen and (min-width:800px) {	
.feedback-main{ width:33%;  margin:40px auto; min-width:320px;}
.service-view{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}
.service-view .service-banner{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
.service-view .view{ width:33.333333%; margin-left:40px;


}
}

@media only screen and (max-width:650px) {	
.feedback-main{ width:100%; min-width:300px; }
.store-main .bbt{ font-size:22px; letter-spacing:2px; }
.store-main .map-box .point-box{ display:none;}
.store-list ul li,.store-list ul li:nth-child(3n){ display:block; width:48.5%; margin:0 3% 3% 0;}
.store-list ul li:nth-child(2n){ margin-right:0px;}
}
/*全球营销 end*/


/*底部*/
#footer {
	background-color: #0a0a0a;
	background-image:url(../images/footbg_07.jpg);
	background-position:center;
	background-repeat:no-repeat; background-size:cover;
	padding:0px 0 20px;
}
#footer .footbbt{ text-align:center; color:rgba(190,190,190,.6); font-size:36px; font-weight:bold; letter-spacing:8px; line-height:2; padding:100px 0;}


#footer .footbbt span{ color:rgba(197,164,126,.6);}
#footer .main{ max-width:1150px; margin:auto; width:94%;}
#footer .main:after{ content:""; display:block; clear:both;}
#footer .main .content{ width:33.33333333%; padding-right:10px; float:left; color:rgba(255,255,255,.8); line-height:2; font-size:12px;}
#footer .main .content a{color:rgba(255,255,255,.8);}
#footer .main .feedback{ width:66.66666666666%; float:right;}
#footer .main .feedback form{ display:block;}
#footer .main .feedback form:after,#footer .main .feedback:after{ content:""; clear:both; display:block;}
#footer .main .feedback .ly-box{ width:32%; float:left;}
#footer .main .feedback .ly-box:nth-child(2){ margin:0 2%;}
#footer .main .feedback .ly-box input{ width:100%; background:#383838; border:1px solid #383838; padding:0 10px; height:57px; margin-bottom:10px; border-radius:5px; position:relative; z-index:4; font-size:14px; color:rgba(255,255,255,.8);}
#footer .main .feedback .ly-box textarea{ width:100%; background:#383838; border:1px solid #383838; padding:15px 10px;border-radius:5px; position:relative; z-index:4; font-size:14px; color:rgba(255,255,255,.8); height:124px; line-height:27px;}
#footer .main .feedback .ly-box textarea:focus,#footer .main .feedback .ly-box input:focus{ border:1px solid rgba(197,164,126,.6);}
#footer .main .feedback .btn{ clear:both; padding-top:20px;}
#footer .main .feedback .btn button {
	display:block; margin:0px 0 0  auto; width:135px; height:48px; border-radius:24px; background:#c5a47e; color:rgba(255,255,255,.8); font-weight:bold; border:0px; text-align:left; padding:0 29px; cursor:pointer;
	-webkit-appearance:none;
	appearance:none;
	position:relative;
	font-size:14px;


}
#footer .main .feedback .btn button:hover{ box-shadow:2px 5px 0 rgba(0,0,0,.5);

}
#footer .main .feedback .btn button:after{ content:""; display:block; width:8px; height:8px; border-top:2px solid rgba(255,255,255,.8); border-right:2px solid rgba(255,255,255,.8);
right:26px; top:50%; margin-top:-4px;
 position:absolute;
 -moz-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);

}
#footer .main .feedback .btn button:before{ content:""; display:block; width:15px; height:2px; background:rgba(255,255,255,.8);
right:26px; top:50%; margin-top:0px;
 position:absolute;

}
#footer .main .feedback .btn button:hover{ letter-spacing:5px; background:rgba(255,255,255,.1);}
#footer .main .feedback .btn button:hover:after{ right:20px;}
#footer .main .feedback .btn button:hover:before{ width:30px; right:20px;}
#footer .bottom a{color:rgba(255,255,255,.8);}
#footer .bottom a:hover{ color:rgba(255,255,255,.8);}
#footer .bottom{ color:rgba(255,255,255,.8); text-align:center; padding:30px 0 0; width:94%; max-width:1150px; margin:auto;line-height:1.8;}
#footer .bottom .logo{ height:32px; opacity:.4; margin-bottom:10px;}
#footer .bottom .logo img{ height:32px;}
#footer .bottom .view{ line-height:1.8;}
#footer .bottom .view span{padding-right:10px;border-right: 1px #c4c4c4 solid;margin-right:10px;}
#footer .bottom .view span:last-child{border-right: 0px;}
#footer .bottom .href .a{ display:inline-block; position:relative; z-index:5; cursor:pointer;}
#footer .bottom .href .a .list{ width:380px; bottom:20px; left:50%; margin-left:-190px; background:#272727; position:absolute; border-top:3px  solid #c5a47e; border-bottom:1px solid rgba(255,255,255,.1); padding:20px 0;}
#footer .bottom .href .a .list ul{ overflow-y:auto; display:block; padding:0 20px; max-height:272px;}
#footer .bottom .href .a .list ul li{ display:block; line-height:34px; overflow:hidden; height:34px;}
#footer .bottom .href .a .list ul li a{ display:block; height:34px; text-align:left; position:relative; padding-left:10px;}
#footer .bottom .href .a .list ul li a:before{ content:""; display:block; width:4px; height:4px; border-radius:100%; background:rgba(255,255,255,.4); top:50%; margin-top:-2px; left:0px; position:absolute;}
#footer .bottom .href .a .list ul li a div{ float:right; display:inline; margin-left:20px;}
#float{ width:40px; position:fixed; z-index:90; right:0px; bottom:0px;}

#float .href a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 1px auto 0px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	cursor: pointer;
	background-color:#363636;
}
#float .href a#gotop{ padding-top:14px; line-height:26px; text-align:center;background-color:#c5a47e; color:#fff; font-size:10px;}
#float .href a#gotop:after{ content:""; display:block; width:11px; height:11px; border-top:2px solid #fff; border-right:2px solid #fff; position:absolute; left:50%; margin-left:-5px;
transform:rotate(-45deg); top:11px;}
#float .href a:hover{ background-color:#c5a47e;}

#float .href a.qq span {
	display: block;
	position: absolute;
	padding:0 10px;font-size:14px;
	line-height:40px;
	right: 40px;
	bottom: 0%;background: #333;
	-moz-transform: scale(.0000001);
	-ms-transform: scale(.0000001);
	-o-transform: scale(.0000001);
	-webkit-transform: scale(.0000001);
	transform: scale(.0000001);
}

#float .href a.qq:hover span {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}


#float .href a.weixin img {
	display: block;
	position: absolute;
	max-width: 200px;
	right: 40px;
	bottom:-50px;
	-moz-transform: scale(.0000001);
	-ms-transform: scale(.0000001);
	-o-transform: scale(.0000001);
	-webkit-transform: scale(.0000001);
	transform: scale(.0000001);
}

#float .href a.weixin:hover img {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

#float .href a:hover {
	opacity: 1;
}

#float .href a.qq {
	background-image: url(../images/fx_033.png);
}

#float .href a.weixin {
	background-image: url(../images/fx_066.png);
}

#float .href a.weibo {
	background-image: url(../images/fx_088.png);
}

#float .href a.email {
	background-image: url(../images/fx_1010.png);
}

#float .href a.qq:hover {
	background-image: url(../images/fx_03.png);
}

#float .href a.weixin:hover {
	background-image: url(../images/fx_06.png);
}

#float .href a.weibo:hover {
	background-image: url(../images/fx_08.png);
}

#float .href a.email:hover {
	background-image: url(../images/fx_10.png);
}



@media only screen and (max-width: 1024px) {
#footer .bottom{ font-size:12px;}	
#footer .footbbt{ padding:60px 0;}	
#footer .main .content{ width:100%; float:none; font-size:14px;}
#footer .main .feedback{ width:100%; float:none; margin-top:3em;}	
#footer .main .feedback .ly-box{ width:48.5%; margin-right:0px; }	
#footer .main .feedback .ly-box:nth-child(1){ margin-right:3%;}
#footer .main .feedback .ly-box:nth-child(2){ margin:0 0 0px;}
#footer .main .feedback .ly-box:nth-child(3){ width:100%; }
#footer .main .feedback .ly-box input{ height:47px;}
#footer .main .feedback .ly-box textarea{ padding:10px;}
}
@media only screen and (max-width: 768px) {
#footer .main .feedback .ly-box{ width:100%; float:none; }		
#footer .main .feedback .ly-box:nth-child(3){ width:100%; }
#footer .footbbt{ padding:30px 0;}	
#footer .bottom .view span{white-space:pre-wrap; display:block;padding-right:0px;border-right: 0px ;}
}
@media only screen and (max-width: 650px) {
#footer .bottom{ font-size:10px;}		
#footer .footbbt{letter-spacing:2px; font-size:22px; }
#footer .main .content{ font-size:10px;}
}
@media only screen and (max-width: 375px) {
#footer .footbbt{letter-spacing:1px; margin:20px 0;}
}
/*底部 end*/

.mainhome{position: absolute;width:100%;padding:0px; height:400px; _height:400px; color:#FFF; overflow:hidden;left:0; z-index:20;}

#demo { width:100%; height:400px; margin:0px 0 0 0px; overflow:hidden; float:left; }
#demo img{height: 400px;}

@media only screen and (max-width: 1920px) {.mainhome{margin-top:250px; }}
@media only screen and (max-width: 1680px) {.mainhome{margin-top:240px; }}

@media only screen and (max-width: 1440px) {.mainhome{margin-top:260px; }}
@media only screen and (max-width: 1280px) {.mainhome{margin-top:200px; }
#demo { width:100%; height:300px; margin:0px 0 0 0px; overflow:hidden; float:left; }
#demo img{height: 300px;}
}
@media only screen and (max-width: 1024px) {.mainhome{margin-top:160px;}
#demo { width:100%; height:300px; margin:0px 0 0 0px; overflow:hidden; float:left; }
#demo img{height: 300px;}

}
@media only screen and (max-width: 768px) {.mainhome{margin-top:200px; }
#demo { width:100%; height:250px; margin:0px 0 0 0px; overflow:hidden; float:left; }
#demo img{height: 250px;}
}



#indemo { float:left; width:800%;}
#demo1 { float:left;}
#demo2 { float:left;}


/*发展历程*/

.list-13block{ padding:0px 0px;}
.list-13block .map-ico{ background:url(../images/map_03.png) 55px top no-repeat;min-height:600px;}
.list-13{ float:left; margin-top:40px; padding-top:20px; background:url(../images/list13-line.jpg) 66px 0 repeat-y;}
.list-13 li{ background:url(../images/list13-li-round.png) 60px 5px no-repeat; position:relative;}
.list-13 li .date{ position:absolute; font-size:16px; color:rgba(255,255,255,.80);}
.list-13 li .txt{ margin-left:87px; padding-left:14px; font-size:14px; color:rgba(255,255,255,.80); line-height:22px; margin-bottom:25px; }


.history-list{ padding:0px 0 0; position:relative; z-index:3;}
.history-list .list{ padding-top:0px;}
.history-list .list:after{ content:""; clear:both; display:block;}
.history-list .list dd{ float:left; width:31%; margin:0 3.5% 3.5% 0; cursor:pointer; opacity:.7;background-position:center; background-size:cover; background-repeat:no-repeat;}
.history-list .list dd:nth-child(3n){margin-right:0px;}
.history-list .list .item{ cursor:pointer; opacity:.7;background-position:center; background-size:cover; background-repeat:no-repeat;}
.history-list .list dd h2{text-align:center;font-size:14px;}
.history-list .list .item:hover{ opacity:1;}
.history-list .list .item img{ display:block; width:100%; opacity:0;}
.history-list .list .item:nth-child(3n){ margin-right:0px;}

@media only screen and (max-width:600px) {	
   .history-list .list dd{ width:96%; margin:0 0% 3% 0;}
}