@charset "utf-8";
/* 首页产品 */
.case_list_met_28_1_46{text-align:center}.case_list_met_28_1_46 p.desc{margin-bottom:10px}.case_list_met_28_1_46 .nav-tabs{border-bottom:none;margin:30px auto;margin-top:20px;margin-bottom:40px}.case_list_met_28_1_46 .nav-tabs li{display:inline-block;float:none}.case_list_met_28_1_46 .nav-tabs li a{background:#116bc4;color:#fff;color:;border:0;padding:8px 30px;border-radius:0px}.case_list_met_28_1_46 .nav-tabs li.active a,.case_list_met_28_1_46 .nav-tabs li a:hover{background:#d7030c;background:;color:#ffffff;border:0}@media (max-width:768px){.case_list_met_28_1_46 .nav-tabs{margin:10px auto 20px;display:flex}}.case_list_met_28_1_46 .blocks h4{text-align:left}.case_list_met_28_1_46 .blocks h4 a{color:#2a333c}.case_list_met_28_1_46 .blocks h4 a:hover{color:#d68b37}.case_list_met_28_1_46 .blocks .widget{border-radius:0px;background:#333;position:relative}@media only screen and (max-width:767px) and (min-width:480px){.case_list_met_28_1_46 .blocks li{width:50%!important}}.case_list_met_28_1_46 .project-item a{color:#fff}.case_list_met_28_1_46 .project-item a:hover{color:#fff;border:none}.case_list_met_28_1_46 .project-item .project-img{position:relative;overflow:hidden}.case_list_met_28_1_46 .project-item .project-img img{display:block}.case_list_met_28_1_46 .project-item .project-intro{width:100%;height:100%;text-align:center;padding:32px 30px 0 30px;-webkit-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:0;left:0;opacity:0;overflow:hidden}.case_list_met_28_1_46 .project-item .project-intro:hover{opacity:1}.case_list_met_28_1_46 .project-item .project-intro .project-title{margin:0 0 20px 0;padding:0;font-size:18px;font-weight:600;line-height:1.3;text-align:center}.case_list_met_28_1_46 .project-item .project-intro .project-title,.case_list_met_28_1_46 .project-item .project-intro .project-title span{color:#ffffff !important}.case_list_met_28_1_46 .project-item .project-intro .project-title:before{content:"";border:1px solid;border-color:#116bc4;border-color:;position:absolute;bottom:-10px;left:0;width:10%;margin:0 45%}.case_list_met_28_1_46 .project-item .project-intro .project-descr{line-height:16px}@media (max-width:991px){.case_list_met_28_1_46 .project-item .project-intro{padding:32px 70px 0 70px}}.case_list_met_28_1_46 .project-item .project-title,.case_list_met_28_1_46 .project-item .project-descr{position:relative;z-index:3}.case_list_met_28_1_46 .project-item .project-title{top:-10px}.case_list_met_28_1_46 .project-item .project-descr{margin-top:50px;color:#ffffff}.case_list_met_28_1_46 .project-item .project-img:after{content:"";display:block;position:absolute;top:15px;left:10px;right:10px;bottom:15px;background:rgba(250,250,250,0)}.case_list_met_28_1_46 .project-item .project-title,.case_list_met_28_1_46 .project-item .project-descr,.case_list_met_28_1_46 .project-item .project-img:after,.case_list_met_28_1_46 .project-item .project-img > img{-webkit-transition:all 0.3s cubic-bezier(0.3,0.1,0.6,1);-moz-transition:all 0.3s cubic-bezier(0.3,0.1,0.6,1);-o-transition:all 0.3s cubic-bezier(0.3,0.1,0.6,1);-ms-transition:all 0.3s cubic-bezier(0.3,0.1,0.6,1);transition:all 0.3s cubic-bezier(0.3,0.1,0.6,1)}@media (max-width:767px){.case_list_met_28_1_46 .project-item .project-title{top:10px}.case_list_met_28_1_46 .project-item .project-descr{margin-top:30px}.case_list_met_28_1_46 .project-item .project-img:after{top:15px;left:10px;right:10px;bottom:15px}}@media (min-width:768px){.case_list_met_28_1_46 .project-item:hover .project-title{top:10px}.case_list_met_28_1_46 .project-item:hover .project-descr{margin-top:30px}.case_list_met_28_1_46 .project-item:hover .project-img:after{background:#000000;opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.case_list_met_28_1_46 .project-item:hover .project-img > img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}}@media (max-width:767px){.case_list_met_28_1_46 .project-item:hover .project-img:after{background:#000000;opacity:0.8;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.case_list_met_28_1_46{padding:0 0px 0 0;background:#ffffff!important;background:!important}

.case_list_met_28_1_46 p.desc{font-size:16px;font-weight:300;text-align:center;color:#999999;color:;margin:0px auto;margin-bottom:6px;margin-bottom:47px}@media (max-width:991px){.case_list_met_28_1_46{padding:60px 0px}}@media (max-width:767px){.case_list_met_28_1_46{padding:50px 0px}}@media (max-width:488px){.case_list_met_28_1_46{padding:40px 0px}}@media (max-width:358px){.case_list_met_28_1_46{padding:30px 0px}}


container{max-width:100%;margin-right:auto;margin-left:auto;padding-right:.9375rem;padding-left:.9375rem}.container::after{display:table;clear:both;content:''}@media (min-width:480px){.container{width:606px}}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1300px}}@media (min-width:1600px){.container{width:1310px}}.container-fluid{margin-right:auto;margin-left:auto;padding-right:.9375rem;padding-left:.9375rem}.container-fluid::after{display:table;clear:both;content:''}




.lh-banner{height:650px; position:relative; overflow:hidden; margin:0 auto 0;}

.lh-banner li{position:relative;}

