@charset "utf-8";
/*
    author:PengJin;
    date:2021-04-02;
*/
body{background:#f1f1f1;}
@media(max-width:1200px){
body{padding-bottom:60px;}
}

/*--wrap-title--*/
.wrap-title{margin-bottom:50px;text-align:center;overflow:hidden;animation:fadeinT 1s;}
.wrap-title h2{line-height:45px;font-size:36px;color:#000;}
.wrap-title h2 a{color:#000;}
.wrap-title i{display:block;margin:30px auto 0;width:23px;height:4px;content:"";background:#5b2528;}
.wrap-title p{margin-top:20px;font-size:16px;color:#333;}
.wrap-title.white *{color:#fff;}
.wrap-title.white i{background:#fff;}
@media(max-width:1200px){
.wrap-title{margin-bottom:25px;}
.wrap-title h2{line-height:1.5;font-size:22px;}
.wrap-title i{margin-top:10px;width:12px;height:2px;}
.wrap-title p{margin-top:10px;font-size:14px;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;width:100%;overflow:hidden;clear:both;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a{display:block;width:100%;height:100%;height:929px;background-position:center 0;background-repeat:no-repeat;background-size:cover;}
.banner .swiper-slide .inner{height:929px;}
.banner .swiper-slide .text{position:relative;top:50%;text-align:right;transform:translateY(-50%);}
.banner .swiper-slide .text h3{font-size:140px;line-height:1;font-family:"DIN Medium";color:transparent;-webkit-text-stroke:1px #fff;text-transform: uppercase;}
.banner .swiper-slide .text h4{font-size:40px;color:#fff;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:35px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 7px !important;width:12px;height:12px;background:#fff;border-radius:0;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#5b2528;}
.banner .prev,.banner .next{position:absolute;z-index:9;top:50%;width:52px;height:52px;line-height:52px;color:#fff;text-align:center;cursor:pointer;outline:none;background-color:rgba(255,255,255,0.1);transform:translateY(-50%);}
.banner .prev{left:3%;}
.banner .next{right:3%;}
.banner .prev:hover,.banner .next:hover{color:#fff;background:#5b2528;border-color:#5b2528;opacity:1;}
@media(max-width:1440px){
.banner .swiper-slide a,.banner .swiper-slide .inner{height:774px;}
}
@media(max-width:1200px){
.banner{display:none;}
}
/*--end banner--*/

/*--mBanner--*/
.mBanner{display:none;position:relative;width:100%;overflow:hidden;}
.mBanner .swiper-slide img{display:block;width:100%;}
.mBanner .swiper-pager{position:absolute;z-index:9;left:0;bottom:35px;width:100%;text-align:center;}
.mBanner .swiper-pager span{position:relative;display:inline-block;margin:0 4px !important;width:6px;height:6px;background:#fff;border-radius:0;opacity:1;}
.mBanner .swiper-pager span.swiper-pagination-bullet-active{background:#5b2528;}
@media(max-width:1200px){
.mBanner{display:block;}
}
/*--end mBanner--*/

/*--product--*/
.product{padding:70px 0;overflow:hidden;background:#fff;}
.product-list{margin:-12px;overflow:hidden;}
.product-list .item{display:block;position:relative;float:left;margin:12px;width:calc(25% - 24px);overflow:hidden;}
.product-list .item:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";transform:translateX(-100%);background:rgba(91,37,40,0.5);transition:all .25s linear;}
.product-list .item img{display:block;width:100%;transition:all .5s linear;}
.product-list .item h3{position:absolute;z-index:3;top:50%;left:0;width:100%;text-align:center;font-size:24px;color:#fff;transform:translateY(-50%);}
.product-list .item h3:after{display:block;margin:8px auto 0;width:31px;height:31px;content:"";background:url(../img/index/more.png) no-repeat center / 100%;}
.product-list .item:hover:after{transform:translateX(0);}
@media(max-width:1440px){
.product{padding:60px 0;}
}
@media(max-width:1200px){
.product{padding:30px 10px;}
.product-list{margin:-6px;}
.product-list .item{margin:6px;width:calc(50% - 12px);}
.product-list .item h3{font-size:18px;}
.product-list .item h3:after{margin-top:5px;width:25px;height:25px;}
}
/*--end product--*/

/*--counter--*/
.counter{padding:60px 0;overflow:hidden;background:#efefef;}
.counter dl{float:left;padding:0 15px;width:33.33%;text-align:center;border-right:#dcdcdc solid 1px;}
.counter dl:last-child{border-right:0;}
.counter dt{overflow:hidden;}
.counter dt em{font-family:"DIN Medium";font-weight:bold;font-size:48px;color:#666;}
.counter dt span{display:inline-block;position:relative;left:-10px;top:-7px;width:30px;height:30px;line-height:28px;font-size:18px;color:#5b2528;border:#5b2528 solid 1px;border-radius:50%;background:#fff;}
.counter dd{font-size:18px;color:#666;}
@media(max-width:1440px){
.counter{padding:50px 0;}
}
@media(max-width:1200px){
.counter{padding:30px 0;}
.counter dt em{font-size:34px;}
.counter dt span{display:none;}
.counter dd{padding-top:6px;font-size:14px;}
}
/*--end counter--*/

/*--made--*/
.made{padding:175px 0;height:799px;overflow:hidden;background:url(../img/index/made_bg.jpg) no-repeat center 0 / cover fixed;}
@media(max-width:1200px){
.made{padding:60px 10px;height:500px;    background-attachment: unset;}  
}
/*--end made--*/

/*--videos--*/
.videos{padding:70px 0;overflow:hidden;background:#fff;}
.videos .playerBox{overflow:hidden;}
.videos .playerBox video{display:block;width:100%;height:700px;cursor:pointer;object-fit:fill;outline:none;}
@media(max-width:1440px){
.videos{padding:60px 0;}
}
@media(max-width:1200px){
.videos{padding:30px 10px;}
.videos .playerBox video{height:55vw;}
}
/*--end videos--*/

/*--honor--*/
.honor{padding:70px 0;overflow:hidden;background:url(../img/index/honor_bg.jpg) no-repeat center 0 / cover;}
.honor .text{padding:0 9.375%;text-align:center;font-size:16px;line-height:1.75;color:#666;overflow:hidden;}
.honor .pic{margin-top:65px;padding:0 4.86%;overflow:hidden;}
@media(max-width:1440px){
.honor{padding:60px 0;}
}
@media(max-width:1200px){
.honor{padding:30px 10px;}
.honor .text{padding:0 20px;font-size:14px;}
.honor .pic{margin-top:30px;padding:0;}
}
/*--end honor--*/

/*--step--*/
.step{padding:115px 0 140px;overflow:hidden;background:url(../img/index/step_bg.jpg) no-repeat center 0 / cover fixed;}
.step-slide{margin-top:110px;overflow:hidden;}
.step-slide .item{padding:45px 18px;text-align:center;overflow:hidden;border:rgba(255,255,255,0.5) solid 1px;}
.step-slide .item .hd{padding-bottom:28px;overflow:hidden;border-bottom:rgba(255,255,255,0.5) solid 1px;}
.step-slide .item .hd i{display:block;margin:0 auto;width:50px;height:50px;}
.step-slide .item .hd i img{display:block;width:100%;}
.step-slide .item .hd h3{margin-top:10px;line-height:36px;font-size:24px;color:#fff;}
.step-slide .item .bd{padding-top:28px;overflow:hidden;}
.step-slide .item .bd p{height:72px;line-height:24px;font-size:17px;line-height:1.75;color:#fff;overflow:hidden;}
.step-slide .item .bd a{display:block;margin:12px auto 0;width:100px;height:40px;line-height:40px;font-size:14px;color:#fff;background:#5b2528;}
@media(max-width:1440px){
.step{padding:98px 0 120px;}
}
@media(max-width:1200px){
.step{padding:50px 10px;    background-attachment: unset;}
.step-slide{margin-top:0;}
.step-slide .item{padding:25px 10px;}
.step-slide .item .hd{padding-bottom:14px;}
.step-slide .item .hd i{width:30px;height:30px;}
.step-slide .item .hd h3{margin-top:5px;line-height:25px;font-size:18px;}
.step-slide .item .bd{padding-top:14px;}
.step-slide .item .bd p{height:66px;line-height:22px;font-size:14px;}
.step-slide .item .bd a{margin-top:8px;}
}
/*--end step--*/

/*--indexForm--*/
.indexForm{padding:100px 0 60px;overflow:hidden;background:#efefef;}
.indexForm .wrap-title{margin-bottom:30px;}
.indexForm .text{padding:0 8.575%;text-align:center;font-size:16px;line-height:1.75;color:#666;overflow:hidden;}
.indexForm .map{margin:30px auto 0;width:1130px;height:450px;overflow:hidden;background:url(../img/index/map.jpg) no-repeat center;}
.indexForm .map img{opacity:0;transform:scale(0);transition:all 1s;}
.indexForm .map.animated img{opacity:1;transform:scale(1); animation:fadein linear infinite 3s both;}
.indexForm .form{position:relative;z-index:3;margin-top:-50px;height:50px;overflow:hidden;}
.indexForm .form ul{margin:0 auto;width:500px;overflow:hidden;}
.indexForm .form li{float:left;}
.indexForm .form li input{display:block;padding:15px 20px;width:355px;height:50px;font-size:16px;border:#dcdcdc solid 1px;outline:none;background:transparent;}
.indexForm .form li button{display:block;width:145px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#5b2528;border: none; cursor: pointer;}
@media(max-width:1440px){
.indexForm{padding:85px 0 60px;}
}
@media(max-width:1200px){
.indexForm{padding:30px 10px;}
.indexForm .wrap-title{margin-bottom:20px;}
.indexForm .text{padding:0;font-size:14px;}
.indexForm .map{width:100%;height:auto;background-size:100%;}
.indexForm .form{margin-top:20px;height:auto;}
.indexForm .form ul{width:100%;}
.indexForm .form li{float:none;margin-bottom:10px;}
.indexForm .form li input{width:100%;}
.indexForm .form li a{width:100%;}
}
/*--end indexForm--*/

/*--news--*/
.news{padding:80px 0;overflow:hidden;background:#fff;}
.news-menu{line-height:75px;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.news-menu h2{float:left;width:50%;font-size:36px;color:#333;}
.news-menu h2 a{color:#333;}
.news-menu ul{float:right;overflow:hidden;}
.news-menu li{position:relative;float:left;margin-left:30px;font-size:18px;color:#666;}
.news-menu li:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;content:"";background:#5b2528;transform:scale(0,1);transition:all .5s;}
.news-menu li a{color:#666;}
.news-menu li.cur:after{transform:scale(1);}
.news-menu li.cur a{color:#5b2528;}
.news-main{margin-top:40px;overflow:hidden;}
.news-list{margin:0 -12px;overflow:hidden;}
.news-list .item{float:left;margin:0 12px;width:calc(33.33% - 24px);}
.news-list .pic{overflow:hidden;aspect-ratio:5/3;}
.news-list .pic img{display:block;width:100%;aspect-ratio:5/3;object-fit:cover;transition:all .5s;}
.news-list .pic:hover img{transform:scale(1.1);}
.news-list .text{padding:35px 40px 45px;overflow:hidden;background:#efefef;}
.news-list .text .hd{padding-bottom:20px;overflow:hidden;border-bottom:#d7d7d7 solid 1px;}
.news-list .text .hd h3{line-height:30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text .hd h3 a{color:#222;}
.news-list .text .hd h3 a:hover{color:#5b2528;}
.news-list .text .hd em{display:block;position:relative;margin-top:6px;padding-left:18px;height:18px;line-height:18px;font-family:"DIN Medium";font-size:14px;color:#999;}
.news-list .text .hd em:before{display:block;position:absolute;left:0;top:0;font-family:"iconfont";content:"\e614";}
.news-list .text .bd{padding-top:20px;overflow:hidden;}
.news-list .text .bd p{height:50px;line-height:25px;font-size:14px;color:#999;overflow:hidden;}
.news-list .text .bd p a{color:#999;}
.news-list .text .bd p a:hover{color:#333;}
.news-list .text .bd a.read{display:block;margin-top:25px;width:150px;height:46px;line-height:46px;font-size:14px;text-align:center;color:#fff;background:#6b6b6b;}
.news-list .text .bd a.read:hover{background:#5b2528;}
@media(max-width:1440px){
.news{padding:70px 0;}
}
@media(max-width:1200px){
.news{padding:30px 10px;}
.news-menu{height:auto;}
.news-menu h2{float:none;margin-bottom:20px;width:100%;font-size:22px;text-align:center;}
.news-menu ul{float:none;width:100%;}
.news-menu li{margin:0;width:25%;height:40px;line-height:40px;font-size:14px;text-align:center;}
.news-main{margin-top:20px;}
.news-list{margin:0;}
.news-list .item{margin:6px 0;width:100%;}
.news-list .text{padding:20px;}
.news-list .text .hd{padding-bottom:15px;}
.news-list .text .hd h3{line-height:1.5;font-size:16px;}
.news-list .text .bd{padding-top:15px;}
.news-list .text .bd a.read{margin-top:12px;width:100px;height:40px;line-height:40px;}
}
/*--end news--*/

/*--searchBar--*/
.searchBar{padding:20px 0;overflow:hidden;}
.searchBar .keyword{float:left;width:50%;height:35px;line-height:35px;}
.searchBar .form{position:relative;float:right;padding-right:35px;width:300px;height:35px;overflow:hidden;}
.searchBar .form input{display:block;padding:0 20px;width:100%;height:35px;font-size:14px;border:#f0f0f0 solid 1px;outline:none;border-right:0;}
.searchBar .form button{display:block;position:absolute;right:0;top:0;width:35px;height:35px;color:#fff;cursor:pointer;border:none;outline:none;background:#5b2528;}
@media(max-width:1200px){
.searchBar{padding:10px;}
.searchBar .keyword{display:none;}
.searchBar .form{float:none;width:100%;}
}
/*--end searchBar--*/