.banner{position:relative;z-index:1;cursor:default!important;}
.banner .article{height:700px;background:no-repeat center center;background-size:auto 100%;}
.banner .owl-controls{position:absolute;width:100%;bottom:45px;}
.banner .owl-dots{text-align:center;}
.banner .owl-controls .owl-dot{display:inline-block;*display:inline;}
.banner .owl-controls .owl-dot span{width:14px;height:14px;border:1px solid #fff;display:inline-block; border-radius:50%;margin:0 5px;}
.banner .owl-controls .owl-dot.active span{background:#fff;}
.index_mian{padding:80px 5px 90px;}
.index_mian ul{padding:0 5px;}
.index_mian li{width:33.333333333%;float:left;}
.index_mian li a{display:block;margin:0 5px;position:relative;color:#fff;text-transform: uppercase;font-size:16px;overflow:hidden;}
.index_mian li a .text{position:absolute;lefT:15px;bottom:30px;line-height:1.1;}
.index_mian li a i{height:1px;overflow:hidden;display:inline-block;width:40px;background:#fff;position:relative;top:-5px;}
.index_mian li a h3{font-size:22px;font-weight:normal;}
.index_mian li a:hover img{-moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.index_mian .is_animated {-webkit-transition-duration:1.2s;-webkit-transition-property:-webkit-transform,opacity;-webkit-transition-delay:.15s;-webkit-transition-timing-function:'ease-in-out';-moz-transition-duration:1.2s;-moz-transition-property:all;-moz-transition-delay:.15s;-moz-transition-timing-function:'ease-in-out';-o-transition-duration:1.2s;-o-transition-property:transform,opacity;-o-transition-timing-function:'ease-in-out';-ms-transition-duration:1.2s;-ms-transition-property:transform,opacity;-ms-transition-timing-function:'ease-in-out';transition-duration:1.2s;transition-property:transform,opacity;transition-timing-function:'ease-in-out';-webkit-transform:rotatex(-80deg) translateZ(0);-ms-transform:rotatex(-80deg) translateZ(0);transform:rotatex(-80deg) translateZ(0);-webkit-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;}
.index_mian .is_animated.fadeIn {-webkit-transform:rotatex(0) translateZ(0);-ms-transform:rotatex(0) translateZ(0);transform:rotatex(0) translateZ(0);opacity:1}
.case{background:#f4f4f4;padding:55px 0 70px;}
.case .warper{position:relative;}
.case_list .article{position:relative;}
.case_list .text{position:absolute;width:421px;right:0;top:0;line-height:1.8;padding-top:110px;}
.case_list .text h3{font-size:18px;padding:0 0 10px;color:#647333;font-weight:normal;}
.case_list .text a{display:inline-block;line-height:24px;color:#647333;margin-top:20px;border-bottom:1px solid #647333;}
.case_list .text a:hover{border-bottom:0px;}
.case_list .img{height:410px;padding-right:470px;}
.case_list .play{overflow:hidden;position:relative;height:100%;}
.case_list .play a{position:absolute;lefT:50%;width:730px;margin-left:-365px;}
.case_list .play img{width:730px;height:410px;}
.img_hd{position:absolute;right:0;bottom:0;width:421px;overflow:hidden;height:91px;}
.img_hd .img_h_ul{position:absolute;left:0}
.img_hd .img_h_ul li{width:91px;float:left;height:91px;overflow:hidden;margin-right:19px;position:relative}
.img_hd .img_h_ul li img{height:91px;}
.img_hd .img_h_ul li.on span{z-index:2;background:url(../images/zhu_icon01.png) no-repeat;position:absolute;width:100%;height:100%;lefT:0;top:0;background-size:cover;}
.case .owl-prev,.case .owl-next{position:absolute;width:37px;height:37px;top:20px;background:url(../images/arrow_img01.png) no-repeat 0 0;right:0; text-indent: 999px;overflow:hidden;z-index:99999;cursor:pointer;}
.case .title{position:absolute;width:421px;right:0;top:20px; z-index:2;font-size:30px;color:#333;}
.case .owl-next{background-position:right 0;right:0px;}
.case .owl-prev{right:53px;}
.case .owl-prev:hover,.case .owl-next:hover{background-image:url(../images/arrow_img02.png);}
.case_list2{display:none;}


.about{padding:70px 0 80px;}
.about .warper{position:relative;}
.about .title{position:absolute;lefT:0;top:0;z-index:9;}
.about .title i{border:4px solid #333;width:197px;height:310px;display:inline-block;}
.about .title img{position:absolute;left:15px;top:15px;}
.about .title .text01{position:absolute;lefT:75px;background:#fff;padding:15px 0;bottom:50px;font-size:30px;color:#333;width:330px;}
.about .title .text01 span{display:block;font-weight:bold;color:#647333; text-transform: uppercase;padding-left:60px;font-size:24px;}
.about .text{width:495px;padding-top:360px;position:absolute;lefT:0;top:0;}
.about .img{height:576px;margin-left:520px;background:no-repeat center center;background-size:cover;}

.case_swiper{display:none;}


@media screen and (max-width:1240px) {
.banner .article{height:600px;}
	.about .title{lefT:20px;}
.about .text{lefT:20px;}
	.case .title{right:20px;}
.case .owl-next{right:20px;}
.case .owl-prev{right:73px;}
}
@media screen and (max-width:1080px) {
.banner .article{height:500px;}
.banner .owl-controls{display:block;bottom:30px;}	
.index_mian li a{font-size:14px;}
.index_mian li a h3{font-size:20px;}
.index_mian{padding:60px 5px 70px;}
.index_mian li a i{top:-3px;}
	.about .title i{height:270px;}
	.about .text{width:420px;padding-top:320px;}
	.about .img{margin-left:445px;}
}

@media screen and (max-width:880px) {
.banner .article{height:400px;}
.banner .owl-controls{bottom:15px;}
	.index_mian .is_animated {-webkit-transform:rotatex(0) translateZ(0);-ms-transform:rotatex(0) translateZ(0);transform:rotatex(0) translateZ(0);opacity:1;}
	.index_mian{padding:50px 0;}
	.index_mian li a{font-size:12px;}
.index_mian li a h3{font-size:15px;}
.about .title{position:relative;lefT:0;top:0;width:330px;margin:0 auto;}
.about .title i{width:197px;height:175px;}
.about .title img{position:absolute;left:15px;top:auto;bottom:15px;}
.about .title .text01{bottom:30px;font-size:26px;}
.about .title .text01 span{padding-left:50px;font-size:21px;}
.about .text{width:100%;padding-top:0;position:relative;}
.about .img{height:280px;margin:40px 0;width:100%;}
	.case_list2{display:block;}
	.case_list{display:none;}
	.case .title{text-align:left;position:relative;width:100%;left:0;top:0;}
	.case .owl-prev,.case .owl-next{top:4px;}
	.case .owl-prev:hover,.case .owl-next:hover{background-image:url(../images/arrow_img01.png);}
	.case_list2{padding-top:15px;}
	.case_list2 img{width:100%;height:auto;}
	.case_list2 .text{line-height:1.8;padding-top:20px;}
.case_list2 .text h3{font-size:18px;padding:0 0 10px;color:#647333;font-weight:normal;}
.case_list2 .text a{display:inline-block;line-height:24px;color:#647333;margin-top:10px;border-bottom:1px solid #647333;}
	.case_list2 .img{display:none;}
	.case_list2 .active .img{display:block;}
	.about{padding:40px 0 50px;}
	
.case_swiper{display:block;padding-top:20px;}
.case_swiper .swiper-slide img{width:100%;max-height:189px;}
.case_swiper .swiper-button-next{width:37px;height:37px;background:url(../images/arrow_img01.png) no-repeat 0 0;top:20px;right:20px; background-position: right;opacity:1;}
.case_swiper .swiper-button-prev{width:37px;height:37px;background:url(../images/arrow_img01.png) no-repeat 0 0;top:20px;right:68px; background-position: left;left:auto;opacity:1;}
.case_swiper .text{line-height:1.8;padding-top:20px;}
.case_swiper .swiper-pagination-v{display:none;}
.case_swiper .text h3 {
    font-size: 16px;
    padding: 0 0 10px;
    color: #647333;
    font-weight: normal;
}
.case_swiper .text a {
    display: inline-block;
    line-height: 24px;
    color: #647333;
    margin-top: 20px;
    border-bottom: 1px solid #647333;
}
}
@media screen and (max-width:780px) {
.index_mian ul{padding:0;}
.index_mian li{float:none;width:100%;}
	.index_mian li a{margin:5px 0;height:260px;}
}
@media screen and (max-width:640px) {
.banner .article{height:300px;}
.banner .owl-controls .owl-dot span{height:9px;width:9px;}
.index_mian li a{margin:5px 0;height:220px;}
.index_mian{padding:40px 0;}
.about .title{width:230px;margin:0 auto;}
.about .title i{width:140px;height:115px;border-width: 3px;}
.about .title .text01{width:190px;}
.about .title img{width:auto;height:60%;}
.about .title .text01{font-size:18px;padding:10px 0;}
.about .title .text01 span{padding-left:27px;font-size:14px;}
.about .text{width:100%;padding-top:0;position:relative;lefT:0;}
.about .img{height:160px;margin:30px 0;}
	.case .title{font-size:20px;}
	.case .owl-prev,.case .owl-next{top:4px;width:30px;height:30px;background-size:auto 30px;}
	.case .owl-prev{right:55px;}
	.case_list2 .text{line-height:1.5;}
	.case_list2 .text h3{font-size:16px;}
	.case{padding:40px 0 50px;}
	.index_mian li{text-align:center;}
	.index_mian li a{display:inline-block;}
	.index_mian li a img{height:100%;width:auto;}
	.index_mian li a .text{text-align:left;}
}

@media screen and (max-width:480px) {
.banner .article{height:240px;}
	.index_mian li a{margin:5px 0;height:180px;}
}
@media screen and (max-width:380px) {
.banner .article{height:150px;}
	.index_mian li a{margin:5px 0;height:150px;}
}