/*首页Banner start*/
.lyBanner { height:1080px; 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:54px; text-transform:uppercase; letter-spacing:8px; text-shadow: 2px 2px 2px rgba(0, 0, 0, .5);}
.lyBa_text p { display: block; color: #fff; font-size:28px; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);}

.lyBanner video{position:relative; z-index:98; width:100%}

.lyBanner .swiper-pagination {width:100%; height:10px; bottom:30px !important;}
.lyBanner .swiper-pagination span {width:10px; height:10px;  background-color: rgba(255, 255, 255, .25); opacity: 1; border-radius:0; border-radius:5px;}
.lyBanner .swiper-pagination span::after { display: none;}
.lyBanner .swiper-pagination span.swiper-pagination-bullet-active {width:80px; background-color:#e2b96c;}

.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: #e2b96c;}
.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:1780px) {
.lyBanner{height:992px;}
}
@media (max-width:1680px) {
.lyBanner{height:992px;}
}
@media (max-width:1600px) {
.lyBanner{height:900px;}
}
@media (max-width:1480px) {
.lyBa_text .tit {font-size:40px;}
.lyBa_text p {font-size:24px;}
.lyBanner {height:800px;}
}
@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;}
}
@media (max-width:780px) {
.lyBanner{height:420px;}
}
@media (max-width:540px) {
.lyBanner{height:300px;}
.lyBanner .swiper-slide .lyBa_text {padding-right:10%;}
.lyBa_text .tit{font-size:20px;}
.lyBa_text p{font-size:12px;}
.lyBanner .swiper-slide:nth-child(1){ display:none}
}
@media (max-width:430px) {
.lyBanner{height:230px;}
}
@media (max-width:390px) {
.lyBanner{height:220px;}
.lyBa_text .tit{font-size:18px; letter-spacing:4px;}
}



