*{margin:0;padding:0;}
body{width:100%;height:100%;background:#fff url(./images/bg.jpg) no-repeat center top;background-size:100% auto;}
#wrap{width:100%;height:100%;position:relative;padding-top:3%;}
.logo{max-width:1200px;width:48%;margin:0 auto 8%;display:block;}
.content{max-width:1200px;width:96%;margin:auto;margin-top:8vh;box-sizing:border-box;}
a{color:#333;text-decoration:none;}
h2{position:relative;margin:4% auto;}
h2 img{width:100%;display:block;}
h2 a{position:absolute;right:0;bottom:0;margin:auto;width:68px;height:40%;cursor:pointer;font-size:16px;color:#999;white-space:nowrap;}
h3 a{color:#000;}
.topic{display:flex;display:-webkit-flex;margin-bottom:30px;}

#swiper1{width:55%;height:372px;}
#swiper2{width:96%;height:220px;padding:60px 20px;margin:auto;}
#swiper1 img,#swiper1 a,#swiper2 img,#swiper2 a,.service>div img,#swiper3 img,#swiper3 a{display:block;height:100%;width:100%;object-fit:cover;}
#swiper2 .swiper-slide-active{transform:scale(1.6);z-index:9;}
#swiper2 .swiper-slide-active img{position:absolute;z-index:9;}
#swiper1 p,#swiper2 p,.service>div p,#swiper3 p{position:absolute;width:100%;height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:0;bottom:0;background:rgba(6,100,172,0.8);color:#fff;margin:0;line-height:45px;padding:0 10px;box-sizing:border-box;}
#swiper1 p{padding-right:80px}
#swiper2 p,.service>div p,#swiper3 p{background:rgba(0,0,0,0.4);font-size:14px;}
#swiper2 .swiper-slide-active p{z-index:10;font-size:12px;line-height:36px;height:36px;}
#swiper3{width:80%;height:480px;padding:0 10%;margin-bottom:35px}

#swiper1 .swiper-pagination{width:auto;height:45px;right:15px;left:auto;bottom:0;line-height:42px}
#swiper1 .swiper-pagination-bullet{background:#fff;opacity:1;width:10px;height:10px;}
#swiper1 .swiper-pagination-bullet-active{background:red}

.arrow_left,.arrow_right,.arrow_left2,.arrow_right2{position:absolute;width:40px;height:70px;background:blue;top:0;bottom:0;margin:auto;z-index:9;cursor:pointer;}
.arrow_left{left:0;background:url(./images/arrow_left.jpg) no-repeat;background-size:100% 100%;}
.arrow_right{right:0;background:url(./images/arrow_right.jpg) no-repeat;background-size:100% 100%;}
.arrow_left2{width:48px;height:84px;left:10%;background:url(./images/arrow_left.jpg) no-repeat;background-size:100% 100%;}
.arrow_right2{width:48px;height:84px;right:10%;background:url(./images/arrow_right.jpg) no-repeat;background-size:100% 100%;}

.topic .newsList{flex:1;-webkit-flex:1;padding:0px 2% 0px 3%;overflow:hidden;}
.topic .newsList div{border-bottom:1px dashed #ccc;margin-bottom:8px;}
.topic .newsList h3{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:38px;font-weight:bold;font-size:18px;color:#000;}
.topic .newsList p{height:48px;overflow:hidden;line-height:26px;color:#302f2f;font-size:16px;margin-bottom:15px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.topic .newsList ul{padding-top:10px;}
.topic .newsList ul li{line-height:34px;font-size:18px;font-weight:bold;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.service{overflow:hidden;}
.service>div{width:32%;float:left;position:relative;}
.service>div:nth-of-type(2){margin:0 2%;}
.service>div img{object-fit:cover;height:216px;}

p.tip{margin:10px 0;height:50px;background:url(./images/tip.png) no-repeat center center;background-size:auto 30%;}

.footer{display:none;color:#fff;text-align:center;line-height:2;padding:25px 0;background:#333;}
@media screen and (max-width: 1200px) {
    #footer0820{display:none;}
    .footer{display:block;}
}
@media screen and (max-width: 1024px) {
    .content{margin-top:6vw;}
    #swiper1{width:100%;height:54vw;margin-bottom:10px;}
    .topic{display:block;margin-bottom:15px;}
    .topic>img{width: 100%}
    #swiper2{padding:45px 2vw;height:16vw;}
    #swiper2 .swiper-slide p, #swiper2 p, .service>div p, #swiper3 p{line-height:28px;height:28px;padding:0 5px;font-size:12px;}
    #swiper3{height:45vw;}
    h2 a{font-size:12px;text-align:right;}
    .arrow_left,.arrow_right{width:4vw;height:7vw;}
    .arrow_left2,.arrow_right2{width:4.8vw;height:8.4vw;}
}
@media screen and (max-width: 768px) {
   .arrow_left,.arrow_right{width:4.8vw;height:8.4vw;}
   .arrow_left2,.arrow_right2{width:6vw;height:10.5vw;}
}