.lh-banner li .img{height:100%;background-repeat:no-repeat; background-position:center top;} 

.lh-banner li .text{position:absolute; right:25.75vw; top:0; display:flex; align-items:center; height:70%; background:(0,0,0,255,0.9) }

.lh-banner li .text .h2{font-size:2vw; color:#fff; line-height:4vw; position:relative;display: inline-block; font-weight:bold; font-family:"微软雅黑";}

.lh-banner li .text .ccont{font-size:14px; color:#fff; line-height:24px; margin-top:2.2vh;}

.lh-banner li.style1 .h2:before{content:''; display:block; width:100%; height:0; background:#624823; position:absolute; left:0; top:50%; margin-top:-1px;}

.lh-banner li.style1 a{margin-top:9vh;}

.lh-btn{display:block; width:110px; height:42px; border:1px solid #C8C8C8; color:#333333; font-size:12px; line-height:42px; padding:0 0 0 15px; position:relative;}

.lh-btn.orange{border:1px solid #000000; color:#fff;}

.lh-btn i{display:block; width:60px; height:1px; background:#1D5B9A; position:absolute; right:-40px; top:50%;}

.lh-btn i:before{content:''; display:block; width:15px; height:1px; background:#1D5B9A; position:absolute; right:0; top:0; transform:rotate(45deg); transform-origin:right bottom;}

.lh-btn.orange i,.lh-btn.orange i:before{background:#000000;}

.lh-btn span{position:relative; display:block;}

.lh-btn span:before{content:attr(data-text); display:block; color:#fff; position:absolute; left:0; top:0; font-size:12px; width:0; white-space:nowrap; overflow:hidden; z-index:2; transition:cubic-bezier(.7,0,.3,1) .65s;}

.lh-btn:before{content:''; display:block; width:100%; height:100%; background:#C8C8C8; position:absolute; right:0; top:0; z-index:1; transform:scaleX(0); transform-origin:right center; transition:cubic-bezier(.7,0,.3,1) .65s;}

.lh-btn.orange:before{background:#099de9;}

.lh-btn:hover:before{transform:scaleX(1);}

.lh-btn.white{border-color:#fff; color:#fff;}

.lh-btn.white i,.lh-btn.white i:before{background:#fff;}

.lh-btn.white:before{background:#fff;}

.lh-btn.white span:before{color:#F9A010;}

.lh-btn:hover span:before{width:100%;}

.lh-banner li.style2 .text{right:40.5vw; left:auto; color:#987c54;}

.lh-banner li.style2 .text .h2{color:#fff; font-weight:bold; margin:10px 0;}

.lh-banner li.style2 .text .h3{font-size:1.25vw;font-family: "CenturyGothicbold"; line-height:1.56vw;color:#fff; margin:10px;}

.lh-banner li.style1 .text .ccont{font-family: "Century Gothic";}

.lh-banner li.style2 .text .ccont{color:#fff;font-size:1.25vw;line-height:1.56vw; margin-top:0;}

.lh-banner li.style2 .text a{margin-top:6vh;}



.lh-banner li.style3 .text{left:15.5vw; right:auto; color:#987c54;}

.lh-banner li.style3 .text .h2{color:#fff; font-weight:bold; margin:10px 0;}

.lh-banner li.style3 .text .h3{font-size:0.70vw;font-family: "Century Gothic"; line-height:1vw; color:#fff; }

.lh-banner li.style3 .text .ccont{color:#fff;font-size:1.25vw;line-height:1.56vw; margin-top:0;}

.lh-banner li.style3 .text a{margin-top:6vh;}



.lh-banner li.swiper-slide-active .text>div,.lh-banner li.swiper-slide-duplicate-active .text>div{animation:fadeInUp cubic-bezier(.7,0,.3,1) 1s forwards;}

.lh-down{color:#fff; position:absolute; left:50%; bottom:8vh; font-weight:bold; text-transform:uppercase; z-index:1; transform:translateY(-50%);}

.lh-down:after{content:''; display:block; width:2px; height:3.6vh; background:#fff; position:absolute; left:50%; top:30px; margin-left:-1px;}

.lh-down:before{content:''; display:block; width:4px; height:8px; background:#F9A011; position:absolute; left:50%; top:30px; margin-left:-2px; z-index:1; border-radius:30px; animation:down cubic-bezier(.7,0,.3,1) 1.5s infinite;}

@keyframes down{

	0%,to{transform:translateY(0);}

	50%{transform:translateY(calc(3.6vh - 8px));}	

}

.lh-banner-btn{position:absolute; right:4.9vw; bottom:5vh; z-index:1;}

.lh-banner-a a{display:block; float:left; width:36px; height:36px; text-align:center; line-height:36px; background:#959B9F;border:2px solid #959B9F; color:#fff; margin:0 3px; border-radius:50%; display:flex; align-items:center; justify-content:center;}

.lh-banner-a a i{font-size:12px;}

.lh-banner-a a:hover{background:#F9A010; border-color:#F9A010;}

.lh-banner-a a.play{border:2px solid #fff; background:none; }

.lh-banner-a a.play:hover{border-color:#F9A010; color:#F9A010;}

.lh-banner-a a.play i{font-size:16px;}

.lh-banner-b{margin-top:2.5vh; color:#fff;font-family: "Century Gothic"; font-size:16px; text-align:right; position:relative;}

.lh-banner-b span{font-family: "CenturyGothicbold"; font-size:24px;}

.lh-banner-b span:before{content:''; display:block; width:26px; height:2px; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}

.lh-banner-b em{position:relative; margin-left:40px;}

.lh-banner-b em:after{content:''; display:block; width:1px; height:24px; background:#fff; position:absolute; left:-20px; top:50%; margin-top:-14px; transform:rotate(45deg);}