﻿@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(../images/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(../images/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(../images/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(../images/prev.png) center center no-repeat; background-size:cover; cursor:pointer}
.an .nr .btnss .anext{ width:10px; height:20px; background:url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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%; height:290px;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(../images/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(../images/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(../images/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:100%; }
.gcon_5 .ibd .swiper05 .swiper-slide a{ display:block;}
.gcon_5 .ibd .swiper05 .swiper-slide .time{ background:url(../images/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(../images/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}



.banner_mouse_box {
  position: absolute;
  left: 50%;
  bottom: 11px;
  z-index: 9999;
  transform: translateX(-50%) scale(1);
}
.banner_mouse_box .bt {
  font-size: 12px;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: 20px;
}
.banner_mouse {
  display: block;
  width: 37px;
  height: 65px;
  background: url(../images/banner_mouse_ico.png) no-repeat top center;
  background-size: 100%;
  margin: 0 auto;
  position: relative;
}
.banner_mouse:after,
.banner_mouse:before {
  content: "";
  position: absolute;
}
.banner_mouse:after {
  background: #fff;
  width: 2px;
  height: 8px;
  -webkit-animation: trackBallSlide 1.6s linear infinite;
  animation: trackBallSlide 1.6s linear infinite;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.fl{ float:left;}
.fr{ float:right;}
.w49{ width:48%;}

.swiper-slide .div{
    width: 100%;
    top: 0;
    right: 0;
    background-color: #fff;
}
.swiper-slide .div a{
    display: block;
    width: 100%;
    border-bottom: 1px solid #e3e5e9;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
}
.swiper-slide .div a::after{
    content: "";
    position: absolute;
    width: 2px;
    height: 0;
    right: 0;
    top: 0;
    background-color: #2172e0;
    opacity: 0;
    transition: all 0.5s;
}
.swiper-slide .div a:last-of-type{
    border-bottom: none;
}
.swiper-slide .div a h6{
    font-size: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 12px;
}
.swiper-slide .div a p{
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    height: 50px;
    overflow: hidden;
}
.swiper-slide .div a span{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    color: #666;
}
.swiper-slide .div a span::before{
    content: "";
    flex-shrink: 0;
    width: 33px;
    height: 21px;
    background-image: url(../images/tb54.png);
    background-size: 100% 100%;
    transition: all 0.5s;
}


.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.slide_container{position:relative;float:left;width:100%}
.slide{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.slide li{position:absolute;width:100%;left:0;top:0}
.slide img{display:block;position:relative;z-index:1;height:540px;width:100%;border:0}
.slide .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}

.slide_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;opacity:0.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../images/themes.gif") no-repeat left top;margin-top:-45px}
.slide_nav:active{opacity:1.0}
.slide_nav.next{left:auto;background-position:right top;right:0}


@media (max-width: 999px){
	.w49{ width:100%;}
	.slide img{display:block;position:relative;z-index:1;height:350px;width:100%;border:0}
	.gcon_4 .ibd .swiper04 .swiper-slide .pic img{ height:190px;}
}
