@charset "utf-8";
/* CSS Document */

.company{width:100%;animation-delay:0.5s}
.aboutus{width:3.6rem;color:#fff;font-size:0.14rem;line-height:0.24rem;padding-top:0.4rem;}
.branch{color:#fff;font-size:0.14rem;line-height:0.24rem;padding-top:0.4rem;padding-left:1.08rem;overflow:hidden;}
.branch p{color:#999;line-height:0.24rem;font-size:0.14rem;}
.branch a{display:block;line-height:0.24rem;font-size:0.14rem;color:#fff;}
.branch a:hover{padding-left:0.05rem;color:#ffcf01;}
.contactus{width:100%;display: block;color:#fff;}
.contactus p{font-size:0.16rem;line-height:0.252rem;}
.contactus i{width:0.28rem;display:inline-block;}
.flexslider{width:100%;margin-top:0.25rem;position:relative;animation-delay:1s}
.flexslider img{width:100%;}
.flexslider .text{position:absolute;left:0;bottom:0;width:auto;height:1.93rem;background-color:#000;background-color:rgba(0,0,0,0.7);color:#fff;padding:0.4rem 0.5rem 0;animation-delay: 0.5s;}
.flexslider .text h1{font-size:0.5rem;line-height:0.5rem;}
.flexslider .text p{font-size:0.158rem;padding-top:0.25rem;line-height:0.25rem;animation-delay: 1.4s;}
.flexslider .arrow{display:inline-block;position:absolute;right:0.2rem;bottom:0.2rem;z-index:100;}
.flexslider .arrow a{background:rgba(255, 255, 255, 0.75) url(../images/flexslider_arrow.png) no-repeat;display:inline-block;width:0.36rem;height:0.36rem;border-radius: 50%;line-height:5rem;overflow:hidden;transition: all 0.3s ease-in 0s;margin:0 0.1rem;}
.flexslider .arrow a.left{background-position:left top;}
.flexslider .arrow a.left:hover{background-position:right top;}
.flexslider .arrow a.right{background-position:right bottom;}
.flexslider .arrow a.right:hover{background-position:left bottom;}


.main .left .case{position: relative;}
.main .left .case h1{width:100%;background-color:#3f3f3f;line-height:0.34rem;font-size:0.18rem;padding-left:0.3rem;color:#fff;font-weight:normal;}
.main .left .case a.thumb{display:block;width:100%;overflow:hidden;}
.main .left .case img{transition: all 0.15s ease-in 0s;}
.main .left .case:hover img{transform: scale(1.02, 1.02);}
.main .left .case .info{width:100%;background-color:#3f3f3f;padding-left:0.3rem;color:#fff;padding:0.22rem 0.3rem;padding-right:0.1rem;transition: all 0.15s ease-in 0s;animation-delay:0.3s}
.main .left .case{}
.main .left .case:hover .info{padding-left:0.35rem;}
.main .left .case .info .h1{font-size:0.33rem;padding:0;line-height:0.33rem;color:#fff;font-weight:bold;}
.main .left .case .info:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 3px;
	background: #ffcf01;
	transition: all .3s;
}
.main .left .case:hover .info:before{
	width: 100%;
	left: 0;
	right: 0;
}
.main .left .case .info .fl p{font-size:0.2rem;line-height:0.2rem;padding:0.13rem 0;color:#ccc;}
.main .left .case .info .fr{width:1.85rem;}
.main .left .case .info .fr p{font-size:0.14rem;color:#999;line-height:0.2rem;}
.main .left .case-list{margin:0.09rem -0.07rem 0;}
.main .left .case-list li{width:50%;float:left;padding:0.09rem 0.07rem;position:relative;overflow: hidden;}
.main .left .case-list li a.thumb{display:block;width:100%;overflow:hidden;}
.main .left .case-list li img{transition: all 0.15s ease-in 0s;}
.main .left .case-list li:hover img{transform: scale(1.02, 1.02);}
.main .left .case-list li .info{width:100%;background-color:#3f3f3f;padding-left:0.3rem;color:#fff;padding:0.22rem 0.3rem;padding-right:0.1rem;transition: all 0.15s ease-in 0s;position: relative;animation-delay:0.3s}
.main .left .case-list li:hover .info{padding-left:0.35rem;}
.main .left .case-list li .info:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 3px;
	background: #ffcf01;
	transition: all .3s;
}
.main .left .case-list li:hover .info:before{
	width: 100%;
	left: 0;
	right: 0;
}
.main .left .case-list li .info .note{}
.main .left .case-list li .h1{font-size:0.33rem;padding:0;line-height:0.43rem;color:#fff;font-weight:bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.main .left .case-list li:hover .h1{color:#ffcf01;}
.main .left .case-list li h3{font-size:0.2rem;line-height:0.2rem;padding-top:0.1rem;color:#ccc;font-weight:normal;margin-bottom:0.22rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.main .left .case-list li .note p{font-size:0.14rem;line-height:0.19rem;color:#999;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;display:block;}
.main .left a.button{width:1.5rem;height:0.4rem;line-height:0.4rem;color:#000;font-size:0.17rem;text-align: center;display:block;background-color:#ffcf01;margin:0.6rem auto 0.7rem;letter-spacing:0.05rem;animation-delay:1s}
.main .left a.button:hover{background-color:#f1c60c;}

@media (min-width: 1200px) and (max-width: 1400px) {
	.banner .text h1{font-size:0.5rem;line-height:0.5rem;}
}
@media (max-width: 1000px){
	.flexslider{margin-top:0.4rem;}
	.flexslider .text{position:relative;background:#242424;width:100%;padding:0.22rem 0.3rem;}
	.flexslider .text h1{font-size:0.4rem;line-height:0.4rem;}
	.flexslider .text p{color: #ccc;font-size: 0.2rem;padding: 0.13rem 0;}
	.main .right .fixed{display:none!important;}
}
@media (max-width: 700px){
	.aboutus{font-size:0.15rem;color:#999;line-height:0.29rem;width:100%;}
	.branch{display:none;}
	.contactus{margin-top:0.5rem;}
	.contactus .fr{float:none;}
	.contactus p{font-size:0.17rem;line-height:0.28rem;}
	.flexslider{margin-top:0.4rem;}
	.flexslider .text{position:relative;background:#242424;width:100%;padding:0.22rem 0.3rem;height:auto;}
	.flexslider .text h1{font-size:0.25rem;line-height:0.3rem;}
	.flexslider .text p{color: #ccc;font-size: 0.15rem;padding: 0.13rem 0;}
	.flexslider .arrow{display:none;}
	.fade .item{background:#242424;}
	.fade .item a{display:block!important;width:100%!important;overflow:hidden!important;position:relative!important;height:220px!important;}
	.fade .item a img, .bs-slider > .carousel-inner > .item > a > img{position:absolute!important;height:220px!important;width:auto!important;left:50%!important;margin-left:-251px!important;}
	.main .left .case h1{line-height:0.5rem;margin-bottom:0.13rem;}
	.main .left .case img{width:180%;margin-left:-40%;}
	.main .left .case .info{padding-right:0.3rem;}
	.main .left .case .info .fr{float:none;width:100%;margin-top:0.1rem;}
	.main .left .case .info .fr p{font-size:0.14rem;}
	.main .left .case-list li{width:100%;}
	.main .left .case-list li .info{padding-right:0.3rem;}
	.main .left .case-list li .info .note{width:100%;margin-top:0.1rem;}
	.main .left .case-list li p{padding-bottom:0.13rem;}
	.main .left .case-list li .note p{font-size:0.14rem;line-height:0.2rem;padding:0;}
	.main .left a.button{width:100%;border-radius: 0;margin:0;margin-bottom:0.13rem;}
	.main .left .case .info .h1, .main .left .case-list li .h1{font-size:0.25rem;line-height:0.3rem;}
	.main .left .case .info .fl p{font-size:0.17rem;padding:0.03rem 0;}
	.main .left .case-list li h3{font-size:0.17rem;padding:0.03rem 0;margin-bottom:0;}

}