@charset "utf-8";
.banner{ width:100%; margin:0 auto; position:relative}
.banner .swiper01{ width:100%; overflow:hidden; position:relative}
.banner .swiper01 img{ width:100%; height:auto}
.banner .swiper01 .img1{ display:block}
.banner .swiper01 .img2{ display:none}
.banner .prev01{ background:url(prev_1.png) center center no-repeat; width:48px; height:48px; cursor:pointer; position:absolute; left:4%; top:50%; margin-top:-24px; z-index:9; background-size:100%}
.banner .prev01:hover{ background:url(prev_2.png) center center no-repeat; background-size:100%}
.banner .next01{ background:url(next_1.png) center center no-repeat; width:48px; height:48px; cursor:pointer; position:absolute; right:4%; top:50%; margin-top:-24px; z-index:9; background-size:100%}
.banner .next01:hover{ background:url(next_2.png) center center no-repeat; background-size:100%}
.banner .swiper01 .pagination01{ width:1600px; font-size:0; text-align:left; position:absolute; left:calc(50% - 800px); bottom:60px; z-index:9}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 18px 0 0; background:#fff; border-radius:50%; opacity:1;}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:#c4261d; }
.banner .swiper01 .item{ position:absolute; left:calc(50% - 800px); color:#fff; top:50%; transform:translateY(-50%); z-index:9}
.banner .swiper01 .item .title{ font-size:60px; font-weight:bold;}
.banner .swiper01 .item .intro{ font-size:30px; color:rgba(255,255,255,0.65)}

.container{}

.gcon_1{ margin-top:90px; position:relative}
.gcon_1 .ihd{ text-align:center}
.gcon_1 .ihd .title{ font-size:24px; color:#999999; line-height:1; font-weight:bold}
.gcon_1 .ihd .intro{ font-size:36px; color:#333333; font-weight:bold; line-height:1; margin-top:30px}
.gcon_1 .ihd .intro i{ color:#e80111}
.gcon_1 .ibd{ width:100%; position:relative; margin-top:70px;}
.gcon_1 .swiper11{ width:100%; overflow:hidden}
.gcon_1 .swiper11:after{ /*content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; bottom:140px; z-index:2*/}
.gcon_1 .swiper11 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_1 .swiper11 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_1 .swiper11 .swiper-slide .pic img{ width:100%}
.gcon_1 .swiper11 .swiper-slide .pic .img1{ display:block}
.gcon_1 .swiper11 .swiper-slide .pic .img2{ display:none}
.gcon_1 .swiper11 .swiper-slide .pic img{transform: scale(1.1); opacity: 0.2; transition: all ease 2s; width: 100%;}
.gcon_1 .swiper11 .swiper-slide.swiper-slide-active  .pic img{transform: scale(1); opacity: 1;}
.gcon_1 .swiper11 .swiper-slide .item{ position:absolute; left:50%; margin-left:-650px; height:290px; top:calc(50% - 215px); color:#fff; z-index:2; transform:translateX(-100%); transition:all 1s; opacity:0}
.gcon_1 .swiper11 .swiper-slide.swiper-slide-active .item{transform: translateX(0); opacity: 1;}
.gcon_1 .swiper11 .swiper-slide .item .title{ font-size:30px; line-height:1; font-weight:bold}
.gcon_1 .swiper11 .swiper-slide .item .intro{ font-size:16px; line-height:2; width:600px; margin-top:40px; color:rgba(255,255,255,0.8); height:180px;}
.gcon_1 .swiper11 .swiper-slide .item .more{ /*background:url(g_03.png) left center no-repeat; padding:15px 0 5px 55px; font-size:16px; line-height:1*/}
.gcon_1 .swiper11 .swiper-slide .item .more .img1{ display:block}
.gcon_1 .swiper11 .swiper-slide .item .more .img2{ display:none}
.gcon_1 .swiper11 .swiper-slide .item .more:hover .img2{ display:block}
.gcon_1 .swiper11 .swiper-slide .item .more:hover .img1{ display:none}
.gcon_1 .swiper11 .swiper-slide .item .more i{ display:block; width:165px; height:48px; font-size:18px; color:#e80111; text-align:center; line-height:48px; border-radius:30px; background:rgba(255,255,255,0.3); transition:all 0.3s}
.gcon_1 .swiper11 .swiper-slide .item .more i:hover{ color:#fff; background:#e80111}

.gcon_1 .swiper12{ width:1300px; position:absolute; left:50%; margin-left:-650px; bottom:0; z-index:2; height:140px}
.gcon_1 .swiper12 .swiper-slide{ /*border-right:1px solid rgba(255,255,255,0.3);*/ text-align:center; color:#fff; font-size:0; box-sizing:border-box; height:100%; box-sizing:border-box; cursor:pointer;display:flex;align-items: center;justify-content: center; height:140px; position:relative}
.gcon_1 .swiper12 .swiper-slide:last-child{ border-right:0}
.gcon_1 .swiper12 .swiper-slide .pic{  margin-right:20px; height:140px;display:flex;align-items: center;justify-content: center; float:left}
.gcon_1 .swiper12 .swiper-slide .pic img{ height:30px; width:auto}
.gcon_1 .swiper12 .swiper-slide .title{ font-size:24px; height:140px;display:flex;align-items: center;justify-content: center; float:left}
.gcon_1 .swiper12 .swiper-slide.swiper-slide-thumb-active{ background:#e80111; font-weight:bold}
.gcon_1 .swiper12 .swiper-slide.swiper-slide-thumb-active:after{ content:""; display:block; width:100%; height:5px; background:#00419a; position:absolute; left:0; bottom:0}


.gcon_2{ padding:100px 0 140px; background:url(g_05.jpg) center center no-repeat; background-size:cover}
.gcon_2 .ihd{ text-align:center}
.gcon_2 .ihd .title{ font-size:24px; color:#999999; line-height:1; font-weight:bold}
.gcon_2 .ihd .intro{ font-size:36px; color:#333333; font-weight:bold; line-height:1; margin-top:30px}
.gcon_2 .ihd .intro i{ color:#e80111}
.gcon_2 .ibd{ width:1300px; margin:0 auto; position:relative; margin-top:100px; overflow:hidden}
.gcon_2 .ibd .swiper21{ width:1030px; float:left; overflow:hidden}
.gcon_2 .ibd .contx{ width:106px; float:right; height:380px; overflow:hidden; background:url(g_23.png) center 160px no-repeat}
.gcon_2 .ibd .contx .swiper22{ width:100%; height:720px; margin-top:-240px}
.gcon_2 .ibd .contx .swiper22 .swiper-slide{ width:100%; height:100%; cursor:pointer; position:relative}
.gcon_2 .ibd .contx .swiper22 .swiper-slide .i{ display:block; width:90px; height:90px; background:#00419a; border-radius:50%; position:relative; margin:0 auto}
.gcon_2 .ibd .contx .swiper22 .swiper-slide .i .i1{ width:80px; height:80px; border-radius:50%; background:#fff; position:absolute; right:0; bottom:0;display:flex;align-items: center;justify-content: center;}
.gcon_2 .ibd .contx .swiper22 .swiper-slide .i .i1 .img1{ display:block}
.gcon_2 .ibd .contx .swiper22 .swiper-slide .i .i1 .img2{ display:none}

.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active .i .i1 img{ animation: myMove2 2s infinite;-webkit-animation: myMove2 2s infinite; position:relative}


@keyframes myMove2 {
	0% {
		top: -5px;
	}

	50% {
		top: 5px;
	}

	100% {
		top: -5px;
	}
}

@-webkit-keyframes myMove2 {
	0% {
		top: -5px;
	}

	50% {
		top: 5px;
	}

	100% {
		top: -5px;
	}
}


.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:9}
.gcon_2 .ibd .contx .swiper22 .swiper-slide .t{ font-size:16px; color:#333333; text-align:center; line-height:1; margin-top:15px}
.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active .i{ width:106px; height:106px; background:rgba(232,1,17,0.2);}
.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active .i .i1{ width:90px; height:90px; right:8px; bottom:8px; background:#e80111}
.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active .i .i1 .img2{ display:block}
.gcon_2 .ibd .contx .swiper22 .swiper-slide.swiper-slide-thumb-active .i .i1 .img1{ display:none}
.gcon_2 .ibd .swiper21 .swiperc1{ width:100%; height:100%; position:relative}
.gcon_2 .ibd .swiper21 .swiperc1 .swiper-slide{ width:100%}
.gcon_2 .ibd .swiper21 .swiperc1 .swiper-slide .lt{ float:left}
.gcon_2 .ibd .swiper21 .swiperc1 .swiper-slide .lt .title{ font-size:24px; color:#00419a; line-height:1; font-weight:bold}
.gcon_2 .ibd .swiper21 .swiperc1 .swiper-slide .lt .intro{ font-size:36px; color:#333333; font-weight:bold; line-height:1.4; margin-top:40px}
.gcon_2 .ibd .swiper21 .swiperc1 .swiper-slide .pic{ float:right}
.gcon_2 .ibd .swiper21 .swiperc1 .prevc1{ width:60px; height:60px; background:url(g_09.png) center center no-repeat #fff; border-radius:50%; cursor:pointer; font-size:0; position:absolute; left:0; bottom:70px; z-index:9}
.gcon_2 .ibd .swiper21 .swiperc1 .prevc1:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(180deg) }

.gcon_2 .ibd .swiper21 .swiperc1 .nextc1{ width:60px; height:60px; background:url(g_09.png) center center no-repeat #fff; border-radius:50%; cursor:pointer; font-size:0; position:absolute; left:100px; bottom:70px; z-index:9; transform:rotate(180deg)}
.gcon_2 .ibd .swiper21 .swiperc1 .nextc1:hover{ background:url(g_10.png) center center no-repeat #e80111; transform:rotate(0) }

.gcon_3{ margin-top:50px}
.gcon_3 .lt{ float:left}
.gcon_3 .lt .title{ font-size:20px; color:#999999; font-weight:bold; line-height:1; margin-top:70px}
.gcon_3 .lt .intro{ font-size:30px; color:#333333; font-weight:bold; line-height:50px; margin-top:20px}
.gcon_3 .lt .more{ margin-top:90px}
.gcon_3 .lt .more a{ display:block; background:url(g_11.png) left center no-repeat; padding:15px 0 5px 55px; font-size:16px; line-height:1; color:#004098}
.gcon_3 .rt{ float:right; overflow:hidden; position:relative}
.gcon_3 .rt 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_3 .rt: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_3 .rt span{ display:block; width:73px; height:73px;  position:absolute; left:50%; top:50%; transform:translate(-50%,-0%); z-index:9; border-radius:50%}
.gcon_3 .rt span i{ display:block; width:100%; height:100%; background:url(play.png) center center no-repeat; position:relative; z-index:99}
.gcon_3 .rt span::before{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 80px;height: 80px;background: rgba(232, 1, 17, 0.8);margin-left: -40px;margin-top: -40px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;}
.gcon_3 .rt span::after{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 100px;height: 100px;background: rgba(232, 1, 17, 0.5);margin-left: -50px;margin-top: -50px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;}
@keyframes warn{0%{transform: scale(0.5);opacity: 0;}25%{transform: scale(1);opacity: 0.4;}50%{transform: scale(1.2);opacity: 0.8;}75%{transform: scale(1.3);opacity: 0.4;}100%{transform: scale(1.4);opacity: 0;}}



.gcon_4{ width:100%; margin-top:80px}
.gcon_4 .nr{display:flex;justify-content: space-between;}
.gcon_4 .nr .item .p1{ font-size:24px; color:#999999; line-height:1}
.gcon_4 .nr .item .p1 i{ font-size:72px; font-weight:bold; color:#e80111}
.gcon_4 .nr .item .p2{ font-size:16px; color:#666666; line-height:1; margin-top:20px}
.gcon_4 .nr .item:nth-child(2n){ width:2px; height:115px; background:url(g_13.png) center center no-repeat}
.gcon_4 .nr .item:last-child{ display:none}


.gcon_5{ padding:120px 0 80px; position:relative; background:url(g_14.jpg) center center no-repeat;}
.gcon_5 .ihd{ text-align:center}
.gcon_5 .ihd .title{ font-size:24px; color:#999999; line-height:1; font-weight:bold}
.gcon_5 .ihd .intro{ font-size:36px; color:#333333; font-weight:bold; line-height:1; margin-top:30px}
.gcon_5 .ihd .intro i{ color:#e80111}
.gcon_5 .ibd{ width:100%; position:relative; margin-top:70px; overflow:hidden}
.gcon_5 .ibd .swiper05{ overflow:hidden}
.gcon_5 .ibd .swiper05 .pagination05{ width:100%; text-align:center; margin-top:20px}
.gcon_5 .ibd .item{ float:left; width:230px; overflow:hidden;  margin-right:37px;}
.gcon_5 .ibd .item li{ margin-bottom:35px;box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow:hidden; width:100%}
.gcon_5 .ibd .item:nth-child(5n){ }
.gcon_5 .ibd .item li 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 .item li: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_6{ width:100%; margin-bottom:150px; padding-top:100px}
.gcon_6 .ihd{ text-align:center}
.gcon_6 .ihd .title{ font-size:24px; color:#999999; line-height:1; font-weight:bold}
.gcon_6 .ihd .intro{ font-size:36px; color:#333333; font-weight:bold; line-height:1; margin-top:30px}
.gcon_6 .ihd .intro i{ color:#e80111}
.gcon_6 .ibd{ width:100%; position:relative; margin-top:70px;}
.gcon_6 .ibd .lt{ width:585px; float:left; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.gcon_6 .ibd .lt .pic{ width:100%; overflow:hidden}
.gcon_6 .ibd .lt .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 .ibd .lt .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_6 .ibd .lt .title{ padding:20px 35px; position:relative; position:relative}
.gcon_6 .ibd .lt .title .t1{ font-size:20px; color:#e70012; font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding-right:60px}
.gcon_6 .ibd .lt .title .t2{ font-size:16px; color:#999999; margin-top:5px}
.gcon_6 .ibd .lt .title:after{ content:""; display:block; width:46px; height:46px; box-sizing:border-box; border:1px solid #999999; border-radius:50%; background:url(g_17.png) center center no-repeat; position:absolute; right:35px; bottom:26px}
.gcon_6 .ibd .rt{ width:680px; height:476px; float:right; box-sizing:border-box; box-shadow:0 0 10px rgba(0,0,0,0.1); padding:15px 40px}
.gcon_6 .ibd .rt .item{ border-bottom:1px dashed #e9e9e9}
.gcon_6 .ibd .rt .item:last-child{ border-bottom:0}
.gcon_6 .ibd .rt .item a{ display:block; width:450px; float:left; box-sizing:border-box; font-size:18px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:75px;background:url(g_18.png) left center no-repeat; background-size:0}
.gcon_6 .ibd .rt .item span{ display:block; float:right; font-size:16px; color:rgba(37,37,37,0.6); line-height:75px}
.gcon_6 .ibd .rt .item:hover a{ background:url(g_18.png) left center no-repeat; background-size:20px; padding-left:45px; color:#e70012; font-weight:bold}





.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1200px) {
	.video .s1 video{ width:90vw; height:auto}
}