@charset "utf-8";

/* CSS Document */
/*公用*/
@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%;
}

a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 取消链接高亮 */
	text-decoration: none;
	color: #a4a4a6;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s;  /* Opera */
}

.donghua {
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, transition .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, transition .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, transition .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, transition .5s;  /* Opera */
}

html {
	min-height: 100%;
	position: relative;
}

body {
	min-height: 100%;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	font-size: 14px;
	color: #a4a4a6;
	font-family: Myriad Pro, "Microsoft Yahei";
	padding-top:50px;

}
@media only screen and (min-width: 1000px) {
body {
	padding-top:0px;

	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;
}	
	
.main-box {
	min-height: 100%;
	width: 100%;
	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;
	position: absolute;
}
}
@media only screen and (max-width: 800px) {

body {
	font-size: 14px;
}
}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input, textarea, select {
	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 {
	padding-top: 68px;
	min-height: 500px;
}

#loading-box {
	z-index: 100;
	width: 100%;
	height: 100%;
	background: #fff;
	left: 0px;
	top: 0px;
	position: fixed;
	opacity: 1;
}

#loading-box #loading {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -17px;
	width: 35px;
	height: 35px;
}

/*欢迎页*/
.welcome {
	height: 40px;
	position: fixed;
	top: 50%;
	margin-top: -25px;
	width: 100%;
	left: 0px;
	z-index: 10;
}

.welcome .line {
	transition: width 1s, background .5s, opacity .5s, border .5s, padding .5s, transform .5s;
	-moz-transition: width 1s, background .5s, opacity .5s, border .5s, padding .5s, transform .5s;  /* Firefox 4 */
	-webkit-transition: width 1s, background .5s, opacity .5s, border .5s, padding .5s, transform .5s;   /* Safari and Chrome */
	-o-transition: width1s, background .5s, opacity .5s, border .5s, padding .5s, transform .5s;  /* Opera */
	background: #d1b79c;
	left: 0px;
	height: 1px;
	position: absolute;
	width: 0%;
}

.welcome .line:nth-child(1) {
	top: 6px;
}

.welcome .line:nth-child(2) {
	top: 13px;
}

.welcome .line:nth-child(3) {
	top: 20px;
}

.welcome .line:nth-child(4) {
	top: 27px;
}

.welcome .line:nth-child(5) {
	top: 34px;
}

.welcome.on .line {
	width: 100%;
}

.welcome.on .line:nth-child(1) {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s;
}

.welcome.on .line:nth-child(2) {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	transition-delay: .7s;
}

.welcome.on .line:nth-child(3) {
	-webkit-transition-delay: .9s;
	-moz-transition-delay: .9s;
	transition-delay: .9s;
}

.welcome.on .line:nth-child(4) {
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	transition-delay: 1.1s;
}

.welcome.on .line:nth-child(5) {
	-webkit-transition-delay: 1.3s;
	-moz-transition-delay: 1.3s;
	transition-delay: 1.3s;
}

.welcome .btn {
	padding: 0 20px;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	background: #ceb396;
	position: absolute;
	top: 0px;
	left: 42%;
	opacity: 0;
	transition: opacity .2s, transform .5s, top .5s;
	-moz-transition: opacity .2s, transform .5s, top .5s;
	-webkit-transition: opacity .2s, transform .5s, top .5s;
	-o-transition: opacity .2s, transform .5s, top .5s;
	transform: translateX(-25px);
	-moz-transform: translateX(-25px);
	-webkit-transform: translateX(-25px);
}

.welcome.on .btn {
	opacity: 1;
	transform: translateX(0%);
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	-webkit-transition-delay: 2.7s;
	-moz-transition-delay: 2.7s;
	transition-delay: 2.7s;
	font-size: 14px;
}

.welcome .btn a {color: #fff;
	padding: 0 10px;
}

.welcome .btn a:nth-child(1) {
	color: #fff;
}

.welcome .zimu {
	position: absolute;
	height: 38px;
	right: 18.4%;
	transition: opacity .2s, transform .5s, right .5s;
	-moz-transition: opacity .2s, transform .5s, right .2s;
	-webkit-transition: opacity .2s, transform .5s, right .2s;
	-o-transition: opacity .2s, transform .5s, right .2s;
}

.welcome .zimu ul li {
	display: block;
	float: left;
	height: 38px;
	margin-right: 8px;
	position: relative;
	top: -80px;
	opacity: 0;
	transition: opacity .2s, transform .5s, top .5s;
	-moz-transition: opacity .2s, transform .5s, top .5s;
	-webkit-transition: opacity .2s, transform .5s, top .5s;
	-o-transition: opacity .2s, transform .5s, top .5s;
	transform: translateX(-50px) rotate(-90deg);
	-moz-transform: translateX(-50px) rotate(-90deg);
	-webkit-transform: translateX(-50px) rotate(-90deg);
}

.welcome .zimu ul li img {
	display: block;
	height: 38px;
}

.welcome .zimu ul li:before {
	height: 2px;
	background: #dfd1c3;
	position: absolute;
	top: 42px;
	content: "";
	display: block;
}

.welcome .zimu ul li:nth-child(1):before {
	width: 6px;
}

.welcome .zimu ul li:nth-child(2):before {
	width: 19px;
}

.welcome .zimu ul li:nth-child(3):before {
	width: 21px;
}

.welcome .zimu ul li:nth-child(4):before {
	width: 21px;
}

.welcome .zimu ul li:nth-child(5):before {
	width: 25px;
}

.welcome .zimu ul li:nth-child(1) {
	margin-top: -29px;
	-webkit-transition-delay: 1.6s;
	-moz-transition-delay: 1.6s;
	transition-delay: 1.6s;
}

.welcome .zimu ul li:nth-child(2) {
	margin-top: -8px;
	-webkit-transition-delay: 1.75s;
	-moz-transition-delay: 1.75s;
	transition-delay: 1.75s;
}

.welcome .zimu ul li:nth-child(3) {
	margin-top: -22px;
	-webkit-transition-delay: 1.9s;
	-moz-transition-delay: 1.9s;
	transition-delay: 1.9s;
}

.welcome .zimu ul li:nth-child(4) {
	margin-top: -36px;
	-webkit-transition-delay: 2.05s;
	-moz-transition-delay: 2.05s;
	transition-delay: 2.05s;
}

.welcome .zimu ul li:nth-child(5) {
	margin-top: -15px;
	-webkit-transition-delay: 2.2s;
	-moz-transition-delay: 2.2s;
	transition-delay: 2.2s;
}

