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


/*index pub css*/
.index_pub_title{text-align:center;font-weight:bold;color:#000;}
.index_pub_title p{font-size:35px;line-height:50px;}
.index_pub_title span{font-size:20px;line-height:28px;padding-bottom:10px;display:inline-block; text-transform:uppercase; font-family:Arial;}
.index_pub_title i{font-size:16px;line-height:28px;color:#656565;padding-top:10px;display:inline-block; font-weight:normal;}
@media(max-width:768px){
.index_pub_title p{font-size:20px;line-height:40px;}
.index_pub_title span{font-size:14px;padding-bottom:0px;line-height:20px;}
.index_pub_title i{font-size:14px;line-height:20px;padding-top:5px;}
}
.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{background-color:#f9f9f9;padding:3% 0 4% 0;}
.index_film .con{padding-top:30px;}
.index_film .con .p_img{position:relative;overflow:hidden; width:25%; padding:1%; float:left;}
.index_film .con .p_img .img{width:100%; border:1px solid rgba(0,0,0,0.1);}
.index_film .con .p_img .img img{width:100%; transition: all 0.4s;}
.index_film .con .p_img p{padding:25px; font-size:18px; line-height:25px; color:#333; background:#eeeeee; text-align:center;}
.index_film .con .p_img:hover .img img{transform: scale(1.1);}




.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:50%; 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:40px; font-size:22px; color:#fff; font-weight:bold;}
.index_film .swiper-container1 .swiper-slide .film_img img{width:100%;}
.index_film .swiper-container1 .swiper-slide .film_img:hover i{transform: scale(1.1);}

.index_film .swiper-container1 .swiper-slide .film_img_right{position:relative;overflow:hidden; width:50%; float:left;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list{position:relative;overflow:hidden; width:calc(50% - 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:#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_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;}
	.index_film .con .p_img{width:50%;}
	.index_film .con .p_img p{padding:10px; font-size:13px; line-height:20px;}
	.index_film .swiper-container1 .swiper-slide .film_img{width:100%;}
	.index_film .swiper-container1 .swiper-slide .film_img i p{font-size:15px;padding:20px 30px;}
	.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:10px;}
    .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{background-color:#f9f9f9;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:50px 0; background:url(../images/probg.jpg) center bottom no-repeat; background-size:100%;}
.index_by .con{padding-top:50px;}
.index_by .swiper-container3{padding-bottom:25px;position:relative; margin:auto; overflow:hidden;}
.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%; border:1px solid rgba(0,0,0,0.1);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; width:100%; line-height:25px; padding:20px 10px; margin-bottom:15px; float:left; background:#eee; text-align:center; z-index:2;}
.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:0.9rem; color:#333; line-height:25px;}

.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 (min-width:768px) {
.index_by .swiper-container3{width:750px;}
}
@media (min-width:993px) {
.index_by .swiper-container3{width:970px;}
}
@media (min-width:1200px) {
.index_by .swiper-container3{width:1170px;}
}
@media (min-width:1799px) {
.index_by .swiper-container3{width:1590px;}
}


@media(max-width:768px){
    .index_by{padding:30px 0 20px 0;}
	.index_by .swiper-container3{margin:auto 0px;}
	.index_by .swiper-container3 .swiper-slide .by_img{width:100%;}
	.index_by .swiper-container3 .swiper-slide .by_img .by_tit{padding:10px;}
	.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:13px; line-height:25px;}
    .index_by .con{padding-top:20px;}
    .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;}
}