/*首页标题 start*/
.lyTitle_top{width:100%; overflow:hidden;}
.lyTitle{margin-bottom:40px; width:20%; float:left}
.lyTitle p{font-size:32px;font-weight:bold;color:#333; position:relative;}
.lyTitle span {font-size:16px;line-height:24px;max-width:700px;margin-bottom:50px;color:#D3D3D3;position:relative;text-transform:uppercase;}
.lyTitle span:before {content:"";position:absolute;bottom:-16px;left:55px;width:6px;height:6px;background-color:#e2b96c;border-radius:50%;}
.lyTitle span:after {content:"";position:absolute;bottom:-15px;left:0px;width:50px;height:4px;background-color:#e2b96c;border-radius:3px;}

.lyProMenu {width:78%; float:right; text-align:right; margin-top:24px}
.lyProMenu a{display:inline-block; height:48px; color: #e2b96c; margin-left:1%; background-color:#fff; border-radius:24px; transition:all 0.3s ease-out; border:1px solid #e2b96c; width:15%;}
.lyProMenu a.active,.lyProMenu a:hover{color:#fff; background-color:#e2b96c; border:1px solid #e2b96c;}
.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:992px) {
.lyTitle{width:100%; margin-bottom:30px;}
.lyTitle p{font-size:26px;}
.lyTitle span {font-size:14px;}

.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:540px) {
.lyProMenu a{margin-left:1%; width:31%;}
}
@media (max-width:430px) {
.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{border-radius:10px;}
.lyProList .swiper-slide .bt{width:60%; color:#333; border-bottom:1px solid #ccc; overflow:hidden; transition:all 0.3s ease-out;}
.lyProList .swiper-slide .bt p{float:left; line-height:40px; font-size:16px;}
.lyProList .swiper-slide .bt i{float:right; line-height:40px; font-size:20px;}
.lyProList .swiper-slide:hover .bt{width:90%; color:#e2b96c; border-bottom:1px solid #e2b96c;}

.lyProList .swiper-button-prev, .lyProList .swiper-button-next { width:60px; height:60px; line-height:60px; text-align:center; background:#e2b96c;  border-radius:50%; top:40%}
.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;}
.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:1680px) {
.lyProducts {padding:80px 0;}	
}
@media (max-width:1180px) {
.lyProducts {padding:60px 0;}
}
@media (max-width:540px) {
.lyProducts {padding:40px 0;}
.lyProList .swiper-slide .bt{width:100%;}
}
@media (max-width:430px) {
.lyProList .lyProMenu a{ display:none}
}



/*首页关于我 start*/
.lyAbout {overflow: hidden; padding:100px 0; 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:42%; float:left}
.lyAb_text .lyTitle{ width:100%}
.lyAb_text .ms p{ line-height: 2; color: #666; font-size: 16px; }
.lyAb_text .lyMore {margin-top: 48px;}

.lyAb_video{width:54%; position:relative; text-align:right; height:500px; float:right;}
.lyAb_video:after {content:"";position:absolute;width:95%;height:95%;background-color:#e2b96c;bottom:0;left:0;z-index:98;border-radius:10px;}
.lyAb_video img{border-radius:10px; position:relative; z-index:99; width:97%;height:95%;}
.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);}

.lyAb_sz{overflow: hidden; position:relative; background-color:#e2b96c; background-image:url(../images/bj03.jpg); background-repeat:no-repeat; background-position:center top; background-size: cover; background-attachment: fixed;}
.lyAb_sz{z-index:100; position:relative;}
.lyAb_sz dl{text-align:center; color:#fff}
.lyAb_sz dd{float:left; width:25%; margin:80px 0; border-right:1px solid rgba(255, 255, 255, .4);}
.lyAb_sz dd p{position:relative}
.lyAb_sz dd sub{position:absolute; top:0; font-size:25px}
.lyAb_sz dd font{margin-left:10px}
.lyAb_sz dd em{font-size:60px; font-weight:bold}
.lyAb_sz dd span{font-size:18px}
.lyAb_sz dd:nth-child(4){border-right:none}
/*首页关于我 end*/
@media (max-width:1680px) {
.lyAbout {padding:80px 0;}	
.lyAb_video{height:400px;}
}
@media (max-width:1280px) {
.lyAb_text .ms p{font-size:14px;}
.lyAb_sz dd span{font-size:16px;}
}
@media (max-width:1180px) {
.lyAbout {padding:60px 0;}
.lyAb_video{height:350px;}
.lyAb_sz dd{margin:60px 0;}
.lyAb_sz dd em{font-size:50px;}
}
@media (max-width:992px) {
.lyAb_text .lyMore {margin-top:10px;}	
.lyAb_sz dd em{font-size:45px;}
}
@media (max-width:540px) {
.lyAb_sz{padding-bottom:30px}
.lyAb_sz dd{width:50%; margin:20px 0 0;}
.lyAb_sz dd em{font-size:40px;}
}
@media (max-width:540px) {
.lyAbout {padding:40px 0;}
.lyAb_text {width:100%; margin-bottom:20px}
.lyAb_video{width:100%; height:280px;}
}
@media (max-width:430px) {
.lyAb_video{height:240px;}	
.lyAb_sz dd em{font-size:36px;}
.lyAb_sz dd sub{font-size:16px}
.lyAb_sz dd span{font-size:14px}
}
@media (max-width:390px) {
.lyAb_video{height:200px;}	
.lyAb_video .videoicon{width:60px; height:60px;}
}



/*首页案例 start*/
.lyCase{overflow: hidden; padding: 100px 0; background-color: #fff;}
.lyCase .lyTitle{ margin-left:8%}
.lyCase .lyMore { float:right; margin-right:8%; margin-top:24px}

.lyCaseList {position: relative; width:100%; float:left; overflow:hidden; padding-left:8%}
.lyCaseList .swiper-slide{position: relative;}
.lyCaseList .swiper-slide .img{width:100%; overflow:hidden;}
.lyCaseList .swiper-slide .img img{border-radius:10px; width:100%}
.lyCaseList .swiper-slide .bt{width:30%; height:50px; line-height:50px; background:rgb(226, 185, 108, .99); text-align:center; border-radius:5px; bottom:-60px; right:20px; position:absolute; font-size:16px; color:#fff; opacity:0; transition:all 0.3s ease-out;}
.lyCaseList .swiper-slide-active .bt{ opacity:1; bottom:20px;}

.lyCaseList .swiper-button-prev, .lyCaseList .swiper-button-next {width:60px; height:60px; line-height:60px; text-align:center; background:#fff; border:1px solid #e2b96c;  border-radius:50%;}
.lyCaseList .swiper-button-next{right: auto; left:2%; transition:all 0.3s ease-out; top:38%;}
.lyCaseList .swiper-button-prev{right: auto; left:2%; transition:all 0.3s ease-out; top:52%;}
.lyCaseList .swiper-button-next:hover,.lyCaseList .swiper-button-prev:hover{border:1px solid #e2b96c; background:#e2b96c;}
.lyCaseList .swiper-button-next i,.lyCaseList .swiper-button-prev i{line-height:60px; color:#e2b96c;}
.lyCaseList .swiper-button-next:hover i,.lyCaseList .swiper-button-prev:hover i{color:#fff;}
@media (max-width:1680px) {
.lyCase{padding:80px 0;}	
}
@media (max-width:1480px) {
.lyCase .lyTitle{margin-left:4%}
.lyCase .lyMore {margin-right:4%;}	
.lyCaseList{padding-left:4%}
}
@media (max-width:1280px) {
.lyCaseList .swiper-button-next{top:36%;}
.lyCaseList .swiper-button-prev{top:54%;}	
}
@media (max-width:1180px) {
.lyCase{padding:60px 0;}	
}
@media (max-width:1024px) {
.lyCaseList .swiper-button-next{top:34%;}
.lyCaseList .swiper-button-prev{top:56%;}	
}
@media (max-width:992px) {
.lyCase .lyTitle{width:40%}
.lyCase .lyMore {margin-top:10px}
}
@media (max-width:540px) {
.lyCase{padding:40px 0;}
.lyCaseList {padding:0 4%}
.lyCaseList .swiper-button-prev, .lyCaseList .swiper-button-next{ display:none}	
}



/*首页优势 start*/
.lyAdvan { overflow: hidden;  position: relative; }
.lyAdvan .w1600 {}
.lyAdvan .lyTitle{ position:absolute; z-index:99; top:100px;}
.lyAdvan .lyTitle p{color:#fff}

.lyAdvan .advan_button{ position:absolute; z-index:99; bottom:0; width:100%; overflow:hidden; cursor:pointer;  text-align:center}
.lyAdvan .advan_button .swiper-slide{ color:#fff;}
.lyAdvan .advan_button i{font-size:50px; display:block}
.lyAdvan .advan_button .swiper-slide span{font-size:18px; }
.lyAdvan .advan_button .swiper-slide p{ font-size:14px; text-transform:uppercase}
.lyAdvan .advan_button .swiper-slide .box{background-color:rgb(0, 0, 0, .5); border-right:1px solid rgba(255, 255, 255, .1); margin-top:20px; height:250px; padding-top:60px; transition:all 0.3s ease-out;  }
.lyAdvan .advan_button .swiper-slide-thumb-active .box{background-color:rgb(226, 185, 108, .98); margin-top:0px; height:270px; padding-top:70px; background-image:url(../images/bj02.png); background-repeat:no-repeat; background-position: bottom right; background-size: cover;}


.lyadvanList {position: relative;}
.lyadvanList .swiper-slide {height:100%; overflow: hidden; position: relative; z-index:9}
.lyadvanList .swiper-slide .pic{ display: block; height:850px; overflow: hidden; position: relative;}
.lyadvanList .swiper-slide .pic:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%; background:rgb(0, 0, 0, .2); z-index:1;}
.lyadvanList .swiper-slide .wz{position: absolute; top:36%; left:10%; z-index:10; width:100%}
.lyadvanList .swiper-slide .bt{width:100%; overflow:hidden}
.lyadvanList .swiper-slide .bt i{font-size:70px; color:#fff; float:left; margin-right:20px}
.lyadvanList .swiper-slide .bt div{float:left; color:#fff; margin-top:18px;}
.lyadvanList .swiper-slide .bt div span{font-size:30px}
.lyadvanList .swiper-slide .bt div p{ font-size:14px; text-transform:uppercase}
.lyadvanList .swiper-slide .wz b{font-size:16px; color:#fff; line-height:30px}
.lyadvanList .swiper-slide .wz .lyMore{ margin-top:40px}
@media (max-width:1680px) {
.lyAdvan .lyTitle{top:80px;}
}
@media (max-width:1600px) {
.lyadvanList .swiper-slide .pic{height:820px;}
}
@media (max-width:1280px) {
.lyadvanList .swiper-slide .pic{height:750px;}
.lyadvanList .swiper-slide .wz{left:5%;}
.lyAdvan .advan_button .swiper-slide .box{margin-top:20px; height:200px; padding-top:40px;}
.lyAdvan .advan_button .swiper-slide-thumb-active .box{margin-top:0px; height:220px; padding-top:50px;}
}
@media (max-width:1180px) {
.lyAdvan .lyTitle{top:60px;}
.lyadvanList .swiper-slide .pic{height:600px;}
.lyadvanList .swiper-slide .wz{top:30%;}
}
@media (max-width:1024px) {
.lyAdvan .advan_button .swiper-slide span{font-size:16px}	
.lyAdvan .advan_button .swiper-slide p{font-size:12px}	
}
@media (max-width:540px) {
.lyAdvan .lyTitle{top:40px;}
.lyAdvan .advan_button{display:none}	
.lyadvanList .swiper-slide .pic{height:480px;}
.lyadvanList .swiper-slide .wz{width:90%; top:35%;}
.lyadvanList .swiper-slide .bt i{font-size:60px; margin-right:20px}
.lyadvanList .swiper-slide .bt div span{font-size:24px}
.lyadvanList .swiper-slide .bt div p{ font-size:12px}
}
@media (max-width:430px) {
.lyadvanList .swiper-slide .pic{height:360px;}	
}



/*首页新闻 start*/
.lyNews { overflow: hidden; padding: 100px 0; background-color:#f5f5f5;}
.lyNews .w1600 { position: relative;}

.lyNews ul.lyNewsList { min-height: 240px; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -17.5px;}
.lyNewsList li { width: 33.333333%; padding: 0 17.5px; }
.lyNewsList li a.pic { display: block; width: 100%; height: 320px; overflow: hidden; border-radius: 8px 8px 0 0; position: relative;}
.lyNewsList li a.pic img {transition:all 0.3s ease-out;}
.lyNewsList li:hover a.pic img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyNewsList li a.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(226, 185, 108, .7); border-radius: 4px; position: absolute; right:30px; top:30px;}
.lyNewsList li:hover a.pic em { background-color: rgba(226, 185, 108, 1);}
.lyNewsList li .text { width: 100%; overflow: hidden; padding: 30px; background-color:#fff; border-radius: 0 0 8px 8px;}
.lyNewsList li:hover .text { box-shadow: 0 5px 10px rgba(0, 0, 0, .1);}
.lyNewsList li .text a.name { display: block; overflow: hidden; line-height:36px; color: #333; font-size:22px;}
.lyNewsList li:hover .text a.name { color: #e2b96c;}
.lyNewsList li .text p.ms { height: 48px; overflow: hidden; line-height: 24px; 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 li .text .btn a { display: block; line-height: 30px; color: #333; font-size: 16px; float: left;}
.lyNewsList li:hover .text .btn a { color: #e2b96c;}
.lyNewsList li .text .btn i{ line-height: 30px; font-size:20px; margin-left:20px; transition:all 0.3s ease-out}
.lyNewsList li:hover .text .btn i{margin-left:40px;}
@media (max-width:1680px) {
.lyNews {padding:80px 0;}
.lyNewsList li a.pic {height:280px;}
}
@media (max-width:1600px) {
.lyNewsList li a.pic {height:250px;}
.lyNewsList li .text a.name{font-size:18px;}
}
@media (max-width:1480px) {
.lyNewsList li a.pic {height:220px;}
.lyNewsList li .text{padding:20px;}
.lyNewsList li .text p.ms{margin:10px 0 20px;}
}
@media (max-width:1280px) {
.lyNewsList li a.pic {height:200px;}
.lyNewsList li .text a.name{font-size:16px;}
.lyNewsList li .text p.ms,.lyNewsList li .text .btn a{font-size:14px;}
}
@media (max-width:1180px) {
.lyNews{padding:60px 0;}
}
@media (max-width:1024px) {
.lyNewsList li a.pic {height:180px;}
}
@media (max-width:992px) {
.lyNewsList li a.pic {height:140px;}	
.lyNewsList li .text{padding:10px;}
.lyNews .lyProMenu a{width:31.4%;}
}
@media (max-width:540px) {
.lyNews{padding:40px 0;}
.lyNews ul.lyNewsList{margin:0;}
.lyNewsList li {width:100%; padding:0; margin-bottom:10px}	
.lyNewsList li a.pic {height:250px;}	
}
@media (max-width:430px) {
.lyNewsList li a.pic {height:220px;}
}
@media (max-width:390px) {
.lyNewsList li a.pic {height:180px;}	
}