.welcome.on .zimu ul li {
	opacity: 1;
	-webkit-transform: rotate(360deg) translateX(0px);
	transform: rotate(360deg) translateX(0px);
	-moz-transform: rotate(360deg) translateX(0px);
	top: 0;
}

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

.welcome .btn {
	left: 30%;
}
}

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

.welcome .btn {
	left: 20%;
}

.welcome .zimu {
}
}

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

.welcome .btn {
	left: 8%;
}

.welcome .zimu {
	right: 8%;
}
}

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

.welcome .btn {
	left: 3%;
}

.welcome .zimu {
	right: 0%;
}
}

/*欢迎页 end*/

/*top*/
#phone-top {
	display: none;
}

#main {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	height: 100%;
	position: relative;
}

.navmenu-box {
	display: none
}

#top {
	height:80px;
	background: #fff;
	position: relative;
	z-index: 10;
}

#top .logo {
	position: absolute;
	left: 0;
	top: 15px;
	display: block;
	height: 50px;
}

#top .logo img {
	display: block;
	height: 100%;
}

#top .menu {
	position: absolute;
	height: 78px;
	display: block;
	right: 6%;
	text-align: center;
	bottom: 0px;
	z-index: 10;
}

#top .menu ul {
	background: #fff;
	z-index: 10;
	display: block;
	position: relative;
}

#top .menu ul li {
	display: inline-block;
	height: 78px;
	margin: 0 5px;
	text-align: center;
	line-height: 78px;
}

#top .menu ul li a {
	display: block;
	font-size: 14px;
	min-width:60px;
	
	 color:#898989;
	padding: 0 20px;
	font-family: "Myriad Pro", Arial, "Microsoft Yahei";

	position: relative;
}
#top .menu ul li.on a,#top .menu ul li a:hover,#top .menu ul li.onn a {color: #cfb397;}
#top .lang{ display:block; width:28px; height:28px; border-radius:100%; border:1px solid #a0a0a0; color:#a0a0a0; line-height:32px; text-align:center; position:absolute; bottom:28px; right:3%; font-size:14px;}
#top .lang:hover{ border:1px dashed #ceb396; color:#ceb396;}
#top .jt {
	opacity: .5;
	display: block;
	border-color: transparent transparent #000 transparent;
	border-style: solid;
	border-width: 10px;
	margin-top: -20px;
	margin-left: -10px;
	position: fixed;
	z-index: 11;
	transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s;
	-moz-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s;
	-webkit-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s;
	-o-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s;
	opacity: 0;
	-webkit-transform: scale(.8) translateY(15px);
	transform: scale(.8) translateY(15px);
	-moz-transform: scale(.8) translateY(15px);
}

#top .jt.on {
	opacity: .2;
	-webkit-transform: scale(1) translateY(0px);
	transform: scale(1) translateY(0px);
	-moz-transform: scale(1) translateY(0px);
}

#top .menuxiala.on {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	max-height: 1000px;
	-webkit-transform: scale(1) translateY(0px);
	transform: scale(1) translateY(0px);
	-moz-transform: scale(1) translateY(0px);
	overflow: none;
}

#top .menuxiala {
	-webkit-transform: scale(.5) translateY(-10px);
	transform: scale(.5) translateY(-10px);
	-moz-transform: scale(.5) translateY(-10px);
	z-index: 9;
	transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s, width .5s;
	-moz-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s, width .5s;
	-webkit-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s, width .5s;
	-o-transition: opacity .2s, transform .5s, top .5s, left .5s, height .5s, width .5s;
	
	overflow: hidden;
	height: 0px;
	position: fixed;
	background: rgba(0,0,0,.2);
	text-align: center;
}

#top .menuxiala dl {
	padding: 10px 0;
}

#top .menuxiala dl dd {
	display: block;
	text-align: center;
	line-height: 30px;
	height: 30px;
}

#top .menuxiala dl dd a {
	display: block;
	font-size:12px;
	height: 30px;
	overflow: hidden;
	color: #fff;
}

#top .menuxiala dl dd a:hover {
	color:#cfb397;
}

#phone-top {
	display: none;
	height: 50px;
	background: #fff;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,.175);
	z-index: 100;
}

#phone-top .logo {
	position: absolute;
	left: 0%;
	top: 7px;
	display: block;
	height: 36px;
}

#phone-top .logo img {
	display: block;
	height: 100%;
}

#menu-btn {
	width: 50px;
	height: 50px;
	right: 0%;
	top: 0px;
	z-index: 14;
	position: fixed;
	cursor: pointer;
	transition: transform 0.3s, opacity 1s, background .3s;
	-moz-transition: -moz-transform 0.3s, opacity 1s, background .3s;  /* Firefox 4 */
	-webkit-transition: -webkit-transform 0.3s, opacity 1s, background .3s;   /* Safari and Chrome */
	-o-transition: -o-transform 0.3s, opacity 1s, background .3s;
}

#menu-btn[data-on='on'] {

}

#menu-btn div {
	width: 23px;
	left: 12px;
	height: 2px;
	background: #909090;
	position: absolute;
	border-radius: 2px;
	top: 50%;
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s;
	transition: transform 0.3s, opacity 0.2s, background .2s;
}

#menu-btn div:nth-child(1) {
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
	transform: translateY(-8px);
}

#menu-btn div:nth-child(2) {
	-webkit-transform: translateY(6px);
	-moz-transform: translateY(6px);
	transform: translateY(6px);
}

#menu-btn[data-on='on'] div {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
}

#menu-btn[data-on='on'] div:nth-child(3) {
	-webkit-transform: translateY(-1px);
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	opacity: 0;
}

#menu-btn[data-on='on'] div:nth-child(2) {
	-webkit-transform: translateY(-1px) rotate(45deg) scale(1);
	-moz-transform: translateY(-1px) rotate(45deg) scale(1);
	transform: translateY(-1px) rotate(45deg) scale(1);
}

#menu-btn[data-on='on'] div:nth-child(1) {
	-webkit-transform: translateY(-1px) rotate(-45deg) scale(1);
	-moz-transform: translateY(-1px) rotate(-45deg) scale(1);
	transform: translateY(-1px) rotate(-45deg) scale(1);
}

