@charset "utf-8";
html, body,.wrapper{ position: relative; height: 100%; }
#fp-nav{ right:auto!important; left:0.5%!important}
.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}
.indexSwiper .indexPagination{ width:12px; height:auto; position:absolute; left:auto; right:2%; top:50%; transform:translateY(-50%); z-index:99}
.indexSwiper .indexPagination span{ display:block; width:100%; height:0; padding-bottom:100%; border-radius:50%; opacity:1; background:#fff; overflow:hidden}
.indexSwiper .indexPagination span.swiper-pagination-bullet-active{ background:#002d61}

.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 .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}
.banner .swiper01 .swiper-slide .item .nr{ position:relative; top:150px;  opacity:0; transition:all 1s}
.banner .swiper01 .swiper-slide .item .title{ font-size:64px; color:#3f3f3f; font-weight:bold; line-height:1;}
.banner .swiper01 .swiper-slide .item .intro{ font-size:32px; color:#3f3f3f; margin-top:30px; height:130px }
.banner .swiper01 .swiper-slide .item .more {  width:182px; height:54px;display:flex;align-items: center;justify-content: center; background:#fd8c3d; border-radius:8px}
.banner .swiper01 .swiper-slide .item .more i{ display:inline-block; background:url(g_02.png) right center no-repeat; font-size:20px; padding-right:45px; color:#fff}

.banner .swiper01 .swiper-slide.swiper-slide-active .item .nr{ top:0; opacity:1;}
.banner .swiper01 .prev1{ width:26px; height:60px; background:url(prev.png) center center no-repeat; background-size:100%; position:absolute; left:3%; top:50%; margin-top:-30px; z-index:2; cursor:pointer}
.banner .swiper01 .next1{ width:26px; height:60px; background:url(next.png) center center no-repeat; background-size:100%; position:absolute; right:3%; top:50%; margin-top:-30px; z-index:2; cursor:pointer}

@media (max-width: 1600px){
	.banner .swiper01 .swiper-slide .item{ }
	.banner .swiper01 .swiper-slide .item .title{ font-size:40px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:24px; height:110px}
	.banner .swiper01 .swiper-slide .item .more { width:140px; height:48px;}
	.banner .swiper01 .swiper-slide .item .more i{ font-size:16px; padding-right:32px; background-size:6px}

}

@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 .title{ font-size:20px; }
	.banner .swiper01 .swiper-slide .item .intro{ font-size:14px; height:100px}
	.banner .swiper01 .swiper-slide .item .more { width:120px; height:40px;}
	.banner .swiper01 .swiper-slide .item .more i{ font-size:12px; padding-right:25px; background-size:4px}
	.banner .swiper01 .prev1,.banner .swiper01 .next1{ width:20px}
	
}

.s2{ position:relative; width:100%; height:100%; background:#eeeeee}
.gcon_2{ width:100%; height:100%; display:flex;align-items: center; position:relative}
.s2 .en{ position:absolute; left:5px; top:120px; width:50%}
.s2 .en img{ max-width:100%}
.gcon_2 .swiper02{ width:100%; overflow:hidden; position:relative; padding-bottom:100px}
.gcon_2 .swiper02 .swiper-slide{ width:100%; overflow:hidden}
.gcon_2 .swiper02 .swiper-slide  a{ display:block;}
.gcon_2 .swiper02 .swiper-slide .pic{ float:right; width:930px;}
.gcon_2 .swiper02 .swiper-slide .pic img{ width:100%}
.gcon_2 .swiper02 .swiper-slide .pic .aa{ font-size:16px; color:#002d61; text-align:center; font-weight:bold}

.gcon_2 .swiper02 .swiper-slide .cont .aa{ font-size:16px; color:#002d61; margin-top:30px; font-weight:bold}

.gcon_2 .swiper02 .swiper-slide .cont{ width:460px; float:left}
.gcon_2 .swiper02 .swiper-slide .cont .title{ margin-top:150px; font-size:30px; color:#282828; font-weight:bold}
.gcon_2 .swiper02 .swiper-slide .cont .bq{ font-size:16px; color:#767676; margin-top:16px}
.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:16px; color:#767676; text-align:justify; line-height:2; margin-top:50px; }
.gcon_2 .swiper02 .swiper-slide .cont .more{display:flex; align-items: center; justify-content: center; width:165px; height:45px; box-sizing:border-box; border:1px solid #dddddd; border-radius:30px; font-size:16px; color:#666666; margin-top:40px; position:relative; overflow:hidden}
.gcon_2 .swiper02 .swiper-slide .cont .more:after{ content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:#002d61; transition:all 0.5s}
.gcon_2 .swiper02 .swiper-slide .cont .more:hover:after{ width:100%}
.gcon_2 .swiper02 .swiper-slide .cont .more .img1{ display:block}
.gcon_2 .swiper02 .swiper-slide .cont .more .img2{ display:none}

.gcon_2 .swiper02 .swiper-slide .cont .more:hover .img2{ display:block}
.gcon_2 .swiper02 .swiper-slide .cont .more:hover .img1{ display:none}
.gcon_2 .swiper02 .swiper-slide .cont .more:hover{ color:#fff}

.gcon_2 .swiper02 .swiper-slide .cont .more img{ margin-left:30px}
.gcon_2 .swiper02 .prev02{ background:url(g_04.png) center center no-repeat; width:30px; height:30px; background-size:100% 100%; position:absolute; left:calc(50% - 40px); bottom:0; z-index:9; cursor:pointer}
.gcon_2 .swiper02 .next02{ background:url(g_04.png) center center no-repeat; width:30px; height:30px; background-size:100% 100%; position:absolute; right:calc(50% - 40px); bottom:0; z-index:9; cursor:pointer; transform:rotate(180deg)}
.gcon_2 .swiper02 .prev02{ background:url(g_05.png) center center no-repeat; background-size:100% 100%; transform:rotate(180deg)}
.gcon_2 .swiper02 .next02{ background:url(g_05.png) center center no-repeat; background-size:100% 100%; transform:rotate(0)}
@media (max-width: 1600px){
	.s2 .en{ top:105px}
	.gcon_2 .nr{ padding-top:90px}
	.gcon_2 .swiper02{ padding-bottom:50px}
	.gcon_2 .swiper02 .swiper-slide .pic{ width:720px;}
	.gcon_2 .swiper02 .swiper-slide .cont{ width:400px;}
	.gcon_2 .swiper02 .swiper-slide .cont .title{ margin-top:100px; font-size:24px}
	.gcon_2 .swiper02 .swiper-slide .cont .bq{ font-size:14px; margin-top:12px}
	.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:14px; margin-top:20px; }
	.gcon_2 .swiper02 .swiper-slide .cont .more{ width:140px; height:40px; font-size:14px; margin-top:20px}
	.gcon_2 .swiper02 .swiper-slide .cont .more img{ margin-left:20px; height:24px}
	.gcon_2 .swiper02 .swiper-slide .pic .aa{ font-size:14px;}
 	.gcon_2 .swiper02 .swiper-slide .cont .aa{ font-size:14px; margin-top:20px }
	
}
@media (max-width: 1200px){
	.s2 .en{ top:70px}
	.gcon_2 .nr{ padding-top:60px}
	.gcon_2 .swiper02 .swiper-slide .pic{ width:100%;}
	.gcon_2 .swiper02 .swiper-slide .cont{ width:100%;}
	.gcon_2 .swiper02 .swiper-slide .cont .title{ margin-top:20px; font-size:20px}
	.gcon_2 .swiper02 .swiper-slide .cont .bq{ font-size:12px; margin-top:10px}
	.gcon_2 .swiper02 .swiper-slide .cont .intro{ font-size:12px; margin-top:20px; height:auto}
	.gcon_2 .swiper02 .swiper-slide .cont .more{ width:120px; height:35px; font-size:12px; margin-top:20px}
	.gcon_2 .swiper02 .swiper-slide .cont .more img{ margin-left:16px; height:20px}
	.gcon_2 .swiper02 .swiper-slide .pic .aa{ font-size:12px;}
 	.gcon_2 .swiper02 .swiper-slide .cont .aa{ font-size:12px; }

	
}

.s3{ background:url(g_09.jpg) center center no-repeat; background-size:cover}
.gcon_3{ width:100%; height:100%; display:flex;align-items: center; position:relative; color:#fff}
.gcon_3 .lt{ width:650px; float:left; padding-bottom:120px}
.gcon_3 .lt .title{display:flex; align-items: center; font-size:32px; font-weight:bold}
.gcon_3 .lt .title span{ font-weight:normal; text-transform:uppercase; font-size:30px; color:rgba(255,255,255,0.2); margin-left:30px}
.gcon_3 .lt .bq{ font-size:20px; margin-top:30px}
.gcon_3 .lt .intro{ font-size:16px; text-align:justify; line-height:2; margin-top:30px}
.gcon_3 .lt .more a{display:flex; align-items: center; color:#fff; margin-top:40px; font-size:18px; text-transform:uppercase}
.gcon_3 .lt .more a img{ margin-left:15px; transition:all 0.3s}
.gcon_3 .lt .more a:hover img{ padding-left:10px}
.gcon_3 .rt{ float:right; position:relative}
.gcon_3 .rt:after{ content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; right:0; top:0}
.gcon_3 .rt .item{ width:295px; border-bottom:1px solid rgba(255,255,255,0.3); height:110px;display:flex; align-items: center;}
.gcon_3 .rt .item .a1{ font-size:48px; font-weight:bold; width:165px;}
.gcon_3 .rt .item .a1 i{ font-size:16px; font-weight:normal}
.gcon_3 .rt .item .a2{ font-size:16px;}
@media (max-width: 1600px){
	.gcon_3 .nr{ padding-top:20px}
	.gcon_3 .lt{ width:550px; padding-bottom:150px }
	.gcon_3 .lt .title{ font-size:24px; }
	.gcon_3 .lt .title span{ font-size:22px; margin-left:25px}
	.gcon_3 .lt .bq{ font-size:16px; margin-top:20px}
	.gcon_3 .lt .intro{ font-size:14px; margin-top:25px}
	.gcon_3 .lt .more a{ margin-top:30px; font-size:16px; }
	.gcon_3 .lt .more a img{ height:28px; margin-left:12px}
	.gcon_3 .rt .item{ width:280px; height:80px; }
	.gcon_3 .rt .item .a1{ font-size:40px;  width:165px;}
	.gcon_3 .rt .item .a1 i{ font-size:14px }
	.gcon_3 .rt .item .a2{ font-size:14px;}

}
@media (max-width: 1200px){
	.gcon_3 .nr{ padding-top:60px}
	.gcon_3 .lt{ width:100%; padding-bottom:0 }
	.gcon_3 .lt .title{ font-size:20px; }
	.gcon_3 .lt .title span{ font-size:18px; margin-left:20px}
	.gcon_3 .lt .bq{ font-size:14px; margin-top:15px}
	.gcon_3 .lt .intro{ font-size:12px; margin-top:20px}
	.gcon_3 .lt .more a{ margin-top:30px; font-size:14px; }
	.gcon_3 .lt .more a img{ height:22px; margin-left:10px}
	.gcon_3 .rt{ width:100%;display:flex;justify-content: space-between; margin-top:40px}
	.gcon_3 .rt .item{ width:auto; height:100px; }
	.gcon_3 .rt .item .a1{ font-size:30px;  width:auto;}
	.gcon_3 .rt .item .a1 i{ font-size:12px }
	.gcon_3 .rt .item .a2{ font-size:12px; margin-left:20px}

}
@media (max-width: 750px){
	.gcon_3 .rt{ display:block}
	.gcon_3 .rt .item{ width:100%; height:80px}
	.gcon_3 .rt .item .a1{ width:50%}
}





.gcon_4{ width:100%; height:100%; box-sizing:border-box; position:relative }
.gcon_4 .ihd{ text-align:center; position:absolute; left:50%; margin-left:-700px; top:50%; z-index:9; color:#fff; margin-top:-300px; font-size:32px; font-weight:bold; text-transform:uppercase; line-height:1.2; text-align:left;}
.gcon_4 .tab03{ width:100%; height:100%}
.gcon_4 .tab03 .hd{ position:absolute; left:50%; margin-left:-700px; z-index:2; bottom:50%; margin-bottom:-300px; z-index:9; }
.gcon_4 .tab03 .hd ul{ border-top:1px solid rgba(255,255,255,0.2); position:relative}
.gcon_4 .tab03 .hd ul:after{ content:""; display:block; width:1px; height:10000%; position:absolute; left:0; top:-0%; background:rgba(255,255,255,0.2)}
.gcon_4 .tab03 .hd ul:before{ content:""; display:block; width:1px; height:10000%; position:absolute; right:0; top:-0%; background:rgba(255,255,255,0.2)}
.gcon_4 .tab03 .hd li{ width:280px; border-bottom:1px solid rgba(255,255,255,0.2); height:70px;display:flex; align-items: center; color:#fff; color:#fff; cursor:pointer}
.gcon_4 .tab03 .hd li .a{ display:block; height:32px; width:72px; margin-left:10px}
.gcon_4 .tab03 .hd li .a img{ height:100%}
.gcon_4 .tab03 .hd li .b{ width:165px; font-size:16px}
.gcon_4 .tab03 .hd li .c{ display:none}
.gcon_4 .tab03 .hd li.on{ background:url(g_18.png) center center no-repeat; background-size:cover;}
.gcon_4 .tab03 .hd li.on .c{ display:block; height:8px; font-size:0}
.gcon_4 .tab03 .bd{ width:100%; height:100%!important}
.gcon_4 .tab03 .bd .con{ width:100%; height:100%; position:relative}
.gcon_4 .tab03 .bd .con>.img1{ width:100%; height:100%}
.gcon_4 .tab03 .bd .con .cont{ width:1120px; height:143px; position:absolute; right:50%; margin-right:-700px; bottom:50%; margin-bottom:-300px;}
.gcon_4 .tab03 .bd .con .cont:after{ content:""; display:block; width:1000%; height:1px; background:rgba(255,255,255,0.2); position:absolute; left:0; top:0;}
.gcon_4 .tab03 .bd .con .cont .item{ width:100%; box-sizing:border-box; color:#fff; padding:25px 0 0 50px; position:relative}
.gcon_4 .tab03 .bd .con .cont .item .title{ font-size:20px; font-weight:bold}
.gcon_4 .tab03 .bd .con .cont .item .intro{ width:720px; margin-top:15px; font-size:16px; line-height:2; text-align:justify}
.gcon_4 .tab03 .bd .con .cont .item .more{display:flex; align-items: center; justify-content: center; width:165px; height:45px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.4); border-radius:30px; font-size:16px; color:#fff; position:absolute; right:0; top:55px; background:rgba(255,255,255,0.2); z-index:9; overflow:hidden}

.gcon_4 .tab03 .bd .con .cont .item .more:after{ content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:-1; background:#002d61; transition:all 0.5s}
.gcon_4 .tab03 .bd .con .cont .item .more:hover:after{ width:100%}
.gcon_4 .tab03 .bd .con .cont .item .more .img1{ display:block}
.gcon_4 .tab03 .bd .con .cont .item .more .img2{ display:none}

.gcon_4 .tab03 .bd .con .cont .item .more:hover .img2{ display:block}
.gcon_4 .tab03 .bd .con .cont .item .more:hover .img1{ display:none}
.gcon_4 .tab03 .bd .con .cont .item .more:hover{ color:#fff}
.gcon_4 .tab03 .bd .con .cont .item .more:hover{ border:1px solid #002d61}

.gcon_4 .tab03 .bd .con .cont .item .more img{ margin-left:30px}
@media (max-width: 1600px){
	.gcon_4 .ihd{  margin-left:-600px; margin-top:-200px; font-size:24px;}
	.gcon_4 .tab03{ width:100%; height:100%}
	.gcon_4 .tab03 .hd{ margin-left:-600px; margin-bottom:-250px; }
	.gcon_4 .tab03 .hd li{ width:220px;  height:60px; }
	.gcon_4 .tab03 .hd li .a{ height:24px; width:60px; }
	.gcon_4 .tab03 .hd li .b{ width:120px; font-size:14px}
	.gcon_4 .tab03 .bd .con .cont{ width:980px; height:123px; margin-right:-600px; margin-bottom:-250px;}
	.gcon_4 .tab03 .bd .con .cont .item{ padding:25px 0 0 40px; }
	.gcon_4 .tab03 .bd .con .cont .item .title{ font-size:18px;}
	.gcon_4 .tab03 .bd .con .cont .item .intro{ width:650px; margin-top:12px; font-size:14px; }
	.gcon_4 .tab03 .bd .con .cont .item .more{ width:140px; height:40px; font-size:14px;}
	.gcon_4 .tab03 .bd .con .cont .item .more img{ margin-left:20px; height:24px}

}
@media (max-width: 1200px){
	.gcon_4 .ihd{ left:4%; width:92%;  margin-left:0; margin-top:0; top:80px; text-align:center; font-size:20px;}
	.gcon_4 .ihd .en{ font-size:12px; font-weight:normal; margin-top:5px}
	.gcon_4 .tab03{ width:100%; height:100%}
	.gcon_4 .tab03 .hd{ margin-left:0; margin-bottom:0; top:200px; bottom:auto; width:92%; left:4% }
	.gcon_4 .tab03 .hd li{ width:50%;  height:50px; float:left; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2) }
	.gcon_4 .tab03 .hd li .a{ height:20px; width:40px; }
	.gcon_4 .tab03 .hd li .b{ width:calc(100% - 70px); font-size:14px}
	.gcon_4 .tab03 .hd ul:after{ width:0; height:0}
	.gcon_4 .tab03 .hd ul:after{ width:0; height:0}
	.gcon_4 .tab03 .bd .con .cont{ width:92%; height:auto; right:4%; padding:0; margin-right:0; margin-bottom:auto; bottom:20%}
	.gcon_4 .tab03 .bd .con .cont:after{ width:100%}
	.gcon_4 .tab03 .bd .con .cont .item{ padding:20px 0}
	.gcon_4 .tab03 .bd .con .cont .item .title{ font-size:14px}
	.gcon_4 .tab03 .bd .con .cont .item .intro{ width:100%; font-size:12px}
	.gcon_4 .tab03 .bd .con .cont .item .more{ position:relative}
	.gcon_4 .tab03 .bd .con .cont .item .more{ width:120px; height:35px; font-size:12px; margin-top:20px; top:auto; right:auto}
	.gcon_4 .tab03 .bd .con .cont .item .more img{ margin-left:16px; height:20px}

}



.s5{ background:url(g_11.jpg) center center no-repeat; background-size:cover}
.gcon_5{ width:100%; height:100%; display:flex;align-items: center; position:relative;}
.gcon_5 .nr{ display:flex; align-items: center; justify-content: space-between;}
.gcon_5 .nr .hd .ihd .cn{ font-size:36px; color:#fff; line-height:1; font-weight:bold}
.gcon_5 .nr .hd .ihd .en{ font-size:16px; color:#fff; text-transform:uppercase; margin-top:20px}
.gcon_5 .nr .hd ul{ margin-top:45px;}
.gcon_5 .nr .hd ul li{ margin-bottom:15px; padding:10px 0; line-height:1; font-size:18px; color:#fff; width:fit-content; cursor:pointer}
.gcon_5 .nr .hd ul li.on{ color:#002d61; border-bottom:1px solid #002d61}
.gcon_5 .nr .hd .more{ margin-top:80px}
.gcon_5 .nr .hd .more a{display:flex; align-items: center; color:#fff; font-size:18px; text-transform:uppercase}
.gcon_5 .nr .hd .more a img{ margin-left:15px; transition:all 0.3s}
.gcon_5 .nr .hd .more a:hover img{ padding-left:10px}
.gcon_5 .nr .bd { width:1036px;}
.gcon_5 .nr .bd .item{ width:506px; height:168px; float:left; margin-bottom:22px}
.gcon_5 .nr .bd .item:nth-child(2n){ float:right}
.gcon_5 .nr .bd .item:nth-last-child(1),.gcon_5 .nr .bd .item:nth-last-child(2){ margin-bottom:0}
.gcon_5 .nr .bd .item a{ display:block; width:100%; height:100%; background:#ffffff; border-radius:10px; overflow:hidden; box-sizing:border-box; padding:30px 40px; position:relative}
.gcon_5 .nr .bd .item a .pic{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; opacity:0; transition:all 0.5s}
.gcon_5 .nr .bd .item a .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0}
.gcon_5 .nr .bd .item a .pic img{ width:100%; height:100%; object-fit:cover}
.gcon_5 .nr .bd .item a .time{ float:left; position:relative; z-index:1}
.gcon_5 .nr .bd .item a .time .p1{ font-size:24px; color:#000000; line-height:30px;}
.gcon_5 .nr .bd .item a .time .p2{ font-size:16px; color:#bcbcbc; margin-top:8px}
.gcon_5 .nr .bd .item a .time:after{ content:""; display:block; width:50px; height:1px; background:#dcdcdc; position:absolute; left:0; top:90px}
.gcon_5 .nr .bd .item a .cont{ width:305px; float:right; position:relative; z-index:1}
.gcon_5 .nr .bd .item a .cont .title{ font-size:16px; color:#000000; font-weight:bold; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .nr .bd .item a .cont .intro{ font-size:16px; color:rgba(0,0,0,0.7);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:25px; height:50px; overflow:hidden; margin-top:30px}
.gcon_5 .nr .bd .item a{ background:#002d61}
.gcon_5 .nr .bd .item a .time .p1{ color:#fff;}
.gcon_5 .nr .bd .item a .time .p2{ color:rgba(255,255,255,0.5);}
.gcon_5 .nr .bd .item a .cont .title{ color:#fff}
.gcon_5 .nr .bd .item a .cont .intro{ color:#fff}
.gcon_5 .nr .bd .item a  .pic{ opacity:1}
.gcon_5 .nr .bd .item a:hover .cont .title{ color:#fea700}
@media (max-width: 1600px){
	.gcon_5 .nr{ padding-top:90px}
	.gcon_5 .nr .hd .ihd .cn{ font-size:28px; }
	.gcon_5 .nr .hd .ihd .en{ font-size:14px; margin-top:15px}
	.gcon_5 .nr .hd ul{ margin-top:30px;}
	.gcon_5 .nr .hd ul li{ margin-bottom:10px; font-size:16px; }
	.gcon_5 .nr .hd .more{ margin-top:50px}
	.gcon_5 .nr .hd .more a{display:flex; align-items: center; color:#595959; font-size:16px; text-transform:uppercase}
	.gcon_5 .nr .hd .more a img{ height:20px; }
	.gcon_5 .nr .bd { width:920px;}
	.gcon_5 .nr .bd .item{ width:49%; height:140px; margin-bottom:16px}
	.gcon_5 .nr .bd .item a{ padding:25px 30px}
	.gcon_5 .nr .bd .item a .time .p1{ font-size:20px; line-height:25px;}
	.gcon_5 .nr .bd .item a .time .p2{ font-size:14px; }
	.gcon_5 .nr .bd .item a .time:after{ width:40px; top:80px}
	.gcon_5 .nr .bd .item a .cont{ width:290px; }
	.gcon_5 .nr .bd .item a .cont .title{ font-size:14px; line-height:25px; }
	.gcon_5 .nr .bd .item a .cont .intro{ font-size:14px; line-height:22px; height:44px; margin-top:20px}
	.gcon_5 .nr .bd .item a:hover{ }
	.gcon_5 .nr .bd .item a:hover .time .p1{ color:#fff;}
	.gcon_5 .nr .bd .item a:hover .time .p2{ color:rgba(255,255,255,0.5);}
	.gcon_5 .nr .bd .item a:hover .cont .title{ color:#f1a201}
	.gcon_5 .nr .bd .item a:hover .cont .intro{ color:#fff}

}
@media (max-width: 1200px){
	.gcon_5 .nr{ padding-top:60px}
	.gcon_5 .nr{ display:block}
	.gcon_5 .nr .hd .ihd{ text-align:center; float:left; width:100%; margin-bottom:20px}
	.gcon_5 .nr .hd .ihd .cn{ font-size:20px; }
	.gcon_5 .nr .hd .ihd .en{ font-size:12px; margin-top:10px}
	.gcon_5 .nr .hd ul{ margin-top:0; float:left}
	.gcon_5 .nr .hd ul li{ margin-bottom:0;  float:left ; margin-right:20px}
	.gcon_5 .nr .hd .more{ margin-top:0; float:right}
	.gcon_5 .nr .hd .more a{ font-size:14px; }
	.gcon_5 .nr .hd .more a img{ height:16px; }
	.gcon_5 .nr .bd { width:100%; margin-top:20px}
	.gcon_5 .nr .bd .item{ width:49%; height:140px; margin-bottom:12px}
	.gcon_5 .nr .bd .item a{ padding:20px 20px}
	.gcon_5 .nr .bd .item a .time .p1{ font-size:20px; line-height:25px;}
	.gcon_5 .nr .bd .item a .time .p2{ font-size:14px; }
	.gcon_5 .nr .bd .item a .time:after{ width:40px; top:80px}
	.gcon_5 .nr .bd .item a .cont{ width:calc(100% - 80px); }
}
@media (max-width: 750px){
	.gcon_5 .nr .hd ul{}
	.gcon_5 .nr .hd ul li{ font-size:14px; margin-right:15px}
	.gcon_5 .nr .hd .more a{ font-size:12px; height:34px }
	.gcon_5 .nr .hd .more a img{ height:12px; margin-left:10px }
	.gcon_5 .nr .bd { width:100%; margin-top:20px}
	.gcon_5 .nr .bd .item{ width:100%; height:100px; margin-bottom:10px}
	.gcon_5 .nr .bd .item:nth-last-child(2),.gcon_5 .nr .bd .item:nth-last-child(1){ display:none; margin-bottom:10px}
	.gcon_5 .nr .bd .item a{ padding:20px 20px}
	.gcon_5 .nr .bd .item a .time .p1{ font-size:20px; line-height:25px;}
	.gcon_5 .nr .bd .item a .time .p2{ font-size:14px; }
	.gcon_5 .nr .bd .item a .time:after{ width:40px; top:80px}
	.gcon_5 .nr .bd .item a .cont{ width:calc(100% - 90px); }
	.gcon_5 .nr .bd .item a .cont .intro{ font-size:12px; line-height:20px; height:auto; margin-top:3px}
}




.gcon_2 .nr{ position:relative; transform:scale(0.5); transition:all 1s linear; transition-delay:0.5s; opacity:0}
.active .gcon_2 .nr{ transform:scale(1); opacity:1}



.gcon_3 .lt{ position:relative; left:-100px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_3 .lt{ left:0; opacity:1}
.gcon_3 .rt{ position:relative; right:-100px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_3 .rt{ right:0; opacity:1}




.gcon_4 .tab03 .hd ul{ position:relative; left:-100px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_4 .tab03 .hd ul{ left:0; opacity:1}

.gcon_4 .ihd .title{ position:relative; transform:scale(0.5); transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_4 .ihd  .title{ transform:scale(1); opacity:1}


.gcon_5 .nr .hd{ position:relative; left:-100px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_5 .nr .hd{ left:0; opacity:1}

.gcon_5 .nr .bd{ position:relative; right:-100px; transition:all 0.5s linear; transition-delay:0.5s; opacity:0}
.active .gcon_5 .nr .bd{ right:0; opacity:1}




#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff!important}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#282828!important}
#fp-nav ul li a.active{ border:0!important; margin:0!important}