@charset "utf-8";
body{ overflow-y:scroll}
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}

.banner{ width:100%; height:100%; position:relative}
.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%}
.banner .swiper01 a .img2{ width:100%; height:100%; display:none}

.banner .swiper01 a .img1{ transform:scale(1.15,1.15);vertical-align:middle; transition:all 10s cubic-bezier(0.19, 1, 0.22, 1)}
.banner .swiper01 .swiper-slide.swiper-slide-active a .img1{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}
.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:0;  top:50%; transform:translateY(-50%); z-index:9; color:#fff}
.banner .swiper01 .swiper-slide .item .ico img{ height:102px}
.banner .swiper01 .swiper-slide .item .title{ font-size:62px; color:#fff; font-weight:bold; line-height:1; margin-top:-40px}
.banner .swiper01 .swiper-slide .item .intro{ font-size:40px; color:#fff; height:130px; margin-top:30px}
.banner .swiper01 .swiper-slide .item .more{ background:#fff; display:block; width:180px; height:64px;display:flex;align-items: center;justify-content: center; border-radius: 40px; cursor:pointer}
.banner .swiper01 .swiper-slide .item .more i{ font-size:15px; color:#bc1d21; display:inline-block; background:url(g_04.png) right center no-repeat; padding-right:42px; transition:all 0.3s}
.banner .swiper01 .swiper-slide .item .more:hover i{ padding-right:50px}
.s1 .icon{ width:18px; height:auto; position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:9}

.banner .swiper01 .swiper-slide .item .ico{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:0.6s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .title{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.2s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .intro{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:1.8s; position:relative; top:30px;}
.banner .swiper01 .swiper-slide .item .more{visibility:hidden; opacity:0; transition:all 0.5s linear; transition-delay:2.4s; position:relative; top:30px;}

.banner .swiper01 .swiper-slide.swiper-slide-active .item .ico,.banner .swiper01 .swiper-slide.swiper-slide-active .item .title,.banner .swiper01 .swiper-slide.swiper-slide-active .item .intro,.banner .swiper01 .swiper-slide.swiper-slide-active .item .more{ opacity:1;visibility:visible; top:0}







@media (max-width: 1680px){
	.banner .swiper01 .swiper-slide .item{ }
	.banner .swiper01 .swiper-slide .item .ico img{ height:66px}
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; margin-top:-30px}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:30px; height:120px; margin-top:25px}
	.banner .swiper01 .swiper-slide .item .more{ width:150px; height:50px; font-size:0}
	.banner .swiper01 .swiper-slide .item .more i{ font-size:14px; background:url(g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
.banner .swiper01 .swiper-slide .item .more:hover i{ padding-right:40px}

}

@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}	
}
@media (max-width: 750px){
	.banner .swiper01 .swiper-slide .item .ico img{ height:30px}
	.banner .swiper01 .swiper-slide .item .title{ font-size:20px; margin-top:-10px}
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; height:100px; margin-top:20px}
	.banner .swiper01 .swiper-slide .item .more{ width:120px; height:44px; font-size:0}
	.banner .swiper01 .swiper-slide .item .more i{ font-size:12px; background:url(g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
.banner .swiper01 .swiper-slide .item .more:hover i{ padding-right:40px}
		
}


.gcon_2{ width:100%; height:100%; display:flex;align-items: center; background:url(s2.jpg) center center no-repeat; background-size:cover}
.gcon_2 .gcont{ width:100%; padding-top:90px}
.gcon_2 .ihd .title{ float:left}
.ihd .title .cn{ font-size:42px; color:#000000; line-height:1}
.ihd .title .en{ font-size:31px; color:#bc1d21; font-family:Arial; line-height:1; text-transform:uppercase; margin-top:16px}
.gcon_2 .ihd .intro{ float:right; width:950px; text-align:right; font-size:16px; color:#666666; line-height:28px; margin-top:28px}
.gcon_2 .ibd{ position:relative; width:100%; overflow:hidden; margin-top:60px; padding:20px 0 60px}
.gcon_2 .ibd .swiper02{ width:100%}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:18.6%; margin-right:1.75%; overflow:hidden; position:relative; top:0; transition:all 0.3s}
.gcon_2 .ibd .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .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_2 .ibd .swiper02 .swiper-slide .pic:hover 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_2 .ibd .swiper02 .swiper-slide .item{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:rgba(0,0,0,0.65); color:#fff;display:flex;align-items: center;justify-content: center; transition:all 0.3s}
.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .cn{ font-size:24px; line-height:40px; text-align:center}
.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .en{ font-size:12px; line-height:24px; text-align:center; color:rgba(255,255,255,0.5)}
.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .more{ text-align:center; margin-top:0; display:none; transition:all 0.3s}
.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .more i{ display:inline-block; background:url(g_07.png) left center no-repeat; padding-left:30px; font-size:14px;}
.gcon_2 .ibd .swiper02 .swiper-slide:hover .item .intro .more{ display:block; margin-top:30px}
.gcon_2 .ibd .swiper02 .swiper-slide:hover{ top:-20px}
.gcon_2 .ibd .swiper02 .swiper-slide:hover .item .intro .cn{ font-weight:bold}
.gcon_2 .ibd .swiper02 .swiper-slide:hover .item{ background:url(g_08.png) top center no-repeat; background-size:100%;}
.gcon_2 .ibd .swiper02 .pagination02{ width:100%; background:#e0e0e0; height:2px; border:0; position:absolute; left:0; bottom:0; top:auto}
.gcon_2 .ibd .swiper02 .pagination02 .swiper-pagination-progressbar-fill{ background:#bc1d21}
@media (max-width: 1680px){
	.gcon_2 .gcont{ padding-top:80px}
	.ihd .title .cn{ font-size:36px;}
	.ihd .title .en{ font-size:24px;}
	.gcon_2 .ihd .intro{ width:850px; font-size:14px; color:#666666; line-height:24px; margin-top:24px}
	.gcon_2 .ibd{ margin-top:30px; padding:20px 0 40px}
	.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .cn{ font-size:20px; }

}
@media (max-width: 1200px){
	.gcon_2 .gcont{ padding-top:60px}
	.gcon_2 .ihd .title{ width:100%; text-align:center; float:none}
	.ihd .title .cn{ font-size:32px;}
	.ihd .title .en{ font-size:20px;}
	.gcon_2 .ihd .intro{ float:none; width:100%; text-align:center; margin-top:20px}
	.gcon_2 .ibd{ margin-top:30px; padding:20px 0 40px}
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:32%; margin-right:2%}

}
@media (max-width: 750px){
	.ihd .title .cn{ font-size:24px;}
	.ihd .title .en{ font-size:14px; margin-top:10px}
	.gcon_2 .ihd .intro{ font-size:12px}
	.gcon_2 .ibd{ margin-top:30px; padding:20px 0 40px}
	.gcon_2 .ibd .swiper02 .swiper-slide{ width:49%;}
	.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .cn{ font-size:16px;}
	.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .en{ line-height:20px; height:40px}

}


.gcon_3{ width:100%; height:100%; display:flex;align-items: center; background:url(s3.jpg) center center no-repeat; background-size:cover}
.gcon_3 .nr{ padding-top:90px}
.gcon_3 .nr .lt{ width:1110px; float:left; position:relative}
.gcon_3 .nr .lt .intro{ margin-top:60px; font-size:16px; color:#666666; line-height:2; text-align:justify; height:250px;}
.gcon_3 .nr .lt .more{ position:absolute; right:0; top:20px;}
.gcon_3 .nr .lt .more a{ background:#e6e6e6; display:block; width:180px; height:64px;display:flex;align-items: center;justify-content: center; border-radius: 40px; cursor:pointer}
.gcon_3 .nr .lt .more a i{ font-size:15px; color:#bc1d21; display:inline-block; background:url(g_04.png) right center no-repeat; padding-right:42px; transition:all 0.3s}
.banner .swiper01 .swiper-slide .item .more:hover i{ padding-right:50px}
.gcon_3 .nr .lt ul{display:flex;justify-content: space-between;}
.gcon_3 .nr .lt ul li .p1{ font-size:24px; color:#333333; line-height:1}
.gcon_3 .nr .lt ul li .p2{ line-height:1; font-size:90px; font-family:"DINCond"; color:#c21c1f; margin-top:15px}
.gcon_3 .nr .lt ul li .p2 span{ font-size:20px; color:#333333}
.gcon_3 .nr .rt{ width:calc(100% - 1110px); float:right; padding:280px 0 0 }
.gcon_3 .nr .rt .play{ width:fit-content; margin:0 auto; cursor:pointer}
.gcon_3 .nr .rt .play .ico{ background:url(g_09.png) center center no-repeat; width:124px; height:124px; position:relative}
.gcon_3 .nr .rt .play .title{ font-size:20px; color:#333333; text-align:center; margin-top:20px; line-height:1; text-transform:uppercase}
.gcon_3 .nr .rt .play .ico i{ width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px; margin-top:-20px; background:url(g_09_2.png) center center no-repeat; border-radius:50%; background-size:cover}

.gcon_3 .nr .rt .play .ico i{box-shadow: 0 0 rgba(194, 28, 31, 0.2),0 0 0 15px rgba(194, 28, 31, 0.15),0 0 0 30px rgba(194, 28, 31,0.1); animation: ripple-wave1 1s linear infinite; animation-play-state: running; opacity: 1; visibility: visible; transform: scale(1); -webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8); border-radius:50%}

.gcon_1 .lt .cont .title{ font-size:18px; margin-top:30px}
@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(194, 28, 31, 0.2),0 0 0 30px rgba(194, 28, 31, 0.15),0 0 0 45px rgba(194, 28, 31,0.1)
	}
  }

@media (max-width: 1680px){
	.gcon_3 .nr{ padding-top:80px}
	.gcon_3 .nr .lt{ width:820px;}
	.gcon_3 .nr .rt{ width:calc(100% - 820px); float:right; padding:180px 0 0 }
	
	.gcon_3 .nr .lt .more a{ width:150px; height:50px; font-size:0}
	.gcon_3 .nr .lt .more a i{ font-size:14px; background:url(g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.gcon_3 .nr .lt .more a i{ padding-right:40px}
	.gcon_3 .nr .lt .intro{ margin-top:40px; font-size:14px; height:200px;}
	.gcon_3 .nr .lt ul li .p1{ font-size:18px;}
	.gcon_3 .nr .lt ul li .p2{ font-size:70px;}
	.gcon_3 .nr .lt ul li .p2 span{ font-size:16px; color:#333333}

	
}
@media (max-width: 1200px){
	.gcon_3 .nr{ padding-top:60px}
	.gcon_3 .nr .lt{ width:100%;}
	.gcon_3 .nr .rt{ width:100%; padding:80px 0 0 }
}
@media (max-width: 750px){
	.gcon_3 .ihd{ text-align:center}
	.gcon_3 .nr .lt .more{ position:relative; top:auto; margin-top:20px}
	.gcon_3 .nr .lt .more a{ width:120px; height:44px; font-size:0}
	.gcon_3 .nr .lt .more a i{ font-size:12px; background:url(g_04.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.gcon_3 .nr .lt .more a:hover i{ padding-right:40px}
	.gcon_3 .nr .lt .intro{ margin-top:20px; height:auto; font-size:12px}
	.gcon_3 .nr .lt ul{ margin-top:30px}
	.gcon_3 .nr .lt ul li .p1{ font-size:14px;}
	.gcon_3 .nr .lt ul li .p2{ font-size:30px;}
	.gcon_3 .nr .lt ul li .p2 span{ font-size:12px; color:#333333}
	.gcon_3 .nr .rt{ padding:40px 0 0 }
	.gcon_3 .nr .rt .play .ico{ background:url(g_09.png) center center no-repeat; background-size:cover; width:100px; height:100px;}
	.gcon_3 .nr .rt .play .title{ font-size:16px;}

}





.gcon_4{ width:100%; height:100%; position:relative; overflow:hidden;  box-sizing:border-box;}
.gcon_4 .mySwiper2{ width:100%; height:100%; overflow:hidden}
.gcon_4 .mySwiper2 .swiper-slide{ width:100%; overflow:hidden}
.gcon_4 .mySwiper2 .swiper-slide .img1,.gcon_4 .mySwiper2 .swiper-slide .img2{ width:100%; width:100%; height:100%}
.gcon_4 .mySwiper2 .swiper-slide img.img1{ display:block}
.gcon_4 .mySwiper2 .swiper-slide img.img2{ display:none}
.gcon_4 .prev02{ background:url(prev.png) center center no-repeat; width:26px; height:40px; box-sizing:border-box; border-radius:50%; position:absolute; left:1%; top:calc(50% - 20px); z-index:3; background-size:100%; cursor:pointer}
.gcon_4 .next02{ background:url(next.png) center center no-repeat; width:26px; height:40px; box-sizing:border-box; border-radius:50%; position:absolute; right:1%; top:calc(50% - 20px); z-index:3; background-size:100%; cursor:pointer}
.gcon_4 .mySwiper{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; overflow:hidden}
.gcon_4 .mySwiper .swiper-slide{ height:100%; color:#fff; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.15); position:relative}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active{ background:#bc1d21}
.gcon_4 .mySwiper .swiper-slide .cont{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:9}
.gcon_4 .mySwiper .swiper-slide .num{ font-size:294px; font-weight:bold; line-height:1; text-align:center; position:relative;  transition:all 0.3s; color:rgba(255,255,255,0.05); position:absolute; width:100%; text-align:center; line-height:294px; bottom:-100px; z-index:9; opacity:0}
.gcon_4 .mySwiper .swiper-slide .cont .ico{ text-align:center; margin-bottom:20px}
.gcon_4 .mySwiper .swiper-slide .cont .ico img{ height:75px; width:auto}
.gcon_4 .mySwiper .swiper-slide .cont .title{ font-size:30px; text-align:center; line-height:1; color:rgba(255,255,255,0.5)}
/*.gcon_4 .mySwiper .swiper-slide .cont .title i{ display:inline-block; vertical-align:top; position:relative;}
.gcon_4 .mySwiper .swiper-slide .cont .title i:after{ content:""; display:block; width:38px; height:28px; background:url(g_10.png) left top no-repeat; opacity:0; position:absolute; left:-38px; top:0}*/
.gcon_4 .mySwiper .swiper-slide .cont .intro{ padding:0 24px; font-size:16px; color:rgba(255,255,255,0.8); line-height:2; text-align:center; margin-top:30px; display:none}
.gcon_4 .mySwiper .swiper-slide .cont .more{ margin-top:50px; display:none}
.gcon_4 .mySwiper .swiper-slide .cont .more a{ box-sizing:border-box; border:1px solid #fff; display:block; width:180px; height:64px;display:flex;align-items: center;justify-content: center; border-radius: 40px; cursor:pointer; margin:0 auto}
.gcon_4 .mySwiper .swiper-slide .cont .more a i{ font-size:15px; color:#fff; display:inline-block; background:url(g_11.png) right center no-repeat; padding-right:42px; transition:all 0.3s}
.gcon_4 .mySwiper .swiper-slide .cont .more a:hover i{ padding-right:50px}


.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .num{ opacity:1}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .intro{ display:block}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .title{ color:#fff}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .title i{ padding-top:50px}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .title i:after{ opacity:1}
.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .more{ opacity:1; display:block}
@media (max-width: 1680px){
	.gcon_4{ }
	.gcon_4 .mySwiper .swiper-slide .cont .ico{ margin-bottom:16px; margin-top:50px}
	.gcon_4 .mySwiper .swiper-slide .cont .ico img{ height:60px; width:auto}
	
	.gcon_4 .mySwiper .swiper-slide .cont .title{ font-size:24px;}	
	.gcon_4 .mySwiper .swiper-slide .cont .title i:after{  width:30px; background:url(g_10.png) left top no-repeat; background-size:100%; left:-30px;}
	.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .title i{ padding-top:36px}	
	.gcon_4 .mySwiper .swiper-slide .cont .intro{ padding:0 20px; font-size:14px}
	.gcon_4 .mySwiper .swiper-slide .cont .more a{ width:150px; height:50px; font-size:0}
	.gcon_4 .mySwiper .swiper-slide .cont .more a i{ font-size:14px; background:url(g_11.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .more a i{ padding-right:40px}
	
}

@media (max-width: 1200px){
	.gcon_4{  }
}
@media (max-width: 750px){
	.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active{ background:rgba(0,0,0,.1)}
	.gcon_4 .mySwiper .swiper-slide .cont .title{ font-size:20px;}	
	.gcon_4 .mySwiper .swiper-slide .cont .title i:after{  width:20px; background:url(g_10.png) left top no-repeat; background-size:100%; left:-20px;}
	.gcon_4 .mySwiper .swiper-slide.swiper-slide-thumb-active .cont .title i{ padding-top:30px}	
	.gcon_4 .mySwiper .swiper-slide .cont .intro{ padding:0 15px; font-size:12px}	
	.gcon_4 .mySwiper .swiper-slide .cont .more a{ width:120px; height:44px; font-size:0}
	.gcon_4 .mySwiper .swiper-slide .cont .more a i{ font-size:12px; background:url(g_11.png) right center no-repeat;  background-size:20px; padding-right:30px;}
	.gcon_4 .mySwiper .swiper-slide .cont .more a:hover i{ padding-right:40px}
	
	.gcon_4 .mySwiper .swiper-slide .num{ opacity:1}
	.gcon_4 .mySwiper .swiper-slide .cont .intro{ display:block}
	.gcon_4 .mySwiper .swiper-slide .cont .title{ color:#fff}
	.gcon_4 .mySwiper .swiper-slide .cont .title i{ padding-top:50px}
	.gcon_4 .mySwiper .swiper-slide .cont .title i:after{ opacity:1}
	.gcon_4 .mySwiper .swiper-slide .cont .more{ opacity:1; display:block}
	.gcon_4 .mySwiper .swiper-slide .img2{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1 }
	
	
}


.gcon_5{ width:100%; height:100%; display:flex;align-items: center;}
.gcon_5 .gcont{ width:100%; overflow:hidden; padding-top:90px}
.gcon_5 .ihd .title{ float:left}
.gcon_5 .ihd ul{ float:right;display:flex;justify-content: space-between; width:1000px}
.gcon_5 .ihd ul li{display:flex;align-items: center;}
.gcon_5 .ihd ul li i{ font-size:50px; color:#bc1d21; font-weight:bold}
.gcon_5 .ihd ul li span{ font-size:28px; color:#333333; padding-left:20px}
.gcon_5 .ibd{ width:100%; overflow:hidden; margin-top:115px}
.gcon_5 .ibd .aitem{ width:100%; overflow:hidden}
.gcon_5 .ibd .aitem li{ width:258px; overflow:hidden; margin-right:30px}
.gcon_5 .ibd .aitem li img{ width:100%}
.gcon_5 .ibd .bitem{ width:100%; overflow:hidden; margin:30px 0 0 0}
.gcon_5 .ibd .bitem li{ width:258px; overflow:hidden; margin-right:30px}
.gcon_5 .ibd .bitem li img{ width:100%}
.gcon_5 .ibd2{ display:none}
@media (max-width: 1680px){
	.gcon_5 .gcont{ padding-top:80px}
	.gcon_5 .ihd ul{ width:800px}
	.gcon_5 .ihd ul li i{ font-size:30px;  }
	.gcon_5 .ihd ul li span{ font-size:18px; }
	.gcon_5 .ibd{ margin-top:90px}
	.gcon_5 .ibd .aitem li{ width:240px;  margin-right:25px}
	.gcon_5 .ibd .bitem li{ width:240px;  margin-right:25px}
}
@media (max-width: 1200px){
	.gcon_5 .gcont{ padding-top:60px}
	.gcon_5 .ihd ul{ width:100%; margin-top:30px}
	.gcon_5 .ihd ul li i{ font-size:24px;  }
	.gcon_5 .ihd ul li span{ font-size:14px; }
	.gcon_5 .ibd{ margin-top:50px}
	.gcon_5 .ibd .aitem li{ width:200px;  margin-right:25px}
	.gcon_5 .ibd .bitem li{ width:200px;  margin-right:25px}
}
@media (max-width: 750px){
	.gcon_5 .ihd .title{ width:100%; text-align:center}
	.gcon_5 .ihd ul{ width:100%; margin-top:20px}
	.gcon_5 .ihd ul li{ display:block; text-align:left}
	.gcon_5 .ihd ul li i{ font-size:24px; display:block  }
	.gcon_5 .ihd ul li span{ font-size:14px; display:block; padding:0 }
	.gcon_5 .ibd{ display:none}
	.gcon_5 .ibd2{ display:block; width:92%; margin:0 auto; margin-top:40px; height:50vh; overflow:auto}
	.gcon_5 .ibd2 .item{ width:32%; float:left; margin-bottom:2%; margin-right:2%}
	.gcon_5 .ibd2 .item img{ width:100%}
	.gcon_5 .ibd2 .item:nth-child(3n){ margin-right:0}
	.gcon_5 .ibd2 .aSwiper{ width:100%; height:100%; overflow:hidden}
	.gcon_5 .ibd2 .aSwiper .swiper-slide{ width:100%; height:auto} 
}

.gcon_6{ background:url(s6.jpg) center center no-repeat;  background-size:cover; width:100%; height:100%; display:flex;align-items: center; box-sizing:border-box; padding:90px 0 0 0}
.gcon_6 .nr{}
.gcon_6 .nr .lt{ width:785px; float:left; position:relative}
.gcon_6 .nr .lt:after{ content:""; display:block; width:1px; background:#f2f2f2; height:100%; position:absolute; right:-105px; top:0}
.gcon_6 .nr .lt .hd{ border-bottom:1px solid #e5e5e5}
.gcon_6 .nr .lt .hd ul{ float:left; height:60px;display:flex;align-items: center;}
.gcon_6 .nr .lt .hd .more{ float:right; height:60px;display:flex;align-items: center;}
.gcon_6 .nr .lt .hd .more a{display:flex;align-items: center;justify-content: center; width:90px; height:40px; box-sizing:border-box; border:1px solid #bc1d21; color:#bc1d21; font-size:14px; border-radius:20px}
.gcon_6 .nr .lt .hd .more a:hover{ background:#bc1d21; color:#fff}
.gcon_6 .nr .lt .hd ul li{ font-size:24px; color:#000000; background:url(g_13.png) left center no-repeat; padding-left:20px}
.gcon_6 .nr .lt .bd{ margin-top:40px}
.gcon_6 .nr .lt .bd .item{ width:100%; margin-bottom:32px}
.gcon_6 .nr .lt .bd .item:last-child{ margin-bottom:0}
.gcon_6 .nr .lt .bd .item .pic{ width:250px; float:left; overflow:hidden}
.gcon_6 .nr .lt .bd .item .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_6 .nr .lt .bd .item: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_6 .nr .lt .bd .item .cont{ width:calc(100% - 250px); float:right; box-sizing:border-box; padding-left:45px}
.gcon_6 .nr .lt .bd .item .cont .title{ font-size:18px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.gcon_6 .nr .lt .bd .item .cont .title a{ color:#333}
.gcon_6 .nr .lt .bd .item:hover .cont .title{ color:#bc1d21; font-weight:bold}
.gcon_6 .nr .lt .bd .item:hover .cont .title a{ color:#bc1d21; font-weight:bold}
.gcon_6 .nr .lt .bd .item .cont .intro{ font-size:14px; color:#999999; line-height:20px; height:40px; overflow:hidden; margin-top:20px}
.gcon_6 .nr .lt .bd .item .cont .time{ margin-top:20px}
.gcon_6 .nr .lt .bd .item .cont .time .a{ font-size:18px; color:#333333; font-family:Arial; font-weight:bold; line-height:20px; float:left}
.gcon_6 .nr .lt .bd .item .cont .time .b{ width:calc(100% - 150px); float:left; margin-left:30px; border-bottom:1px dashed #ebebeb; padding:9px 0 0 0}
.gcon_6 .nr .lt .bd .item .cont .time .c{ float:right; background:url(g_16.png) center center no-repeat; width:18px; height:20px;}
.gcon_6 .nr .lt .bd .item:hover .cont .time .b{ border-color: #bc1d21}
.gcon_6 .nr .lt .bd .item:hover .cont .time .c{ background:url(g_17.png) center center no-repeat; }
.gcon_6 .nr .rt{ width:685px; float:right}
.gcon_6 .nr .rt .hd{ border-bottom:1px solid #e5e5e5}
.gcon_6 .nr .rt .hd ul{ float:left; height:60px;display:flex;align-items: center;}
.gcon_6 .nr .rt .hd .more{ float:right; height:60px;display:flex;align-items: center;}
.gcon_6 .nr .rt .hd .more a{display:flex;align-items: center;justify-content: center; width:90px; height:40px; box-sizing:border-box; border:1px solid #bc1d21; color:#bc1d21; font-size:14px; border-radius:20px}
.gcon_6 .nr .rt .hd .more a:hover{ background:#bc1d21; color:#fff}
.gcon_6 .nr .rt .hd ul li{ font-size:24px; color:#000000; margin-right:100px; position:relative; cursor:pointer}
.gcon_6 .nr .rt .hd ul li:nth-child(1):after{ content:""; display:block; width:3px; height:22px; background:#e5e5e5; position:absolute; right:-51px; top:calc(50% - 11px);}
.gcon_6 .nr .rt .hd ul li.on{background:url(g_13.png) left center no-repeat; padding-left:20px; font-weight:bold; color:#bc1d21}
.gcon_6 .nr .rt .bd{ margin-top:40px}
.gcon_6 .nr .rt .bd .item{ padding:25px 0; border-bottom:1px solid #e5e5e5}
.gcon_6 .nr .rt .bd .item .time{ float:left;}
.gcon_6 .nr .rt .bd .item .time .p1{ font-size:54px; color:#333333; font-family:Arial; line-height:50px;}
.gcon_6 .nr .rt .bd .item .time .p2{ font-size:16px; color:#333333; font-family:Arial; line-height:20px; margin-top:7px}
.gcon_6 .nr .rt .bd .item .cont{ height:77px;display:flex;align-items: center; float:right; width:565px;}
.gcon_6 .nr .rt .bd .item .cont .title{ font-size:18px; color:#333333;}
.gcon_6 .nr .rt .bd .item .cont .title a{ color:#333}
.gcon_6 .nr .rt .bd .item .cont .time2{ display:none}
.gcon_6 .nr .rt .bd .item:hover .cont .title a{ color:#bc1d21; font-weight:bold}
.gcon_6 .nr .rt .bd .item:hover .time .p1{ color:#bc1d21;}
.gcon_6 .nr .rt .bd .item:hover .time .p2{ color:#bc1d21;}
@media (max-width: 1680px){
	.gcon_6{ padding:80px 0 0 0}
	.gcon_6 .nr .lt{ width:560px;}
	.gcon_6 .nr .lt:after{ right:-50px;}

	.gcon_6 .nr .rt{ width:540px;}
	.gcon_6 .nr .lt .hd ul{ height:54px; }
	.gcon_6 .nr .lt .hd .more{  height:54px;}
	.gcon_6 .nr .lt .hd .more a{ width:84px; height:36px;}
	.gcon_6 .nr .lt .hd .more a:hover{ background:#bc1d21; color:#fff}
	.gcon_6 .nr .lt .hd ul li{ font-size:20px;}
	.gcon_6 .nr .lt .bd{ margin-top:25px}
	.gcon_6 .nr .lt .bd .item{ margin-bottom:20px}
	.gcon_6 .nr .lt .bd .item .pic{ width:200px}
	.gcon_6 .nr .lt .bd .item .cont{ width:calc(100% - 200px); padding-left:20px}
	.gcon_6 .nr .lt .bd .item .cont .title{ font-size:16px; margin:0}
	.gcon_6 .nr .lt .bd .item .cont .intro{ font-size:12px; margin-top:16px}
	.gcon_6 .nr .lt .bd .item .cont .time .a{ font-size:16px}
	.gcon_6 .nr .rt .hd ul{ height:54px; }
	.gcon_6 .nr .rt .hd .more{  height:54px;}
	.gcon_6 .nr .rt .hd .more a{ width:84px; height:36px;}
	.gcon_6 .nr .rt .hd .more a:hover{ background:#bc1d21; color:#fff}
	.gcon_6 .nr .rt .hd ul li{ font-size:20px;}
	.gcon_6 .nr .rt .bd{ margin-top:25px}
	.gcon_6 .nr .rt .bd .item{ padding:20px 0}
	.gcon_6 .nr .rt .bd .item .cont{ width:450px}
	.gcon_6 .nr .rt .bd .item .time .p1{ font-size:42px; line-height:40px;}
	.gcon_6 .nr .rt .bd .item .time .p2{ font-size:14px; line-height:12px; margin-top:6px}
	.gcon_6 .nr .rt .bd .item .cont{ height:59px;}
	.gcon_6 .nr .rt .bd .item .cont .title{ font-size:16px; color:#333333;}
	.gcon_6 .nr .rt .hd ul li{ margin-right:80px}
	.gcon_6 .nr .rt .hd ul li:nth-child(1):after{ width:2px; height:20px; right:-40px; top:calc(50% - 10px);}
}
@media (max-width: 1200px){
	.gcon_6{ padding:60px 0 0 0}
	.gcon_6 .nr .lt{ width:100%;}
	.gcon_6 .nr .lt:after{ width:0}
	.gcon_6 .nr .rt{ width:100%; margin-top:20px}
	.gcon_6 .nr .rt .bd{ margin:0}
	.gcon_6 .nr .rt .bd .item{ padding:15px 0}
	.gcon_6 .nr .rt .bd .item .cont{ width:calc(100% - 90px)}
	
}
@media (max-width: 750px){
	.gcon_6{ padding:60px 0 0 0}
	.gcon_6 .nr{ max-height:80vh; overflow:auto}
	.gcon_6 .nr .lt{ width:100%;}
	.gcon_6 .nr .lt:after{ width:0}
	.gcon_6 .nr .rt{ width:100%; margin-top:20px}
	.gcon_6 .nr .rt .bd{ margin:0}
	.gcon_6 .nr .rt .bd .item{ padding:15px 0}
	.gcon_6 .nr .rt .bd .item .cont{ width:calc(100% - 90px)}
	
	
	
	.gcon_6 .nr .lt .hd ul{ height:50px; }
	.gcon_6 .nr .lt .hd .more{  height:50px;}
	.gcon_6 .nr .lt .hd .more a{ width:70px; height:30px; border-radius:15px; font-size:12px}
	.gcon_6 .nr .lt .hd .more a:hover{ background:#bc1d21; color:#fff}
	.gcon_6 .nr .lt .hd ul li{ font-size:18px;}
	.gcon_6 .nr .lt .bd{ margin-top:20px}
	.gcon_6 .nr .lt .bd .item{ margin-bottom:10px}
	.gcon_6 .nr .lt .bd .item:nth-child(n+2){ display:none}
	.gcon_6 .nr .lt .bd .item .pic{ width:140px}
	.gcon_6 .nr .lt .bd .item .cont{ width:calc(100% - 140px); padding-left:10px}
	.gcon_6 .nr .lt .bd .item .cont .title{ font-size:16px; margin:0}
	.gcon_6 .nr .lt .bd .item .cont .intro{ font-size:12px; margin-top:5px; height:auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.gcon_6 .nr .lt .bd .item .cont .time{ margin-top:10px}
	.gcon_6 .nr .lt .bd .item .cont .time .a{ font-size:12px; margin-top:0}
	.gcon_6 .nr .lt .bd .item .cont .time .b{ width:calc(100% - 100px); margin-left:10px}
	.gcon_6 .nr .rt .hd ul{ height:50px; }
	.gcon_6 .nr .rt .hd .more{  height:50px;}
	.gcon_6 .nr .rt .hd .more a{ width:70px; height:30px; border-radius:15px; font-size:12px}
	.gcon_6 .nr .rt .hd .more a:hover{ background:#bc1d21; color:#fff}
	.gcon_6 .nr .rt .hd ul li{ font-size:18px;}
	.gcon_6 .nr .rt .bd .item{ padding:20px 0}
	.gcon_6 .nr .rt .bd .item .cont{ width:calc(100% - 60px)}
	.gcon_6 .nr .rt .bd .item .time .p1{ font-size:30px; line-height:26px;}
	.gcon_6 .nr .rt .bd .item .time .p2{ font-size:12px; line-height:12px; margin-top:6px}
	.gcon_6 .nr .rt .bd .item .cont{ height:38px;}
	.gcon_6 .nr .rt .bd .item .cont .title{ font-size:14px; color:#333333;}
	.gcon_6 .nr .rt .hd ul li{ margin-right:40px}
	.gcon_6 .nr .rt .hd ul li:nth-child(1):after{ width:2px; height:20px; right:-20px; top:calc(50% - 10px);}
	.gcon_6 .nr .rt .bd .item:nth-child(n+4){ display:none}
	
}
.s8{ width:100%; height:auto}


.indexSwiper .indexPagination{ position:fixed; right:2%; top:50%; transform:translateY(-50%); height:fit-content; font-size:0; z-index:9}
.indexSwiper .indexPagination span{ display:block; width:10px; height:10px; border-radius:50%; opacity:1; background:#fff; margin:0 10px;padding:0; border:1px solid #bc1d21; box-sizing:border-box}
.indexSwiper .indexPagination span.swiper-pagination-bullet-active{ background:#bc1d21; border-radius:0; height:5px;}




.gcon_2 .ihd .title{ position:relative; left:-50px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active .gcon_2 .ihd .title{ opacity:1; left:0}
.gcon_2 .ihd .intro{ position:relative; right:-50px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active .gcon_2 .ihd .intro{ opacity:1; right:0}
.gcon_2 .ibd{ position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:1s}
.swiper-slide-active .gcon_2 .ibd{ opacity:1; top:0}
.gcon_3 .nr .lt{ position:relative; left:-100px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active .gcon_3 .nr .lt{ opacity:1; left:0}
.gcon_3 .nr .rt{ position:relative; right:-100px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active .gcon_3 .nr .rt{ opacity:1; right:0}
.gcon_5 .ihd{ position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:1s}
.swiper-slide-active .gcon_5 .ihd{ opacity:1; top:0}
.gcon_5 .ibd .aitem{ position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:1.5s}
.swiper-slide-active .gcon_5 .ibd .aitem{ opacity:1; top:0}
.gcon_5 .ibd .bitem{ position:relative; top:100px; opacity:0; transition:all 0.5s; transition-delay:2s}
.swiper-slide-active .gcon_5 .ibd .bitem{ opacity:1; top:0}

.gcon_6 .nr .lt{ position:relative; left:-100px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active .gcon_6 .nr .lt{ opacity:1; left:0}
.gcon_6 .nr .rt{ position:relative; right:-100px; opacity:0; transition:all 0.5s; transition-delay:0.5s}
.swiper-slide-active  .gcon_6 .nr .rt{ opacity:1; right:0}

@media (max-height: 650px)  and (min-width: 640px)  and (max-width: 1200px) {
    .gcon_2 .ibd .swiper02 .swiper-slide{ width:23.5%; margin-right:2%}
	.ihd .title .cn{ font-size:24px}
	.ihd .title .en{ font-size:16px}
	.gcon_2 .ihd .intro{ font-size:12px; margin-top:12px}
	.gcon_2 .ibd{ margin-top:12px}
	.gcon_2 .ibd{ padding:15px 0 25px}
	.gcon_2 .ibd .swiper02 .swiper-slide .item .intro .cn{ font-size:16px}
	.gcon_3 .nr .lt .intro{ height:auto}
	.gcon_3 .nr .lt .intro{ margin-top:20px}
	.gcon_3 .nr .lt .more a{ width:120px; height:36px;}
	.gcon_3 .nr .lt ul{ margin-top:20px}
	.gcon_3 .nr .lt ul li .p1{ font-size:14px}
	.gcon_3 .nr .lt ul li .p2{ font-size:50px}
	.gcon_3 .nr .rt{ padding:30px 0 0 }
	.gcon_3 .nr .rt .play .ico{ width:80px; height:80px}
	.gcon_3 .nr .rt .play .title{ font-size:16px; margin-top:12px}
	.gcon_4 .mySwiper .swiper-slide .cont .ico img{ height:50px}
	.gcon_4 .mySwiper .swiper-slide .cont .title{ font-size:20px}
	.gcon_4 .mySwiper .swiper-slide .cont .intro{ font-size:12px}
	.gcon_6 .nr .lt .bd .item:nth-child(2){ display:none}
	.gcon_6 .nr .lt .bd .item:nth-child(3){ display:none}
	.gcon_6 .nr .rt .bd .item:nth-child(3){ display:none}
	.gcon_6 .nr .rt .bd .item:nth-child(4){ display:none}
	.gcon_6 .nr .rt .bd .item{ padding:10px 0}
	.gcon_6 .nr .rt{ margin-top:0}
	.gcon_6 .nr .lt .bd .item .cont .intro{ margin-top:12px}
	.gcon_6 .nr .lt .bd .item .cont .time{ margin-top:18px}
	
}