@charset "utf-8";
img { max-width: 100%; }
body { overflow-y: scroll; }
/* ::-webkit-scrollbar{width: 5px;height: 5px;}
::-webkit-scrollbar-track-piece{background-color: rgba(0,0,0,.2);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: hsla(0,0%,49%,.7);-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: hsla(0,0%,49%,.7);-webkit-border-radius: 6px;} */


.picBox{overflow:hidden;font-size:0;position:relative;transition:all 0.2s linear 0s;background:#fff;width:100%!important}
.picBox .hd{ position:absolute;bottom:25px;left:0;width:100%;height:4px;z-index:99;text-align:center}
.picBox .hd ul{margin:0;padding:0;text-align:center;}
.picBox .hd ul li{background:#fff;display:inline-block;*display:inline;width:37px;height:4px;line-height:999px;color:#fff;cursor:pointer;font-size:0;margin:0 4px; opacity: .5;overflow: hidden; vertical-align: top;}
.picBox .hd ul li.on{ opacity: 1;}
.picBox .bd{ position:relative; left: 50%; width: 1920px; margin-left: -960px; }
.picBox .bd,.picBox .bd li{height:480px;}
.picBox .bd ul{width:100%!important}
.picBox .bd ul li{background-position:50% 50%!important;width:100%!important}
.picBox .bd ul li a{transition:all 0.2s linear 0s;display:block;width:100%;height:100%}

.flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.flex-center{  display: flex; align-items: center;}
.flex-between{  display: flex; justify-content: space-between}
.flex-between-start{ display: flex; justify-content: space-between;align-items: flex-start;}
.flex-between-end{ display: flex; justify-content: space-between;align-items: flex-end;}
.flex{  display: flex;}
.flex-column{flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.flex-end{display: flex; align-items: flex-end;}
.flex-content-end{display: flex; justify-content: flex-end;}
.flex-start{display: flex; align-items: flex-start;}
.iflex{ display: inline-flex}
.justify-center{justify-content: center;}
.justify-end{justify-content: flex-end;}
.justify-start{justify-content: flex-start;}
.align-start{align-items: flex-start;}
.align-end{align-items: flex-end;}
.align-center{align-items: center;}

.fullPage-bar { position: fixed; z-index: 100; left: 40px !important; right: inherit !important; top: 50%; transform:translateY(-50%); }
.fullPage-bar .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 6px 0 !important; opacity: 1; transform: scale(0.8); transition: all .36s; background-color: #0d7cd1c7; border: 3px solid transparent; }
.fullPage-bar .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 3px solid #0d7cd1; background-color: transparent; opacity: 1; transform:scale(1); }

#FullPage{ height: 100vh; overflow: hidden; }

.banner { position: relative; max-height: 100vh; background-color: #e2effa; overflow: hidden; }
.swiper-container-banner,
.swiper-container-banner .swiper-wrapper,
.swiper-container-banner .swiper-slide { object-fit: cover; }
.swiper-container-banner .swiper-slide a { display: block; width: 100vw; height: 100vh; }
.swiper-container-banner .swiper-slide img { object-fit: contain; width: 100%; height: 100%; display:none; }
.swiper-container-banner .swiper-next-banner,
.swiper-container-banner .swiper-prev-banner { position: absolute; width: 50px; height: 50px; top:50%; margin-top: -25px; border-radius: 50px; border: 1px solid #e6e6e6; background-position: center; background-repeat: no-repeat; z-index: 9; transition: all 0.3s; cursor: pointer; opacity: 0; }
.swiper-container-banner .swiper-prev-banner { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1678948460266' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2753' width='25' height='25'%3E%3Cpath d='M853.333333 507.733333H128v42.666667h733.866667l-145.066667 145.066667 29.866667 29.866666 192-192L746.666667 341.333333l-29.866667 29.866667 136.533333 136.533333z' fill='%23e6e6e6' p-id='2754'%3E%3C/path%3E%3C/svg%3E"); transform: rotate(180deg); left: 85px;}
.swiper-container-banner .swiper-next-banner{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg t='1678948460266' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='2753' width='25' height='25'%3E%3Cpath d='M853.333333 507.733333H128v42.666667h733.866667l-145.066667 145.066667 29.866667 29.866666 192-192L746.666667 341.333333l-29.866667 29.866667 136.533333 136.533333z' fill='%23e6e6e6' p-id='2754'%3E%3C/path%3E%3C/svg%3E"); right: 85px; left: unset; }
.swiper-container-banner .swiper-next-banner:hover,
.swiper-container-banner .swiper-prev-banner:hover { border-color: #fff; }
.swiper-container-banner .swiper-next-banner:hover svg,
.swiper-container-banner .swiper-prev-banner:hover svg { fill: #fff; }
.swiper-container-banner:hover .swiper-next-banner,
.swiper-container-banner:hover .swiper-prev-banner { opacity: 1; }
.swiper-container-banner .swiper-pagination { margin-bottom: 40px; }
.swiper-container-banner .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; border-radius: 12px; background: #fffffffa; }
.swiper-container-banner .swiper-pagination .swiper-pagination-bullet-active { width: 50px; height: 12px; background: #1f69df; }

@media (max-width:900px) {
    .swiper-container-banner { border-radius: 0 0 70px 0; }
    .swiper-container-banner .swiper-next-banner,
    .swiper-container-banner .swiper-prev-banner { width: 20px; height: 20px; margin-top: -10px; border-radius: 20px; background-size: 13px; }
    .swiper-container-banner .swiper-prev-banner { left: 15px;}
    .swiper-container-banner .swiper-next-banner{ right: 15px; }
    .swiper-container-banner .swiper-pagination { margin-bottom: 0; }
    .swiper-container-banner .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 10px; }
    .swiper-container-banner .swiper-pagination .swiper-pagination-bullet-active { width: 30px; height: 8px; }
	
	.banner { max-height: auto; }
 
	.swiper-container-banner .swiper-slide a { width: 100%; height: auto; }
	.swiper-container-banner .swiper-slide img { width: 100%; height:auto; display:block; }
}

.section { overflow: hidden; }

.col-a { padding: 110px 0 0; }
.col-a .hd { text-align: center; position: relative; top: -300px; opacity: 0; }
.col-a .hd h3{margin-bottom: 20px; font-size: 48px;line-height: 1.5;font-weight: bold;}
.col-a .hd h5 { color: #666; font-size: 16px;line-height: 2; font-weight: normal; max-width: 820px; margin: 0 auto;}
.col-a .bd { position: relative; margin-top:50px; text-align: center; bottom: -300px; opacity: 0; }

@media (max-width:1680px) {
    .col-a { padding: 140px 0 0;}
    .col-a .hd h3 { margin-bottom: 15px; font-size: 36px; }
    .col-a .hd h5 { font-size: 15px; line-height: 1.8; }
    .col-a .bd { height: 310px; margin-top: 40px; }
    .col-a .bd img { width: auto; height: 100%; }
}
@media (max-width:1440px) {
    .col-a .hd h3 { margin-bottom: 13px; font-size: 36px; }
    .col-a .hd h5 { font-size: 15px; }
    .col-a .bd { margin-top: 50px; }
}
@media (max-width:1280px) {
    .col-a .hd h3 { margin-bottom: 30px; font-size: 30px; }
    .col-a .hd h5 { width: 100%;font-size: 14px;line-height: 26px;}
    .col-a .bd{margin-top: 30px;}
    .col-a .bd img { height: 90%; }
}
@media (max-width:900px) {
    .col-a { padding: 30px 0; }
    .col-a .hd { top: 0; opacity: 1; }
    .col-a .hd h3{margin-bottom: 15px;font-size: 24px; }
    .col-a .hd h5{width: 100%;font-size: 14px; }
    .col-a .bd { height: auto; margin-top: 20px; bottom: 0; opacity: 1;}
    .col-a .bd img { height: auto; }
}

.col-b{position: relative; }
.col-b .tle{position: absolute;color: #ffffff;left: 6.25%; top: -300px; opacity: 0;}
.col-b .tle h3{margin-bottom: 20px;font-size: 48px;line-height: 1.5;font-weight: bold;}
.col-b .tle h5{	font-size: 16px;line-height: 2;font-weight: normal;}

.col-b .txt{right: 6.25%;position: absolute; bottom: -300px;width: 860px; opacity: 0;}
.col-b .txt .b-bd-box{display: flex;align-items: center; justify-content: space-between;}
.col-b .txt .b-bd-box .mt{color: #ffffff; font-size: 40px;line-height: 50px;width: calc(100% - 600px);}
.col-b .txt .b-bd-box .mc{color: #ffffff; font-size: 16px;line-height: 32px;width: 570px; }
.col-b .txt .b-bd-box2 .mt{ width: calc(100% - 500px);}
.col-b .txt .b-bd-box2 .mc{ width: 470px; }
.col-b .txt .b-hd{margin-top: 45px;}
.col-b .txt .b-hd ul{display: flex;padding-top: 27px;border-top: 1px solid #889cb4;}
.col-b .txt .b-hd ul li{background: url(icon4.png) no-repeat left center;padding-left: 25px;margin-right: 80px;	font-size: 16px;color: #fffefe;position: relative;cursor: pointer;}
.col-b .txt .b-hd ul li:last-child{margin-right: 0;}
.col-b .txt .b-hd ul li.on::after{position: absolute;left: 0;width: 138px;border-bottom: 3px solid #fff;top: -28px;content: "";}
@media (max-width:1680px) {
    .col-b .tle h3 { font-size: 36px; line-height: 1.8; margin-bottom: 15px;}
    .col-b .tle h5 { font-size: 16px; line-height: 1.8; }
    .col-b .txt{ bottom: 8.6%; }
    .col-b .txt .b-bd-box .mt { font-size: 28px; line-height: 1.8; }
    .col-b .txt .b-bd-box .mc{width: 100%; max-height: 280px; margin-top: 10px; font-size: 15px; line-height: 1.8; overflow-y: auto; }
    .col-b .txt .b-bd-box .mc .mcc { padding-right: 10px; }
}
@media (max-width:1280px) {
    .col-b .tle { right: 6.25%; text-align: center; }
    .col-b .tle h3 { font-size: 30px; }
    .col-b .tle h5 { font-size: 15px; }
    .col-b .txt{bottom: 8.6%;width: 100%;left: 0;padding: 0 6.25%;}
    .col-b .txt .b-bd-box{flex-direction: column;}
    .col-b .txt .b-bd-box .mt { width: 100%; font-size: 20px; line-height: 1.8; }
    .col-b .txt .b-bd-box .mc{width: 100%; max-height: 260px; margin-top: 10px; font-size: 14px; line-height: 1.8; overflow-y: auto; }
    .col-b .txt .b-bd-box .mc .mcc { padding-right: 10px; }
    .col-b .txt .b-hd { margin-top: 30px; }
    .col-b .txt .b-hd ul{justify-content: space-between; padding-top: 15px;}
    .col-b .txt .b-hd ul li{margin-right: 2%; background-size: 10px;padding-left: 18px; font-size: 14px; }
    .col-b .txt .b-hd ul li.on::after{width: 60px; top: -17px;}
}
@media (max-width:900px) {
    .col-b { padding: 30px 0 300px; background-size: cover; }
    .col-b .tle { position: relative; left: 0; right: 0; width: 100%; margin-bottom: 40px; padding: 0 6.25%; top: 0; opacity: 1; }
    .col-b .tle h3 { font-size: 20px; line-height: 1.8; margin-bottom: 10px; }
    .col-b .tle h5 { font-size: 14px; line-height: 1.8; }
    .col-b .txt { position: absolute; width: 100%; left: 0; padding: 0 6.25%; bottom: 6.25%; opacity: 1;}
    .col-b .txt .b-bd-box{flex-direction: column;}
    .col-b .txt .b-bd-box .mt { width: 100%; margin-bottom: 10px; font-size: 20px; line-height: 1.8; }
    .col-b .txt .b-bd-box .mc { width: 100%; max-height: 110px; margin-top: 0; font-size: 12px; line-height: 1.8; overflow-y: auto; }
    .col-b .txt .b-bd-box .mc .mcc { padding-right: 10px; }
    .col-b .txt .b-hd { margin-top: 30px; }
    .col-b .txt .b-hd ul{justify-content: space-between; padding-top: 15px;}
    .col-b .txt .b-hd ul li{margin-right: 2%; background-size: 10px;padding-left: 18px; font-size: 14px; }
    .col-b .txt .b-hd ul li.on::after{width: 60px; top: -17px;}
}

.col-c { position: relative; padding: 140px 0 0; }
.col-c .hd { position: relative; margin-bottom: 40px; text-align: center; z-index: 1; top: -300px; opacity: 0; }
.col-c .hd h3{ color: #ffffff; font-size: 48px;line-height: 1.5;font-weight: bold;margin-bottom: 20px;}
.col-c .hd h5{color: #ffffff;font-size: 16px;line-height: 2; font-weight: normal; max-width: 820px;margin: 0 auto;}

.col-c .bd { position: relative; padding: 0; background:url(pc103s.png) no-repeat center 80px/ cover; bottom: -300px; opacity: 0; }
.col-c .bd .swiper{overflow: hidden;padding-top: 60px; padding-bottom: 30px; }
.col-c .bd .swiper .swiper-slide{position: relative;height: 356px;}
.col-c .bd .swiper .swiper-slide .i{width: 36px;background:url(icon5.png) no-repeat center;height: 36px;}
.col-c .bd .swiper .swiper-slide .year {color: white; font-size: 28px;line-height: 38px;font-weight: bold;margin-bottom: 27px;}
.col-c .bd .swiper .swiper-slide .abc{ left: 50%; transform:translate(-50%,0); position: absolute; display: flex; align-items:center; flex-direction: column; bottom: 20px; }

.col-c .bd .swiper .swiper-slide.ee0 .i,
.col-c .bd .swiper .swiper-slide.ee1 .i,
.col-c .bd .swiper .swiper-slide.ee2 .i,
.col-c .bd .swiper .swiper-slide.ee3 .i{ transform: rotate(-30deg); }

.col-c .bd .swiper .swiper-slide.ee0 .abc{bottom: 10px;}
.col-c .bd .swiper .swiper-slide.ee1 .abc{bottom: 70px;}
.col-c .bd .swiper .swiper-slide.ee2 .abc{bottom: 195px;}
.col-c .bd .swiper .swiper-slide.ee3 .abc{top: -30px;}
.col-c .bd .swiper .swiper-slide.ee4 .abc{bottom: 220px;}
.col-c .bd .swiper .swiper-slide.ee5 .abc{bottom: 55px;}

.col-c .bd .swiper .swiper-slide.ee0 .desc{bottom:-30px;}
.col-c .bd .swiper .swiper-slide.ee1 .desc{bottom:-5px;}
.col-c .bd .swiper .swiper-slide.ee2 .desc{bottom:30px;}
.col-c .bd .swiper .swiper-slide.ee3 .desc{bottom:90px;}
.col-c .bd .swiper .swiper-slide.ee4 .desc{bottom:45px;}
.col-c .bd .swiper .swiper-slide.ee5 .desc{bottom:-25px;}

.col-c .bd .swiper .swiper-slide .desc { display: none; background-color: #0d7cd1; border-radius: 0px 0px 60px 0px; padding: 30px 30px 50px 30px; color: #fff; font-size: 15px; line-height: 26px; position: absolute; left: 50%; transform: translate(-50%,0); width: 100%; min-height: 320px; }
.col-c .bd .swiper .swiper-slide .desc .year1 { font-size: 36px; line-height: 1.5; font-weight: bold; margin-bottom: 20px; }
.col-c .bd .swiper .swiper-slide .desc .mc { max-height: 160px; overflow-y: auto; padding-right: 15px; } 
.col-c .bd .swiper .swiper-slide .desc .mc p { padding-left: 18px; background: url(icon6.png) no-repeat left 13px; }
.col-c .bd .swiper .swiper-slide .desc .mc p:not(:last-child) { margin-bottom: 8px; }
.col-c .bd .swiper .swiper-slide:hover .desc { display:block; }

.col-c .swiper-button-next,
.col-c .swiper-button-prev{ width:51px;height:50px; bottom:-50px; top:unset !important; margin-top:0; background:url(prev2.png) no-repeat center; left:50%; background-size:100%; transform:rotate(0); cursor: pointer;}
.col-c .swiper-button-next::after,
.col-c .swiper-button-prev::after{display:none}
.col-c .swiper-button-next{ margin-left:50px; transform:rotate(180deg); }
.col-c .swiper-button-prev{ margin-left:-50px; }
.col-c .swiper-button-next:hover{ background:url(next2.png) no-repeat center; transform:rotate(0); background-size:100%; }
.col-c .swiper-button-prev:hover{ background:url(next2.png) no-repeat center; transform:rotate(180deg); background-size:100%; margin-top:0; }
.col-c .swiper-button-next.swiper-button-disabled,
.col-c .swiper-button-prev.swiper-button-disabled{opacity: 1;pointer-events: unset;}

.col-c .bd .ul-list{ border-radius:5px ; background: #102d55ab; border: 1px solid white;display: none; overflow: hidden; }
.col-c .bd .ul-list .swiper-slide{ display: flex; align-items: center; color: white;padding: 20px;}
.col-c .bd .ul-list .swiper-slide .time{font-size: 28px;line-height: 38px;font-weight: bold;}
.col-c .bd .ul-list .swiper-slide .mc{line-height: 20px;font-size: 14px;margin-left: 20px;} 
.col-c .bd .ul-list .swiper-slide .mc p {padding-left: 19px;background: url(icon6.png) no-repeat left top 13px;}
.col-c .swiper-button-prev1,
.col-c .swiper-button-next1 { display: none; }
.col-c .swiper-button-prev2,
.col-c .swiper-button-next2 { display: block; }

@media (max-width:1680px) {
    .col-c .hd h3 { margin-bottom: 15px; font-size: 36px; }
    .col-c .hd h5 { font-size: 15px; line-height: 1.8; }
    .col-c .bd { height: 360px; background:url(pc103s.png) no-repeat center 50px/ cover; }
    .col-c .bd .swiper{ padding-top: 25px;}
    .col-c .bd .swiper .swiper-slide{ height: 290px; }
    .col-c .bd .swiper .swiper-slide .year { font-size: 20px;line-height: 30px;margin-bottom: 15px;}
    .col-c .bd .swiper .swiper-slide.ee0 .abc{bottom: 3%;}
    .col-c .bd .swiper .swiper-slide.ee1 .abc{bottom: 12%;}
    .col-c .bd .swiper .swiper-slide.ee2 .abc{bottom: 50%;}
    .col-c .bd .swiper .swiper-slide.ee3 .abc{top: -4%;}
    .col-c .bd .swiper .swiper-slide.ee4 .abc{bottom: 54%;}
    .col-c .bd .swiper .swiper-slide.ee5 .abc{bottom: 9%;}
    .col-c .bd .swiper .swiper-slide.ee0 .desc{bottom:-30px;}
    .col-c .bd .swiper .swiper-slide.ee1 .desc{bottom:0;}
    .col-c .bd .swiper .swiper-slide.ee2 .desc{top:0;}
    .col-c .bd .swiper .swiper-slide.ee3 .desc{bottom:0;}
    .col-c .bd .swiper .swiper-slide.ee4 .desc{bottom:0;}
    .col-c .bd .swiper .swiper-slide.ee5 .desc{bottom:0;}
    .col-c .bd .swiper .swiper-slide .desc { font-size: 14px; }
    .col-c .swiper-button-next,
    .col-c .swiper-button-prev{ width:41px;height:41px; bottom: -30px; }
    .col-c .swiper-button-next{ margin-left:41px; }
    .col-c .swiper-button-prev{ margin-left:-41px; }
}
@media (max-width:1440px) {
    .col-c .bd .swiper .swiper-slide.ee0 .abc{bottom: -8px;}
    .col-c .bd .swiper .swiper-slide.ee1 .abc{bottom: 60px;}
    .col-c .bd .swiper .swiper-slide.ee2 .abc{bottom: 153px;}
    .col-c .bd .swiper .swiper-slide.ee3 .abc{top: -10px;}
    .col-c .bd .swiper .swiper-slide.ee4 .abc{bottom: 187px;}
    .col-c .bd .swiper .swiper-slide.ee5 .abc{bottom: 57px;}
    .col-c .swiper-button-next,
    .col-c .swiper-button-prev{ }
}
@media (max-width:1280px) {
    .col-c .bd { height: 180px; background:none; }
    .col-c .bd .ul-list { display: block; margin-top: 30px; }
    .col-c .bd .swiper{ padding-top: 25px; display: none; }
    .col-c .bd .swiper .swiper-slide{ height: 80px; }
    .col-c .bd .swiper .swiper-slide:hover .desc { display: none; }
    .col-c .bd .swiper .swiper-slide.ee0 .abc{bottom: 0;}
    .col-c .bd .swiper .swiper-slide.ee1 .abc{bottom: 0;}
    .col-c .bd .swiper .swiper-slide.ee2 .abc{bottom: 0;}
    .col-c .bd .swiper .swiper-slide.ee3 .abc{top: inherit;bottom: 0;}
    .col-c .bd .swiper .swiper-slide.ee4 .abc{bottom: 0;}
    .col-c .bd .swiper .swiper-slide.ee5 .abc{bottom: 0;}
    .col-c .bd .ul-list .swiper-slide .mc p { padding: 5px 0 5px 19px; }
    .col-c .swiper-button-prev1,
    .col-c .swiper-button-next1 { display: block; bottom: -120px; }
    .col-c .swiper-button-prev2,
    .col-c .swiper-button-next2 { display: none; }
}
@media (max-width:900px) {
    .col-c { padding: 30px 0; }
    .col-c .g-full { padding-bottom: 60px; }
    .col-c .hd { top: 0; opacity: 1; }
    .col-c .hd h3{font-size: 24px;line-height: 1.5;margin-bottom: 15px;}
    .col-c .hd h5 { width: 100%; font-size: 15px; line-height: 26px; }
    .col-c .bd{ height: auto; margin-top: 0; padding-top: 0; bottom: 0; opacity: 1; }
    .col-c .bd .ul-list {}
    .col-c .bd .ul-list .swiper-slide.swiper-slide-active { flex-wrap: wrap; }
    .col-c .bd .ul-list .swiper-slide .time { width: 100%; margin-bottom: 8px; padding-left: 19px; font-size:20px; }
    .col-c .bd .ul-list .swiper-slide .mc { width: 100%; margin-left: 0; font-size: 14px; }
    .col-c .bd .ul-list .swiper-slide .mc p { background-position: 0 10px; }
    .col-c .bd .swiper .swiper-slide{height: 180px;}
    .col-c .bd .swiper .swiper-slide .year { font-size: 20px; margin-bottom: 10px; }
    .col-c .bd .swiper .swiper-slide .i { width: 24px; height: 24px; background-size: 24px; }
    .col-c .bd .swiper .swiper-slide-active .year { color: #048af2; }
    .col-c .swiper-button-next,
    .col-c .swiper-button-prev { bottom: 0; cursor: pointer; }
    .col-c .swiper-button-next { width: 30px; height: 30px; margin-left: 5px; background-size: 30px; }
    .col-c .swiper-button-prev { width: 30px; height: 30px; margin-left: -35px; background-size: 30px; }
 }

.col-d { position: relative; padding: 140px 0 0; }
.col-d .hd { width: 100%; text-align: center; z-index: 1; top: -300px; opacity: 0; }
.col-d .hd h3{ color: #ffffff; font-size: 48px;line-height: 1.5;font-weight: bold;margin-bottom: 20px;}
.col-d .hd h5{color: #ffffff;font-size: 16px;line-height: 2; font-weight: normal; max-width: 820px;margin: 0 auto;}
.col-d .bd { position: relative; bottom: -300px; opacity: 0; }
.icap-ul{width: 80%;height: 60vh;position: relative;margin: 0 auto;}
.icap-li{width: 1px;height: 1px;position: absolute;left: 0;bottom: 10vh;cursor: pointer;}
.icap-c{width: 26px;height: 26px;background: url(icon8.png);position: absolute;top: 50%;left: 50%;margin-top: -13px;left: -13px;animation: divscale 1.8s linear 0s infinite; }
@keyframes divscale{
    0%{transform: scale(1);}
    50%{transform: scale(.5);}
    100%{transform: scale(1);}
}
@-moz-keyframes divscale{
    0%{transform: scale(1);}
    50%{transform: scale(.5);}
    100%{transform: scale(1);}
}
@-webkit-keyframes divscale{
    0%{transform: scale(1);}
    50%{transform: scale(.5);}
    100%{transform: scale(1);}
}
@-o-keyframes divscale{
    0%{transform: scale(1);}
    50%{transform: scale(.5);}
    100%{transform: scale(1);}
}

.icap-dbj{position: absolute;left: 0;bottom: 30px;color: #fff; width: 480px; height: 70px;transition: all .3s 1s; overflow: hidden;}
.icap-d{position: relative;left: 0;top: 0;transition: all .3s 1.3s;}
.icap-d3{position: absolute;left: 0px;top: 0;height: 110%;width: 1px;background: rgba(255,255,255,.1);opacity: 0;transition: all .3s 1.3s;}
.icap-d3:after{content: '';width: 3px;height: 100px;background: #fff;position: absolute;top: 0;left: 0;transition: all .3s 1s;}
.icap-d1{font-size: 20px;line-height: 30px;transition: all .3s .4s;}
.icap-d2{overflow: hidden;opacity: 0;width: 0;max-height: 200px;font-size: 16px;line-height: 40px;transition: all .1s .3s;margin-top: 30px;}
.icap-d2-a{opacity: 0;transition: all .3s;}
.icap-d2-a a {color: #fff;}
.icap-li.on .icap-d{left: 25px;transition: all .3s;}
.icap-li.on .icap-d3{opacity: 1;transition: all .3s;}
.icap-li.on .icap-dbj{height: 320px;transition: all .5s .5s;}
.icap-li.on .icap-d1{font-size: 24px;transition: all .5s .5s;}
.icap-li.on .icap-d2{width: 455px;opacity: 1;transition: all .1s 1.2s;}
.icap-li.on .icap-d2-a{opacity: 1;transition: all .3s 1.3s;}
.icap-li2{left: 33%;top: 57vh;}
.icap-li3{left: 66%;top: 55vh;}


@media (max-width:1680px) {
    .col-d { padding: 140px 0 0; }
    .col-d .hd h3 { margin-bottom: 15px; font-size: 36px; }
    .col-d .hd h5 { font-size: 15px; line-height: 1.8; }
    .icap-d1{font-size: 18px;line-height: 28px; }
    .icap-d2{ font-size: 14px; margin-top: 20px;}
    .icap-li.on .icap-dbj{height: 240px;width: 400px; }
    .icap-li.on .icap-d1{font-size: 20px; }
    .icap-li.on .icap-d2{width: 375px; }
    .icap-li2{left: 36%;top: 60vh;}
    .icap-li3{left: 70%;top: 55vh;}
    .icap-d3:after {height: 60px; }

}
@media (max-width:900px) {
    .col-d { padding: 30px 0; }
    .col-d .hd { top: 0; opacity: 1; }
    .col-d .hd h3 { font-size: 24px; line-height: 1.5; margin-bottom: 15px; }
    .col-d .hd h5 { width: 100%; font-size: 15px; line-height: 26px; }
    .col-d .bd { bottom: 0; opacity: 1; }
    .icap-ul { width: 90%;height: auto; padding:30px 0; }
    .icap-li { width: 100%; height: auto; position: relative; left: 0; bottom: 0; padding:15px 0; }
    .icap-dbj { position: relative;left: 0;bottom: 0;color: #fff; width: 100%; height: auto; }
    .icap-d{ left: 25px; }
    .icap-d2{opacity: 1;width: 100%;max-height: inherit;font-size: 14px;line-height: 2;margin-top: 20px;}
    .icap-d2-a{opacity: 1;}
    .icap-c{ top: inherit; margin-top: inherit; bottom: 0; display: none; }
    .icap-li.on .icap-dbj{height: auto;width: 100%; }
    .icap-li.on .icap-d1{font-size: 18px; }
    .icap-li.on .icap-d2 { width: 100%; margin-top: 20px; }

    .icap-li2{left: 0;top: 0;}
    .icap-li3{left:0;top: 0;}
    .icap-d3:after {height: 30px; }


}

@media (max-width:900px) {
    #FullPage,#FullPage > .swiper-wrapper,#FullPage > .swiper-wrapper .section { height: auto; }
    #FullPage > .swiper-wrapper { display: block; }
    .fullPage-bar { display: none; }
}