#phone-menu {
	background: rgba(116,118,117,.8);
	top: -60px;
	width: 100%;
	padding: 0px 0% 10px;
	overflow: auto;
	left: 0px;
	position: fixed;
	z-index: 99;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s;
	transition: transform 0.3s, opacity 0.2s, background .2s;
	opacity:0;
}
#phone-menu.on{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	opacity:1;
	top:50px;
	
	}
#phone-menu .menu-main {
	width: 100%;
	margin: auto;
}



#phone-menu .menu-main .list {
}

#phone-menu .menu-main .list ul li {
	display: block;
	height: 40px;
	font-size: 16px;
}

#phone-menu .menu-main .list ul li a {
	display: block;
	height: 46px;
	line-height: 47px;
	text-align: right;
	overflow: hidden;
	color: #fff;
	padding:0 3%;
}


#phone-menu .lang{ display:block; width:38px; height:38px; border-radius:100%; border:1px solid #fff; color:#fff; line-height:37px; text-align:center; float:right; font-size:14px; margin-right:3%; margin-top:10px;}


#phone-menu .menu-main .list ul li a:hover {
	background: rgba(207,179,151,.8)
}

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

#top {
	height: 80px;
}

#top .logo {
	top: 15px;
	height: 50px;
}

#top .menu ul li .a {
	padding: 0 15px;
	font-size: 14px;
}

#top .menu ul li {
	margin: 0 5px;
	height: 70px;
	line-height: 70px;
}

#top .menu {
	height: 70px;
}
#top .lang{ bottom:24px;}
}

@media only screen and (max-width: 1439px) {
#top .lang{ bottom:18px; right:10px;}
#top {
	height: 70px;
}

#top .logo {
	top: 12px;
	height: 46px;
}

#top .menu {
	height: 60px;
}

#top .menu ul li {
	height: 60px;
	line-height: 60px;
}

#top .menu ul li .a {
	padding: 0 15px;
}
#top .menuxiala dl dd a {
	font-size:12px;	
}
}

@media only screen and (max-width: 1280px) {
#top .lang{ bottom:15px; }
#top .menu {
	height: 50px;
}

#top .menu ul li {
	height: 50px;
	line-height: 50px;
	margin:0px;
}

#top .menu ul li .a {

	font-size: 14px;
	padding: 0 15px;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,width 0s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,width 0s;
	transition: transform 0.3s, opacity 0.2s, background .2s,width 0s;
}

#top {
	height: 70px;
	padding-top: 0px;
}

#top .logo {
	top: 13px;
	height: 44px;
}
}

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

#phone-top {
	display: block;
}

#top {
	display: none;
}

#ALL {
	padding-top: 50px;
}
}

/*top end*/


/*banner*/
.phone-banner {
	display: none;
}

.pc-banner {
	background: #ccc;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	height: 100%;
	position: relative;
	width: 100%;
}

