article{padding-top:0px}
.carousel{ position:relative;color:#fff;height:100vh;overflow:hidden;}
.carousel img{width:100%}
.carousel .ca-text{position:absolute;height:100vh;display: flex;justify-content: center; align-items: center;    width: 100%;top:0px;}
.carousel .ca-text .mada{font-size:37px;z-index:1;position:relative}

.carousel .in-video{width: 100%}
.carousel .ca-text .madc{font-size:66px;z-index: 1;position: relative;font-weight:bold}
.carousel .ca-text .madd{z-index: 1;position: relative;font-size: 15px;padding-top:5px;line-height: 27px;}
.carousel .carbg{position:absolute;height:100vh;width: 100%;opacity:0.6;background-color: #000;left:0px;top:0px;}
.carousel .ca-text .red{color:#ff1616}
.carousel .ca-text .padleft {padding-left: 65px; display: inline-block;}
.carousel .ca-text .bannerline{height:50px;position: relative;z-index: 1;padding-top:18px}
.carousel .ca-text .bannerline a{color:#ff5d61}
.carousel .ca-text .bannerline a:hover{color:#fc0}
.carousel .ca-text .big {font-size: 60px; padding: 0px 6px;color: #ff1616; font-weight: bold;}
.animate-bounce-up{position:fixed;left:50%;bottom:0px;width:76px;height:70px; background: url(../images/down.png) no-repeat;z-index: 1;margin-left: -685px;}
-webkit-keyframes bounce-down{25%{-webkit-transform:translateY(-10px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(10px);}
}
@keyframes bounce-down{25%{transform:translateY(-10px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(10px);}
}
.animate-bounce-down{-webkit-animation:bounce-down 1.5s linear infinite;animation:bounce-down 1.5s linear infinite;}
@-webkit-keyframes bounce-up{25%{-webkit-transform:translateY(10px);}
50%,100%{-webkit-transform:translateY(0);}
75%{-webkit-transform:translateY(-10px);}
}
@keyframes bounce-up{25%{transform:translateY(10px);}
50%,100%{transform:translateY(0);}
75%{transform:translateY(-10px);}
}
.animate-bounce-up{-webkit-animation:bounce-up 1.4s linear infinite;animation:bounce-up 1.4s linear infinite;}


.banner-tab{position:absolute;right:0px;bottom:0px;}
.banner-tab ul{display:flex;width:600px;height:100px;}
.banner-tab li{background: #000;width: 300px;padding-left: 24px;height: 100%;padding-top: 20px; font-size: 16px;line-height: 28px;cursor:pointer;opacity:0.8}
.banner-tab li a{color:#fff}
.banner-tab li:hover  a{color:#fc0;}
.banner-tab .active,
.banner-tab .active:hover  a{background: #ac2023;color:#fff;cursor:default}
 
 
@media screen and (max-width:786px){
.carousel{height:auto}
.carousel .ca-text .mada {font-size: 20px;line-height: 36px;}
.carousel .ca-text .madb { font-size: 12px}
.carousel .ca-text .big{font-size:14px;}
.carousel .ca-text .madc { font-size: 14px;}
.carousel .ca-text .madd {font-size: 12px;line-height: 17px;    display: none;}
.carousel .ca-text{height:auto;top:70px}
.carousel .ca-text .padleft {padding-left: 15px;}
.carousel .ca-text .bannerline {height: 23px;background-size: 59%;}
.fixednav .animate-bounce-up{display:none;}
.animate-bounce-up{display:none;}
.carousel .carbg{top: -74px;}
.banner-tab {position: relative;}
.banner-tab li{padding-left:10px;font-size: 12px;width:50%;padding-top:0px}
.banner-tab ul{width:100%;height:65px}
.ct-warp{text-align:center}
.web-title-warp {padding: 29px 0px; padding-bottom: 20px;}


}



.map-bg{background:url(../images/bg-default.png) no-repeat center;background-size: cover;}


.core-business{position:relative}
.core-business .core-right {line-height: 37px; margin-top: 12px; padding-left: 492px;font-size: 16px;}
.core-business .bz-img{border-radius: 23px;position:absolute;}
.core-business .bz-img img{width:70%;}
.core-business .core-right p{text-indent:33px;}
.core-business .core-right .top-m{margin-top:25px}
.list-img .box{width: 33%;float: left;}
.list-img .box img{width: 100%;transition:all 0.5s linear; }
.list-img .box img:hover{transform: scale(1.1);}

.list-img .box-warp{padding: 20px}
.list-img .box-warp h4{font-weight: bold;text-align: center;}
.list-img .box .i-block{border-radius:8px;overflow:hidden;   display: block;height:294px}

.more{text-align: center;padding: 22px;height:109px}
.more a{color: #db1d20;font-weight: bold;}

.swiper-bg{background: #333335 url(../images/map.png) no-repeat center;background-size:40%}
.swiper-bg .web-title-warp .web-title{color:#fff}
.swiper-bg .web-title-warp .web-title .circle-dot {background: #f95c60;}
.swiper-bg .web-title-warp .web-cont {color:#fff}
.swiper-container{ width: 1573px; padding-bottom:80px;}
.swiper-slide { background-position: center; background-size: cover;width: 500px;height:357px;position:relative}
.swiper-slide img{width:80%}
.swiper-slide  a{display:block;height:100%}
.swiper-slide  a:hover{color:#fff;text-decoration:none}
.swiper-slide  .swiperprice{position:absolute;bottom:0px;right:0px;text-align:right;}
.swiper-slide  .swiperprice span{display:block;padding:3px 4px}
.swiper-slide  .swipertitle{transition:all .3s linear 0s;background:url(../images/titlebg.png)  center;color:#fff;height:100%;display:flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 22px;line-height: 32px; padding: 22px;text-align: center;opacity:0;}
.swiper-slide  a:hover .swipertitle{opacity:1}
.swiper-button-next,
.swiper-button-prev{border-radius:70px;width:60px;height:60px;    background-size: 17px 36px;cursor:pointer}
.swiper-button-next{right:0px;}
.swiper-button-prev{left:0px}
.morebtn{text-align:center;margin:auto;background:#ff7600;color:#fff;width:300px;line-height: 40px;font-size: 17px;border-radius:66px;margin-bottom:22px;cursor:pointer;opacity:0.8}
.morebtn:hover{opacity:1}
.list ul{display:none;}


.graceful-bearing .box-warp .i-block{border-radius:0px;height:273px;}
.graceful-bearing .box-warp a{display: block;background: #fff;    border-radius: 8px; overflow: hidden;}
.graceful-bearing .box-warp .cont{display: block;color: #666;padding: 0px 12px; padding-bottom: 23px;}
.graceful-bearing .list-img .box-warp h4 { text-align: left; padding-left: 14px;}


footer{margin:0px}
@media screen and (max-width: 786px){
.swiper-container {padding-bottom: 0px;width: 98%;}
.swiper-bg{padding-bottom: 40px;}
.swiper-button-prev {left: 14px;}
.core-business figure{display:none;}
.core-business .core-right{padding-left:0px;font-size:12px;line-height: 27px;}

.fixednav header .logo{background-size:100%}
.core-business .core-right .top-m {margin-top: 10px;}
.list-img .box-warp{padding:0px}
.list-img .box {width: 100%;float:normal;margin-bottom: 21px;}
.list-img .box .i-block {height:229px;}

.more {padding: 0px;    height: 52px;line-height: 43px;}
.swiper-slide {width: 90%; height: 230px;}
.graceful-bearing .box-warp .cont {padding-bottom: 10px;}
.list-img .box:last-child{margin-bottom:0px}
}