@charset "utf-8";
.banner{ width:1760px; margin:0 auto; position:relative; z-index:2}
.banner .swiper01{ width:100%; position:relative; overflow:hidden}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .swiper01 .swiper-slide img{ width:100%; height:auto}
.banner .swiper01 .swiper-slide img.img1{ display:block}
.banner .swiper01 .swiper-slide img.img2{ display:none}
.banner .swiper01 .pagination01{ width:88%; font-size:0; position:absolute; left:6%; bottom:100px; z-index:9; text-align:right; font-size:0}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:15px; height:15px; border-radius:50%; background:#fff; opacity:0.5; margin-left:15px}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ opacity:1 }
.banner .prev01{ background:url(g_07.png) center center no-repeat #fff; width:60px; height:60px; border-radius:10px; box-shadow:0 0 10px rgba(00,00,00,0.2); position:absolute; left:-30px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.banner .next01{ background:url(g_08.png) center center no-repeat #fff; width:60px; height:60px; border-radius:10px; box-shadow:0 0 10px rgba(00,00,00,0.2); position:absolute; right:-30px; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
@media all and (max-width:1760px){
	.banner{ width:100%}
	.banner .prev01{ left:4%}
	.banner .next01{ right:4%}
}

@media all and (max-width:1200px){
	.banner .prev01,.banner .next01{ width:36px; height:36px}
	.banner .swiper01 .swiper-slide img.img1{ display:none}
	.banner .swiper01 .swiper-slide img.img2{ display:block}
	.banner .swiper01 .pagination01{ bottom:10px; text-align:center}
	.banner .swiper01 .pagination01 span{ width:10px; height:10px; margin:0 5px}
}

.gcon_1{ position:relative; z-index:3}
.gcon_1 .nr{ width:1200px; margin:0 auto; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(00,00,00,0.1); margin-top:-60px; height:245px; box-sizing:border-box; padding:0 120px 0 60px}
.gcon_1 .nr .lt{ float:left; width:360px; height:100%; background:url(g_09.png) left center no-repeat; box-sizing:border-box; padding-left:60px}
.gcon_1 .nr .lt h3{ font-size:24px; color:#211e2e; padding-top:95px; line-height:1;}
.gcon_1 .nr .lt p{ font-size:16px; color:#211e2e; line-height:1; margin-top:10px; font-weight:bold}
.gcon_1 .nr .lt p i{ color:#e68c14}
.gcon_1 .nr .rt{ width:580px; float:right; margin-top:52px}
.gcon_1 .nr .rt ul{display:flex;justify-content: space-between; text-align:center}
.gcon_1 .nr .rt ul li{ width:100px;}
.gcon_1 .nr .rt ul li a{ display:block;}
.gcon_1 .nr .rt ul li a i{ display:block; overflow:hidden; width:100px; height:100px}
.gcon_1 .nr .rt ul li a i .img1{ display:block}
.gcon_1 .nr .rt ul li a i .img2{ display:none}
.gcon_1 .nr .rt ul li:hover a i .img2{ display:block}
.gcon_1 .nr .rt ul li:hover a i .img1{ display:none}


.gcon_1 .nr .rt ul li a p{ font-size:16px; color:#666666; font-weight:bold; padding-top:15px}
@media all and (max-width:1200px){
	.gcon_1 .nr{ width:92%; margin-top:30px; height:auto; padding:20px}
	.gcon_1 .nr .lt{ width:100%;background:url(g_09.png) center center no-repeat; background-size:240px; padding:30px 0; text-align:center}
	.gcon_1 .nr .lt h3{ padding:0; font-size:20px}
	.gcon_1 .nr .lt p{ font-size:12px}
	.gcon_1 .nr .rt{ width:100%; margin-top:20px; overflow:scroll}
	.gcon_1 .nr .rt ul{ width:500px}
	.gcon_1 .nr .rt ul li{ width:20%}
	.gcon_1 .nr .rt ul li img{ width:80%; max-width:100px}
	.gcon_1 .nr .rt ul li a p{ font-size:14px; font-weight:normal}
}

.gcon_2{ width:100%; margin:0 auto; padding:80px 0}
.gcon_2 .nr{ width:1760px; margin:0 auto }
.gcon_2 .nr .lt{ width:380px; height:380px; box-shadow:0 0 20px rgba(00,00,00,0.1); border-radius:20px 0 0 20px; background:url(g_11.png) center 65px no-repeat; margin-top:50px; padding-top:1px; float:left}
.gcon_2 .nr .lt .a1{ font-size:30px; color:#000000; line-height:30px; margin-top:115px; padding-left:28px; position:relative}
.gcon_2 .nr .lt .a1 a{ display:block}
.gcon_2 .nr .lt .a1:after{ content:""; display:block; width:8px; height:30px; background:#e68c14; position:absolute; left:0; top:0}
.gcon_2 .nr .lt .a2{ margin-top:25px}
.gcon_2 .nr .lt .a2 a{ display:block; margin-bottom:20px; font-size:18px; color:#000000; line-height:20px; position:relative; padding-left:76px}
.gcon_2 .nr .lt .a2 a:nth-child(1):after,.gcon_2 .nr .lt .a2 a:hover:after{ content:""; display:block; width:40px; height:1px; background:#e68c14; position:absolute; left:28px; top:10px;}
.gcon_2 .nr .lt .a2 a:nth-child(1),.gcon_2 .nr .lt .a2 a:hover{ color:#e68c14}
.gcon_2 .nr .cen{ float:left; width:1000px; height:480px; background:url(g_14.jpg) center center no-repeat; background-size:cover; position:relative; border-radius:10px; overflow:hidden}
.gcon_2 .nr .cen img{ display:none}
.gcon_2 .nr .cen span{ display:block; background:url(g_13.png) center center no-repeat; width:60px; height:60px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.gcon_2 .nr .rt{ width:320px; float:right}
.gcon_2 .nr .rt h3{ font-size:36px; color:#000000; line-height:1; margin-top:50px}
.gcon_2 .nr .rt h3 a{ color:#000}
.gcon_2 .nr .rt .intro{ font-size:16px; color:#666666; text-align:justify; margin-top:20px; line-height:25px; margin-bottom:40px}
.gcon_2 .nr .rt .more{ text-align:right}
.gcon_2 .nr .rt .more a{ display:inline-block; vertical-align:top; font-size:16px; color:#999999; padding-right:50px; position:relative}
.gcon_2 .nr .rt .more a:after{ content:""; display:block; width:40px; height:1px; background:#e68c14; position:absolute; right:0; top:50%}
@media all and (max-width:1760px){
	.gcon_2 .nr{ width:1200px;}
	.gcon_2 .nr .lt{ width:300px; background-size:240px}
	.gcon_2 .nr .cen{ width:580px}
	.gcon_2 .nr .rt{ width:280px}
	.gcon_2 .nr .rt .intro{ font-size:14px}
}
@media all and (max-width:1200px){
	.gcon_2{ padding:40px 0}
	.gcon_2 .nr{ width:92%; box-shadow: 0 0 10px rgba(00,00,00,0.1); border-radius:10px}
	.gcon_2 .nr .lt{ width:100%; text-align:center; background:url(g_09.png) center center no-repeat; background-size:240px; height:auto; border-radius:0; box-shadow:0 0 0; margin:0; padding:30px 0}
	.gcon_2 .nr .lt .a1{ font-size:20px; font-weight:bold; padding:0; margin:0}
	.gcon_2 .nr .lt .a1:after{ content:""; width:0}
	.gcon_2 .nr .lt .a2{ text-align:center; font-size:0; margin-top:10px}
	.gcon_2 .nr .lt .a2 a{ display:inline-block; vertical-align:top; padding:0; margin:0 10px; font-size:14px}
	.gcon_2 .nr .lt .a2 a:nth-child(1):after,.gcon_2 .nr .lt .a2 a:hover:after{ width:0}
	.gcon_2 .nr .cen{ width:100%; border-radius:0; background:none; height:auto}
	.gcon_2 .nr .cen img{ display:block; width:100%; height:auto}
	.gcon_2 .nr .rt{ width:100%; padding:20px; box-sizing:border-box; margin:0}
	.gcon_2 .nr .rt h3{ text-align:center; font-size:20px; margin:0}
	.gcon_2 .nr .rt .intro{ margin-bottom:20px}
	.gcon_2 .nr .rt .more a{ font-size:14px; padding-right:36px}
	.gcon_2 .nr .rt .more a:after{ width:30px}
}

.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{ width:1000px; position:absolute; left:50%; margin-left:-500px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.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:750px) {

	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}