/*首页Banner start*/
.lyBanner { height:100vh; overflow: hidden; background-color: #f5f5f7;}
.lyBanner .swiper-container { height: 100%;}
.lyBanner .swiper-slide { overflow: hidden; position: relative;}
.lyBanner .swiper-slide .lyBa_text {padding-right:30%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);}
.lyBa_text .tit {color:#fff; font-size:55px; text-transform:uppercase; letter-spacing:8px; text-shadow:2px 2px 2px rgba(0, 0, 0, .5); font-weight:bold;}
.lyBa_text p{display:block; color:#fff; font-size:24px; text-transform:uppercase; text-shadow:2px 2px 2px rgba(0, 0, 0, .4); margin-top:10px}
.lyBa_text .lyMore{margin-top:60px}

.lyBanner video{position:relative; z-index:98; width:100%}

.lyBanner .swiper-pagination {width:100%; height:12px; bottom:30px !important;}
.lyBanner .swiper-pagination span {width:12px; height:12px;  background-color: rgba(255, 255, 255, .25); opacity: 1; border-radius:0; border-radius:6px;}
.lyBanner .swiper-pagination span::after { display: none;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active {background-color:#7e684f;}

.lyBanner .swiper-button-prev, .lyBanner .swiper-button-next {width:50px; height:50px; line-height:54px; text-align:center; margin-top: -24px; background: rgba(0, 0, 0, .25); border-radius: 4px;}
.lyBanner .swiper-button-prev1{ left: 40px; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lyBanner .swiper-button-prev { left: 40px; }
.lyBanner .swiper-button-next { right: 40px;}
.lyBanner .swiper-button-prev:hover, .lyBanner .swiper-button-next:hover { background: #7e684f;}
.lyBanner .swiper-button-prev i, .lyBanner .swiper-button-next i{font-size:18px; color:#fff}
.lyBanner .swiper-button-disabled { opacity: .4 !important;}
/*首页Banner end*/
@media (max-width:1480px) {
.lyBa_text .tit {font-size:40px;}
.lyBa_text p {font-size:24px;}
.lyBanner { height:780px;}
}
@media (max-width:1380px) {
.lyBanner { height:760px;}
}
@media (max-width:1280px) {
.lyBanner {height:720px;}
}
@media (max-width:1180px) {
.lyBanner {height:660px;}
}
@media (max-width:1024px) {
.lyBanner{height:560px;}
.lyBa_text .tit{font-size:30px;}
.lyBa_text p{font-size:18px;}
}
@media (max-width:992px) {
.lyBanner{height:500px;}
}
@media (max-width:820px) {
.lyBanner{height:450px;}
.lyBanner .swiper-slide .lyBa_text {padding-right:40%;}
.lyBa_text .lyMore{margin-top:30px}
}
@media (max-width:780px) {
.lyBanner{height:420px;}
}
@media (max-width:540px) {
.lyBanner{height:300px;}
.lyBanner .swiper-slide .lyBa_text {padding-right:20%;}
.lyBa_text .tit{font-size:20px;}
.lyBa_text p{font-size:12px;}
}
@media (max-width:430px) {
.lyBanner{height:260px;}
.lyBa_text .lyMore{display:none}
.lyBa_text .tit{letter-spacing:2px;}
.lyBanner .swiper-pagination{bottom:20px!important}
.lyBa_text p{margin-top:2px;}
}




/*首页标题 start*/
.lyTitle_top{width:100%; overflow:hidden;}
.lyTitle{margin-bottom:30px; width:100%; text-align:center}
.lyTitle_ab{width:20%; float:left; text-align:left}
.lyTitle p{font-size:34px; color:#333; position:relative;}
.lyTitle span {font-size:40px; font-weight:bold; color:#7e684f; position:relative; text-transform:uppercase; font-family: Georgia, "Times New Roman", Times, serif;}

.lyProMenu {width:70%; float:right; text-align:right; margin-top:24px}
.lyProMenu a{display:inline-block; height:48px; color: #7e684f; margin-left:1%; background-color:#fff; transition:all 0.3s ease-out; border:1px solid #7e684f; width:18%;}
.lyProMenu a.active,.lyProMenu a:hover{color:#fff; background-color:#7e684f; border:1px solid #7e684f;}
.lyProMenu a p{line-height:45px; float:left; padding-left:20px; font-size: 16px;}
.lyProMenu a i{line-height:45px; float:right; padding-right:20px; font-size:20px;}
.lyProMenu a:hover p{padding-left:30px;}
.lyProMenu a:hover i{padding-right:30px;}
/*首页标题 end*/
@media (max-width:1480px) {
.lyTitle p{font-size:30px;}
.lyTitle span {font-size:36px;}
}
@media (max-width:1180px) {
.lyTitle{margin-bottom:20px;}
}
@media (max-width:1024px) {
.lyTitle p{font-size:26px;}
.lyTitle span {font-size:32px;}
}
@media (max-width:992px) {
.lyProMenu{width:100%; margin-top:0px; text-align:left; margin-bottom:10px}
.lyProMenu a{height:40px; border-radius:20px;}
.lyProMenu a p{line-height:40px; padding-left:10px; font-size:14px;}
.lyProMenu a i{line-height:40px; padding-right:10px; font-size:18px;}
.lyProMenu a:hover p{padding-left:20px;}
.lyProMenu a:hover i{padding-right:20px;}
}
@media (max-width:430px) {
.lyTitle p{font-size:20px;}
.lyTitle span {font-size:26px;}
.lyProMenu a p{padding-left:0px; width:100%; text-align:center; display:block; font-size:13px}
.lyProMenu a i{display:none}
}



/*首页产品 start*/
.lyProducts {overflow: hidden; padding:100px 0;}
.lyProList {position: relative; width:100%; float:left; overflow:hidden}
.lyProList .swiper-container {}
.lyProList .swiper-slide {overflow:hidden; position:relative;}
.lyProList .swiper-slide .img{width:100%; overflow:hidden;}
.lyProList .swiper-slide .img img{width:100%; height:100%; -webkit-transition:transform .75s;transition:transform .75s}
.lyProList .swiper-slide .bt{width:100%; color:#333; overflow:hidden; margin-top:10px}
.lyProList .swiper-slide .bt .wz{width:85%; float:left}
.lyProList .swiper-slide .bt p{font-size:24px; color:#7e684f; margin-bottom:5px}
.lyProList .swiper-slide .bt span{font-size:14px; text-transform:uppercase; color:#999}
.lyProList .swiper-slide .bt i{width:15%; font-size:50px; line-height:50px; color:#999; display:block; float:right; transition:all 0.3s ease-out; opacity:0;}
.lyProList .swiper-slide:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.lyProList .swiper-slide:hover .bt i{width:6%; opacity:1}

.lyProList .swiper-button-prev, .lyProList .swiper-button-next {width:60px; height:60px; line-height:65px; text-align:center; background:#7e684f;  border-radius:50%; top:45%}
.lyProList .swiper-button-prev{left:-60px; transition:all 0.3s ease-out;}
.lyProList .swiper-button-next{right:-60px; transition:all 0.3s ease-out;}
.lyProList .swiper-button-prev i,.lyProList .swiper-button-next i{color:#fff; font-size:20px}
.lyProList:hover .swiper-button-prev{left:20px;}
.lyProList:hover .swiper-button-next{right:20px;}
.lyProList .swiper-button-disabled {opacity: .4 !important;}
/*首页产品 end*/
@media (max-width:1780px) {
.lyProList .swiper-slide:hover .bt i{width:8%;}
}
@media (max-width:1680px) {
.lyProducts {padding:80px 0;}	
}
@media (max-width:1180px) {
.lyProducts {padding:60px 0;}
.lyProList .swiper-slide:hover .bt i{width:10%;}
}
@media (max-width:1024px) {
.lyProList .swiper-button-prev, .lyProList .swiper-button-next {width:40px; height:40px; line-height:45px;}
.lyProList .swiper-slide .bt p{font-size:20px}
}
@media (max-width:820px) {
.lyProList .swiper-slide .bt i{font-size:40px;}	
}
@media (max-width:780px) {
.lyProList .swiper-slide .bt i{font-size:35px;}	
}
@media (max-width:540px) {
.lyProducts {padding:40px 0;}
.lyProList .swiper-slide .bt{width:100%;}
}
@media (max-width:430px) {
.lyProList .lyProMenu a{ display:none}
}


/*首页案例 start*/
.lyCase{overflow: hidden; padding: 100px 0; background-image:url(../images/bg01.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover;}
.lyCase .lyTitle p{color:#fff}
.lyCaseList {position: relative; width:100%; float:left; overflow:hidden;}
.lyCaseList .swiper-slide {overflow:hidden; position:relative; padding-bottom:40px}
.lyCaseList .swiper-slide .img{width:100%; overflow:hidden;}
.lyCaseList .swiper-slide .img img{width:100%; height:100%; -webkit-transition:transform .75s;transition:transform .75s}
.lyCaseList .swiper-slide .bt{width:100%; color:#333; overflow:hidden; margin-top:15px;}
.lyCaseList .swiper-slide .bt p{font-size:24px; color:#7e684f; margin-bottom:5px}
.lyCaseList .swiper-slide .bt span{font-size:16px; text-transform:uppercase; color:#999; line-height:30px; margin:10px 0 20px;}
.lyCaseList .swiper-slide .bt b{display: block; line-height:30px; color:#999; font-size: 16px; float: left;}
.lyCaseList .swiper-slide .bt b i{line-height: 30px; font-size:20px; margin-left:20px; transition:all 0.3s ease-out}

.lyCaseList .swiper-slide:hover .bt b i{margin-left:40px;}
.lyCaseList .swiper-slide:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05)}
.lyCaseList .swiper-slide:hover .bt p,.lyCaseList .swiper-slide:hover .bt span,.lyCaseList .swiper-slide:hover .bt b{color:#fff;}

.lyCaseList .swiper-button-prev,.lyCaseList .swiper-button-next {width:60px; height:60px; line-height:65px; text-align:center; background:#7e684f;  border-radius:50%; top:45%}
.lyCaseList .swiper-button-prev{left:-60px; transition:all 0.3s ease-out;}
.lyCaseList .swiper-button-next{right:-60px; transition:all 0.3s ease-out;}
.lyCaseList .swiper-button-prev i,.lyCaseList .swiper-button-next i{color:#fff; font-size:20px}
.lyCaseList:hover .swiper-button-prev{left:20px;}
.lyCaseList:hover .swiper-button-next{right:20px;}
.lyCaseList .swiper-button-disabled { opacity: .4 !important;}

.lyCaseList .swiper-pagination {width:100%; height:12px; bottom:10px !important;}
.lyCaseList .swiper-pagination span {width:12px; height:12px;  background-color: rgba(255, 255, 255, .25); opacity: 1; margin:0 4px; border-radius:6px;}
.lyCaseList .swiper-pagination span::after { display: none;}
.lyCaseList .swiper-pagination span.swiper-pagination-bullet-active {background-color:#7e684f;}
@media (max-width:1680px) {
.lyCase{padding:80px 0;}	
}
@media (max-width:1180px) {
.lyCase{padding:60px 0;}	
}
@media (max-width:1024px) {
.lyCaseList .swiper-slide .bt p{font-size:20px;}
.lyCaseList .swiper-slide .bt span{font-size:14px; margin:5px 0 10px;}	
}
@media (max-width:540px) {
.lyCase{padding:40px 0;}
.lyCaseList .swiper-button-prev, .lyCaseList .swiper-button-next{ display:none}	
}

/*首页关于我 start*/
.lyAbout {overflow: hidden; background-color:#fff8eb; position:relative; background-image:url(../images/bj02.jpg); background-repeat:no-repeat; background-position:center center; background-size: cover; z-index:99}
.lyAb_box{ width:100%; overflow:hidden}
.lyAb_text {width:40%; float:left; margin:100px 0}
.lyAb_text .lyTitle{ width:100%}
.lyAb_text .ms p{ line-height: 2; color: #666; font-size: 16px; }
.lyAb_text .lyMore {margin-top:30px;}

.lyAb_video{width:55%; height:665px; position:relative; text-align:right; float:right; background-image:url(../images/about.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.lyAb_video img{position:relative; z-index:99; width:100%; height:100%;}
.lyAb_video .video-show{position: absolute;z-index: 3;left:50%;top:47%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;color: #FFFFFF;width: 100%; z-index:100}
.lyAb_video .videoicon{ display:block; width:80px; height:80px; background: url(../images/sp.png) no-repeat center center;-moz-background-size:100%;-o-background-size:100%; background-size:100%; margin: 0 auto; opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

.counter-section{text-align:center; color:#666; overflow:hidden}
.counter-section dd{float:left; width:33.3333%; border-right:1px solid rgba(255, 255, 255, .4);}
.counter-section dd p{position:relative}
.counter-section dd sub{position:absolute; top:0; font-size:25px}
.counter-section dd font{margin-left:10px}
.counter-section dd em{font-size:50px; font-weight:bold; color:#7e684f;}
.counter-section dd span{font-size:18px}
.counter-section dd:nth-child(4){border-right:none}
/*首页关于我 end*/
@media (max-width:1680px) {
.lyAb_text{margin:80px 0}
}
@media (max-width:1380px) {
.lyAb_video{height:630px;}
}
@media (max-width:1180px) {
.lyAb_text{margin:60px 0}
}
@media (max-width:1024px) {
.lyAb_video{height:580px;}
.lyAb_text .ms p{font-size:14px; line-height:30px}
.counter-section dd em{font-size:40px;}
.counter-section dd font{margin-left:5px}
.counter-section dd span{font-size:16px}
.lyAb_text .lyMore{margin-top:20px;}
}
@media (max-width:992px) {
.lyAb_text{width:100%;}	
.lyAb_video{width:100%; height:500px; margin-bottom:60px}
}
@media (max-width:540px) {
.lyAb_text{margin:40px 0}
.lyAb_video{height:450px; margin-bottom:40px}
}
@media (max-width:430px) {
.lyAb_video{height:250px}	
}


/*首页优势 start*/
.lyAdvan {padding:100px 0; overflow:hidden;}
.lyadvanList .swiper-slide {width:100%; overflow:hidden; position: relative; background:#222;}
.lyadvanList .swiper-slide .pic{width:70%; overflow:hidden; float:left;}
.lyadvanList .swiper-slide .wz{width:30%; float:right; padding:100px 60px; color:#fff}
.lyadvanList .swiper-slide .wz img{width:80px;}
.lyadvanList .swiper-slide .wz span{font-size:30px; display:block; margin:40px 0 5px}
.lyadvanList .swiper-slide .wz p{font-size:14px; text-transform:uppercase}
.lyadvanList .swiper-slide .wz b{font-size:18px; display:block; margin-top:30px; line-height:30px}

.lyadvanList .swiper-pagination {width:100%; height:12px; left:40px !important; bottom:40px !important; text-align:left}
.lyadvanList .swiper-pagination span {width:12px; height:12px;  background-color: rgba(255, 255, 255, .25); opacity: 1; margin:0 4px; border-radius:6px;}
.lyadvanList .swiper-pagination span::after { display: none;}
.lyadvanList .swiper-pagination span.swiper-pagination-bullet-active {background-color:#7e684f;}
@media (max-width:1680px) {
.lyAdvan {padding:80px 0;}
.lyadvanList .swiper-slide .wz{padding:80px 50px;}
}
@media (max-width:1180px) {
.lyAdvan {padding:60px 0;}
.lyadvanList .swiper-slide .wz{padding:60px 40px;}
}
@media (max-width:1024px) {
.lyadvanList .swiper-slide .wz img{width:60px;}
.lyadvanList .swiper-slide .wz span{font-size:26px; margin:20px 0 5px}
.lyadvanList .swiper-slide .wz b{font-size:14px; margin-top:20px; line-height:30px}
.lyadvanList .swiper-pagination {left:20px !important; bottom:20px !important;}
}
@media (max-width:992px) {
.lyadvanList .swiper-slide .pic{width:100%}	
.lyadvanList .swiper-slide .wz{width:100%; padding:20px;}
.lyadvanList .swiper-slide .wz span{font-size:22px; margin:10px 0 5px}
.lyadvanList .swiper-slide .wz b{margin-top:5px;}
.lyadvanList .swiper-pagination {left:89%!important; bottom:20px !important;}
}
@media (max-width:820px) {
.lyadvanList .swiper-slide .wz b{height:60px}
.lyadvanList .swiper-pagination {left:88%!important;}
}
@media (max-width:540px) {
.lyAdvan {padding:40px 0;}
.lyadvanList .swiper-pagination {left:80%!important;}
}
@media (max-width:430px) {
.lyadvanList .swiper-slide .wz b{height:90px}
.lyadvanList .swiper-pagination {left:77%!important;}
}


/*首页新闻 start*/
.lyNews { overflow: hidden; padding: 100px 0; background-color:#f5f5f5;}
.lyNews .w1600 { position: relative;}

.lyNewsList .swiper-slide .pic{ display: block; width: 100%; overflow: hidden;  position: relative;}
.lyNewsList .swiper-slide:hover .pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyNewsList .swiper-slide .pic em { display: block; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 16px; text-align: center; padding: 0 20px; background-color: rgba(126, 104, 79, 1);position: absolute; right:30px; top:30px;}

.lyNewsList .swiper-slide .text { width: 100%; overflow: hidden; padding: 30px; background-color:#fff;}
.lyNewsList .swiper-slide:hover .text { box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.lyNewsList .swiper-slide .text .name { display: block; overflow: hidden; line-height:36px; color: #333; font-size:22px;}
.lyNewsList .swiper-slide:hover .text .name { color: #7e684f;}
.lyNewsList .swiper-slide .text p.ms { height:60px; overflow: hidden; line-height:30px; color: #666; font-size: 16px; text-transform: capitalize; margin: 15px 0 30px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyNewsList .swiper-slide .text .btn a { display: block; line-height: 30px; color: #333; font-size: 16px; float: left;}
.lyNewsList .swiper-slide:hover .text .btn a { color: #7e684f;}
.lyNewsList .swiper-slide .text .btn i{ line-height: 30px; font-size:20px; margin-left:20px; transition:all 0.3s ease-out}
.lyNewsList .swiper-slide:hover .text .btn i{margin-left:40px;}

.lyNewsList .swiper-button-prev,.lyNewsList .swiper-button-next {width:60px; height:60px; line-height:65px; text-align:center; background:#7e684f;  border-radius:50%; top:45%}
.lyNewsList .swiper-button-prev{left:-60px; transition:all 0.3s ease-out;}
.lyNewsList .swiper-button-next{right:-60px; transition:all 0.3s ease-out;}
.lyNewsList .swiper-button-prev i,.lyNewsList .swiper-button-next i{color:#fff; font-size:20px}
.lyNewsList:hover .swiper-button-prev{left:20px;}
.lyNewsList:hover .swiper-button-next{right:20px;}
.lyNewsList .swiper-button-disabled { opacity: .4 !important;}
@media (max-width:1680px) {
.lyNews {padding:80px 0;}
}
@media (max-width:1180px) {
.lyNews{padding:60px 0;}
.lyNewsList .swiper-slide .pic em{right:20px; top:20px;}
.lyNewsList .swiper-slide .text {padding:20px;}
}
@media (max-width:1024px) {
.lyNewsList .swiper-slide .text .name{font-size:18px; line-height: inherit}	
.lyNewsList .swiper-slide .text p.ms{font-size:14px; margin:5px 0 20px;}
.lyNewsList .swiper-button-prev,.lyNewsList .swiper-button-next {width:40px; height:40px; line-height:45px;}
}
@media (max-width:540px) {
.lyNews{padding:40px 0;}
}

