/*=========
  基本默认值
  ==========*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bsBox,.bsBox *{box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing:content-box;}
html {
	min-height: 100%;
}
body {
	min-height: 100%;
	font-size: 14px;
	color: #000;
	font-family: Arial, "Microsoft YaHei";
	min-width: 320px;
	overflow-x:hidden;
	
}
#ALL{transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;}
#ALL[data-on="on"]{
	-moz-transform:translateX(-120px);
	-ms-transform:translateX(-120px);
	-o-transform:translateX(-120px);
	-webkit-transform:translateX(-120px);
	transform:translateX(-120px);
	
	}
@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;
	padding-top: 50px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}
}
li {
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	color: #000;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
}
::after, ::before, .donghua {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
table {
	border-collapse: collapse;
}
input, textarea, select, button {
	font-family: Arial, "Microsoft YaHei";
	font-size: 12px;
	outline: none;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	 appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.fg {
	clear: both;
}
/*top*/
#ding {
	background: #f9f9f9;
	border-bottom: 1px solid #e8e8e8;
}
#ding .ding {
	position: relative;
	height: 30px;
	line-height: 30px;
	width: 94%;
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
}
#ding .href {
	position: absolute;
	top: 0px;
	right: 0px;
}
#ding .href a, #ding .href span {
	display: inline-block;
	margin-left: 10px;
	color: #666;
}
#ding .href span {
	color: #999;
}
#ding .href a:hover {
	color: #4f000f;
}
.top-main {
	width: 94%;
	height: 100px;
	margin: auto;
	max-width: 1200px;
	position: relative;
}
.top-main .logo {
	height: 52px;
	margin-top: -26px;
	left: 0px;
	top: 50%;
	position: absolute;
}
.top-main .logo a img {
	display: block;
	height: 52px;
}
.phone-box {
	display: none
}
/*二维码*/
.top-main .top-rr {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	height: 70px;
	right: 0px;
}
.top-main .top-rr .ewm-box {
	float: right;
	margin-left: 30px;
}
.top-main .top-rr .ewm-box .r {
	float: right;
	margin-left: 10px;
	width: 50px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	padding-top: 3px;
}
.top-main .top-rr .ewm-box .r img {
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
.top-main .top-rr .ewm-box .l {
	float: left;
}
.top-main .top-rr .ewm-box .l img {
	display: block;
	width: 70px;
}
/*电话*/
.top-main .top-rr .phone {
	float: left;
	height: 70px;
	padding: 12px 0 12px 56px;
	background-image: url(../images/top_06.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: auto 46px;
}
.top-main .top-rr .phone .small {
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	margin-bottom: 4px;
}
.top-main .top-rr .phone .big {
	font-size: 24px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	color: #4f000f;
	font-weight: 600;
}
/*导航*/
#nav {
	background: #4f000f;
	position: relative;
	z-index: 2;
}
#nav .menu {
	width: 94%;
	max-width: 1200px;
	margin: auto;
}
#nav .menu ul {
	display: block;
	position: relative;
}
#nav .menu ul:after {
	content: "";
	display: block;
	clear: both;
}
#nav .menu ul li {
	display: block;
	width: 11.111111111111111111111%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 2;
}
#nav .menu ul li.fly {
	z-index: 1;
	background: #d3b685;
	height: 100%;
	position: absolute;
	top: 0px;
	opacity: 0;
}
#nav .menu ul li.fly.donghua {
	opacity: 1;
	transition: all .6s;
}
#nav .menu ul li a {
	display: block;
	color: #fff;
	height: 60px;
	line-height: 60px;
}
/*nav 下拉*/
.menu-box {
	width: 100%;
	background: rgba(0,0,0,0.70);
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 53px 0;
	opacity: 0;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index:2;
}
.menu-box[data-on="on"] {
	opacity: 1;
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.navnone {
	display: none
}
.menu-box .mm {
	width: 94%;
	max-width: 1200px;
	margin: auto;
	position: relative;
	
	min-height: 146px;
}
.menu-box .mm .ico {
	width: 11.25%;
	position: absolute;
	top: 0px;
	left: 4.5%;
	padding: 2.5%;
	border: 3px solid rgba(255,255,255,0.4);
	border-radius: 100%;
}
.menu-box .mm .ico img {
	display: block;
}
.menu-box .mm .text {
	width: 41.6%;
	right: 0px;
	top: 0px;
	position: absolute;
	color: rgba(255,255,255,0.5);
	line-height: 2;
}
.menu-box .mm .text .bt {
	color: #fff;
	font-size: 1.2em;
	line-height: 3;
}
.menu-box .mm .list:after {
	content: "";
	display: block;
	clear: both;
}
.menu-box .mm .list {
	width: 100%;
	padding: 0 41.666666666666% 0 22.2222222222222222222%;
}
.menu-box .mm .list .item {
	width: 39%;
	float: left;
	margin-right: 5.4%;
	height: 48px;
	border-bottom: 1px dotted rgba(255,255,255,.5);
	transition: all .3s;
	opacity: 0;
	transform: translateX(15px);
}
.menu-box .mm .list.on .item {
	opacity: 1;
	transform: translateX(0px);
}
.menu-box .mm .list .item:nth-child(1) {
	transition-delay: .1s;
}
.menu-box .mm .list .item:nth-child(2) {
	transition-delay: .2s;
}
.menu-box .mm .list .item:nth-child(3) {
	transition-delay: .3s;
}
.menu-box .mm .list .item:nth-child(4) {
	transition-delay: .4s;
}
.menu-box .mm .list .item:nth-child(5) {
	transition-delay: .5s;
}
.menu-box .mm .list .item:nth-child(6) {
	transition-delay: .6s;
}
.menu-box .mm .list .item:nth-child(7) {
	transition-delay: .7s;
}
.menu-box .mm .list .item:nth-child(8) {
	transition-delay: .8s;
}
.menu-box .mm .list .item:nth-child(9) {
	transition-delay: .9s;
}
.menu-box .mm .list .item:nth-child(10) {
	transition-delay: 1s;
}
.menu-box .mm .list .item:nth-child(11) {
	transition-delay: 1.1s;
}
.menu-box .mm .list .item:nth-child(12) {
	transition-delay: 1.2s;
}
.menu-box .mm .list .item a {
	display: block;
	padding-left: 20px;
	line-height: 48px;
	overflow: hidden;
	height: 48px;
	overflow: hidden;
	color: #fff;
	position: relative;
}
.menu-box .mm .list .item a:after {
	width: 6px;
	height: 6px;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3px;
	left: 5px;
	background: rgba(255,255,255,0.2);
	transform: rotate(45deg);
}
.menu-box .mm .list .item a:hover:after {
	transform: rotate(-320deg);
}
/*手机导航*/
.phone-nav {
	height: 50px;
	width: 100%;
	position: fixed;
	background: #4f000f;
	left: 0;
	top: 0px;
	z-index: 9;
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	overflow:hidden;
}
.phone-nav .logo {
	display: block;
	position: absolute;
	left: 3%;
	top: 10px;
}
.phone-nav .logo img {
	display: block;
	height: 30px;
}
.phone-nav .menu-btn {
	height: 50px;
	width: 50px;
	margin: 0 2% 0 auto;
	position: relative;
}
.phone-nav .menu-btn div {
	height: 2px;
	width: 30px;
	left: 50%;
	margin-left: -15px;
	top: 15px;
	position: absolute;
}
.phone-nav .menu-btn div:before {
	content: "";
	display: block;
	height: 2px;
	width: 30px;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	margin: -1px -15px;
	animation: myfirst 1s linear 0s infinite normal;
}
.phone-nav .menu-btn div:nth-child(2) {
	top: 33px;
}
.phone-nav .menu-btn div:nth-child(2):before {
	animation: myfirst1 1s linear 0s infinite normal;
}
.phone-nav .menu-btn:after, .phone-nav .menu-btn:before {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	margin: -1px -15px;
}
.phone-nav .menu-btn[data-on="on"]{ margin-right:0px;}
.phone-nav .menu-btn[data-on="on"] div:nth-child(1) {
	opacity: 0;
	-moz-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}
.phone-nav .menu-btn[data-on="on"] div:nth-child(2) {
	opacity: 0;
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}
.phone-nav .menu-btn[data-on="on"]:after {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.phone-nav .menu-btn[data-on="on"]:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.phone-nav .menu-btn[data-on="on"]{transform: rotate(180deg);}

.phone-menu{ background:#1e1e1e; position:fixed; width:260px; height:100%; top:0px; right:0px;
-moz-transform:translateX(100%);
-ms-transform:translateX(100%);
-o-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
padding:50px 0% 10px;
overflow:auto;
z-index:8;


}
@media only screen and (min-width: 1001px) {
.phone-menu{
	-moz-transform:translateX(100%) !important;
	-ms-transform:translateX(100%) !important;
	-o-transform:translateX(100%) !important;
	-webkit-transform:translateX(100%) !important;
	transform:translateX(100%) !important;
	box-shadow:0 0 0px rgba(0,0,0,0) !important;
	
	}	
#ALL{-moz-transform:translateX(0%) !important;
	-ms-transform:translateX(0%) !important;
	-o-transform:translateX(0%) !important;
	-webkit-transform:translateX(0%) !important;
	transform:translateX(0%) !important;}	
}

body[data-on="on"] .phone-menu{
	-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
-o-transform:translateX(0%);
-webkit-transform:translateX(0%);
transform:translateX(0%);


	}
.phone-menu ul li{ display:block; line-height:46px; padding:0 15px; border-bottom:1px solid rgba(255,255,255,0.1); position:relative; overflow:hidden;}
.phone-menu ul li:after{ content:""; display:block; height:1px; width:0px; background:rgba(255,255,255,0.1); position:absolute; left:0px; top:46px;}
.phone-menu ul li .item{ display:block; overflow:hidden; position:relative; height:46px;}
.phone-menu ul li.cz .item:after{ content:""; width:9px; height:1px; background:rgba(255,255,255,0.4); position:absolute; top:50%; right:10px;}
.phone-menu ul li.cz .item:before{ content:""; width:1px; height:9px; background:rgba(255,255,255,0.4); position:absolute; top:50%; right:14px; margin-top:-4px;}
.phone-menu ul li.cz[data-on="on"] .item:after{ width:30px; opacity:0;right:0px}
.phone-menu ul li.cz[data-on="on"] .item:before{ height:100%; top:0px; margin-top:0px;background:rgba(255,255,255,0.1);}

.phone-menu ul li .a{ display:inline-block; font-size:16px; font-weight:300; color:rgba(255,255,255,.8); position:absolute; height:46px; line-height:46px; left:15px; top:0px; z-index:2;}
.phone-menu ul li .xl{ font-size:14px; padding:px 0px; display:none}
.phone-menu ul li .xl a{color:rgba(255,255,255,.6); display:block; padding:5px 15px 5px 20px; position:relative; line-height:26px;
transform:translateX(10px); opacity:0;

 transition:all .3s;}
.phone-menu ul li .xl a:nth-child(1){ padding:10px 15px 5px 20px;}
.phone-menu ul li .xl a:nth-child(1):after{ top:22px;}
.phone-menu ul li .xl a:last-child{padding:5px 15px 10px 20px;}
.phone-menu ul li .xl a:before{ height:100%; width:1px; background:rgba(255,255,255,.1); content:""; display:block; position:absolute; top:-0px; left:7px;}
.phone-menu ul li .xl a:after{ width:8px; height:1px; background:rgba(255,255,255,.2); content:""; display:block; position:absolute; left:8px; top:18px;}
.phone-menu ul li[data-on="on"]:after{ width:100%;}
.phone-menu ul li[data-on="on"] .xl a{transform:translateX(0px); opacity:1;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(1){ transition-delay:.15s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(2){ transition-delay:.3s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(3){ transition-delay:.45s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(4){ transition-delay:.6s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(5){ transition-delay:.75s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(6){ transition-delay:.9s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(7){ transition-delay:1.05s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(8){ transition-delay:1.2s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(9){ transition-delay:1.35s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(10){ transition-delay:1.5s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(11){ transition-delay:1.65s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(12){ transition-delay:1.7s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(13){ transition-delay:.15s;}
.phone-menu ul li[data-on="on"] .xl a:nth-child(14){ transition-delay:.3s;}
@keyframes myfirst {
25% {
transform:translateX(4px);
}
75% {
transform:translateX(-4px);
}
100% {
transform:translateX(0px);
}
}
@keyframes myfirst1 {
25% {
transform:translateX(-4px);
}
75% {
transform:translateX(4px);
}
100% {
transform:translateX(0px);
}
}

@media only screen and (max-width: 1600px) {
.top-main {
	height: 90px;
}
#nav .menu ul li a {
	height: 50px;
	line-height: 50px;
}
}

@media only screen and (max-width: 1440px) {
.top-main {
	height: 80px;
}

}

@media only screen and (max-width: 1000px) {
#ding {
	display: none
}
.pc-box {
	display: none
}
.phone-nav {
	opacity: 1;
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
}
/*top end*/
/*首页*/
/*banner*/
.indexbanner{ position:relative; overflow:hidden; height:900px;}
.indexbanner .swiper-wrapper .swiper-slide{ overflow:hidden;}
.indexbanner .swiper-wrapper .swiper-slide a{ display:block; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; transform:scale(1.05); transition-delay:.3s; transition:all 4s;}
.indexbanner .swiper-wrapper .swiper-slide.swiper-slide-active a{ transform:scale(1);}
.indexbanner .swiper-pagination{ bottom:30px;}
.indexbanner .swiper-pagination span{ background:#e5e5e5; opacity:1;}
.indexbanner .swiper-pagination span.swiper-pagination-bullet-active{ background:#1f0209;}
@media only screen and (max-width: 2200px) {
	.indexbanner{  height:800px;}
}
@media only screen and (max-width: 1920px) {
.indexbanner{  height:750px;}	
}
@media only screen and (max-width: 1600px) {
.indexbanner{  height:650px;}	
}
@media only screen and (max-width: 1440px) {
.indexbanner{  height:550px;}	
}
@media only screen and (max-width: 1280px) {
.indexbanner{  height:450px;}	
}
@media only screen and (max-width: 800px) {
.indexbanner{  height:350px;}	
}
@media only screen and (max-width: 600px) {
.indexbanner{  height:280px;}	
.indexbanner .btn{ display:none;}
.indexbanner .swiper-pagination{ bottom:20px;}
}
@media only screen and (max-width: 460px) {
.indexbanner{  height:240px;}	
.indexbanner .swiper-pagination{ bottom:15px;}
}
@media only screen and (max-width: 400px) {
.indexbanner{  height:220px;}	
}
@media only screen and (max-width: 375px) {
.indexbanner{  height:200px;}	
}
@media only screen and (max-width: 340px) {
.indexbanner{  height:180px;}	
}
.index-bbt{ text-align:center; margin-bottom:5%;}
.index-bbt .cn{ color:#4f000f; font-size:32px; font-weight:600; line-height:1.3; margin-bottom:5px;}
.index-bbt .en{ color:#a9a9a9; font-size:16px; line-height:1.4;}
.index-bbt.bai .cn{ color:#fff;}
.index-bbt.bai .en{ color:rgba(255,255,255,0.6);}
/*index-four*/
.index-four{ padding:5% 0; width:94%; max-width:1200px; margin:auto;}
.index-four .list:after{ content:""; display:block; clear:both;}
.index-four .list .item{ float:left; width:22%; margin:0 1.5%; text-align:center;}
.index-four .list .item .tu img{ display:block; margin:auto; width:50%;}
.index-four .list .item .bt{ padding:15px 0; color:#4f000f; font-size:24px; font-weight:bold;}
.index-four .list .item .demo{ font-size:12px; color:#626262; line-height:20px; height:80px; margin-bottom:5px; overflow:hidden;}
.index-four .list .item .href{ width:28px; height:28px; display:block; content:""; border:2px solid #d3b685; position:relative; margin:auto; border-radius:100%;}
.index-four .list .item .href:after{ content:""; width:5px; height:5px; border-bottom:2px solid #d3b685;border-right:2px solid #d3b685; position:absolute; top:50%; left:50%; margin:-2px 0 0 -2px;
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);}
.index-four .list .item:hover .href{ border-radius:0px; transform:rotate(45deg);border-color:#4f000f;}
.index-four .list .item:hover .bt{ letter-spacing:10px; padding-left:10px;}

.index-four .list .item:hover .href:after{ width:8px; height:8px;  margin:-4px 0 0 -4px; border:2px solid #4f000f; border-radius:100%;}
.index-four .list .item:hover .tu img{ transform:scale(1.2);}
@media only screen and (max-width: 1280px) {
	.index-bbt .cn{ font-size:26px;}
	.index-bbt .en{ font-size:14px;}
	
}
@media only screen and (max-width: 1280px) {
.index-bbt .cn{ font-size:22px;}
.index-bbt .en{ font-size:12px;}	
}
@media only screen and (max-width: 800px) {
.index-bbt{ padding-top:3%;}	
.index-four .list .item{ float:none; width:100%; margin:0 0 4%; padding-left:100px; position:relative; text-align:left; min-height:92px;}	
.index-four .list .item .tu{ position:absolute; left:0px; top:0px; width:80px;}	
.index-four .list .item .tu img{ width:100%;}
.index-four .list .item .bt{ padding:8px 0; font-size:20px; font-weight:400;}
.index-four .list .item .demo{ font-size:14px;}
.index-four .list .item .href{ display:none;}
}
@media only screen and (max-width: 500px) { 
.index-bbt .cn{ font-weight:400;}

}
@media only screen and (max-width: 359px) {
	.index-four .list .item .bt{  font-size:18px; }
.index-four .list .item .demo{ font-size:12px;}
	}
/*index-six*/
.index-six{ background-color:#2f241d; background-image:url(../images/9999_02.jpg); background-position:center; background-repeat:no-repeat; padding:5% 0;}
.index-six .mm{ width:94%; max-width:1380px; margin:auto;}
.index-six .list:after{ content:""; display:block; clear:both;}
.index-six .list .item{ width:16.6666666666666666%; float:left; text-align:center; color:#fff;}
.index-six .list .item .tu{ margin-bottom:8px;}

.index-six .list .item .demo{ line-height:1.6;}
@media only screen and (max-width: 1280px) {
.index-six .list .item .tu img{ width:50px;}	
	
}
@media only screen and (max-width: 800px) {
.index-six .list .item{ width:33.3333333333333%; margin-bottom:15px;}	
}
/*index-three*/
.index-three{ background:#ebebeb; padding:5% 0;}
.index-three .mm{ width:94%; max-width:1200px; margin:auto;}
.index-three .list:after{ content:""; display:block; clear:both;}
.index-three .list .item{ display:block; width:32%;  background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.175); float:left; padding:5% 3% 4%;}
.index-three .list .item:nth-child(2){margin:0 2%;}
.index-three .list .item .tu img{ display:block; height:110px; margin:auto;}
.index-three .list .item .tu{ margin-bottom:15%;}
.index-three .list .item .bt{ color:#1f0209; font-size:24px; text-align:center; height:30px; line-height:30px; overflow:hidden; margin-bottom:5%;}
.index-three .list .item .demo{ color:#535353; line-height:20px; height:60px; font-size:14px; overflow:hidden;}
@media only screen and (max-width: 1280px) {
	.index-three .list .item .bt{ font-size:20px;}
	.index-three .list .item .demo{ font-size:12px;}
	.index-three .list .item .tu img{  height:95px;}
	}
@media only screen and (max-width: 800px) {
	.index-three .list .item .tu{ padding-top:10px;}
	.index-three .list .item .tu img{  height:75px;}
	.index-three .list .item .tu{ margin-bottom:20px;}
.index-three .list .item,.index-three .list .item:nth-child(2){ width:48.5%; margin:0 3% 3% 0;}
.index-three .list .item:nth-child(2){ margin-right:0px;}
.index-three .list .item:nth-child(3){ width:100%; margin-right:0px;}
.index-three .list .item .demo{ font-size:14px;}
}
@media only screen and (max-width: 450px) {
	.index-three .list .item{ border-radius:0px; margin-bottom:5%; box-shadow:none;}
	.index-three .list .item .tu img{  height:60px;}
	.index-three .list .item,.index-three .list .item:nth-child(2){ width:100%; margin:0 0% 3% 0;}
	}
	
	/*index-cp-type*/
.index-cp-type{
	 background-image:url(../images/cplb_03.png); background-position:50% 15px; background-size:auto 100px; background-repeat:no-repeat; padding:5% 0;overflow:hidden;
	
	}
.index-cp-type .index-bbt{ margin-bottom:2%;}	
.index-cp-type .mm{ width:94%; max-width:1200px; margin:auto; overflow:hidden;}	
.cp-typelist{ text-align:center;margin-bottom:3%;}	
.cp-typelist .swiper-wrapper{     text-align: center;
    width: auto;
    max-width: 100%;
    justify-content: center;}
.cp-typelist .swiper-slide{ width:auto; line-height:40px; height:40px; font-size:14px; display:inline-block; padding:0 26px; border-radius:2px;}	
.cp-typelist .swiper-slide.on{ color:#fff; background:#4f000f;}

.cp-itemlist .swiper-slide:after{ content:""; display:block; clear:both;}
.cp-itemlist .swiper-slide .item{
	width:-webkit-calc((100% - 40px)/3);
	width:-o-calc((100% - 40px)/3);
	width:-ms-calc((100% - 40px)/3);
	width:-moz-calc((100% - 40px)/3);
	width:calc((100% - 40px)/3);
	margin-bottom:20px;
	float:left;
	position:relative;
	overflow:hidden;
	}
.cp-itemlist .swiper-slide .item .z{ padding-top:81.86528497%;}	
.cp-itemlist .swiper-slide .item .tu{ position:absolute; width:100%; height:100%; left:0px; top:0px; background-position:center; background-repeat:no-repeat; background-size:cover;}	
.cp-itemlist .swiper-slide .item:nth-child(2){ margin:0 20px 20px;}	
.cp-itemlist .swiper-slide .item:nth-child(4){
	width:-webkit-calc((100% - 40px)/3*2 + 20px);
	width:-o-calc((100% - 40px)/3*2 + 20px);
	width:-ms-calc((100% - 40px)/3*2 + 20px);
	width:-moz-calc((100% - 40px)/3*2 + 20px);
	width:calc((100% - 40px)/3*2 + 20px);
	margin-right:20px;
	}
.cp-itemlist .swiper-slide .item:nth-child(4) .z{ 

padding-top:-webkit-calc((100% - 20px)/2 * 0.8186528497);
padding-top:-o-calc((100% - 20px)/2 * 0.8186528497);
padding-top:-ms-calc((100% - 20px)/2 * 0.8186528497);
padding-top:-moz-calc((100% - 20px)/2 * 0.8186528497);
padding-top:calc((100% - 20px)/2 * 0.8186528497);

}	
.cp-itemlist .swiper-slide .item .title{ background:rgba(0,0,0,0.6); position:absolute; width:100%; left:0px; bottom:0px; padding:8px 10px; color:#fff; z-index:2; line-height:1.4;}
@media only screen and (min-width: 800px) {
.cp-itemlist .swiper-slide .item .tu:hover{ transform:scale(1.1);}
}
@media only screen and (max-width: 800px) {
.index-cp-type .swiper-wrapper {
    justify-content: initial;
}
.cp-itemlist .swiper-slide .item{
	width:-webkit-calc((100% - 20px)/3);
	width:-o-calc((100% - 20px)/3);
	width:-ms-calc((100% - 20px)/3);
	width:-moz-calc((100% - 20px)/3);
	width:calc((100% - 20px)/3);
	margin-bottom:10px;
	
	}
.cp-itemlist .swiper-slide .item:nth-child(2){ margin:0 10px 10px;}	
.cp-itemlist .swiper-slide .item:nth-child(4){
	width:-webkit-calc((100% - 20px)/3*2 + 10px);
	width:-o-calc((100% - 20px)/3*2 + 10px);
	width:-ms-calc((100% - 20px)/3*2 + 10px);
	width:-moz-calc((100% - 20px)/3*2 + 10px);
	width:calc((100% - 20px)/3*2 + 10px);
	margin-right:10px;
	}
.cp-itemlist .swiper-slide .item:nth-child(4) .z{ 

padding-top:-webkit-calc((100% - 10px)/2 * 0.8186528497);
padding-top:-o-calc((100% - 10px)/2 * 0.8186528497);
padding-top:-ms-calc((100% - 10px)/2 * 0.8186528497);
padding-top:-moz-calc((100% - 10px)/2 * 0.8186528497);
padding-top:calc((100% - 10px)/2 * 0.8186528497);

}
}
@media only screen and (max-width: 600px) {
.cp-itemlist .swiper-slide .item,.cp-itemlist .swiper-slide .item:nth-child(2),.cp-itemlist .swiper-slide .item:nth-child(4){
	width:48.5%; margin:0 3% 3% 0;
	
	
	}	
.cp-itemlist .swiper-slide .item:nth-child(2n){ margin-right:0px;}	
.cp-itemlist .swiper-slide .item:nth-child(4) .z{ 
padding-top:81.86528497%;

}
.cp-itemlist .swiper-slide .item:nth-child(5){
	width:100%;

	}

}



/******************************************************************/
.caseshow{ background:rgba(0,0,0,.8); width:100%; position:fixed; height:100%; left:0px; top:0px; z-index:20;-webkit-transform:scale(0.00000000000001);transform:scale(0.000000000000001); opacity:0; transition:all .3s;}
.caseshow.on{ -webkit-transform:scale(1);transform:scale(1); opacity:1; z-index:10;}
.savebox{ display:none;}
.caseshow .gb{ position:fixed; right:10px; top:10px; width:40px; height:40px; z-index:10; cursor:pointer;}
.caseshow .gb:after,.caseshow .gb:before{ content:""; display:block; width:24px; height:2px; background:#fff; position:absolute; top:50%; left:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); margin-left:-12px}
.caseshow .gb:after{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.caseshow .swiper-slide{    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;}
.caseshow .swiper-slide img{ max-height:100%; max-width:100%; width:auto; height:auto;}	
/******************************************************************/







/**/
.index-cpclass{ padding:5% 0; background-color:#1a1a1a; background-image:url(../images/cptype_02.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; 
}	
.index-cpclass .mm{ width:94%; max-width:1200px; margin:auto;}
.index-cpclass .list:after{ content:""; display:block; clear:both;}
.index-cpclass .list .item{
	 float:left;
	 margin-left:6px;
	width:-webkit-calc((100% - 42px)/8);
	width:-moz-calc((100% - 42px)/8);
	width:-ms-calc((100% - 42px)/8);
	width:-o-calc((100% - 42px)/8);
	width:calc((100% - 42px)/8);
	
	
	
	}
.index-cpclass .list .item a{ color:#fff; border:1px solid rgba(255,255,255,0.6); display:block; position:relative; padding:15px;} 	
.index-cpclass .list .item a img{ opacity:0; display:block; width:100%;}
.index-cpclass .list .item:nth-child(8n+1){ margin-left:0px;}	
.index-cpclass .list .item a .title{ left:15px; top:15px; position:absolute;}
.index-cpclass .list .item a .title .cn{ font-size:16px; margin-bottom:3px;}
.index-cpclass .list .item a .title .en{ font-size:14px;text-transform:capitalize}
.index-cpclass .list .item a .tu{ width:50%; height:50%; bottom:0px; right:0px; position:absolute;
-o-filter:invert(1);
-moz-filter:invert(1);
-ms-filter:invert(1);
-webkit-filter:invert(1);
filter:invert(1);
background-position:bottom right; background-repeat:no-repeat; background-size:120% 120%;

}



@media only screen and (min-width: 800px) {
.index-cpclass .list .item a:hover{ background-color:#200006; z-index:20; transform:scale(1.2);} 	
.index-cpclass .list .item a:hover .title{ top:100%; margin-top:-15px;
transform:translateY(-100%);


 }
.index-cpclass .list .item a:hover .tu{  bottom:50%;}
}
@media only screen and (max-width: 1280px) {
.index-cpclass .list .item a .title{ left:10px; top:10px;}
.index-cpclass .list .item a{ padding:10px;}	
.index-cpclass .list .item a .title .cn{ font-size:14px;}	
.index-cpclass .list .item a .title .en{ font-size:12px;}	
}
@media only screen and (max-width: 800px) {
	.index-cpclass .list .item:nth-child(4n+1){ margin-left:0px;}	
.index-cpclass .list .item{
	margin-left:6px;
	margin-top:6px;
	width:-webkit-calc((100% - 18px)/4);
	width:-moz-calc((100% - 18px)/4);
	width:-ms-calc((100% - 18px)/4);
	width:-o-calc((100% - 18px)/4);
	width:calc((100% - 18px)/4);
	}	
}
@media only screen and (max-width: 500px) {
	.index-cpclass .list .item{
	margin-left:6px;
	margin-top:6px;
	width:-webkit-calc((100% - 6px)/2);
	width:-moz-calc((100% - 6px)/2);
	width:-ms-calc((100% - 6px)/2);
	width:-o-calc((100% - 6px)/2);
	width:calc((100% - 6px)/2);
	}
.index-cpclass .list .item a .title .cn{ font-size:16px;}	
.index-cpclass .list .item a .title .en{ font-size:14px;}		
.index-cpclass .list .item:nth-child(2n+1){ margin-left:0px;}		
}

/*index-case*/
.index-case{ background:#200006;  position:relative; border-top:2px solid #d3b685;}
.index-case .hrefy{ color:#fff;background:#d3b685; position:absolute; top:0px; right:28%; line-height:70px; width:23%; max-width:275px; min-width:180px; padding:0 22px; font-size:18px;
-moz-transform:translateX(50%);
-ms-transform:translateX(50%);
-o-transform:translateX(50%);
-webkit-transform:translateX(50%);
transform:translateX(50%);

}
.index-case .hrefy span{ width:40px; height:40px; border:1px solid #fff; position:absolute; display:block; top:50%; margin-top:-20px; right:22px;}
.index-case .hrefy span:after{ content:""; display:block; width:13px; height:3px; top:50%; left:50%; margin:-1px -6px; position:absolute; background:#fff;}
.index-case .hrefy span:before{ content:""; display:block; width:3px; height:13px; top:50%; left:50%; margin:-6px -1px; position:absolute; background:#fff;}
.index-case .hrefy:hover span{ border-radius:100%; transform:rotate(90deg);}
.index-case:After{ background:#d2b584; padding-bottom:15%; width:100%; position:absolute; display:block; left:0px; bottom:0px; content:"";}
.index-case .mm{ width:94%; max-width:1200px; margin:auto; position:relative;padding:5% 0 5%; z-index:2;}
.index-case .mm:after{ content:""; display:block; clear:both;}
.index-case .mm .list{ position:relative; padding-top:40px;}
.index-case .mm .list:before{ content:""; display:block; position:absolute; width:100%;  right:50%; top:0px; 
height:105%;
height:-webkit-calc(100% + 32px);
height:-moz-calc(100% + 32px);
height:-o-calc(100% + 32px);
height:-ms-calc(100% + 32px);
height:calc(100% + 32px);


}
.index-case .mm .index-bbt{ text-align:left; margin-bottom:3%;}
.index-case .mm .list .item{ position:relative; z-index:2; margin-bottom:40px;
float:left; width:32%; margin:0 2% 2% 0;



}
.index-case .mm .list .item:nth-child(3n){ margin-right:0px;}
.index-case .mm .list .item a{ display:block; text-align:center;}
.index-case .mm .list .item a .tu{ background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:68.9%;}


.index-case .mm .list .item  a{ display:block; background:#fff;  overflow:hidden; font-size:16px; color:#383838;}

.index-case .mm .list .item  a .title{line-height:80px; height:80px; }


@media only screen and (max-width: 1600px) {
.index-case .hrefy{ font-size:16px; line-height:60px;}	


.index-case .mm .list .item  a .title{line-height:60px; height:60px; }
	
}
@media only screen and (max-width: 1440px) {
.index-case .hrefy{ font-size:14px; line-height:52px;}	
.index-case .hrefy span{ width:32px; height:32px;margin-top:-16px;}	

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

	.index-case .mm .list:before{ right:29%;}
	.index-case .hrefy{ right:0px;

-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
-o-transform:translateX(0%);
-webkit-transform:translateX(0%);
transform:translateX(0%);
}	
.index-case .mm .list .item  a{ font-size:14px; }

.index-case .mm .list .item  a .title{line-height:40px; height:40px; }

}
@media only screen and (max-width: 640px) {
.index-case .mm .list{ padding-top:20px;}	
.index-case .mm .list .item,.index-case .mm .list .item:nth-child(3n) { width:48.5%; margin:0 3% 3% 0;}	
.index-case .mm .list .item:nth-child(2n){ margin-right:0px;}
.index-case .mm .list .item  a{ font-size:12px; }



}
/*首页关于我们*/
.index-about{ background-image:url(../images/iabbg_03.jpg); background-size:auto 100%; background-repeat:no-repeat; background-position:70% 0; background-color:#f3f4f6;}
.index-about .mm{ width:94%; max-width:1100px; margin:auto; position:relative; padding-left:40px;}
.index-about .mm:before{ content:""; display:block; padding-top:23.63636363%;}

.index-about .mm .text:after{ content:""; display:block; bottom:-40px; left:-40px; height:70%; background:#d3b685; position:absolute; width:41%;
width:-webkit-calc(41% + 40px);
width:-moz-calc(41% + 40px);
width:-ms-calc(41% + 40px);
width:-o-calc(41% + 40px);
width:calc(41% + 40px);
box-shadow:0 0 15px rgba(0,0,0,0.175);


}

.index-about .mm .text{ background:rgba(255,255,255,0.9); padding-left:45%; position:relative; box-shadow:0 0 15px rgba(0,0,0,0.175); z-index:2;}
.index-about .mm .text .tu{ width:41%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden; z-index:2;}
.index-about .mm .text .tu a{ background-size:cover; background-repeat:no-repeat; background-position:center; display:block; top:0px; left:0px; width:100%; height:100%;}
.index-about .mm .text .content{ padding:6% 5% 6% 0; min-height:250px;}
.index-about .mm .text .content .bbt{ margin-bottom:15px;}
.index-about .mm .text .content .bbt .cn{ color:#4f000f; font-size:32px; font-weight:bold;}
.index-about .mm .text .content .bbt .en{ color:#a9a9a9; font-size:16px;}
.index-about .mm .text .content .demo{ line-height:2;}
.index-about .mm .text .content .href{ padding-top:15px;}
.index-about .mm .text .content .href a{ width:96px; height:38px; display:block; text-align:center; border:1px solid #d3b685; border-radius:3px; color:#d3b685; line-height:36px;}



@media only screen and (min-width: 800px) {
.index-about .mm .text .tu a:hover{ transform:scale(1.1);}	
.index-about .mm .text .content .href a:hover{ background:#d3b685; color:#fff;}
}
@media only screen and (max-width: 799px) {
.index-about{background-position:50% 0;}	
.index-about .mm{ padding:100px 0 30px;}	
.index-about .mm .text .tu{ display:none}	
.index-about .mm .text{ padding-left:5%;}
.index-about .mm .text:after{ display:none;}
.index-about .mm .text{ border-radius:10px 50px 100px 10px;}
}
/*index-wang*/
.index-wang{ padding:6% 0 5%; margin:auto; width:94%; max-width:1400px; overflow:hidden;}
.index-wang .indexwang{ position:relative; overflow:hidden; padding:0 100px;}
.index-wang .indexwang .btn{ width:100px; height:100%; background:#fff; position:absolute; top:0px; cursor:pointer; z-index:2;}
.index-wang .indexwang .btn.prev{ left:0px;}
.index-wang .indexwang .btn.next{ right:0px;}
.index-wang .indexwang .btn:before{ width:44px; height:44px; border-radius:100%; border:3px solid #d3b685; display:block; content:""; top:50%; margin-top:-25px; position:absolute;}
.index-wang .indexwang .btn.prev:before{ left:10px;}
.index-wang .indexwang .btn.next:before{ right:10px;}
.index-wang .indexwang .btn:after{ width:18px; height:18px; content:""; display:block; border-left:3px solid #d3b685; border-bottom:3px solid #d3b685; top:50%; margin-top:-11px; position:absolute;}
.index-wang .indexwang .btn.prev:after{
	 left:27px;
	 -webkit-transform:rotate(45deg);
	 -moz-transform:rotate(45deg);
	 -ms-transform:rotate(45deg);
	 -o-transform:rotate(45deg);
	 transform:rotate(45deg);
	
	}
.index-wang .indexwang .btn.next:after{
	 right:27px;
	 -webkit-transform:rotate(-135deg);
	 -moz-transform:rotate(-135deg);
	 -ms-transform:rotate(-135deg);
	 -o-transform:rotate(-135deg);
	 transform:rotate(-135deg);
	
	}	


.index-wang .indexwang .swiper-slide{ width:33.333%;}
.index-wang .indexwang .swiper-slide .m{
	    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;
	background:#f9f9f9;
	
	}
.index-wang .indexwang .swiper-slide:nth-child(2n) .m{

    
	-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	
	}
	
.index-wang .indexwang .swiper-slide .m .tu img{ display:block; width:100%;}
.index-wang .indexwang .swiper-slide .m .demo{ height:110px;    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; color:#4f000f; overflow:hidden;}	
	.index-wang .indexwang .swiper-slide .m .demo .title{ display:block; font-size:20px; position:relative;}	
	.index-wang .indexwang .swiper-slide .m .demo .title:after{ content:""; display:block; width:10px; height:10px; border:1px solid #4f000f; margin:10px auto; border-radius:100%;}
	@media only screen and (max-width: 1024px) {
	.index-wang .indexwang{ padding:0 0;}	
	.index-wang .indexwang .btn{ display:none;}	
	.index-wang .indexwang .swiper-slide{ width:100%;}
	.index-wang .indexwang .swiper-slide .m .demo .title{ font-size:18px;}
	
	}
	@media only screen and (max-width: 640px) {
		.index-wang .indexwang .swiper-slide .m .demo .title{ font-size:16px;}
		.index-wang .indexwang .swiper-slide .m{  
	-ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;}
		
	}
/*index-9*/
.index-9{ background-image:url(../images/i9_02.jpg); background-position:bottom; background-size:cover; background-repeat:no-repeat; padding:5% 0; background-color:#071a1c;}	
.index-9 .mm{ width:94%; max-width:1200px; margin:auto; position:relative; border-bottom:1px solid rgba(255,255,255,0.15); border-right:1px solid rgba(255,255,255,0.15);}
.index-9 .mm:after{ content:""; clear:both; display:block;}
.index-9 .mm .index-bbt{ top:5%; left:0px; position:absolute;}
.index-9 .mm .item{border-top:1px solid rgba(255,255,255,0.15); border-left:1px solid rgba(255,255,255,0.15); float:left;  width:25%;}
.index-9 .mm .item .box{color:#fff; padding:8% 5%; cursor:default;}
.index-9 .mm .item .box .title{ height:40px; position:relative; margin-bottom:30px; padding-left:53px; line-height:40px; font-size:16px;}
.index-9 .mm .item .box .title:after{ height:1px; width:40px; top:58px; left:0px; position:absolute; background:#fff; opacity:.15; content:""; display:block;}
.index-9 .mm .item .box .title .tu{ border:1px solid #fff; border-radius:100%; width:40px; left:0px; height:40px; border:1px solid #fff; position:absolute;}
.index-9 .mm .item .box .title .tu div{ width:100%; height:100%; position:absolute; left:0px; top:0px; transition:all .5s; background-position:center; background-size:auto 50%; background-repeat:no-repeat;}
.index-9 .mm .item .box .title .tu div.huang,.index-9 .mm .item .box:hover .title .tu div.bai{ opacity:0;}
.index-9 .mm .item .box:hover .title .tu div.huang{ opacity:1;}
.index-9 .mm .item .box .demo{ line-height:24px; color:#fff; opacity:.6; height:72px;}
.index-9 .mm .item:nth-child(1){ margin-left:50%;}
.index-9 .mm .item:nth-child(3){ margin-left:25%;}
.index-9 .mm .item.item1 .box .title .tu div.bai{ background-image:url(../images/9b_03.png);}
.index-9 .mm .item.item2 .box .title .tu div.bai{ background-image:url(../images/9b_05.png);}
.index-9 .mm .item.item3 .box .title .tu div.bai{ background-image:url(../images/9b_10.png);}
.index-9 .mm .item.item4 .box .title .tu div.bai{ background-image:url(../images/9b_12.png);}
.index-9 .mm .item.item5 .box .title .tu div.bai{ background-image:url(../images/9b_14.png);}
.index-9 .mm .item.item6 .box .title .tu div.bai{ background-image:url(../images/9b_20.png);}
.index-9 .mm .item.item7 .box .title .tu div.bai{ background-image:url(../images/9b_22.png);}
.index-9 .mm .item.item8 .box .title .tu div.bai{ background-image:url(../images/9b_24.png);}
.index-9 .mm .item.item9 .box .title .tu div.bai{ background-image:url(../images/9b_26.png);}
.index-9 .mm .item.item1 .box .title .tu div.huang{ background-image:url(../images/9h_03.png);}
.index-9 .mm .item.item2 .box .title .tu div.huang{ background-image:url(../images/9h_05.png);}
.index-9 .mm .item.item3 .box .title .tu div.huang{ background-image:url(../images/9h_10.png);}
.index-9 .mm .item.item4 .box .title .tu div.huang{ background-image:url(../images/9h_12.png);}
.index-9 .mm .item.item5 .box .title .tu div.huang{ background-image:url(../images/9h_14.png);}
.index-9 .mm .item.item6 .box .title .tu div.huang{ background-image:url(../images/9h_20.png);}
.index-9 .mm .item.item7 .box .title .tu div.huang{ background-image:url(../images/9h_22.png);}
.index-9 .mm .item.item8 .box .title .tu div.huang{ background-image:url(../images/9h_24.png);}
.index-9 .mm .item.item9 .box .title .tu div.huang{ background-image:url(../images/9h_26.png);}
.index-9 .mm .item .box:hover{ background:#4f000f; color:#d3b685; transform:scale(1.1); }
.index-9 .mm .item .box:hover .title .tu{ border-color:#d3b685;}


@media only screen and (max-width: 1024px) {
.index-9 .mm .item{ width:33.333333333333333%; font-size:12px;}	
.index-9 .mm .item:nth-child(1){ margin-left:66.666666666666666%;}	
.index-9 .mm .item:nth-child(2){ margin-left:33.333333333333333%;}	
.index-9 .mm .item:nth-child(3){ margin-left:0%;}		
}
@media only screen and (max-width: 720px) {
.index-9 .mm .item{ width:50%;}		
.index-9 .mm .item:nth-child(1){ margin-left:50%;}
.index-9 .mm .item:nth-child(2){ margin-left:0%;}		
}
@media only screen and (max-width: 500px) {
.index-9 .mm .index-bbt{ top:-5%; left:0px; position:absolute;}	
.index-9 .mm{ margin-top:100px;}	
.index-9 .mm .item{ width:100%; font-size:14px;}		
.index-9 .mm .item:nth-child(1){ margin-left:0%;}
	
}
/**/
.index-16{ padding:5% 0; background:#ebebeb;}
.index-16 .mm{ width:94%; max-width:1200px; margin:auto; padding:20px 20px; overflow:hidden;}
.index-16 .mm:after{ content:""; clear:both; display:block;}
.index-16 .mm .item{ display:block; float:left; width:12.5%; text-align:center;padding-bottom:2%;}
.index-16 .mm .item .tu-box .jt{ position:absolute; left:100%; top:50%; margin-top:5px; width:17.333333333333%;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);


}
.index-16 .mm .item .tu-box .jt img{ display:block; width:100%;
}

.index-16 .mm .item .tu-box{ padding-top:10px; margin-bottom:20px; position:relative; }
.index-16 .mm .item .tu-box .tu{ position:relative; display:inline-block; max-width:60%;}
.index-16 .mm .item .tu-box .tu img{display:block; width:100%; border-radius:8px;}
.index-16 .mm .item .tu-box .tu:after{ width:10000px; height:100%; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; position:absolute; left:-100px; top:0px; content:""; display:block;}
.index-16 .mm .item .tu-box .tu:before{ height:10000px; width:100%; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; position:absolute; left:0px; top:-100px; content:""; display:block;}
.index-16 .mm .item .title{  position:relative; z-index:2; height:14px; line-height:14px; font-size:14px;}
.index-16 .mm .item .title:after{ width:10000px; height:1px; content:""; display:block; background:#d5d5d5; left:-100px; bottom:0px; position:absolute;}
.index-16 .mm .item .title:before{ width:10000px; height:1px; content:""; display:block; background:#d5d5d5; left:-100px; top:0px; position:absolute;}
.index-16 .mm .item:nth-child(8n) .tu-box .jt{ display:none;}
@media only screen and (max-width: 1024px) {
.index-16 .mm .item{ width:16.666666666%;}	
.index-16 .mm .item:nth-child(8n) .tu-box .jt{ display:block;}
.index-16 .mm .item:nth-child(6n) .tu-box .jt,.index-16 .mm .item:nth-child(16) .tu-box .jt{ display:none;}
}
@media only screen and (max-width: 640px) {
.index-16{ width:100%; padding:0px;}	
.index-16 .mm{ padding:3%; width:100%;}	
.index-16 .mm .item{ width:25%;}	
.index-16 .mm .item:nth-child(6n) .tu-box .jt{ display:block;}
.index-16 .mm .item:nth-child(4n) .tu-box .jt{ display:none;}	
.index-16 .mm .item .tu-box{ margin-bottom:10px;}
	
}
@media only screen and (max-width: 500px) {
.index-16 .mm .item .title{ font-size:12px;line-height:15px;}	
.index-16 .mm .item .tu-box .tu{ width:80%;}	
}
@media only screen and (max-width: 360px) {
.index-16 .mm .item .title{ font-size:10px;}	
	
}
/*index-news*/
.index-news{  padding:5% 0;}
.index-news .mm{width:94%; max-width:1200px; margin:auto;}
.index-news .mm .newsbbt{ text-align:center; margin-bottom:4%;}
.index-news .mm .newsbbt .bbt{ display:inline-block; color:#4f000f; font-size:32px; font-weight:600; line-height:1.6; position:relative;}
.index-news .mm .newsbbt .href{ font-size:14px; color:#a9a9a9;}
.index-news .mm .newsbbt .bbt:after{ content:""; display:block; width:100%; left:120%; top:50%; background:#ebebeb; position:absolute; height:1px;}
.index-news .mm .newsbbt .bbt:before{ content:""; display:block; width:100%; right:120%; top:50%; background:#ebebeb; position:absolute; height:1px;}
.index-news .mm .nlist:after{ content:""; display:block; clear:both;}

.index-news .mm .nlist .indexnews{
	width: -ms-calc(50% - 11px);
	width: -o-calc(50% - 11px);
	width: -webkit-calc(50% - 11px);
    width: -moz-calc(50% - 11px);
    width: calc(50% - 11px);
	float:left;
	height:330px;
	margin-right:22px;
	overflow:hidden;
	
	}
.index-news .mm .nlist .indexnews .swiper-slide a{ display:block; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}	
.index-news .mm .nlist .indexnews .swiper-slide a .title{ background:rgba(0,0,0,0.6); padding:10px 15px; color:#fff; line-height:1.5; font-size:16px; position:absolute; left:0px; bottom:0px; z-index:2; width:100%;}
.index-news .mm .nlist .newshd{width: -ms-calc(50% - 11px);
	width: -o-calc(50% - 11px);
	width: -webkit-calc(50% - 11px);
    width: -moz-calc(50% - 11px);
    width: calc(50% - 11px);
	float:left;
    }
.index-news .mm .nlist .newshd .item.on a{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.175)}	
.index-news .mm .nlist .newshd .item { margin-top:19px;}	
.index-news .mm .nlist .newshd .item:nth-child(1){ margin-top:0px;}
.index-news .mm .nlist .newshd .item a{ display:block; height:98px; border-radius:4px; background:#ededed;
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:13px 0 15px;
	color:#7b7b7b;
	position:relative;

}	
.index-news .mm .nlist .newshd .item a .rq{ width:100px; text-align:center;}
.index-news .mm .nlist .newshd .item a .rq .big{ font-size:48px; line-height:48px; height:48px;}
.index-news .mm .nlist .newshd .item a .rq .small{ font-size:14px; color:#8a8a8a; line-height:16px;}
.index-news .mm .nlist .newshd .item a .demo{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; padding-right:15px; width:auto;transition:all .5s;}
.index-news .mm .nlist .newshd .item a .demo .title{ line-height:28px; height:28px; overflow:hidden; font-size:14px; margin-bottom:2px;    }
.index-news .mm .nlist .newshd .item a .demo .text{ font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.index-news .mm .nlist .newshd .item a .biao{ border-radius:0 4px 4px 0; width:0px; background:#4f000f; position:absolute; height:100%; transition:all .5s; top:0px; right:0px; overflow:hidden;}
.index-news .mm .nlist .newshd .item a .biao:after{ content:""; display:block; width:50%; height:2px; background:#d4b684; position:absolute; top:55%; right:25%;}
.index-news .mm .nlist .newshd .item a .biao:before{content:""; display:block; width:20px;background:#d4b684; position:absolute; top:55%; right:25%;height:2px; margin:-6px -3px 0 0; transform:rotate(45deg);}
.index-news .mm .nlist .newshd .item.on a .biao{width:100px;}
.index-news .mm .nlist .newshd .item.on a .demo{ padding-right:110px;}
@media only screen and (max-width: 1440px) {
	.index-news .mm .newsbbt .bbt{ font-size:26px;}
	
	
}
@media only screen and (max-width: 1280px) {
.index-news .mm .newsbbt .bbt{ font-size:22px;}
.index-news .mm .nlist .newshd .item a .rq{ width:70px;}
.index-news .mm .nlist .newshd .item a .rq .big{ font-size:40px;}
.index-news .mm .nlist .newshd .item a .rq .small{ font-size:12px;}
}
@media only screen and (max-width: 740px) {
.index-news .mm .newsbbt .bbt{ padding-top:3%;}		
}
@media only screen and (max-width: 740px) {
.index-news .mm .nlist .indexnews{ width:100%; margin-right:0px; float:none; margin-bottom:19px;}	
.index-news .mm .nlist .newshd{
	 width:100%; float:none;
	}

}
@media only screen and (max-width: 500px) { 
.index-news{  padding:6% 0;}
.index-news .mm .newsbbt .bbt{ font-weight:400;}
.index-news .mm .nlist .indexnews{ height:240px;}
.index-news .mm .nlist .newshd .item a .biao{ display:none;}
.index-news .mm .nlist .newshd .item.on a .demo{ padding-right:15px;}
.index-news .mm .nlist .indexnews .swiper-slide a .title{ font-size:14px;}

}
@media only screen and (max-width: 359px) {
	.index-news .mm .newsbbt .bbt{  font-size:18px; }

	}
/*加盟*/
.index-join{ padding:5% 0; border-top:1px solid #d3d3d3;}
.index-join .mm{ max-width:1200px; width:94%; margin:auto;}
.index-join .mm .form .ts{ font-style:italic; font-size:12px; margin-top:10px; color:#999; clear:both;}
.index-join .mm .form form input{ display:block; float:left;
width: -ms-calc(((100% - 66px) - 15%)/3);
	width: -o-calc(((100% - 66px) - 15%)/3);
	width: -webkit-calc(((100% - 15px) - 20%)/3);
    width: -moz-calc(((100% - 66px) - 15%)/3);
    width: calc(((100% - 66px) - 15%)/3);
	margin-right:22px;
	background:#f4f4f4;
	line-height:60px; height:60px; padding:0 15px; border:0px; margin-bottom:22px;
	font-size:14px;






}
.index-join .mm .form form button{ width:15%; background:#4f000f; height:60px; border:0px; cursor:pointer; color:#d4b684;font-size:14px; margin-bottom:22px;}
@media only screen and (max-width: 1024px) { 
.index-join .mm .form form input,.index-join .mm .form form button{ width:48.5%; margin:0 3% 3% 0;}
.index-join .mm .form form input:nth-child(2n){ margin-right:0px;}
.index-join .mm .form form button:nth-child(2n){ margin-right:0px;}
}
/*首页 end*/
.zi-banner{ height:560px; background-position:center; background-repeat:no-repeat; background-size:cover;    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;  }
.zi-banner .text{ text-align:center; font-size:60px;color:#fff; line-height:1.4;text-shadow:0 0 5px rgba(0,0,20px,0.175)}	
.zi-banner .text .en{ font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif}
.zi-banner .text .cn{ font-size:0.6em;}
.weizhi{  line-height:30px; color:#a3a3a3; border-bottom:1px solid #ebebec; background:#fff;}
.weizhi .mm{width:94%; max-width:1200px; margin:auto;position:relative; padding:15px 0;}
.weizhi a{ color:#a3a3a3;}
.weizhi span{ margin:0 5px;}
.weizhi .href{ position:absolute; top:0px; right:0px;}
.weizhi .href a{ display:inline-block; position:relative; height:60px; line-height:60px; font-size:14px; margin-left:20px; color:#666666; }
.weizhi .href a:hover,.weizhi .href a.on{ border-bottom:2px solid #4f000f; color:#4f000f;}
@media only screen and (max-width: 1600px) { 
.zi-banner{ height:500px;}
.zi-banner .text{ font-size:50px;}
}
@media only screen and (max-width: 1440px) { 
.zi-banner{ height:460px;}
.weizhi .mm{ padding:10px 0;}
.weizhi .href a{ height:50px; line-height:50px;}
.zi-banner .text{ font-size:44px;}
}
@media only screen and (max-width: 1280px) { 
.zi-banner{ height:380px;}
.zi-banner .text{ font-size:38px;}
}
@media only screen and (max-width: 800px) { 
.zi-banner{ height:320px;}
.weizhi .mm{ padding:5px 0;}
.zi-banner .text{ font-size:34px;}
.weizhi .href a{ height:40px; line-height:40px;}
}
@media only screen and (max-width: 740px) { .weizhi .href{ display:none} }
@media only screen and (max-width: 640px) {

.zi-banner{ height:280px;}
.pro-type{ display:none;}
.zi-banner .text{ font-size:28px;}
}
@media only screen and (max-width: 500px) { 
.zi-banner{ height:240px;}
}
@media only screen and (max-width: 380px) { 
.zi-banner{ height:220px;}
}

/*产品中心*/
.pro-type{ text-align:center; padding:37px 0; background:#d3b685;}
.pro-type .select-box{ display:inline-block; position:relative; width:48%; max-width:290px; background:#fff; height:50px; text-align:left; font-size:14px; margin:0 5px; z-index:9;}
.pro-type .select-box .bt{ padding:0 44px 0 20px; height:50px; line-height:50px; color:#4f000f; cursor:pointer;}
.pro-type .select-box .bt:after{ content:""; display:block; position:absolute; border-style:solid; border-width:4px; border-color:#4f000f transparent transparent transparent; top:50%; right:15px; margin-top:-2px;}
.pro-type .select-box .list{ background:#fff;  box-shadow:0 0 10px rgba(0,0,0,0.175); position:absolute; width:100%; top:65px; display:none; opacity:0; transform:translateY(15px);}
.pro-type .select-box[data-on="on"] .list{ opacity:1; transform:translateY(0px);}
.pro-type .select-box .list:after{ content:""; display:block;  border-style:solid; border-width:8px; border-color:transparent transparent #fff  transparent; position:absolute; top:-14px; left:50%; margin-left:-4px; }
.pro-type .select-box .list .item{ display:block;}
.pro-type .select-box .list .item a{ display:block; height:50px; line-height:50px; padding:0 20px;}
.pro-type .select-box .list .item a:hover,.pro-type .select-box .list .item.on a{ background:#eee;}
/**/
.prolist{ width:94%; max-width:1200px; margin:5% auto 0%;}
.prolist:after{ content:""; display:block; clear:both;}
.prolist .item{    
	width: -webkit-calc((100% - 40px)/3);
    width: -moz-calc((100% - 40px)/3);
	width: -ms-calc((100% - 40px)/3);
	width: -o-calc((100% - 40px)/3);
    width: calc((100% - 40px)/3);
	float:left;
	margin:0 20px 4% 0;
	cursor:pointer;
	
}
.prolist .item:nth-child(3n){ margin-right:0px;}
.prolist .item .text{ background:#f6f6f6; padding:15px 20px;}
.prolist .item .text .title{ line-height:32px; height:32px; overflow:hidden; font-weight:300; color:#2a2a2a; font-size:18px;}
.prolist .item .text .href{ font-size:12px; color:#4f000f;}
.prolist .item .tu{ padding-top:81.865%; position:relative; overflow:hidden;}
.prolist .item .tu .img{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.prolist .item .tu .dan{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(79,0,15,0.65); z-index:1; opacity:0;}
.prolist .item .tu .dan .quan{ width:56px; height:56px; border-radius:100%; border:4px solid #fff; position:absolute; left:50%; top:50%; margin:-28px;
transform:scale(2); opacity:0;}
.prolist .item .tu .dan .quan:after,.prolist .item .tu .dan .quan:before{ content:""; display:block; width:8px; height:8px; border-radius:100%; border-radius:100%; margin:-4px; left:50%; top:50%; background:#fff; position:absolute;}
.prolist .item .tu .dan .quan:after{ margin-left:-20px; box-shadow:32px 0 0 #fff;}
.prolist .item:hover .tu .dan .quan:after{ margin-left:-16px; box-shadow:24px 0 0 #fff;}	
.prolist .item:hover .tu .img{ transform:scale(1.2);}
.prolist .item:hover .tu .dan .quan{transform:scale(1); opacity:1;}
.prolist .item:hover .tu .dan{ opacity:1;}
/*产品中心 end*/
/*联系我们*/
.contact-main{
	background:#d1ae74; padding:5% 0;	
	}
.contact-main .mm{ width:94%; max-width:1200px; margin:auto; position:relative; padding-right:128px; color:#fff;}
.contact-main .mm:after{ content:""; display:block; clear:both;}
.contact-main .mm .ewm{ position:absolute; top:0px; right:0px; width:105px; text-align:center;}
.contact-main .mm .ewm img{ display:block; width:100%; margin:0 0 15px;}
.contact-main .mm .item{
	position:relative;   
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; min-height:46px; padding-left:60px; float:left; width:46%;}
.contact-main .mm .item.big{ font-size:24px;}	
.contact-main .mm .item .tt{ width:100%; text-align:left;}
.contact-main .mm .item:nth-child(1),.contact-main .mm .item:nth-child(2){ margin-bottom:4%;}	
.contact-main .mm .item img{ height:46px;; display:block; position:absolute; left:0px; top:0px;}
.allmap{ height:600px; border-bottom:1px solid #ddd;}	
.allmap img{ max-width:100000px;}
#feedbackm{ background:#f5f5f5; padding:5% 0;}
#feedbackm .mm{ width:94%; max-width:1200px; margin:auto;}
#feedbackm .mm .bbt{ text-align:center; margin-bottom:4%;}
#feedbackm .mm .bbt .bt{ display:inline-block; line-height:1.4; position:relative;}
#feedbackm .mm .bbt .bt .cn{ color:#4f000f; font-size:36px; position:relative;}
#feedbackm .mm .bbt .bt .en{ color:#888888;}
#feedbackm .mm .bbt .bt .cn:after{ content:""; display:block; width:80%; left:130%; height:1px; top:50%; position:absolute; background:#ddd;}
#feedbackm .mm .bbt .bt .cn:before{ content:""; display:block; width:80%; right:130%; height:1px; top:50%; position:absolute; background:#ddd;}
#feedbackm .mm input{
	width: -webkit-calc((100% - 40px)/3);
    width: -moz-calc((100% - 40px)/3);
	width: -ms-calc((100% - 40px)/3);
	width: -o-calc((100% - 40px)/3);
    width: calc((100% - 40px)/3);
	float:left;
	margin:0 20px 20px 0;
	height:40px; border:1px solid #ddd; padding: 0 10px; line-height:38px;
	
	}
#feedbackm .mm textarea{ clear:both; width:100%; height:200px;border:1px solid #ddd; padding: 5px 10px; line-height:28px;}	
	#feedbackm .mm input:Focus,#feedbackm .mm textarea:Focus{ border:1px solid #4f000f; color:#4f000f;}
#feedbackm .mm input:nth-child(3){ margin-right:0px;}	
#feedbackm .mm button{ display:inline-block; height:46px; padding:0 30px; border-radius:23px; color:#fff; font-weight:600; background:#4f000f; cursor:pointer; border:0px;}
/*联系我们 end*/
/*新闻*/
.news-main{ padding:5% 0;}
.newstj:after{ content:""; display:block; height:3px; width:100px; margin:auto; background:#d3b685;}
.news-main .newstj-list{ width:94%; max-width:1400px; margin:0 auto 5% ; position:relative; overflow:hidden; padding:0 100px;}
.news-main .newstj-list .swiper-slide 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;
	}
.news-main .newstj-list .swiper-slide a .tu{-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; position:relative; padding-top:39.36%;}	
.news-main .newstj-list .swiper-slide a .tu .img{ width:100%; position:absolute; padding-top:63.1%; top:50%; left:0px; margin-left:7.5862%; background-position:center; background-repeat:no-repeat; background-size:cover;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
z-index:1;


}	

.news-main .newstj-list .swiper-slide a .tu:before{ content:""; display:block;width:100%; position:absolute; padding-top:63.1%; border:1px solid #d3b685; bottom:1px; left:0px; } 
.news-main .newstj-list .swiper-slide a .text{ width:50%; position:relative;}	
.news-main .newstj-list .swiper-slide a .text .content{ position:absolute; width:100%;padding-top:63.1%;top:0%; left:0px;border:1px solid #d2d2d2;background:#fcfcfc;}
.news-main .newstj-list .swiper-slide a .text .content .bb{ width:100%; position:absolute; left:0px; top:50%; padding:0 5% 0 15%;
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.news-main .newstj-list .swiper-slide a .text .content .bb .title{ font-size:24px; color:#4f000f; line-height:30px; max-height:60px; overflow:hidden; margin-bottom:8px;}
.news-main .newstj-list .swiper-slide a .text .content .bb .rq{ color:#aaaaaa; font-size:12px;}
.news-main .newstj-list .swiper-slide a .text .content .bb .demo{ margin:6% 0; color:#3a3a3a; line-height:20px; max-height:60px; overflow:hidden;}
.news-main .newstj-list .swiper-slide a .text .content .bb .line{ width:62px; height:1px; background:#d4b889; margin-bottom:4%;}
.news-main .newstj-list .swiper-slide a .text .content .bb .href{ color:#d4b889}
.news-main .newstj-list .btn{ width:40px; height:45px; background-size:100% 100%; cursor:pointer; position:absolute; top:50%; margin-top:-23px; z-index:2;}
.news-main .newstj-list .btn.prev{ left:0px; background-image:url(../images/bbtn_05.png)}
.news-main .newstj-list .btn.next{ right:0px; background-image:url(../images/bbtn_07.png)}
.news-list{ width:94%; max-width:1200px; margin:5% auto 0;}
.news-list .list .item{ display:block; position:relative; padding-left:385px; height:196px; overflow:hidden; margin-bottom:4%;}
.news-list .list .item .tu{ position:absolute; left:0px; top:0px; height:196px; width:350px; display:block; background-position:center; background-size:cover; background-repeat:no-repeat;}

.news-list .list .item .tu:before{ content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#4f000f; opacity:0;}
.news-list .list .item .tu:after{ background-size:100% 100%; width:40px; height:40px; margin:-20px; top:50%; left:50%; position:absolute; display:block; content:""; background-image:url(../images/fdj_03.png);
transform:scale(2);
opacity:0;


}
.news-list .list .item .tu:hover:before{ opacity:.65}
.news-list .list .item .tu:hover:after{ opacity:1; transform:scale(1);}
.news-list .list .item .content{ position:relative;}
.news-list .list .item .content .title{ height:52px; line-height:26px; overflow:hidden; margin-bottom:3px;}
.news-list .list .item .content .title a{ font-size:24px; color:#393939;}
.news-list .list .item .content .title a:hover{ color:#4f000f;}
.news-list .list .item .content .demo{ line-height:24px; height:72px; overflow:hidden;}
.news-list .list .item .content .line{ background:#4f000f; width:56px; height:4px; margin:12px 0 35px;}
.news-list .list .item .content .bb{ line-height:18px; height:18px; overflow:hidden; position:relative; color:#c8c8c8;}
.news-list .list .item .content .bb a{ position:absolute; top:0px;color:#4f000f; right:0px;  }
/*详情*/
.newsview-main{ width:94%; max-width:1200px; margin:5% auto;}
.newsview-main .title{ text-align:center; color:#4f000f; line-height:1.4; font-size:30px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;}
.newsview-main .xx{ text-align:center; padding:0 0 4%;}
.newsview-main .xx .item{ display:inline-block;}
.newsview-main .xx .item:nth-child(2){ margin:0 30px;}
.newsview-main .xx .item .bshare-custom{ display:inline-block;}
.newsview-main .view{ line-height:2;}
.newsview-main .view:after{ content:""; display:block; clear:both; padding-bottom:3%; border-bottom:1px solid #ddd;}
.newsview-main .bottom{ line-height:20px; padding-top:20px;}
.newsview-main .bottom a:hover{ color:#4f000f;}
/*新闻 end*/
/*经销商专区*/
.download-list{ width:94%; max-width:1200px; margin: auto; position:relative;}

.download-list .list .item{ width:31%; float:left; margin:0 3.5% 3.5% 0; background:#fff; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.14) }
.download-list .list .item:nth-child(3n){ margin-right:0px;}
.download-list .list .item a{ display:block; text-align:center; padding:15% 10px 7%; font-size:18px;}
.download-list .list .item a .tu{ background-position:center; background-size:auto 100%; background-repeat:no-repeat; height:80px; background-image:url(../images/downloadico_05.png); margin:0 auto 10%}
.download-list .list .item a:hover .tu{ background-image:url(../images/downloadico_03.png);}
.download-list .list .item a:After{ content:""; display:block; width:28px; height:28px; background-size:cover; background-position:center; background-repeat:no-repeat; background-image:url(../images/downloadico_10.png); margin:5% auto 0;}
.download-list .list:after{ content:""; display:block; clear:both;}
.download-list .list .item a .title{ height:20px; line-height:20px; overflow:hidden;}
.mohu .download-list .list .item{
	

    
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
}
#ALL.mohu:before{ background:#000; content:""; display:block; width:100%; height:100%; left:0px; top:0px; position:fixed; z-index:2; opacity:.4}
.login-box{ width:90%; max-width:470px; left:50%; top:50%; position:fixed; z-index:5; background:#fff;
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
box-shadow:0 0 10px rgba(0,0,0,0.18);
border-radius:10px;


}	
.login-box .tu{ border-radius:10px 10px 0 0; background-position:center; background-repeat:no-repeat; background-size:cover; height:130px; position:relative; background-image:url(../images/logbg_03.jpg)}	
.login-box .tu .bbt{ height:40px; line-height:42px; width:120px; margin-left:-60px;  border-radius:4px 4px 0 0; background:#fff; position:absolute; left:50%; bottom:0px; color:#4f000f; font-size:16px; text-align:center;}
.login-box form{ display:block; padding:6% 10% 8%;}	
.login-box form input{ display:block; width:100%; height:42px; line-height:40px; color:#999999; font-size:14px; border-radius:21px; border:1px solid #eee; padding:0 20px 0 45px; background-color:#f7f7f7; background-size:11px 12px; background-position:17px 14px; background-repeat:no-repeat; margin-bottom:5px; background-image:url(../images/downico_03.png)}
.login-box form input:nth-child(2){ background-image:url(../images/downico_06.png);background-size:12px 13px;background-position:17px 13px;}
.login-box form button{ width:100%; display:block; margin-top:29px; color:#fff; height:42px; border:0px; background:#4f000f; text-align:center; border-radius:21px; cursor:pointer; color:#fff;}
/*经销商专区 end*/
.pagelist{ text-align:center;}
/*about-box*/
.about-box{ padding:5% 0; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about-box .type-bbt{ text-align:center; margin:0 0 4%;}
.about-box .type-bbt .bt{ display:inline-block;}
.about-box .type-bbt .bt .cn{ position:relative; color:#4f000f; font-size:36px; line-height:1.6; position:relative; }
.about-box .type-bbt .bt .en{ color:#888888;}
.about-box.bai .type-bbt .cn{ color:#fff;}
.about-box.bai .type-bbt .en{ color:rgba(255,255,255,0.60)}
.about-box.bai .type-bbt .bt .cn:after,.about-box.bai .type-bbt .bt .cn:before{ background:rgba(255,255,255,0.60)}
.about-box.bai{ color:#fff;}
.about-box .type-bbt .bt .cn:after{ content:""; width:80%; display:block; height:1px; background:#d9d9d9; top:50%; left:120%; position:absolute;}
.about-box .type-bbt .bt .cn:before{ content:""; width:80%; display:block; height:1px; background:#d9d9d9; top:50%; right:120%; position:absolute;}
.about-box .about000001{ width:94%; max-width:1200px; margin:auto; position:relative; }
.about-box .about000001 .tu{  width:50%; top:0px; height:100%; left:0px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:2;}
#ab000001:before{ content:""; display:block; width:500px; height:1000px; left:100%; top:-70%; position:absolute; background:#f2f2f2; transform:rotate(-45deg)}
#ab000001:after{ z-index:4; content:""; display:block; width:600px; height:1000px; right:80%; bottom:-70%; position:absolute; background:#f2f2f2; transform:rotate(-45deg)}
.about-box .about000001 .text{margin:0 auto 0 50%; position:relative; z-index:3;}
.about-box .about000001 .content{ padding:10% 6%; background:#f8f8f8; box-shadow:0px 5px 5px rgba(0,0,0,0.05); line-height:2; font-size:14px; position:relative; z-index:5;  }
.about-box .about000001 .content:before{ content:""; width:48px; height:3px; display:block; margin:0 auto 5%; background:#d3b685;}
.about-box .about000001 .content:after{ content:""; display:block; width:30px; height:30px; border:2px solid #d3b685; transform:rotate(45deg); margin:4% auto 0; }
.about-box .about000002 .history{ width:94%; max-width:1200px; position:relative; margin:auto; }
.about-box .about000002 .history .item{ display:block; padding:0px 33.33333% 20px 90px; position:relative; line-height:22px;}
.about-box .about000002 .history .item:before{ width:1px; top:10px; left:4px; content:""; display:block; height:100%; border-left:1px dashed rgba(255,255,255,0.6); position:absolute;}
.about-box .about000002 .history .item:after{ content:""; display:block; width:9px; height:9px; top:6px; left:0px; border:2px solid #fff; border-radius:100%; background:#d3b685; position:absolute;}
.about-box .about000002 .history .item .bt{ color:#d3b685; position:absolute; top:0px; left:20px;}
.about-box .about000002 .history .item:last-child:before{ display:none;}
.about-box .about000002 .history .pic{ width:26%; display:block; position:absolute; top:0px; right:0px;}
.wenhua{ width:94%; max-width:1200px; margin:auto;}
.wenhua:after{ content:""; display:block; clear:both;}
.wenhua .item{ float:left; width:31%; margin:0 3.5% 0 0;}
.wenhua .item:nth-child(3){ margin-right:0px;}
.wenhua .item img{ display:block; margin-bottom:15px;}
.wenhua .item .title{ color:#4f000f; font-size:22px; margin-bottom:20px;}
.wenhua .item .demo{ font-size:12px; line-height:2;}
.about-box .about000004 .danview{ width:94%; max-width:1200px; margin:auto; line-height:2; overflow:hidden;}
.honor-list-box{ width:94%; max-width:1200px; position:relative; overflow:hidden; margin:auto; text-align:center; padding:30px 0 40px;}
.honor-list-box img{ max-width:500px; max-height:300px; margin-bottom:30px;}
.honor-list-box .btn{ position:absolute; top:50%; height:30px; margin-top:-15px; z-index:2;cursor:pointer; width:60px;}
.honor-list-box .btn  span{ display:block; width:20px; height:20px; border-bottom:1px solid #fff; border-left:1px solid #fff; position:absolute; top:50%; margin-top:-10px; left:5px; 
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);


}
.honor-list-box .btn.prev{ left:0px; }
.honor-list-box .btn.next{ right:0px; }
.honor-list-box .btn.next  span{ left:auto; right:5px; 
-moz-transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg);


}
.honor-list-box .btn.prev:after{ width:4px; height:4px; top:50%; margin-top:-2px; position:absolute; content:""; display:block; border-radius:100%; background:#fff; position:absolute; left:20px; box-shadow:10px 0 0 rgba(255,255,255,0.8); opacity:.8;}
.honor-list-box .btn.prev:before{ width:4px; height:4px; top:50%; margin-top:-2px; position:absolute; content:""; display:block; border-radius:100%; background:#fff; position:absolute; left:40px; box-shadow:10px 0 0 rgba(255,255,255,0.8); opacity:.4;}
.honor-list-box .btn.next:after{ width:4px; height:4px; top:50%; margin-top:-2px; position:absolute; content:""; display:block; border-radius:100%; background:#fff; position:absolute; right:20px; box-shadow:-10px 0 0 rgba(255,255,255,0.8); opacity:.8;}
.honor-list-box .btn.next:before{ width:4px; height:4px; top:50%; margin-top:-2px; position:absolute; content:""; display:block; border-radius:100%; background:#fff; position:absolute; right:40px; box-shadow:-10px 0 0 rgba(255,255,255,0.8); opacity:.4;}
/**/
#ab000006{ padding-bottom:0px !important;}
.about000006 .zp-list{ padding:5% 0; background:#f6f6f6; margin-top:5%;}
.about000006 .type-bbt{ width:94%; max-width:1200px; margin:auto; line-height:40px; font-size:18px; color:#4f000f; text-align:left;}
.about000006 .zp-list .list{ background:#fff; width:94%; max-width:1200px; margin:auto; padding-bottom:50px;}
.about000006 .zp-list .list .l-bbt{ padding:0 37px; background:#8a8a8a; line-height:50px; height:50px; color:#fff; font-size:14px; position:relative;}
.about000006 .zp-list .list .l-bbt .tt{ float:left; height:50px; overflow:hidden; padding-right:5px;}
.about000006 .zp-list .list .t1{ width:27%;}
.about000006 .zp-list .list .t2{ width:20%;}
.about000006 .zp-list .list .t3{ width:20%;}
.about000006 .zp-list .list .t4{ width:20%;}
.about000006 .zp-list .list .t5{ width:13%; text-align:right;}
.about000006 .zp-list .list .item{ display:block; padding:0 37px;}
.about000006 .zp-list .list .item .bt{ height:50px; line-height:50px; overflow:hidden; position:relative;}
.about000006 .zp-list .list .item .bt .tt{float:left; height:50px; overflow:hidden; padding-right:5px;}
.about000006 .zp-list .list .item .bt .tt a{ cursor:pointer; display:block; color:#4f000f;}
.about000006 .zp-list .list .item .view{ padding:37px; background:#f5f5f5; line-height:2; display:none; overflow:hidden;}
/**/
/*about-box end*/
/*经典案例*/
.caselist{ width:94%; max-width:1200px; margin:5% auto;}
.caselist:after{ content:""; display:block; clear:both;}
.caselist .item{ display:block; float:left;

width: -webkit-calc((100% - 48px)/3);
    width: -moz-calc((100% - 48px)/3);
	width: -ms-calc((100% - 48px)/3);
	width: -o-calc((100% - 48px)/3);
    width: calc((100% - 48px)/3);
	margin:0 24px 3% 0;
	border-bottom:1px solid #ddd; padding-bottom:20px;




}
.caselist .item:nth-child(3n){ margin-right:0px;}
.caselist .item .tu{ position:relative; padding-top:69.6%; margin-bottom:15px; overflow:hidden;}
.caselist .item .tu .img{ display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.caselist .item .title{ font-size:18px; line-height:30px; height:30px; overflow:hidden; margin-bottom:10px; color:#5c5c5c; }
.caselist .item .tu:hover .img{ transform:scale(1.15);}
.caselist .item .demo{ font-size:12px; line-height:20px; height:40px; overflow:hidden;}
.case-view{ width:94%; max-width:1200px; margin:5% auto;}
.case-view .title{ font-size:30px; color:#4f000f; margin-bottom:15px;}
.case-view .xx{ color:#888888; font-size:12px; margin-bottom:3%;}
/**/
.case-bbox:After{ content:""; display:block; clear:both;}
.case-bbox {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; position:relative; overflow:hidden;}
.case-bbox .case-banner{ -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1; overflow:hidden;}
.case-bbox .right{ width:330px; margin-left:10%;}	
.case-bbox  .case-banner .case-bannerlist{ text-align:center; width:100%; overflow:hidden; margin-bottom:9px; }
.case-bbox  .case-banner .case-bannerlist .swiper-slide{ background:#eee;} 
.case-bbox  .case-banner .case-bannerlist .swiper-slide img{max-height:534px;}
.case-bbox  .case-banner .case-bannerlist-dian .swiper-slide{ height:80px; width:auto;}
.case-bbox  .case-banner .case-bannerlist-dian .swiper-slide img{ height:100%;}
.case-bbox  .case-banner .case-bannerlist-dian .swiper-slide.on img{ opacity:.5;}
.case-bbox  .case-banner .case-bannerlist-dian{ position:relative; overflow:hidden;}
.case-bbox  .case-banner .case-bannerlist-dian .btn{ width:30px; height:100%; background:rgba(0,0,0,0.6); position:absolute; top:0px; cursor:pointer; z-index:2;}
.case-bbox  .case-banner .case-bannerlist-dian .btn:after{ content:""; width:10px; height:10px; display:block; border-bottom:1px solid #fff; border-left:1px solid #fff; margin:-5px; transform:rotate(45deg); position:absolute; left:50%; top:50%;}
.case-bbox  .case-banner .case-bannerlist-dian .btn.prev{ left:0px ;}
.case-bbox  .case-banner .case-bannerlist-dian .btn.next{ right:0px ;}
.case-bbox  .case-banner .case-bannerlist-dian .btn.next:after{ content:""; width:10px; height:10px; display:block; border-bottom:1px solid #fff; border-left:1px solid #fff; margin:-5px; transform:rotate(-135deg); position:absolute; left:50%; top:50%;}
.case-bbox:after{ content:""; width:1px; height:100%; background:#eee; right:330px; margin-right:5%; display:block; position:absolute;} 
.case-bbox .right .bt{ font-size:30px; padding: 0 0 15px; margin-bottom:15px; border-bottom:1px solid #eee;}
.case-bbox .right .demo{ line-height:2; color:#888;}
.case-bbox  .share{ text-align:center; line-height:20px; padding:15px 0;}
/*经典案例 end*/


@media only screen and (max-width: 1600px) { 
.case-view .title,.case-bbox .right .bt{ font-size:28px;}
.allmap{ height:480px;}	
#feedbackm .mm .bbt .bt .cn{ font-size:32px;}
.news-main .newstj-list .swiper-slide a .text .content .bb .title{ font-size:22px;}
.about-box .type-bbt .bt .cn{ font-size:32px;}
}
@media only screen and (max-width: 1440px) { 
.allmap{ height:420px;}	
#feedbackm .mm .bbt .bt .cn{ font-size:28px;}
.news-main .newstj-list{ padding:0 80px;}
.newsview-main .title{ font-size:26px;}
#ab000001:after{ right:90%;}
}
@media only screen and (max-width: 1280px) { 
.case-view .title,.case-bbox .right .bt{ font-size:24px;}
.caselist .item .title{ font-size:16px;}
.wenhua .item .title{ font-size:18px;}
.pro-type{ padding:25px 0;}
.allmap{ height:400px;}	
.news-main .newstj-list .swiper-slide a .text .content .bb .title{ font-size:18px;}
.news-main .newstj-list{ padding:0 60px;}
.download-list .list .item a .tu{ height:60px;}
.download-list .list .item a{ font-size:16px;}
.about-box .type-bbt .bt .cn{ font-size:28px;}
}
@media only screen and (max-width: 1024px) { 

.case-view .title,.case-bbox .right .bt{ font-size:22px;}
.about000006 .zp-list .list .t1{ width:33%;}
.about000006 .zp-list .list .t2{ width:18%;}
.about000006 .zp-list .list .t3{ width:18%;}
.about000006 .zp-list .list .t4{ width:18%;}
.wenhua .item{ width:48%;  text-align:center;}
.wenhua.ll .item{ text-align:left;}
.wenhua .item img{ display:block; margin:0 auto 15px; height:100px;}
.wenhua.ll .item img{margin:0 0 15px; height:auto; width:100%;}

.wenhua .item .tt{ display:inline-block; text-align:left;}
.wenhua .item:nth-child(1){ width:100%; margin-bottom:5%; clear:right;}
.wenhua .item:nth-child(3){  margin:0 0% 5% 0;}
.wenhua .item:nth-child(2){ margin:0 4% 5% 0;}
.about-box .about000002 .history .pic{ opacity:.5; width:40%;}
.about-box .about000002 .history .item{ padding-right:0px; position:relative; z-index:2;}
#ab000001:after{ right:100%;}
.news-list .list .item { padding-left:340px;}
.news-list .list .item .tu{ width:320px;}
.news-list .list .item .content .title a{ font-size:18px;}
.prolist .item .text{ padding:10px 15px;}
.prolist .item .text .title{ font-size:16px;}
.allmap{ height:360px;}	
#feedbackm .mm .bbt .bt .cn{ font-size:24px;}
.news-main  .newstj{ display:none;}
.news-list{ padding-top:0px;}
.news-list .list .item .tu:after{ width:26px; height:26px; margin:-13px;}
.newsview-main .title{ font-size:22px; text-align:left; padding-bottom:10px; margin-bottom:10px;}
.newsview-main .xx{ text-align:left; padding-bottom:15px; }
.newsview-main .xx,.newsview-main .xx *{ font-size:12px !important;}
.newsview-main .xx .item:nth-child(2){ margin:0 10px;}
.download-list .list .item,.download-list .list .item:nth-child(3n){ width:48%; margin:0 4% 4% 0;}
.download-list .list .item:nth-child(2n){ margin-right:0px;}
.about-box .type-bbt .bt .cn{ font-size:24px;}
.caselist .item,.caselist .item:nth-child(3n){ display:block; float:left;

width: -webkit-calc((100% - 24px)/2);
    width: -moz-calc((100% - 24px)/2);
	width: -ms-calc((100% - 24px)/2);
	width: -o-calc((100% - 24px)/2);
    width: calc((100% - 24px)/2);
	margin:0 24px 3% 0;
	border-bottom:1px solid #ddd; padding-bottom:20px;




}
.caselist .item:nth-child(2n){ margin-right:0px;}
}
@media only screen and (max-width: 800px) { 
.case-bbox {
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction:column;

	
}
.case-bbox:after{ display:none} 
.case-bbox .right{ width:100%; margin-left:0px;}

}
@media only screen and (max-width: 740px) { 
.case-bbox  .case-banner .case-bannerlist-dian .swiper-slide{ height:60px; width:auto;}
.about000006 .zp-list .list .t1{ padding-right:100px;}
.about000006 .zp-list .list .t5{ position:absolute; top:0px; right:3%; width:auto;}
.about000006 .zp-list .list .item .t5{ right:0px;}
.about000006 .zp-list .list .t4,.about000006 .zp-list .list .t3,.about000006 .zp-list .list .t2{ display:none}
.about000006 .zp-list .list{ width:100%;}
.about000006 .zp-list .list .l-bbt{ padding:0 3%;}
.about000006 .zp-list .list .item{ padding:0 3%;}
.about000006 .zp-list .list .item .view{ width:107%; margin-left:-3.5%; padding:3.5%;}
.about000006 .zp-list .list{ padding-bottom:0px;}
.about-box{ padding:6% 0;}
.prolist .item,.prolist .item:nth-child(3n){ width:48.5%; margin:0 3% 3% 0;}
.prolist .item:nth-child(2n){ margin-right:0px;}
.prolist .item .text .title{ font-size:14px;}
.contact-main .mm .item{ width:100%; margin:0 0 3% 0; padding-left:50px;}
.contact-main .mm .item img{height:38px;}
.allmap{ height:320px;}
#feedbackm .mm .bbt .bt .cn{ font-size:20px;}
#feedbackm .mm .bbt .bt .en{ font-size:12px;}
#feedbackm .mm textarea{ height:120px;}
.news-list .list .item { padding-left:200px; height:100px;}
.news-list .list .item .tu{ width:180px; height:100px;}
.news-list .list .item .content .title a{ font-size:18px; display:block;}
.news-list .list .item .content .title{ height:78px;} 
.news-list .list .item .content .demo,.news-list .list .item .content .line{ display:none;}

#feedbackm .mm input{ width:100%; margin-right:0px; margin-bottom:10px;}
.about000006 .type-bbt{ font-size:16px;}

}



@media only screen and (max-width: 640px) {
	.case-bbox  .case-banner .case-bannerlist-dian .swiper-slide{ height:50px;}
	.case-view .title,.case-bbox .right .bt{ font-size:20px;}
	.about-box .about000001 .tu{ position:relative; height:auto; padding-top:60%; width:100%;}
	.about-box .about000001 .text{ margin:auto;}
	.about-box .about000002 .history .pic{  width:70%;}

	.wenhua .item{ width:100%; margin:0 0 5%; }
.wenhua .item .tt{ text-align:center;}

.wenhua.ll .item .tt{ text-align:left;}

.wenhua .item .tt .demo{ text-align:left;}
.honor-list-box{ padding-top:10px;}
.honor-list-box img{ max-width:80%; max-height:250px; margin-bottom:20px;}
	}
@media only screen and (max-width: 500px) { 
.case-bbox  .case-banner .case-bannerlist-dian{ display:none;}
.caselist .item,.caselist .item:nth-child(3n){ width:100%; margin:0 0 4% 0;}
.caselist .item .title{ height:auto; line-height:1.4;}
.caselist .item .demo{ height:auto;}
.about000006 .zp-list .list{ font-size:12px;}
.wenhua .item img{ margin:0 auto 10px 0px;}
.wenhua .item{ text-align:left;}
.wenhua .item .title{ text-align:left; font-size:16px;}
.wenhua .item .tt{ width:100%;}
.about-box .type-bbt .bt .cn{ font-size:20px;}
.about-box .type-bbt .bt .en{ font-size:12px;}
.download-list .list .item,.download-list .list .item:nth-child(2n){ width:100%; margin: 0 0 4% 0;}
.download-list .list .item a{ font-size:14px; padding:10% 10px 5%}
.download-list .list .item a .tu{ margin-bottom:5%;}
.download-list .list .item a:after{ width:20px; height:20px; margin:10px auto 0;} 
.newsview-main{ margin:5% auto 7%;}
.newsview-main .bottom{ padding-bottom:10px;}
.newsview-main .title{ font-size:18px;}
.prolist .item:nth-child(2n),.prolist .item,.prolist .item:nth-child(3n){ width:100%; margin:0 0 4% 0;}
.contact-main .mm { padding:6% 0}
.contact-main .mm .ewm{ position:relative; right:auto; margin-top:20px; width:100%; clear:both;}
.contact-main .mm .ewm img{ width:auto; margin:0 auto 15px;}
.allmap{ height:280px;}
#feedbackm .mm{ padding:6% 0;}

.news-list .list .item { padding-left:180px; height:90px;}
.news-list .list .item .tu{ width:160px; height:90px;}
.news-list .list .item .content .title a{ font-size:14px; line-height:24px; display:block;}
.news-list .list .item .content .title{ height:72px; margin:0px;} 

}
@media only screen and (max-width: 400px) { 
.news-list .list .item { padding-left:150px;}
.news-list .list .item .tu{ width:135px;}



}
/*顶部信息*/
.footer{
	padding:45px 0 0 0;
	background-color:#1f1f23;
	background-image:url(../images/footerbg_02.jpg);
	background-repeat:no-repeat; background-size:cover;
	color:rgba(255,255,255,0.6);
	
	}
.footer a{color:rgba(255,255,255,0.6); }
.footer a:hover{ color:#fff;}	
.footer .foot{ width:94%; max-width:1200px; margin:auto;
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-bottom:20px;


}	
.footer .foot:after{ content:""; display:block; clear:both;}
.footer .foot .left{ -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
.footer .foot .left ul{ display:block;}	
.footer .foot .left ul:after{ content:""; display:block; clear:both;}
.footer .foot .left ul li{ display:block; float:left; width:16.666666666%;}
.footer .foot .left ul li .a{ display:block; line-height:32px; height:32px; margin-bottom:14px; font-size:14px; color:#fff;}
.footer .foot .left ul li .xl a{ display:block; line-height:2; font-size:12px;}
.footer .foot .middle{ width:290px; margin-right:4%;font-size:12px; }

.footer .foot .middle .bbt{ display:block; line-height:32px; height:32px; margin-bottom:14px; font-size:14px; color:#fff;}
.footer .foot .middle .view{  line-height:2;}

.footer .foot .middle  .bshare-custom{ line-height:34px; padding:20px 0;}
.footer .foot .middle  .bshare-custom a{ height:34px; width:34px; margin:0 0 0 10px  !important; background-size:100% 100%; background-position:center !important;}
.footer .foot .middle  .bshare-custom a.bshare-weixin{ background-image:url(../images/share_03.png);}
.footer .foot .middle  .bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/share_05.png) !important;}
.footer .foot .middle  .bshare-custom a.bshare-qzone{ background-image:url(../images/share_07.png) !important;}
.footer .foot .right{ width:105px;}
.footer .foot .right .bbt{ display:block; line-height:32px; height:32px; margin-bottom:14px; font-size:14px; color:#fff;}
.footer .foot .right .tu{ text-align:center;}
.footer .foot .right .tu img{ display:block; margin-bottom:20px;}
.footer .link{ border-top:1px solid rgba(255,255,255,0.2); padding:15px 0}
.footer .link .list{ width:94%; max-width:1200px; margin:auto; font-size:12px; line-height:20px;}
.footer .link .list a{ display:inline-block; margin-right:10px;}
.footer .bottom{ padding:25px 0; line-height:20px; text-align:center; border-top:1px solid rgba(255,255,255,0.2);}
.footer .bottom .vv{ width:94%; max-width:1200px; margin:auto; font-size:12px; line-height:20px;}


@media only screen and (max-width: 1024px) { 
.footer .foot .left{ display:none;}
.footer .foot .middle{ -webkit-flex: 1; width:auto; font-size:14px;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-flex: 1;}
.footer .foot .middle  .bshare-custom a{ height:25px; width:25px;}
.footer .link{ display:none;}
.footer .bottom{ padding:15px 0; text-align:left;}	
}

@media only screen and (max-width: 640px) {
.footer .bottom{ padding:10px 0; }	
.footer .foot .middle{ font-size:12px;}	
}

@media only screen and (max-width: 400px) {
.footer .foot .right{ display:none}	
}