/* 海报 */
.section{
	overflow: hidden;
}
/* main_img */
.img_gallery{height:auto;border-top:0px solid #d7d7d7;overflow:hidden;position:relative;}
.main_img{width:100%;
	height:100%;
overflow:hidden;}
.main_img ul{width:9999px;overflow:hidden;top:0;left:0}
.main_img li{width:100%;}
.main_img li span{display:block;width:100%;}
.main_img li a{display:block;width:100%;}
.main_img a img {
	width: 100%;
	height:auto;
	
}
.main_img li {
	width: 100%;
	height: auto;
}


.img_font{position:absolute; bottom:30px; left:30%; color:#f00; width:100%; padding:10px;}
.img_font span{display:none; }

div.point{position:absolute;bottom:33px;left:50%;z-index:999;width:100%;height:21px;margin:0 0 0 -50px;}
div.point a{float:left;width:10px;height:10px;margin:0;padding:0;border: 1px solid #fff;cursor:pointer; border-radius:50% 50% 50% 50%;display:block;text-indent:-1000px; margin-right:15px;}
div.point a.on{background-color: #fff;opacity: 1;border: 1px solid #fff}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}


.main_imger{height:100%;overflow:hidden;position:relative;}
.main_imger ul{width:9999px;height:550px;overflow:hidden;position:abs
olute;top:0;left:0}
.main_imger li{float:left;width:100%; text-align:center}
.main_imger li img{width:100%}
.main_imger li span{display:block;width:100%;}
.main_imger li a{display:block;width:100%;}
div.pointer{width:96%;height:30px; margin: 0 auto;text-align:center; margin-top:30px;}
div.pointer a{height:30px;margin:0;padding:0; margin-right:40px; color:#999}
div.pointer a.on{opacity: 1;color:#5e7a5b; font-weight:bold}
@media (max-width: 1200px) {
  div.pointer a{height:30px;margin:0;padding:0; margin-right:10px; color:#999; margin-bottom:15px; font-size:14px;}  
}


.main_imgers{height:auto;overflow:hidden;position:relative; }
.main_imgers ul{width:9999px;height:570px;overflow:hidden;position:abs
olute;top:0;left:0}
.main_imgers li{float:left;width:100%; text-align:center}
.main_imgers li span{display:block;width:100%;}
.main_imgers li a{display:block;width:100%;}
.main_imgers li img{ position:relative; float:left}
div.pointers{position:absolute;bottom:153px;left:50%;z-index:999;width:100%;height:21px;margin:0 0 0 -50px;}
div.pointers a{float:left;width:10px;height:10px;margin:0;padding:0;border: 1px solid #dedede;cursor:pointer; border-radius:50% 50% 50% 50%;display:block;text-indent:-1000px; margin-right:15px;}
div.pointers a.on{background-color: #96c38d;opacity: 1;border: 1px solid #96c38d}
.img_fonters{position:absolute; top:30px; right:0;  width:40%; padding:0px; z-index:1; }




.section h2{
	text-align: center;
	width: 100%;
	padding-top: 20vh;
}
.tableCell{
	display: block;
	
}
.palgersj{ margin-top:50px; margin-bottom:50px;box-shadow:0 0 30px #d4d4d4;overflow:hidden}
@media (max-width: 1200px)
{
   .palgersj{ margin-top:20px; margin-bottom:20px;box-shadow:0 0 30px #d4d4d4;overflow:hidden} 
}
.palgersj img{width:100%;}
.palgersj img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.palgersj:hover img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
}

.section .about_box p{
	text-align: center;
	color: #9e9995;
	padding-top: 15px;
	padding-bottom: 35px;
	font-weight: 100;
}
.about_box font{
	display: block;
	text-align: center;
	color: #2f2d2d;
	line-height: 35px;
	font-weight: 100;
}
.about_box em{
	text-align: center;
	color: #2f2d2d;
	font-size: 24px;
	display: block;
	transform:rotate(180deg);
	margin-top: 40px;
	margin-bottom: 63px;
}
.about_box a{
	display: block;
	margin: 0 auto;
	width: 190px;
	height: 40px;
	margin: 0 auto;
	color: #100a0d;
	border: 1px solid #100a0d;
	text-align: center;
	line-height: 40px;
}
/*产品轮播*/
.pc-slide {
	margin: 0 auto;
}
.view{
	width: 100%;
}
.view .swiper-container {
	max-width: 100vw;
	width: 100%;
	overflow: hidden;
}

.view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: -80px;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: -80px;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width:240px;
	position: absolute;
	left: 9.8vw;
	bottom: 0;
}

.preview .swiper-slide {
	cursor:pointer;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 5.8vw;
	top: -80px;
	width: 17px;
	height: 33px;
	z-index: 9999;
}

.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	left: calc(11.8vw + 240px);
	top: -80px;
	margin-top: -9px;
	width: 17px;
	height: 33px;
	z-index: 99999;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
}
.pc-slide{
	position: relative;
	overflow: hidden;
}
.preview{
	position: absolute;
	bottom: 0px;
	z-index: 1000;
}
.case_nav{
	justify-content: center;
	max-width: 610px;
	margin: 10px auto;
	margin-top: 20px;
}
.case_nav li{
	text-align: center;
	flex: 1;
	color: #09070a;
	font-size: 15px;
	font-weight: 100;
}
.swiper_case{
	width: 100vw;
	overflow: hidden;
}
.case_font{
	display: none;
	font-weight: 100;
	color: #2f2d2d;
}
.swiper_case .swiper-slide{
	opacity: 0.5;
}
.swiper_case .swiper-slide-active{
	opacity: 1;
}
.swiper-slide-active .case_font{
	display: block;
}
.case_font h5{
	font-size: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.case_font p{
	
}
.sandi{
	padding-top: 105px;
}
.sandi_left{
	width: 31.7708vw;
}
.sandi_left .tit_im{

	text-align: center;
	
}
.sandi_min{
	width: 32.08vw;
	position: relative;
}
.sandi_min:after,.sandiImg:after,.sandiImg_r:after{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	text-align: center;
	
	line-height: 100%;
	padding-bottom: 46%;
}
.sandiImg,.sandi_right,.sandiImg_r{
	position: relative;
}
.sandi_min:before,.sandiImg:before,.sandiImg_r:before{
	width: 60px;
	height: 3px;
	background-color: #FFF;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	top: 40%;
	z-index: 1000;
	font-size: 27px;
	color: #FFF;
	text-align: center;
}
.sandi_min p,.sandiImg p,.sandiImg_r p,.sandi_right p{
	font-size: 27px;
    color: #FFF;
    text-align: center;
    line-height: 100%;
    position: absolute;
    top: 0;
    z-index: 99999;
    width: 100%;
	padding-top: 46%;
}
.sandiImg p{
	padding-top: 40%;
}
.sandi_right{
	width: 35.8vw;
}
.sandi_right .sandiImg_r:nth-of-type(1){
	margin-bottom: 3px;
}
.sandiImg:before,.sandiImg_r:before{
	top: 50%;
}
.sandiImg_r p,.sandi_right p{
	padding-top: 22%;
}
.htmassage{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 75px;
}
.htmassage label{
	display: inline-block;
	width: 385px;
}
.htmassage label input{
	width: 100%;
	border: 1px solid #bab5b1;
	line-height: 65px;
	padding-left: 15px;
	
}
.htmassage label:nth-of-type(2),.htmassage label:nth-of-type(3){
	margin-left: 17px;
}
.htmassage label:nth-of-type(4){
	width: 100%;
}
.htmassage label textarea{
	width: 100%;
	border: 1px solid #bab5b1;
	margin-top: 19px;
	padding-top: 5px;
	padding-left: 15px;
}
.btn2 input{
	width: 192px;
	height: 42px;
	display: block;
	margin: 0 auto;
	background-color: #100b0e;
	color: #FFF;
	text-align: center;
	line-height: 42px;
	border: none;
	margin-top: 59px;
	margin-bottom: 30px;
}
.btn2 p{
	color: #d1cdca;
	text-align: center;
	font-size: 18px;
}

.sandiImg:hover:before,.sandiImg:hover:after,.sandiImg:hover p,.sandi_min:hover:before,.sandi_min:hover:after,.sandi_min:hover p,.sandiImg_r:hover:before,.sandiImg_r:hover:after,.sandiImg_r:hover p{
	display: none;
}

.banner {z-index:1; position:relative;height:900px;overflow:hidden;}
.flexslider {position:relative;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides {position:relative;}

.banner .flex-control-nav {position:absolute;bottom:90px;z-index:2;width:100%;text-align:center;}
.banner .flex-control-nav li {display:inline-block;width:10px;height:10px;margin:0 15px;*display:inline;zoom:1; }
.banner .flex-control-nav a {opacity: 1; display:inline-block;width:10px;height: 10px;overflow:hidden;border: 1px solid #fff;cursor:pointer; text-indent: -99em;border-radius:50% 50% 50% 50%}
.banner .flex-control-nav .flex-active {background-color: #fff;opacity: 1;border: 1px solid #fff}
.banner .flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%; }
.banner .flex-direction-nav li a {width:80px;height:186px;overflow:hidden;cursor:pointer;position:absolute;display:none}
.banner .flex-direction-nav li a.flex-prev {left:40%;margin-left:-600px; background:url(../images/zmdprevs.png?111) center center no-repeat; }
.banner .flex-direction-nav li a.flex-next {right:40%;margin-right:-600px; background:url(../images/zmdnexts.png?111)center center no-repeat;}	
.banner .flex-direction-nav li a.flex-prev:hover {left:40%;margin-left:-600px; background:url(../images/zmdprev.png?111) center center no-repeat;}
.banner .flex-direction-nav li a.flex-next:hover {right:40%;margin-right:-600px; background:url(../images/zmdnext.png?111)center center no-repeat;}	
.banner:hover .flex-direction-nav li a{ display:none}






.ty_tt{ width:100%;text-align:center; font-size:16px; color:#737373; margin-bottom:20px; margin-top:30px;letter-spacing:0px}
.ty_tt span{  font-size:30px; display:inherit; line-height:70px;letter-spacing:0px;color:#000000}
@media (max-width: 590px)
{
   .ty_tt{ width:100%;text-align:center; font-size:12px; color:#737373; margin-bottom:20px; margin-top:20px;letter-spacing:0px}
.ty_tt span{  font-size:25px; display:inherit; line-height:70px;letter-spacing:0px;color:#000000} 
}


.service{
	
}
.service_list{
	max-width: 1100px;
	width: 96%;
	margin: 0 auto;
	margin-top: 20px;
	padding-bottom: 50px;
}
@media (min-width: 591px)
{
.service_list li{
	width:49%; height:auto; float:left; margin-right:2%;color:#737373;line-height:30px;font-size:16px; 
}
}
@media (max-width: 590px)
{
  .service_list li{
	width:100%; height:auto; float:left; margin-right:0%;color:#737373;line-height:30px;font-size:16px; 
}  
}
.service_list li:nth-of-type(2){
	margin-right:0%;
}
.service_list li .divimg{width:100%;height:480px; overflow:hidden}
.service_list li .divimg img{width:100%;}
.service_list li .divimg img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.service_list li .divimg:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}
.olkm {}
.service_list li .se_tt{font-size:22px; color:#000; margin-bottom:15px; margin-top:10px;letter-spacing:3px;}
.service_list li .se_tt span{  font-size:25px; display:inherit; line-height:45px;letter-spacing:0px;color:#000000}
.service_list li:hover .se_tt{color:#9aca90;}
.service_list li:hover .se_tt span{color:#9aca90;}
.kjyq{width:100%;min-height:770px;height:100%;background: url(../images/kjsjbg.jpg) no-repeat center top; padding-top:50px; margin-top:50px;}
.kjyq_con{ margin-top:0px; padding:0px;}
.kjyq_con_left{width:700px;height:300px; float:left;  margin-right:50px; }
.kjyq_con_right{width:400px;height:300px;float:left; padding-top:80px}
.kjyq_con_right h2{ font-size:24px; display:inherit;line-height:50px; text-align:left; padding:0px}
.kjyq_con_right p{ margin-bottom:40px;line-height:30px;}
.kjyq_con_right a{width:120px;height:30px;line-height:30px;border: 1px solid #96c38d; text-align:center;color:#96c38d; display:inherit}
.kjyq_con_right a:hover{background-color: #96c38d;border: 1px solid #96c38d; text-align:center;color:#fff; }


.bannerbs {z-index:1; position:relative;height:500px;overflow:hidden;}
.bannerbs .flex-control-nav {position:absolute;bottom:0px;z-index:2;width:100%;text-align:center;}
.bannerbs .flex-control-nav li {display:inline-block;width:10px;height:10px;margin:0 8px;*display:inline;zoom:1; }
.bannerbs .flex-control-nav a {opacity: 1; display:inline-block;width:10px;height: 10px;overflow:hidden;border: 1px solid #dedede;cursor:pointer; text-indent: -99em;border-radius:50% 50% 50% 50%}
.bannerbs .flex-control-nav .flex-active {background-color: #96c38d;opacity: 1;border: 1px solid #96c38d}
.bannerbs .flex-direction-nav {position:absolute;z-index:3;width:100%;top:45%;}
.bannerbs .flex-direction-nav li a {display:block;width:58px;height:77px;overflow:hidden;cursor:pointer;position:absolute;}
.bannerbs .flex-direction-nav li a.flex-prev {left:40%;margin-left:-600px; background:url(../images/prev0.png) center center no-repeat;}
.bannerbs .flex-direction-nav li a.flex-next {right:40%;margin-right:-600px; background:url(../images/next0.png)center center no-repeat;}	




.huoz_list{
	max-width: 1280px;
	width: 96%;
	margin: 0 auto;
	margin-top: 50px;
	padding-bottom: 0px;
}
.huoz_list li{ text-align:center;
	width:10%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(8n+1){
	margin-right:0%;
}
@media (max-width: 1080px) and (min-width: 960px)
{
.huoz_list li{ text-align:center;
	width:11.7%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(7n+1){
	margin-right:0%;
}
}
@media (max-width: 959px) and (min-width: 820px)
{
.huoz_list li{ text-align:center;
	width:14.1%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(6n+1){
	margin-right:0%;
}
}
@media (max-width: 819px) and (min-width: 660px)
{
.huoz_list li{ text-align:center;
	width:17.5%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(5n+1){
	margin-right:0%;
}
}
@media (max-width: 659px) and (min-width: 550px)
{
.huoz_list li{ text-align:center;
	width:22.5%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(4n+1){
	margin-right:0%;
}
}
@media (max-width: 649px) 
{
.huoz_list li{ text-align:center;
	width:30.8%; height:45px;line-height:45px; float:left; margin-right:2.5%;color:#737373;line-height:30px;font-size:16px; margin-bottom:5%;  display: flex;
  justify-content: center;
  align-items: center;
}
.huoz_list li li:nth-of-type(3n+1){
	margin-right:0%;
}
}

.huoz_more{width:120px;height:32px;line-height:30px;margin: 0 auto; text-align:center;}
.huoz_more a{color:#222222; display:inherit;border: 1px solid #222222; font-size:15px;background-color: #fff;}
.huoz_more a:hover{color:#fff; display:inherit;border: 1px solid #9ac192;background-color: #9ac192;transition: background 0.8s ease;}

.anli_list{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px;
	padding-bottom: 30px;
}
.anli_list li{ text-align:center;
	width:30%; height:auto;float:left; margin-right:3%;color:#737373;font-size:16px; margin-bottom:1%;  display: flex;
  justify-content: center;
  align-items: center;
}
.anli_list li .se_tt{ text-align:center;font-size:12px;color:#737373; margin-bottom:0px; padding-top:10px; padding-bottom:10px;}
.anli_list li .se_tt span{  font-size:16px; display:inherit; line-height:20px;color:#000000}
.anli_list li li:nth-of-type(3n+1){
	margin-right:0%;
}
.anli_list li:hover .se_tt,.anli_list li:hover .se_tt span{background-color: #9ac192;color:#fff}
.anli_list li .divimg{ max-height:250px;overflow:hidden}
.anli_list li .divimg img{width:100%;}
.anli_list li .divimg img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.anli_list li .divimg:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.antit{height: 40px;position: relative;
left:50%;float:left;

 }
.anhd{height: 40px;
position:relative;
left:-50%;

}
.anhd li{float: left;height: 40px;padding-top: 9px;box-sizing: border-box;text-align:center; margin-right:20px;  display:inline;}
.anhd li i{display: block;width:50px;height: 50px;line-height:50px; margin:0 auto; overflow: hidden;}
.anhd li i img{width:100px;height: 50px;display: block;transition: all 0.3s linear 0s;}
.anhd li {font-weight: normal;font-size:16px;color:#ababab;}
.anhd li.on{}
.anhd li.on {color:#000;font-weight: bold;}
.anhd li.on i img{margin-left: -50px;}

.anwz{margin-bottom: 0px;}
.anwz p{font-size: 16px;line-height: 30px;width:300px;}
.anbd {width:100%;background: #fff; height:440px; text-align:center }
.anbd dl{height:460px; margin:10px 0px;}

.anbd span{display: block;height: 98px;}
.anbd span a{display: block;float: left;width:212px;height: 49px;line-height: 49px;border:0px solid #633f1f;border-radius: 0px;padding-left: 30px;font-size: 16px;color:#333;position: relative;box-sizing: border-box; padding-right:50px; margin-top:20px; font-weight:bold;text-align:center;background: url(../images/anlimore.png) no-repeat;}
.anbd span a:hover{color:#de6600}

.anbd dl:hover dt img{transform: scale(1.1);}
.anbd dr {width: 780px;height: 460px; float:left;overflow:hidden} 
.anbd dr  img{width: 780px;height: 460px;display: block;transition: all 0.3s linear 0s;}
.anbd dr img{
 overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}
.anbd dr:hover img {
    transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}


.anbd dr :hover img{transform: scale(1.1);}
.anbd dd{width:420px;float:right;height:460px; padding-left:60px; }
.anbd dd h3{color:#000; padding-bottom:15px;padding-top:30px; font-size:28px;}
.anbd p{}
.anbdbg{background:#133b81; z-index:8888; position:absolute;color:#fff; padding:30px 60px 30px 60px;line-height:30px;bottom:60px; left:750px;}


li{list-style:none}
a{text-decoration:none}
img{border:0px}
.banners{width:1700px;margin:40px auto;position:relative;overflow:hidden}
.banners .pic{width:9999px; margin-top:50px;}
.banners .pic li{width:1700px;float:left;}
.banners .anniu{width:520px;height:30px;position:absolute;left:34%;top:0px;}
.banners .anniu li{width:100px;height:30px;color:#ababab;float:left;margin:2px;display:inline;
cursor:pointer; text-align:center;}
.banners .anniu li.on{color:#9ac192;font-weight: bold;}
.banners .lre{width:1700px;height:80px;position:absolute;top:250px;}
.banners .lre a{color:white}



.pre {
width:62px;height:80px;float:left;
text-decoration:none;
display:block;
background-image:url(../images/pre.png);
background-position:0px 0;
background-repeat: no-repeat;text-align:center;line-height:50px;cursor:pointer
  }
  .pre:hover,.pre:active {
background-position:0 0;
background-image: url(../images/pres.png);
  }
.next {
width:62px;height:80px;float:right;
text-decoration:none;
display:block;
background-image:url(../images/next.png);
background-position:0px 0;
background-repeat: no-repeat;text-align:center;line-height:50px;cursor:pointer
  }
  .next:hover,.next:active {
background-position:0 0;
background-image: url(../images/nexts.png);
  }


.case{ background:#f3f3f3 url(../images/case_bg.jpg) no-repeat center top; height:900px;height:100%; padding-top:0px; overflow:hidden; margin-top:0px; padding-bottom:0px; }
.casemore{ background:#f3f3f3 url(../images/case_bg.jpg) no-repeat center top; height:50px; overflow:hidden; padding-top:20px; padding-bottom:20px; }
.case h2{ width:515px; height:150px; float:left; overflow:hidden; font-size:52px ; font-weight:bold; color:#fff;}
.case h2 a{ display:block; color:#fff;}
.case h2 em{ display:block; font-size:22px ; margin-top:20px; background:url(../images/case_f.png) no-repeat left center; padding-left:21px;}
.caset{ width:570px; float:right; height:150px; overflow:hidden;}
.caset h3{ width:190px; float:left; font-size:16px ; line-height:38px; height:38px; overflow:hidden;}
.caset h3 a{ display:block; color:#dddee0; padding-left:30px;}
.caset h3 a:hover{ font-weight:bold; background:url(../images/case_arr.png) no-repeat left center; color:#fff;}
@media (min-width: 1200px)
{
.case1 {width: 100%;min-width: 1200px;height: 620px; overflow: hidden;position: relative; margin-bottom:30px;}
.case2{width: 1200px;position: absolute;left: 50%;margin-left: -610px;}
.case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: -1215px !important;}
.case1 dl { position: relative; height:620px; float:left; margin:0 8px !important; width:1200px;}
.case1 dt{width:1200px;height:600px; overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:1200px; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.prev2{width:80px;height: 186px;top:200px;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprevs.png?111) no-repeat center; display:none}
.prev2:hover{width:80px;height: 186px;top:200px;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprev.png?111) no-repeat center; }
.next2{width:80px;height: 186px;top:200px;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnexts.png?111) no-repeat center; display:none}
.next2:hover{width:80px;height: 186px;top:200px;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnext.png?111) no-repeat center; }
.case1 dd{ position: relative;height:155px; border-bottom:0px solid #7ba075; margin-top:-155px ; padding:0 65px; display:none;
background: -webkit-linear-gradient(top, rgba(123,160,117,0.7)0%,rgba(123,160,117,0.7)0%, rgba(123,160,117,0.7)0%);transition:all 1s ease;
}
.case1 dd h3{ width:575px; font-size:26px ;  font-weight:bold; color:#fff; padding:27px 0 12px;}
.case1 dd h3 a{ display:block; color:#fff;}
.case1 dd h3 em{ display:block; font:14px ; padding-top:8px;}
.case1 dd p{ width:100%; font-size:14px ; line-height:28px; color:#f4f4f4; height:56px; overflow:hidden;}
}
.case1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}



.case1 dl.cur1 dd{ display:none;}
.case:hover .case1 dl.cur1 dd{display:block;transition:all 1s ease;}

.next2{margin-left:0px;}
.prev2{margin-left:0px;}
.case:hover .prev2,.case:hover .next2{ display:block}

@media (max-width: 1199px) and (min-width: 501px)
{
.case1 {width: 100%;min-width:100%;height:auto; position: relative; margin-bottom:30px;}
.case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: 0px !important;}
.case2{width: 100%;}
.case1 dl { height:auto; margin:0 8px !important; width:100%;}
.case1 dt{width:100%;overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:100%; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ position: relative;height:auto; border-bottom:0px solid #7ba075; padding:0 15px; display:block;
background: -webkit-linear-gradient(top, rgba(123,160,117,0.7)0%,rgba(123,160,117,0.7)0%, rgba(123,160,117,0.7)0%);transition:all 1s ease;
}
.case1 dl.cur1 dd{ display:block;}
.prev2{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprevs.png?111) no-repeat center; display:none}
.prev2:hover{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprev.png?111) no-repeat center; }
.next2{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnexts.png?111) no-repeat center; display:none}
.next2:hover{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnext.png?111) no-repeat center; }
.case1 dd h3{ width:100%; font-size:26px ;  font-weight:bold; color:#fff; padding:27px 0 12px;}
.case1 dd h3 a{ display:block; color:#fff;}
.case1 dd h3 em{ display:block; font:14px ; padding-top:8px;}
.case1 dd p{ width:100%; font-size:14px ; line-height:28px; color:#f4f4f4; height:auto; overflow:hidden;}
}

@media (max-width: 500px)
{
    
  .case1 {width: 100%;min-width:100%;height:300px; position: relative; margin-bottom:30px;}  
  .case1 .tempWrap{overflow: visible !important;}
.case1 .tempWrap .case3{margin-left: 0px !important;}
.case2{width: 100%;}
.case1 dl { height:auto; margin:0 8px !important; width:100%;}
.case1 dt{width:100%;overflow:hidden; position:relative;}
.case1 dt img{ display:block; width:100%; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ position: relative;height:auto; border-bottom:0px solid #7ba075; padding:0 15px; display:block;
background: -webkit-linear-gradient(top, rgba(123,160,117,0.7)0%,rgba(123,160,117,0.7)0%, rgba(123,160,117,0.7)0%);transition:all 1s ease;
}
.case1 dl.cur1 dd{ display:block;}
.prev2{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprevs.png?111) no-repeat center; display:none}
.prev2:hover{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;left: 5%;margin-left: 0px; background: url(../images/zmdprev.png?111) no-repeat center; }
.next2{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnexts.png?111) no-repeat center; display:none}
.next2:hover{width:80px;height: 186px;top:20%;z-index: 9;cursor: pointer;right: 5%;margin-left: 0px;background: url(../images/zmdnext.png?111) no-repeat center; }
.case1 dd h3{ width:100%; font-size:26px ;  font-weight:bold; color:#fff; padding:27px 0 12px;}
.case1 dd h3 a{ display:block; color:#fff;}
.case1 dd h3 em{ display:block; font:14px ; padding-top:8px;}
.case1 dd p{ width:100%; font-size:14px ; line-height:28px; color:#f4f4f4; height:auto; overflow:hidden;}
}