.pc-banner .swiper-wrapper {
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.pc-banner .swiper-slide {
	background-size: cover;
	background-position: center;
	position: relative;
	height: inherit;
}

.pc-banner .swiper-slide a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.pc-banner .btn{ position:absolute; width:46px; height:46px; border-top:2px solid #d4d3d4; border-right:2px solid #d4d3d4;  top:50%; margin-top:-23px; z-index:10; cursor:pointer;



}
.pc-banner .btn.next{
	transform:rotate(45deg);
	-moztransform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	right:3%;
	}
.pc-banner .btn.prev{
	transform:rotate(-135deg);
	-moztransform:rotate(-135deg);
	-webkit-transform:rotate(-135deg);left:3%;
	}	
@media only screen and (max-width: 1000px) {

.pc-banner-small, .pc-banner {
	display: none;
}

.phone-banner {
	display: block;
	background: #ccc;
}

.phone-banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	background-size: cover;
	background-position: center; /* Center slide text vertically */
	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;
}

.phone-banner .swiper-slide a {
	display: block;
	width: 100%;
}

.phone-banner .swiper-slide a img {
	display: block;
	width: 100%;
}
}
.phone-banner .swiper-pagination-bullet,.pc-banner .swiper-pagination-bullet{ background:#d3d3d3; opacity:1; border-width:2px; border-style:solid; border-color:transparent; width:10px; height:10px; margin:2px 7px !important;}
.phone-banner .swiper-pagination-bullet.swiper-pagination-bullet-active,.pc-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:none; border-color:#d8c4b1;width:14px; height:14px; margin:0 5px !important;}
.pc-banner .swiper-pagination,.phone-banner .swiper-pagination{ bottom:20px !important; display:none;}
/*banner end*/
/*index-about*/
.index-about {
	max-width: 1000px;
	overflow: hidden;
	width: 94%;
	margin: auto;
	padding: 45px 0;
	font-size: 14px;
	line-height: 2;
	color: #898989;
}



@media only screen and (min-width: 768px) {
.index-about {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
	-ms-box-orient: horizontal;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
}
	
}
.index-about .tu{margin-right:3.7%;}
.index-about .tu img{ display:block; border:1px solid #ccc; width:100%; }
.index-about .demo
{
	
	 -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
@media only screen and (max-width: 768px) {
.index-about .tu{margin-right:0; margin-bottom:20px;}	
.index-about .tu img{ border:0; }	
	
}
/*index-about end*/
/*首页end*/


/*分类*/
.zi-type{height:40px; line-height:40px; position:relative; z-index:9;}
.zi-type .bbt{ padding:0 3%; color:#fff; background:#747675; position:relative; z-index:10; overflow:hidden; }
.zi-type .bbt .biao{ width:40px; height:40px; position:absolute; top:0px; right:0px;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;

}
.zi-type .bbt .biao:before{ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s; content:""; display:block; height:2px; width:10px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px -5px;}
.zi-type .bbt .biao:after{ content:""; display:block; height:10px; width:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-5px -1px;}
.zi-type[data-on='on'] .bbt .biao:before{ opacity:0;} 
.zi-type[data-on='on'] .bbt .biao{
	-webkit-transform: rotate(90deg);
	-moz-transform:  rotate(90deg);
	transform: rotate(90deg);
	}
.zi-type ul{ display:block; background:rgba(116,118,117,.8); left:0px; top:0px; position:absolute;
-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	 width:100%;
	 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;
	opacity:0;

}
.zi-type ul li{ height:40px; display:block;}
.zi-type ul li a{ display:block; padding:0 3%; height:40px; overflow:hidden; color:#fff;}
.zi-type[data-on='on'] ul{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	opacity:1;
	top:40px;
	}
@media only screen and (min-width:1000px) {
.zi-type{ display:none;}	
	
	
}
/*分类 end*/







/*关于我们*/
.about-view{ width:94%; margin:auto; max-width:1000px; padding:15px 0;}
.about-view .title{ display:none;}
.about-view .view{ font-size:14px; line-height:2; color:#898989;}
.about-bottom{
	background-repeat:no-repeat; background-position:bottom; background-size:cover;	
	
	
}
.about-bottom img{ display:block; width:100%;}
@media only screen and (min-width:1000px) {
about-view{ padding:30px 0;}	
.about-view .title{ color:#b96820; font-size:26px; line-height:30px; margin-bottom:20px;    font-family: "Times New Roman", Arial, "Microsoft Yahei";}
.about-bottom{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	position: relative;
	width: 100%;
	
	}
	.about-bottom img{ display:none;}
}

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

.about-banner {
	height: 150px;
}
}

/*关于我们 end*/

/*联系我们*/
.contact-main{ overflow-y:auto; padding: 20px 3%;}
.contact-main .v-box{ margin-bottom:20px;}
.contact-main .v-box .title{color:#4f4a46; font-size:22px; line-height:30px; margin-bottom:20px;    font-family: "Myriad Pro", Arial, "Microsoft Yahei";}
.contact-main .v-box .view{ color:#777; line-height:2;}
.contact-main .v-box .ly{ max-width:560px;}
.contact-main .v-box .ly input[type='text']{ display:block; height:34px; width:100%; border:1px solid #b3b3b3; line-height:32px; padding:0 10px; color:#808080;}
.contact-main .v-box .ly dl{ display:block;}
.contact-main .v-box .ly dl:after{ content:""; display:block; clear:both;}
.contact-main .v-box .ly dl dd{ display:block; width:48%; float:left; margin-bottom:16px;}
.contact-main .v-box .ly dl dt{ display:block; width:48%; float:right; margin-bottom:16px;}
.contact-main .v-box .ly ul li{ display:block; margin-bottom:16px;}
.contact-main .v-box .ly textarea{ display:block; width:100%; padding:5px 10px;border:1px solid #b3b3b3; line-height:22px; height:100px; color:#808080;}
.contact-main .v-box .ly .btn{ display:block; border:2px solid #b3b3b3; height:42px; background:#fff; width:100%; color:#808080;}
.contact-main .bshare-custom{ margin-bottom:15px;}
.bshare-custom a{ margin:0 5px 0 0 !important; padding:0px !important; width:28px !important; height:28px !important; background-position:center !important; background-size:100% !important;}
.bshare-custom a.bshare-douban{ background-image:url(../images/14_08.png)}
.bshare-custom a.bshare-weixin{ background-image:url(../images/14_03.png)}
.bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/14_05.png)}
#bsWXBox  *,#bsWXBox{
	box-sizing:content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	}
.contact-main .text{ line-height:26px; color:#a0a0a0;}	
@media only screen and (min-width:1000px) {
	.contact-main .v-box .title{ font-size:20px;}
.contact-main{ position:absolute; width:100%; max-height:100%; left:50%; top:0px; max-width:1000px; overflow-y:auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}	
	
}
/*联系我们 end.*/




/*招聘*/
.job-main{ overflow-y:auto; padding: 20px 3%;







}
.job-main .type-title{color:#595959; font-size:22px; line-height:30px; margin-bottom:20px;    font-family: "Myriad Pro", Arial, "Microsoft Yahei"; display:none}
.job-main .xx{ font-size:16px; color:#595959; padding:0px 0 15px;}
.job-main .xx span{ margin-right:26px;}


.job-main .href{ padding-top:15px;}
.job-main .view ul li{ display:block; margin-bottom:10px; font-size:12px; line-height:2; color:#919191;}
.job-main .view ul li .title{ color:#4f4a46; font-size:14px;}
@media only screen and (min-width:1000px) {
	.job-main .view ul li .title{font-size:16px;}
	.job-main .type-title{ display:block;}
	.job-main .type-title{ font-size:20px;}
	.job-main .xx{ font-size:16px;}
.job-main{ position:absolute; width:100%; height:100%; left:50%; top:0px; max-width:1000px; overflow-y:auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	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;
}	
.job-main .view{-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	position: relative;
	width: 100%;
	overflow-y:auto;}
	
}

/*招聘 end*/

/*店铺*/
.store-main{ overflow-y:auto; padding: 20px 3%;}
.store-main .type-title{color:#4f4a46; font-size:22px; line-height:30px; margin-bottom:20px;    font-family: "Myriad Pro", Arial, "Microsoft Yahei"; display:none}
.store-main .v-demo{ color:#898989; line-height:2;}
.store-main .cz{ position:relative; z-index:1;}
.store-main .cz:after{ content:""; display:block; clear:both;}
.store-main .cz .xialabox{ height:32px; border:1px solid #b3b3b3; float:left; width:25%; line-height:30px; position:relative; margin-right:3%;}
.store-main .cz .xialabox .bbt{ height:30px; padding:0 30px 0 13px; color:#808080; overflow:hidden;}

.store-main .cz .xialabox .bbt .biao{ width:30px; height:30px; position:absolute; top:0px; right:0px;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;

}
.store-main .cz .xialabox .bbt .biao:before{ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s; content:""; display:block; height:2px; width:10px; background:#8f8f8f; position:absolute; left:50%; top:50%; margin:-1px -5px;}
.store-main .cz .xialabox .bbt .biao:after{ content:""; display:block; height:10px; width:2px; background:#8f8f8f; position:absolute; left:50%; top:50%; margin:-5px -1px;}
.store-main .cz .xialabox[data-on='on'] .bbt .biao:before{ opacity:0;} 
.store-main .cz .xialabox[data-on='on'] .bbt .biao{
	-webkit-transform: rotate(90deg);
	-moz-transform:  rotate(90deg);
	transform: rotate(90deg);
	}
.store-main .cz .xialabox ul{ display:block; border:1px solid #b3b3b3; position:absolute; top:30px; left:-1px; width:100%; background:#fff;

box-sizing:content-box !important;
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-webkit-transform:scaleY(0) translateY(-100%);
	-moz-transform:  scaleY(0) translateY(-100%);
	transform: scaleY(0) translateY(-100%);
	max-height:180px;
	overflow-y:auto;
}
.store-main .cz .xialabox[data-on='on'] ul{-webkit-transform:scaleY(1) translateY(-0%);
	-moz-transform:  scaleY(1) translateY(-0%);
	transform: scaleY(1) translateY(-0%);}
.store-main .cz .xialabox ul li{ display:block; line-height:30px; height:30px; padding:0 13px; overflow:hidden; cursor:pointer; color:#919191}
.store-main .cz .xialabox ul li.on,.store-main .cz .xialabox ul li:hover{ background:#eeeeee;}
.store-main .cz .btn{ float:left; display:block; height:32px; border:0px; background:#e4e4e4; margin-right:3%; color:#808080; padding:0 5%; line-height:32px;}
.store-main .view{ min-height:200px; padding: 15px 0 0;}
.store-main .cz .btn:nth-child(5){margin-right:0px;}
.store-main .view ul li{ display:block; margin-bottom:10px;}
.store-main .view ul li .title{ color:#4f4a46; font-size:16px; margin-bottom:8px; line-height:1.5;}
.store-main .view ul li .content{ line-height:2; color:#828282; font-size:14px;}
@media only screen and (max-width:650px) {
.store-main .cz .xialabox{ width:48.5%; margin-bottom:5px;}
.store-main .cz .xialabox:nth-child(3){ margin-right:0px;}
.store-main .cz .btn{width:48.5%; }
.store-main .view ul li .content{ font-size:12px;}
}

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

.store-main .type-title{ display:block; font-size:20px;}
.store-main{ position:absolute; width:100%; height:100%; left:50%; top:0px; max-width:1000px; overflow-y:auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	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;
}	
.store-main .view{-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	position: relative;
	width: 100%;
	overflow-y:auto;}
}
/*店铺 end*/
/*项目*/


.project-main .type-title{ display:block; font-size:20px;color:#4f4a46; max-width:1050px; margin:auto; line-height:30px; margin-bottom:20px;    font-family: "Myriad Pro", Arial, "Microsoft Yahei"; width:100%;}
.project-main{ position:absolute; width:100%; height:100%; left:50%; top:0px; overflow-y:auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	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;
	padding:0 3%;
}	
.project-main .view{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	position: relative;
	width: 100%;
	overflow-y:auto;
	max-width:1600px;
	margin:auto;
	}
.project-main .view .pj-list .swiper-wrapper .swiper-slide{ text-align:center;}	
.project-main .view .pj-list .swiper-wrapper .swiper-slide .tu{ position:relative;}
.project-main .view .pj-list .swiper-wrapper .swiper-slide .tu .bbg{ display:block; width:100%;}
.project-main .view .pj-list .swiper-wrapper .swiper-slide .tu .pic{ position:absolute; top:0px; left:0px; width:100%; height:100%;

 -webkit-transition: -webkit-transform 0.3s, opacity 0.5s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.5s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.5s, background .2s,top .1s;

}
.project-main .view .pj-list .swiper-wrapper .swiper-slide .tu .pic.cai,.project-main .view .pj-list .swiper-wrapper .swiper-slide:hover .tu .pic.hei{ opacity:0;}
.project-main .view .pj-list .swiper-wrapper .swiper-slide .tu .pic.hei,.project-main .view .pj-list .swiper-wrapper .swiper-slide:hover .tu .pic.cai{ opacity:1;}

.project-list{ position:absolute; left:0px; top:0px; width:100%; min-height:100%;}
.project-main .view .pj-list .swiper-wrapper .swiper-slide .title{ height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.project-main .view .pj-list{ padding-bottom:80px; min-height:100%; width:100%; position:absolute; left:0px; top:0px;}
.project-main .view .pj-list .swiper-pagination{  font-size:14px; line-height:30px; bottom:20px;}
.project-main .view .pj-list .btn{ height:30px; width:30px; bottom:20px; position:absolute; left:50%; z-index:15; cursor:pointer; line-height:30px;}
.project-main .view .pj-list .pj-b{ position:absolute; height:0px; left:50%; bottom:20px; width:100%; padding:0 3%; max-width:1300px;	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%); z-index:16;}  
.project-main .view .pj-list .pj-b .href{ position:absolute; bottom:0px; left:0px; display:inline-block;  padding:0 20px; line-height:30px; height:30px; text-align:center; border:1px solid #aaaaac;color:#aaaaac;}


.zi-type-bottom{ height:32px; border:1px solid #b3b3b3; position:absolute; bottom:20px; right:0px; width:280px;}



.zi-type-bottom .bbt{ padding:0 40px 0 3%; color:#b3b3b3;  position:relative; z-index:15; overflow:hidden; height:30px; line-height:30px; cursor:pointer; background:#fff;}
.zi-type-bottom .bbt .biao{ width:30px; height:30px; position:absolute; top:0px; right:0px;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;

}
.zi-type-bottom .biao:before{ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s; content:""; display:block; height:2px; width:10px; background:#b3b3b3; position:absolute; left:50%; top:50%; margin:-1px -5px;}
.zi-type-bottom .biao:after{ content:""; display:block; height:10px; width:2px; background:#b3b3b3; position:absolute; left:50%; top:50%; margin:-5px -1px;}
.zi-type-bottom[data-on='on'] .bbt .biao:before{ opacity:0;} 
.zi-type-bottom[data-on='on'] .bbt .biao{
	-webkit-transform: rotate(90deg);
	-moz-transform:  rotate(90deg);
	transform: rotate(90deg);
	}
.zi-type-bottom ul{ display:block;left:-1px; bottom:0px; position:absolute; background:#fff;
-webkit-transform: translateY(100%) skewY(180deg);
	-moz-transform: translateY(100%) skewY(180deg);
	transform: translateY(100%) skewY(180deg);
	 width:100%;
	 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;
	opacity:0;
	border:1px solid #b3b3b3;
	box-sizing:content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing:content-box;

}
.zi-type-bottom ul li{ height:30px; display:block;}
.zi-type-bottom ul li a{ display:block; padding:0 3%; height:30px; overflow:hidden; color:#8f8f8f; line-height:30px;}
.zi-type-bottom ul li a:hover{ color:#666; background:#eee;}
.zi-type-bottom[data-on='on'] ul{
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	opacity:1;
	bottom:30px;
	}


	.project-main-phone{ display:none;}


@media only screen and (max-width:1000px) {
	.zi-type-bottom{ display:none;}
	.project-main-phone{ display:block;}
	.project-main{ display:none;}
	.project-main-phone ul{ display:block; padding-top:3%;}
	.project-main-phone ul:after{ display:block; content:""; clear:both;}
	.project-main-phone ul li{ display:block; width:45.5%; margin:0 0 3% 3%; text-align:center; float:left;}
	.project-main-phone ul li img{ display:block; width:100%; margin-bottom:8px;}
	.project-main-phone ul li .title{ line-height:22px;}
	.project-main-phone ul li .rq{ font-size:12px;}
	
	
	
}

@media only screen and (max-width:500px) {
.project-main-phone ul li{ display:block; width:94%; margin:0 0 3% 3%; text-align:center; float:none;}	
	
}























.project-main .view .pj-list .btn.prev{ border-left:1px solid #acacac; margin-left:-100px;}
.project-main .view .pj-list .btn.prev:before {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(8px) rotate(-45deg);
	position:absolute; top:0px; left:8px;

}
.project-main .view .pj-list .btn.prev:after {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(21px) rotate(45deg);
	position:absolute; top:0px; left:8px;

}

.project-main .view .pj-list .btn.next{border-right:1px solid #acacac; margin-left:60px;}

.project-main .view .pj-list .btn.next:before {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(8px) rotate(45deg);
	position:absolute; top:0px; right:8px;

}
.project-main .view .pj-list .btn.next:after {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(21px) rotate(-45deg);
	position:absolute; top:0px; right:8px;

}










/*项目 end*/

/*新闻*/
.news-top{ height:26px; background:#fff; line-height:26px;
	max-width: 1000px;
	margin: auto;
	 width:94%;
	 display:none;

}
.news-top .type-title{ color:#4f4a46; font-size:20px;    font-family: "Myriad Pro", Arial, "Microsoft Yahei";}
.news-main {
	max-width: 1000px;
	margin: auto;
	 width:94%;

}	
.news-main .news-list ul li.yin .newsb{ border:0px;}
.news-main .news-list ul li.yin{ display:none}
.news-main .news-list ul li{ display:block; position:relative;}
.news-main .news-list ul li .newsb{ width:100%; 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;
	padding:22px 0;
	border-bottom:1px solid #e2e2e2;

}
.news-main .news-list ul li .newsb .tu{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	height: 100%;
	position: relative;
margin-right:5%;

	
	}
.news-main .news-list ul li .newsb .vv{
		-webkit-flex: 5;
	-ms-flex: 5;
	flex: 5;
	-webkit-box-flex: 5;padding-top:8px;}
.news-main .news-list ul li .newsb .tu img{ display:block; width:146px; }
.news-main .news-list ul li .newsb .rq{ color:#999; font-size:16px; }
.news-main .news-list ul li .newsb .title{ line-height:26px; color:#000; font-size:18px; font-family: "Myriad Pro", Arial, "Microsoft Yahei"; font-weight:bold;}
.news-main .news-list ul li .newsb .title a{ color:#898989;}
.news-main .news-list ul li .newsb .demo{ line-height:1.5; color:#a4a4a6; font-size:14px;}
.news-view{ padding:20px 3%;  }
.news-view .title{ margin-bottom:10px; line-height:26px; color:#595959; font-size:18px; font-family: "Myriad Pro", Arial, "Microsoft Yahei"; font-weight:bold;}
	.news-view .xx{  color:#999; margin-bottom:20px;}
@media only screen and (max-width:500px) {
	.news-main .news-list ul li .newsb .rq{ font-size:12px; }
	.news-view .xx{ font-size:10px; }
	.news-view .title{ font-size:16px;}
.news-main .news-list ul li .newsb .tu img{ width:100px; }	
.news-main .news-list ul li .newsb .demo{ font-size:12px; line-height:20px; overflow:hidden; max-height:44px; padding-top:4px;
}	
.news-main .news-list ul li .newsb .title{ font-size:16px; line-height:24px; max-height:48px; overflow:hidden;}	
	
}
@media only screen and (min-width:1000px) {
	.news-view{ position:absolute; left:50%; top:0px; max-height:100%; overflow-y:auto; width:100%; max-width:1000px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	
	
	
	
	
	
	
	
	
	
	}
.news-top{ display:block; margin:15px auto;}
.news-main .news-list{ position:absolute; height:100%; top:0px; left:0px; width:100%;}	
.news-main .news-list ul{ position:absolute; height:100%; top:0px; left:0px; width:100%; overflow-y:auto

}	
.news-main .news-list ul li.yin{ display:block;}
.news-main .news-list ul li {
	 display:block;
}

.news-main{
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-flex: 1;
	height: 100%;
	position: relative;
}
}
/*view*/
.news-view-main {
	width: 94%;
	margin: 55px auto;
	max-width: 1100px;
}

.news-view-main .left {
	border-top: 1px solid #f5f3f4;
	float: left;
	background: #fff;
	width: 69%;
	position: relative;
}

.news-view-main .left .float {
	width: 158px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.news-view-main .left .float .rq {
	padding: 20px;
	background: #f5f3f4;
}

.news-view-main .left .float .rq .yue, .news-view-main .left .float .rq .ri {
	line-height: 28px;
	font-weight: bold;
	font-size: 20px;
}

.news-view-main .left .float .rq .nian {
	margin-top: 20px;
	color: #a1a1a1;
	font-size: 14px;
	font-weight: bold;
}

.news-view-main .left .float .href {
	line-height: 40px;
}

.news-view-main .left .float .href a {
	color: #2473d2;
}

.news-view-main .left .view {
	margin-left: 188px;
}

.news-view-main .left .view .title {
	line-height: 36px;
	color: #2473D2;
	font-weight: bold;
	font-size: 30px;
	padding: 20px 0;
}

.news-view-main .left .content {
	line-height: 2;
	min-height: 200px;
}

.news-view-main .left .content:after {
	clear: both;
	content: "";
	display: block;
}



/*新闻 end*/



/*产品*/
.pro-main {
	width: 94%;
	margin: 0 auto 20px;
	padding: 20px 0 0;
	position: relative;
	overflow:hidden;

}
.pro-main .weizhi{ position:absolute; bottom:20px; left:10%; position:absolute; line-height:30px; color:#a1a1a1;}
.pro-main .weizhi a,.pro-main .weizhi span{ color:#a1a1a1}
.pro-main .weizhi span{ margin:0 10px;}
@media only screen and (min-width:1000px) {
.pro-main {
	display:block;
    height: 100%;
    width: 100%;
    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;
    position: absolute;
}	
.pro-main .pro-list{
	
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;
    height: 100%;
    position: relative;
	width:94%; margin:auto;
	overflow-y:auto;
	overflow-x:hidden;
	
	}


	
}


.pro-main .pro-list ul{ display:block;}
.pro-main .pro-list ul:after{ content:""; display:block; clear:both;}


.pro-main .pro-list ul li a{ display:block;}
.pro-main .pro-list ul li a .tu{ position:relative; margin-bottom:8px;}
.pro-main .pro-list ul li a .tu .bbg{ display:block; width:100%;}
.pro-main .pro-list ul li a .tu .pic{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;

transition: transform .5s;
	-moz-transition: transform .5s;  /* Firefox 4 */
	-webkit-transition: transform .5s;   /* Safari and Chrome */
	-o-transition: transform .5s;  /* Opera */

}
.pro-main .pro-list ul li a:hover .tu .pic{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	
	}





.pro-main .pro-list ul li a .title{ line-height:20px; height:40px; overflow:hidden;}
.pro-main .pro-list ul li{ display:block; text-align:center; float:left;}








@media only screen and (min-width:1600px) and (max-width:1920px )  {

.pro-main .pro-list ul li{width:16%; margin:0 .8% 3% 0;}
.pro-main .pro-list ul li:nth-child(6n){ margin-right:0px;}

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

.pro-main .pro-list ul li{width:19%; margin:0 1.25% 3% 0;}
.pro-main .pro-list ul li:nth-child(5n){ margin-right:0px;}

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

.pro-main .pro-list ul li{width:23.5%; margin:0 2% 3% 0;}
.pro-main .pro-list ul li:nth-child(4n){ margin-right:0px;}

}
@media only screen and (min-width:650px) and (max-width:1279px )  {

.pro-main .pro-list ul li{width:33%; margin:0 .5% 3% 0;}
.pro-main .pro-list ul li:nth-child(3n){ margin-right:0px;}

}
@media only screen and  (max-width:649px)   {
.pro-main .weizhi{ display:none;}
.pro-main .pro-list ul li{width:48%; margin:0 4% 3% 0;}
.pro-main .pro-list ul li:nth-child(2n){ margin-right:0px;}

}

@media only screen and (min-width:700px) {
.pro-main .proview-content{
	
	
 
	width:33.3%;
position:absolute; height:100%; right:0px; top:0px;
	
	}	
.pro-main .proview-content	.content{ position:absolute; top:50%; width:100%; left:0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.pro-main .proview-content	.content .title{ font-size:26px; color:#4f4a46; margin-bottom:15px;
font-family: "Myriad Pro", Arial, "Microsoft Yahei";
}
.pro-main .proview-content	.content .demo{ color:#8f8f8f;  line-height:2; margin-bottom:15px;}
.pro-main .proview-content	.content .href{}
.pro-main .proview-content	.content .href .text{ line-height:30px; font-size:14px;font-family: "Myriad Pro", Arial, "Microsoft Yahei";  }
.pro-main .proview-content	.content .href .text a{ display:inline-block; padding-right:20px; position:relative; color:#4f4a46; cursor:pointer;}
.pro-main .proview-content	.content .href .text a:before{ content:""; display:block; position:absolute; border-width:3px; border-style:solid; border-color: transparent transparent transparent #000; right:0px; top:50%; margin-top:-3px;}
.pro-main .proview-content	.content .href .text a:hover{ color:#ceb396;} 
.pro-main .proview-content	.content .href .text a:hover:before{ border-color: transparent transparent transparent #ceb396;}
.proview-tu{ width:58%;   position:absolute; top:50%; left:0px; 	
-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	} 
.proview-tu .bbg{ width:100%; display:block;}	
.proview-tu .pic{ left:0px; position:absolute; top:0px; display:block; width:100%; height:100%;}

}
.phone-main{ display:none; position:relative;}
.phone-main .bbt{ display:block; height:40px; position:relative;}


.phone-main .bbt{ padding:0 3%; color:#fff; background:#747675; position:relative; z-index:10; overflow:hidden; line-height:40px; height:40px;}
.phone-main .bbt .biao{ width:40px; height:40px; position:absolute; top:0px; right:0px;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s;

}
.phone-main .bbt .biao:before{ -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s, background .2s,top .1s;
	transition: transform 0.3s, opacity 0.2s, background .2s,top .1s; content:""; display:block; height:2px; width:10px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px -5px;}
.phone-main .bbt .biao:after{ content:""; display:block; height:10px; width:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-5px -1px;}
.phone-main[data-on='on'] .bbt .biao:before{ opacity:0;} 
.phone-main[data-on='on'] .bbt .biao{
	-webkit-transform: rotate(90deg);
	-moz-transform:  rotate(90deg);
	transform: rotate(90deg);
	}


.phone-main .banner {
	background: #ccc;
}

.phone-main .banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	background-size: cover;
	background-position: center; /* Center slide text vertically */
	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;
}


.phone-main .banner .swiper-slide  img {
	display: block;
	width: 100%;
}

.phone-main .banner .swiper-pagination-bullet{ background:#666; opacity:.2;}
.phone-main .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#b3acad; opacity:1;}




@media only screen and (max-width:700px) {
	.phone-main .banner{ display:none;}	
.phone-main[data-on='on'] .banner{ display:block;}
	.proview-tu{ 
	} 
.phone-main{ display:block}	
.proview-tu .bbg{  display:none;}	
.proview-tu .pic{  display:block; width:100%; margin:auto; }

.pro-main .proview-content	.content .href{ display:none}	
.pro-main .proview-content{ width:94%; margin:3% 0;}	
.pro-main .proview-content .title{ font-size:26px; text-align:center; margin-bottom:15px;}	
.pro-main .proview-content .demo{ line-height:2;color:#8f8f8f; }
}

#zhanshi .gb,#zhanshi1 .gb{ background:rgba(255,255,255,.8); box-shadow:0 0 5px rgba(0,0,0,.175); position:absolute; top:10px; right:10px; width:31px; height:31px; border-radius:100%; z-index:26;}

#zhanshi .gb:before,#zhanshi1 .gb:before {
	width: 50%;
	height: 1px;
	background: #000;
	display: block;
	content: "";
	position: absolute;
	top: 17px;
	left: 8px;
	-webkit-transform: translateY(-1px) rotate(45deg) scale(1);
	-moz-transform: translateY(-1px) rotate(45deg) scale(1);
	transform: translateY(-1px) rotate(45deg) scale(1);
}

#zhanshi .gb:after,#zhanshi1 .gb:after {
	width: 50%;
	height: 1px;
	background: #000;
	display: block;
	content: "";
	position: absolute;
	top: 17px;
	left: 8px;
	-webkit-transform: translateY(-2px) rotate(-45deg) scale(1);
	-moz-transform: translateY(-2px) rotate(-45deg) scale(1);
	transform: translateY(-2px) rotate(-45deg) scale(1);
}

#zhanshi,#zhanshi1{ opacity:0; position:fixed; width:100%; max-width:1200px; left:50%; top:50%; z-index:20;-webkit-transform: translate(-50%,-50%);
	-moz-transform:  translate(-50%,-50%);
	transform: translate(-50%,-50%);}
	
	
#zhanshi .swiper-button-white{ z-index:1000; cursor:pointer;}	
#zhanshi .swiper-button-white.swiper-button-next{ right:5%;}	
#zhanshi .swiper-button-white.swiper-button-prev{ left:5%;}	

#zhanshi1 .swiper-button-white{ z-index:1000; cursor:pointer;}	
#zhanshi1 .swiper-button-white.swiper-button-next{ right:5%;}	
#zhanshi1 .swiper-button-white.swiper-button-prev{ left:5%;}	


@media only screen and (max-width:1000px) {
	#zhanshi,#zhanshi1{
top:90px;-webkit-transform: translate(-50%,0%);
	-moz-transform:  translate(-50%,0%);
	transform: translate(-50%,0%);	
	
}
}
@media only screen and (max-width:700px) {
	#zhanshi,#zhanshi1{
top:90px;-webkit-transform: translate(-50%,-300%);
	-moz-transform:  translate(-50%,-300%);
	transform: translate(-50%,-300%);
	
}	
	
	
}

	#zhanshi .swiper-container,#zhanshi1 .swiper-container {
        width: 100%;
       
        margin-left: auto;
        margin-right: auto;
		position:relative;
    }
	#zhanshi1 .swiper-pagination-bullet{ background:#ccc;}
	#zhanshi1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff;}
	#zhanshi .swiper-wrapper,#zhanshi1 .swiper-wrapper{ height: 100%;}
#zhanshi .swiper-wrapper .swiper-slide,#zhanshi1 .swiper-wrapper .swiper-slide{
 text-align: center;
 height:100%; min-height:100%; max-height:100%;


        /* Center slide text vertically */
        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;}	
	#zhanshi .swiper-wrapper .swiper-slide img,#zhanshi1 .swiper-wrapper .swiper-slide img{ width:100%;}	
#zhanshi .gallery-thumbs{ background:rgba(165,165,164,.5); padding:10px; width:100%; max-width:1200px; position:fixed; top:50%; left:50%;
 z-index:21;-webkit-transform: translate(-50%,-50%);
	-moz-transform:  translate(-50%,-50%);
	transform: translate(-50%,-50%);

}	
#zhanshi .gallery-thumbs .swiper-wrapper .swiper-slide{ width:20%;}
#zhanshi .gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active img{ border:4px solid #fff;}
#zhanshi .dian{ width:24px; height:15px; bottom:37px; cursor:pointer; position:absolute; left:50%; margin-left:-12px; z-index:10;}
#zhanshi .dian div{ background:#fff; width:6px; height:6px; float:left; margin:0 3px 3px 0;}
#zhanshi .dian div:nth-child(3),#zhanshi .dian div:nth-child(6){ margin-right:0px;}
#zhanshi .btn{ width:300px; height:300px; position:absolute; z-index:5;top: 50%;margin-top: -150px; cursor:pointer; text-align:center; 
	line-height:60px; font-size:22px; color:#fff;
}
#zhanshi .btn.prev{ 
	left: 0;
	background-image: url(../images/prev11.png);
	background-position: left center;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#zhanshi .btn.prev:hover,#zhanshi .btn.next:hover{
	opacity: 1;
}
#zhanshi .btn.next{ 
	right: 0;
	background-image: url(../images/next11.png);
	opacity: 0;
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
/*详细*/

/*产品 end*/
/*搜索*/
.search-main {
	width: 94%;
	max-width: 1100px;
	margin: auto;
	padding: 30px 0;
	min-height: 300px;
}

.search-main .type {
	line-height: 50px;
	font-size: 30px;
	color: #000;
	font-weight: bold;
}

.search-main .list ul li {
	display: block;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
}

.search-main .list ul li.nothing {
	height: 100px;
	border: 0px;
	line-height: 100px;
	text-align: center;
	font-size: 18px;
	color: #999;
}

.search-main .list ul li a {
	display: block;
}

.search-main .list ul li a span {
	float: right;
	margin-right: 20px;
}

.search-main .list ul li a:hover {
	color: #2473d2;
}

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

.search-main .type {
	font-size: 22px;
}
}

/*分页*/
.fanye {
	text-align: center;
	padding: 20px 0;
	max-width:1200px; margin:auto;
}

.fanye a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 0 5px;
	color: #222;
	text-align: center;
	position:relative;
}
.fanye a.pageup{ border-left:1px solid #acacac;}
.fanye a.pageup:before {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(8px) rotate(-45deg);
	position:absolute; top:0px; left:8px;

}
.fanye a.pageup:after {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(21px) rotate(45deg);
	position:absolute; top:0px; left:8px;

}

.fanye a.pagenext{border-right:1px solid #acacac;}

.fanye a.pagenext:before {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(8px) rotate(45deg);
	position:absolute; top:0px; right:8px;

}
.fanye a.pagenext:after {
	content: "";
	 display:block;
	 height:1px;
	 background:#acacac;
	 width:20px;
	transform: translateY(21px) rotate(-45deg);
	position:absolute; top:0px; right:8px;

}

.fanye a.cur, .fanye a:hover {


	color: #222;
}

/*分页 end*/

/*footer*/



#foot-bottom {
	padding: 10px 0;
	line-height: 1.8;
	color: #898989;
	font-size: 12px;
	background:#fff;
}

#foot-bottom .view {
	width: 94%;
	margin: auto;
}

#foot-bottom a {
	color: #898989;
}

@media only screen and (max-width:1000px) {
	
#foot-bottom{
	margin-top:10px;
	border-top:1px solid #ddd;
		
		}	
}
@media only screen and (max-width:500px) {
	#foot-bottom{
		font-size:10px;
		
		}
	
	
	
}

/*footer end*/