@charset "utf-8";
:root{--main-color:#fe0508;}


/*index pub css*/
.index_pub_title{text-align:center;}
.index_pub_title p{font-size:32px;color:#000;line-height:40px;}
.index_pub_title span{font-size:15px;font-weight:400;line-height:28px;padding-top:10px;display:inline-block;}
.index_pubs_title{text-align:center;color:#fff;}
.index_pubs_title p{font-size:32px;line-height:40px;}
.index_pubs_title span{font-size:15px;font-weight:400;line-height:28px;padding-top:10px;display:inline-block;}
@media(max-width:768px){
.index_pub_title p{font-size:20px;}
.index_pub_title span{font-size:14px;padding-top:0px;line-height:20px;}
.index_pubs_title p{font-size:20px;}
.index_pubs_title span{font-size:14px;padding-top:0px;line-height:20px;}
}
.public_more_02{height:50px;border-radius:0px 0px 0px 0px;border:1px solid #666666;padding:0 24px;display:inline-block;font-size:16px;font-weight:400;color:#666666;line-height:50px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
.public_more_02:hover{border-color:var(--main-color);background:var(--main-color);color:#fff;}
.pub_img{position:relative;overflow:hidden;}
.pub_img i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.pub_img img{width:100%;}
@media(max-width:768px){
.public_more_02{height:42px;padding:0 16px;font-size:14px;line-height:42px;}
}

.index_film{padding:56px 0 20px;}
.index_film .con{padding-top:30px;}
.index_film .swiper-container1{padding:25px 0;position:relative;}
.index_film .swiper-container1 .swiper-slide{opacity:.6;cursor:pointer;}
.index_film .swiper-container1 .swiper-slide .film_img{position:relative;overflow:hidden; width:66.6%; float:left;}
.index_film .swiper-container1 .swiper-slide .film_img i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_film .swiper-container1 .swiper-slide .film_img i p{padding:7% 5%; color:#fff; width:50%; height:100%; background:url(../images/product_back.png) center left no-repeat;background-size:100%;}
.index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(1){font-size:1.8rem; line-height:2rem; font-weight:bold; border-bottom:1px solid rgba(255,255,255,0.5); padding:5% 0;}
.index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(2){width:100%; font-size:1rem; line-height:1.8rem; float:left; padding:3rem 0 1rem 0;}
.index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(3){width:100%; font-size:1.6rem; line-height:2.3rem; float:left; padding:1rem 0;}
.index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(4){width:120px; font-size:0.9rem; line-height:2.5rem; float:left; color:#fff; background:#925a2d; text-align:center; margin-top:1rem;}
.index_film .swiper-container1 .swiper-slide .film_img img{width:100%;}
.index_film .swiper-container1 .swiper-slide .film_img:hover i{transform: scale(1.03);}

.index_film .swiper-container1 .swiper-slide .film_img_right{position:relative;overflow:hidden; width:33.4%; float:left;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list{position:relative;overflow:hidden; width:calc(100% - 24px); float:left; margin:0 0 24px 24px;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list img{width:100%;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list:hover i{transform: scale(1.05);}

.index_film .swiper-container1 .swiper-slide-active{opacity:1;}
.index_film .btn{position:absolute;height:94px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_film .btn .btn_{width:45px;height:80px;background:rgba(255,255,255,0.5);border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_film .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_film .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_film .btn .btn_.next{float:right;}
.index_film .more{text-align:center;}
.index_film .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_film .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_film .more .i{display:none;}
.index_film .more .i:first-child{display:block;}
.index_film .more .public_more_02{margin-top:0px;}
.index_film .swiper-pagination{bottom:0;}
.index_film .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_film .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_film{padding:30px 0 0 0;}
	.index_film .swiper-container1 .swiper-slide .film_img{width:100%;}
	.index_film .swiper-container1 .swiper-slide .film_img i p{padding:20px 10px;}
	.index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(1){font-size:1.2rem; line-height:2rem; padding:5% 0;}
    .index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(2){font-size:0.8rem; line-height:1.8rem; padding:1rem 0 0;}
    .index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(3){font-size:1.2rem; line-height:1.8rem; padding:1rem 0;}
    .index_film .swiper-container1 .swiper-slide .film_img i p span:nth-child(4){width:80px; font-size:0.8rem; line-height:2.5rem; margin-top:0rem;}
	.index_film .swiper-container1 .swiper-slide .film_img_right{width:100%;}
	.index_film .swiper-container1 .swiper-slide .film_img_right .film_list{width:calc(50% - 10px); margin:10px 5px 0px 5px;}
    .index_film .con{padding-top:0px;}
    .index_film .btn .btn_{width:35px;height:35px;background-size:20px;}
    .index_film .btn{top:50%;}
    .index_film .more{padding-left:20px;padding-right:20px;}
    .index_film .more p{font-size:22px;}
    .index_film .more span{line-height:24px;}
}

.index_case{padding:50px 0 0;}
.index_case .con{padding-top:50px;}
.index_case .swiper-container2{padding-bottom:25px;position:relative;}
.index_case .swiper-container2 .swiper-slide{opacity:.6;cursor:pointer;}
.index_case .swiper-container2 .swiper-slide-active{opacity:1;}
.index_case .btn{position:absolute;height:56px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_case .btn .btn_{width:56px;height:56px;background:#FFFFFF;border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_case .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_case .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_case .btn .btn_.next{float:right;}
.index_case .more{text-align:center;padding-top:30px;}
.index_case .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_case .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_case .more .i{display:none;}
.index_case .more .i:first-child{display:block;}
.index_case .more .public_more_02{margin-top:50px;}
.index_case .swiper-pagination{bottom:0;}
.index_case .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_case .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_case{padding:30px 0;}
    .index_case .con{padding-top:30px;}
    .index_case .btn .btn_{width:42px;height:42px;background-size:20px;}
    .index_case .btn{top:50%;}
    .index_case .more{padding-left:20px;padding-right:20px;}
    .index_case .more p{font-size:22px;}
    .index_case .more span{line-height:24px; font-size:13px;}
	.index_case .more .public_more_02{margin-top:20px;}
}


.index_by{padding:5% 0;}
.index_by .con{padding-top:50px;}
.index_by .swiper-container3{padding-bottom:25px;position:relative;}
.index_by .swiper-container3 .swiper-slide{opacity:1;cursor:pointer;}
.index_by .swiper-container3 .swiper-slide .by_img{position:relative;overflow:hidden; width:100%; float:left;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list{position:relative;overflow:hidden; width:100%; float:left;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list img{width:100%;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list:hover i{transform: scale(1.1);}
.index_by .swiper-container3 .swiper-slide .by_img .by_tit{position:relative;overflow:hidden; width:100%; float:left; padding:5% 8%; background:#ebebeb;}
.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:15px; color:#000; line-height:30px;}

.index_by .swiper-container3 .swiper-slide-active{opacity:1;}
.index_by .btn{position:absolute;height:64px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_by .btn .btn_{width:45px;height:50px;background:#FFFFFF;border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_by .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_by .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_by .btn .btn_.next{float:right;}
.index_by .more{text-align:center;}
.index_by .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_by .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_by .more .i{display:none;}
.index_by .more .i:first-child{display:block;}
.index_by .more .public_more_02{margin-top:20px;}
.index_by .swiper-pagination{bottom:0;}
.index_by .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_by .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_by{padding:0 0 30px 0;}
	.index_by .swiper-container3 .swiper-slide .by_img{width:100%;}
	.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:13px; line-height:25px;}
    .index_by .con{padding-top:30px;}
    .index_by .btn .btn_{width:35px;height:35px;background-size:20px;}
    .index_by .btn{top:50%;}
    .index_by .more{padding-left:20px;padding-right:20px;}
    .index_by .more p{font-size:22px;}
    .index_by .more span{line-height:24px;}
}

@-webkit-keyframes shake-top{
    0%,
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
    10%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
    20%,
    40%,
    60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}
    30%,
    50%,
    70%{-webkit-transform:rotate(4deg);transform:rotate(4deg);}
    80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}
    90%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
}
@keyframes shake-top{
    0%,
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
    10%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
    20%,
    40%,
    60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}
    30%,
    50%,
    70%{-webkit-transform:rotate(4deg);transform:rotate(4deg);}
    80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}
    90%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
}
@-webkit-keyframes opa{
    0%{opacity:1;}
    100%{opacity:.2;}
}
@keyframes opa{
    0%{opacity:1;}
    100%{opacity:.2;}
}