@charset "utf-8";
html, body,.wrapper{ position: relative; height: 100%; }
.indexSwiper{ width:100%; height:100%; overflow:hidden}
.indexSwiper>.swiper-wrapper>.swiper-slide{ width:100%; height:100%; overflow:hidden}
.indexSwiper > .swiper-wrapper > .swiper-slide.s8{ height:auto}
.btn{ position:absolute; right:1%; top:0;  height:100%;  z-index:9; display:flex;align-items:center;justify-content: center;}
.btn .indexPagination span{ display:block; width:12px; height:12px; background:#f2f2f2; border-radius:6px; opacity:1; margin:10px 0; position:relative; transition:all 0.5s; }
.btn .indexPagination span.swiper-pagination-bullet-active{ background:#3151a4; height:40px}
.banner{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper01{ width:100%; height:100%; overflow:hidden; position:relative}
.banner .swiper01 a{ display:block; width:100%; height:100%}
.banner .swiper01 a .img1{ width:100%; height:100%; transform:scale(1.1); transition:all 3s linear}
.banner .swiper01 a .img2{ width:100%; height:100%; display:none;  transform:scale(1.1); transition:all 3s linear}

.banner .swiper01 .swiper-slide-active a .img1{transform:scale(1);}
.banner .swiper01 .swiper-slide-active a .img2{transform:scale(1);}
.banner .prev01{ background:url(prev.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-18px; z-index:9}
.banner .next01{ background:url(next.jpg) center center no-repeat; width:60px; height:60px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-18px; z-index:9}
.banner .swiper01 .pagination01{ width:100%; font-size:0; text-align:left; position:absolute; left:0; bottom:50px; z-index:9; text-align:center; display:none}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:16px; height:16px; margin:0 6px; background:#fff; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#eda81c; }
.banner .swiper01 .swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide .item{ width:100%; position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%); z-index:9;}
.banner .swiper01 .swiper-slide .item .bq{ width:fit-content; border:1px solid rgba(255,255,255,0.5); padding:5px 25px; border-radius:30px; font-size:30px; color:#fff}
.banner .swiper01 .swiper-slide .item .title{ font-size:48px; color:#fff; font-weight:bold; line-height:1; margin-top:30px}
.banner .swiper01 .swiper-slide .item .intro{ font-size:28px; color:#fff; margin-top:25px}
.s1 .amore{ background:url(g_04.png) center center no-repeat; background-size:cover; width:61px; height:72px; position:absolute; left:50%; bottom:5%; transform:translateX(-50%); z-index:9}
.banner .swiper-num{ width:70px; height:70px; background:#000; border-radius:50%; color:#fff; text-align:center; position:absolute; left:50%; transform:translateX(-50%); z-index:2; bottom:10%}
.banner .swiper-num .active{ width:100%; line-height:28px; display:block; text-align:center; font-size:16px; margin-top:7px}
.banner .swiper-num .line{ width:80%; height:1px; background:#fff; margin:0 auto}
.banner .swiper-num .total{ width:100%; line-height:28px; display:block; text-align:center; font-size:16px; }



.an{ width:100%; position:absolute; left:0; bottom:5%; z-index:999;}
.an .nr{display:flex;justify-content: space-between; height:20px;}
.an .nr .nums{ height:100%;display:flex; align-items: center; position:relative; font-size:18px; font-family:Arial; color:#fff}
.an .nr .nums .paginationa{ margin:0 20px; width:100px; height:2px; background:rgba(255,255,255,0.2); position:relative}
.an .nr .nums .paginationa .swiper-pagination-progressbar-fill{ background:#fff}
.an .nr .btnss{display:flex; align-items: center; height:100% }
.an .nr .btnss .aprev{ width:10px; height:20px; background:url(prev.png) center center no-repeat; background-size:cover; cursor:pointer}
.an .nr .btnss .anext{ width:10px; height:20px; background:url(next.png) center center no-repeat; background-size:cover; cursor:pointer; margin-left:30px}
@media (max-width: 1600px){
	.banner .swiper01 .swiper-slide .item .bq{ padding:5px 20px; border-radius:25px; font-size:24px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:24px; }
	.s1 .amore{ width:50px; height:60px; }

}
@media (max-width: 1200px){
	.banner .swiper01 .pagination01{ bottom:20px}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 4px;}
	.banner .swiper01 a .img2{ display:block}
	.banner .swiper01 a .img1{ display:none}
	.banner .swiper01 .swiper-slide .item{ padding-top:60px}
	.banner .swiper01 .swiper-slide .item .bq{ font-size:18px;}
	.banner .swiper01 .swiper-slide .item .title{ font-size:24px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:16px; }
	.s1 .amore{ width:40px; height:50px; }
	.banner .swiper-num{ width:50px; height:50px;  bottom:5%}
	.banner .swiper-num .active{ line-height:20px; font-size:12px; margin-top:4px}
	.banner .swiper-num .total{  line-height:20px; font-size:12px; }
}


.gcon_2{ width:100%; height:100%; display:flex; background:url(g_05.jpg) center center no-repeat; background-size:cover}
.gcon_2 .rt{ width:calc(100% - 55.8%); height:100%;display:flex;align-items: center;justify-content: center; position:relative}
.gcon_2 .rt .play{ background:url(g_06.png) center center no-repeat; background-size:cover; width:114px; height:114px; cursor:pointer;animation: rotate360 4s linear infinite;}
.gcon_2 .rt i{ display:block; width:18px; height:18px; background:url(g_06s.png) center center no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
@keyframes rotate360 {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg);
}
}

.gcon_2 .lt{ width:55.8%; height:100%;}
.gcon_2 .lt .cont2{ width:100%; height:25%; background:url(g_03.jpg) center center no-repeat; background-size:cover}
.gcon_2 .lt .cont2 ul{display:flex;justify-content:space-evenly;align-items: center; height:100%; color:#fff}
.gcon_2 .lt .cont2 ul li{ text-align:center}
.gcon_2 .lt .cont2 ul li .p1 i{ font-size:60px; font-weight:bold; line-height:1}
.gcon_2 .lt .cont2 ul li .p1 span{ display:inline-block; vertical-align:top; font-size:30px; font-weight:bold}
.gcon_2 .lt .cont2 ul li .p2{ font-size:16px; margin-top:15px}
.gcon_2 .lt .cont2 ul li.line{ width:1px; height:30%; background:rgba(255,255,255,0.3)}
.gcon_2 .lt .cont2 ul li.line:last-child{ display:none}
.gcon_2 .lt .cont1{ width:100%; height:75%;display:flex;align-items: center; background:url(g_25.jpg) bottom center no-repeat; background-size:cover}
.gcon_2 .lt .cont1 .content{ position:relative; left:50%; width:75%; margin-left:-375px}
.ihd .title{ font-size:42px; color:#333333; font-weight:bold}
.ihd .title i{ text-shadow: 1px 0 #333, 1px 1px #333, 1px -1px #333, 0 1px #333, 0 -1px #333, -1px 0 #333, -1px 1px #333, -1px -1px #333; color:rgba(255, 255, 255, 0.99); background:transparent}
.ihd .bq{ font-size:36px; color:#0d78cf; font-weight:bold; margin-top:5px}
.ihd .intro{ font-size:16px; color:#5d6061; text-align:justify; line-height:2; margin-top:20px}
.ihd .more{ margin-top:120px}
.ihd .more a{ width:fit-content; font-size:20px; color:#333333; border-bottom:1px solid #969ea2; padding-bottom:10px;display:flex;align-items: center;}
.ihd .more a img{ padding-left:10px; transition:all 0.5s}
.ihd .more:hover a img{ padding-left:20px; transform:rotateZ(15deg)}
@media (max-width: 1600px){
	.gcon_2 .rt .play{ width:100px; height:100px;}
	.gcon_2 .lt .cont2 ul li .p1 i{ font-size:50px; }
	.gcon_2 .lt .cont2 ul li .p1 span{ font-size:24px}
	.gcon_2 .lt .cont2 ul li .p2{ font-size:14px; margin-top:10px}
	.gcon_2 .lt .cont1 .content{ margin-left:-240px}
	.ihd .title{ font-size:36px; }
	.ihd .bq{ font-size:28px;}
	.ihd .intro{ font-size:14px;  }
	.gcon_2 .lt .cont1 .content{ padding-top:80px}
	.ihd .more{ margin-top:60px}
	.ihd .more a{ font-size:16px;}
	.ihd .more a img{ height:14px}
	
}
@media (max-width: 1440px){
	.gcon_2 .lt .cont1 .content{ margin-left:-280px}
}
@media (max-width: 1366px){
	.gcon_2 .lt .cont1 .content{ margin-left:-300px}
}
@media (max-width: 1200px){
	.gcon_2{ display:block}
	.gcon_2 .lt{ width:100%; height:75%;}
	.gcon_2 .rt{ width:100%; height:25%;}
	.gcon_2 .lt .cont1{ padding-top:60px; box-sizing:border-box}
	.gcon_2 .lt .cont1 .content{ position:relative; left:0; width:100%; margin-left:0; box-sizing:border-box; padding:0 4%}
	.ihd .title{ font-size:24px; }
	.ihd .bq{ font-size:20px;}
	.ihd .intro{ font-size:14px;  }
	.ihd .more a{ font-size:14px;}
	.ihd .more a img{ height:12px}
	.gcon_2 .lt .cont2 ul li .p1 i{ font-size:40px; }
	.gcon_2 .lt .cont2 ul li .p1 span{ font-size:14px}
	.gcon_2 .lt .cont2 ul li .p2{ font-size:12px; }
	.gcon_2 .rt .play{ width:80px; height:80px;}
	.ihd .title i{text-shadow:0 0 0; color:#333333}


}
@media (max-width: 750px){
	.gcon_2 .lt{ height:80%;}
	.gcon_2 .rt{ height:20%;}
	.ihd .title{ font-size:20px; }
	.ihd .bq{ font-size:16px;}
	.ihd .intro{ font-size:12px;  }
	.gcon_2 .lt .cont1{ height:80%;}
	.gcon_2 .lt .cont2{ height:20%}
	.ihd .more{ margin-top:30px}
	.gcon_2 .lt .cont2 ul li .p1 i{ font-size:40px; }
	.gcon_2 .lt .cont2 ul li .p1 span{ font-size:14px}
	.gcon_2 .lt .cont2 ul li .p2{ font-size:12px; }
	.gcon_2 .rt .play{ width:80px; height:80px;}
}

.gcon_3{ padding:100px 0 0; height:100%; box-sizing:border-box; background:url(g_07.jpg) top center no-repeat; background-size:cover; display:flex;align-items: center;}
.gcon_3 .ihd{ position:relative}
.gcon_3 .ihd .intro{ width:52%}
.gcon_3 .ihd .more{ margin-top:0; position:absolute; right:0; top:80px}
.gcon_3 .ibd{ margin-top:50px}
.gcon_3 .ibd .swiper03{ width:100%}
.gcon_3 .ibd .swiper03 .swiper-slide{ width:420px; margin-right:35px; background:url(g_09.jpg) center center no-repeat; background-size:cover; border-radius:20px; overflow:hidden}
.gcon_3 .ibd .swiper03 .swiper-slide a{ display:block; padding:40px}
.gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size:24px; color:#5d5d5d; font-weight:bold; line-height:35px; height:70px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_3 .ibd .swiper03 .swiper-slide .bq{ font-size:20px; color:#606060; margin-top:25px}
.gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top:30px; background:url(g_10.png) center center no-repeat; background-size:cover; width:51px; height:51px;}
.gcon_3 .ibd .swiper03 .swiper-slide .pic{ text-align:right; margin-top:40px}
.gcon_3 .ibd .swiper03 .swiper-slide .pic img{ height:210px;}
.gcon_3 .ibd .swiper03 .swiper-slide:hover .title{ color:#0d78cf}
.gcon_3 .ibd .swiper03 .swiper-slide:hover .more{ background:url(g_11.png) center center no-repeat; background-size:cover; }
.gcon_3 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
@media (max-width: 1600px){
	.gcon_3{ padding:90px 0 0;}
	.gcon_3 .ibd{ margin-top:30px}
	.gcon_3 .ibd .swiper03 .swiper-slide{ width:26%; margin-right:2%}
	.gcon_3 .ibd .swiper03 .swiper-slide a{ padding:20px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size:20px; line-height:28px; height:56px;}
	.gcon_3 .ibd .swiper03 .swiper-slide .bq{ font-size:16px; margin-top:16px}
	.gcon_3 .ibd .swiper03 .swiper-slide .more{ margin-top:16px; width:42px; height:42px;}
	.gcon_3 .ibd .swiper03 .swiper-slide .pic{ text-align:right; margin-top:16px}
	.gcon_3 .ibd .swiper03 .swiper-slide .pic img{ height:160px;}
}
@media (max-width: 1200px){
	.gcon_3{ padding:60px 0 0;}
	.gcon_3 .ibd .swiper03 .swiper-slide{ width:40%; margin-right:2%}
	.gcon_3 .ibd .swiper03 .swiper-slide a{ padding:20px}
	.gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size:18px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .bq{ font-size:14px; }
	
}
@media (max-width: 750px){
	.gcon_3 .ihd .intro{ width:100%}
	.gcon_3 .ihd .more{ top:5px}
	.gcon_3 .ibd .swiper03 .swiper-slide{ width:70%; margin-right:2%}
	.gcon_3 .ibd .swiper03 .swiper-slide .title{ font-size:16px; }
	.gcon_3 .ibd .swiper03 .swiper-slide .bq{ font-size:12px; }
	
}





.gcon_4{ padding:100px 0 0; height:100%; box-sizing:border-box; background:url(g_17.jpg) top center no-repeat; background-size:cover; display:flex;align-items: center;}
.gcon_4 .ihd{ position:relative}
.gcon_4 .ihd .more{ margin-top:0; position:absolute; right:0; top:5px}
.gcon_4 .ibd{ margin-top:50px}
.gcon_4 .ibd .swiper04{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:32%; margin-right:2%;}
.gcon_4 .ibd .swiper04 .swiper-slide a{ display:block;}
.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:22px; color:#333333; font-weight:bold; box-sizing:border-box; padding:20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:16px;}
.gcon_4 .ibd .swiper04 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .title{ color:#0d78cf}
.gcon_4 .ibd .swiper04 .swiper-slide:last-child{ margin-right:0}
.gcon_4 .ibd .swiper04 .btna{ width:95%; margin-left:5%; display:flex; align-items: center; margin-top:60px }
.gcon_4 .ibd .swiper04 .btna .prev04{ background:url(g_14.png) center center no-repeat; width:50px; height:16px; background-size:auto 100%; cursor:pointer} 
.gcon_4 .ibd .swiper04 .btna .next04{ background:url(g_15.png) center center no-repeat; width:50px; height:16px; background-size:auto 100%; cursor:pointer}
.gcon_4 .ibd .swiper04 .btna .pagination04{ position:relative; width:calc(100% - 130px); height:2px; background:#d8e1ea; margin-left:30px}
.gcon_4 .ibd .swiper04 .btna .pagination04 span{ background:#0d78cf}

@media (max-width: 1600px){
	.gcon_4{ padding:90px 0 0;}
	.gcon_4 .ibd{ margin-top:30px}
	.gcon_4 .ibd .swiper04 .swiper-slide{}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:20px; line-height:28px; height:56px;}
}
@media (max-width: 1200px){
	.gcon_4{ padding:60px 0 0;}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:18px; }
	.gcon_4 .ibd .swiper04 .btna{ width:100%; margin-left:0; margin-top:30px}
	.gcon_4 .ibd .swiper04 .btna .prev04{ width:9px; margin-right:21px;}
	.gcon_4 .ibd .swiper04 .btna .next04{ width:9px; margin-right:21px;}
	.gcon_4 .ibd .swiper04 .btna .pagination04{ width:calc(100% - 60px); margin-left:0}
	
}
@media (max-width: 750px){
	.gcon_4 .ihd .intro{ width:100%}
	.gcon_4 .ihd .more{ top:5px}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:16px; padding:15px }
	.gcon_4 .ibd .swiper04 .swiper-slide .pic{ border-radius:10px}	
}



.gcon_5{ padding:100px 0 0; height:100%; box-sizing:border-box; background:url(g_16.jpg) top center no-repeat; background-size:cover; display:flex;align-items: center;}
.gcon_5 .ihd{ position:relative}
.gcon_5 .ihd .more{ margin-top:0; position:absolute; right:0; top:5px}
.gcon_5 .ibd{ margin-top:50px}
.gcon_5 .ibd .swiper05{ width:100%; overflow:hidden}
.gcon_5 .ibd .swiper05 .swiper-slide{ width:32%; margin-right:2%;}
.gcon_5 .ibd .swiper05 .swiper-slide a{ display:block;}
.gcon_5 .ibd .swiper05 .swiper-slide .time{ background:url(g_26.png) left center no-repeat; padding-left:28px; font-size:16px; color:#7a7f82; margin-top:30px}
.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:24px; color:#333333; font-weight:bold; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:20px; line-height:35px;}
.gcon_5 .ibd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:16px;}
.gcon_5 .ibd .swiper05 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_5 .ibd .swiper05 .swiper-slide:hover .title{ color:#0d78cf}
.gcon_5 .ibd .swiper05 .swiper-slide .intro{ font-size:16px; color:#333333; line-height:25px; height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.gcon_5 .ibd .swiper05 .swiper-slide:last-child{ margin-right:0}

.gcon_5 .ibd .swiper05 .pagination05{ text-align:center; position:relative; font-size:0; margin-top:45px;}
.gcon_5 .ibd .swiper05 .pagination05 span{ width:10px; height:10px; background:#abafbd; opacity:1; border-radius:5px; margin:0 5px; padding:0}
.gcon_5 .ibd .swiper05 .pagination05 span.swiper-pagination-bullet-active{ background:#0d78cf; width:45px}
@media (max-width: 1600px){
	.gcon_5{ padding:90px 0 0;}
	.gcon_5 .ibd{ margin-top:30px}
	.gcon_5 .ibd .swiper05 .swiper-slide{}
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:20px; line-height:28px; }
}
@media (max-width: 1200px){
	.gcon_5{ padding:60px 0 0;}
	.gcon_5 .ibd .swiper05 .swiper-slide{ width:49%; margin-right:2%}
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:18px; margin-top:10px; line-height:25px; height:auto;word-break: break-all; }
	.gcon_5 .ibd .swiper05 .swiper-slide .time{ background-size:12px; padding-left:20px; font-size:12px; margin-top:10px}
	.gcon_5 .ibd .swiper05 .swiper-slide .intro{ font-size:12px; margin-top:10px; line-height:20px; height:auto}
	
	
}
@media (max-width: 750px){
	.gcon_5 .ihd .intro{ width:100%}
	.gcon_5 .ihd .more{ top:5px}
	.gcon_5 .ibd .swiper05 .swiper-slide .title{ font-size:16px; }
	.gcon_5 .ibd .swiper05 .swiper-slide .pic{ border-radius:10px}	
}


.gcon_6{ background:url(g_19.jpg) center center no-repeat; background-size:cover; width:100%; height:100%; display:flex}
.gcon_6 .lt{ width:36.5%; height:100%; display:flex; align-items: center; }
.gcon_6 .lt .content{ position:relative; left:50%; margin-left:-190px}
.gcon_6 .lt .ihd .title{ color:#fff}
.gcon_6 .lt .ihd .intro{ color:#fff}
.gcon_6 .lt .ihd .more a{ color:#fff}
.gcon_6 .rt{ width:63.5%; height:100%; display:flex}
.gcon_6 .rt .item{ width:calc(100% / 3); box-sizing:border-box; height:100%;display:flex; align-items: center; justify-content: center; border-left:1px solid rgba(255,255,255,0.3); color:#fff}
.gcon_6 .rt .item .ico img{ height:52px; transition:all 0.3s}
.gcon_6 .rt .item:hover .ico img{ transform:translateX(360deg)}
.gcon_6 .rt .item .title{ font-size:26px; font-weight:bold; margin-top:12px}
.gcon_6 .rt .item .intro{ font-size:16px; color:rgba(255,255,255,0.6); margin-top:30px; width:150px; line-height:30px; height:60px}
.gcon_6 .rt .item:hover{backdrop-filter: blur(11px);-webkit-backdrop-filter: blur(11px); }
@media (max-width: 1600px){
	.gcon_6 .lt .content{  margin-left:-100px}
	.gcon_6 .rt .item .ico img{ height:46px;}
	.gcon_6 .rt .item .title{ font-size:24px; }
	.gcon_6 .rt .item .intro{ font-size:14px;width:140px; }
}
@media (max-width: 1440px){
	.gcon_6 .lt .content{  margin-left:-140px}
}
@media (max-width: 1366px){
	.gcon_6 .lt .content{  margin-left:-160px}
}
@media (max-width: 1200px){
	.gcon_6{ display:block; padding-top:60px; box-sizing:border-box}
	.gcon_6 .lt{ width:100%; height:30%; box-sizing:border-box; padding:0 4%}
	.gcon_6 .lt .content{ position:relative; left:0; margin-left:0}
	
	.gcon_6 .rt{ width:100%; height:70%; display:block}
	.gcon_6 .rt .item{ width:100%; height:calc(100% / 3); border-left:0;  border-top:1px solid rgba(255,255,255,0.3); text-align:center;justify-content:left}
	.gcon_6 .rt .item .ico img{ height:40px;}
	.gcon_6 .rt .item .title{ font-size:20px; }
	.gcon_6 .rt .item .intro{ font-size:12px; margin-top:20px; width:120px; line-height:normal; height:auto}
}









.gcon_2 .lt .cont1 .content{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_2 .lt .cont1 .content{ top:0; opacity:1}

.gcon_3 .ihd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_3 .ihd{ top:0; opacity:1}
.gcon_3 .ibd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_3 .ibd{ top:0; opacity:1}

.gcon_4 .ihd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_4 .ihd{ top:0; opacity:1}
.gcon_4 .ibd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_4 .ibd{ top:0; opacity:1}

.gcon_5 .ihd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_5 .ihd{ top:0; opacity:1}
.gcon_5 .ibd{ position:relative; top:50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_5 .ibd{ top:0; opacity:1}



.gcon_6 .lt{ position:relative; left:-50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_6 .lt{ left:0; opacity:1}

.gcon_6 .rt{ position:relative; right:-50px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.swiper-slide-active .gcon_6 .rt{ right:0; opacity:1}