@charset "utf-8";
.banner{ width:100%; overflow:hidden}
.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:100%; box-sizing:border-box; font-size:0; position:absolute; left:0; bottom:30%; z-index:9; text-align:left; padding:0 18%}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:28px; height:28px; border-radius:0; background:url(g_17.png) center center no-repeat; opacity:1; margin:0}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{background:url(g_18.png) center center no-repeat;}
@media all and (max-width:1200px){
	.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:16px; height:16px;background:url(g_17.png) center center no-repeat; background-size:100%}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(g_18.png) center center no-repeat; background-size:100%}
}

.topx{ width:100%; text-align:center;}
.topx p{ font-size:50px; text-transform:uppercase; line-height:1; color:#f7f7f7; font-weight:bold}
.topx h3{ font-size:36px; color:#333333; line-height:1; background:url(g_02.jpg) bottom center no-repeat; padding-bottom:18px; margin-top:-32px}
@media all and (max-width:1200px){
	.topx p{ font-size:30px}
	.topx h3{ font-size:20px; padding-bottom:12px; background-size:40px; margin-top:-15px}
}

.gcon_1{ width:100%; margin-top:60px;}
.gcon_1 .nr{ width:1600px; margin:0 auto; margin-top:80px}
.gcon_1 .nr .tab01{ width:100%; position:relative}
.gcon_1 .nr .tab01 .hd{ width:100px; position:absolute; top:50%; transform:translateY(-50%); left:0} 
.gcon_1 .nr .tab01 .hd li{ font-size:18px; color:rgba(51,51,51,0.4); padding:20px 0}
.gcon_1 .nr .tab01 .hd li.on{ color:#333}
.gcon_1 .nr .tab01 .bd{ width:1240px; float:right}
.gcon_1 .nr .tab01 .bd .con{ width:100%}
.gcon_1 .nr .tab01 .bd .con .pic{ float:left; width:630px; float:left}
.gcon_1 .nr .tab01 .bd .con .pic img{ width:100%}
.gcon_1 .nr .tab01 .bd .con .title{ width:450px; float:right; margin-right:50px;}
.gcon_1 .nr .tab01 .bd .con .title .a1{ margin-top:45px}
.gcon_1 .nr .tab01 .bd .con .title .a1 img{ height:83px;}
.gcon_1 .nr .tab01 .bd .con .title .a2{ font-size:50px; color:#333333; line-height:1; margin-top:-35px; font-weight:bold}
.gcon_1 .nr .tab01 .bd .con .title .a3{ margin-top:60px; text-align:justify; font-size:16px; color:#333; line-height:2}
.gcon_1 .nr .tab01 .prev{ display:block; background:url(g_05.png) center center no-repeat; width:56px; height:56px; position:absolute; right:calc( 500px - 56px); bottom:180px; cursor:pointer; z-index:9}
.gcon_1 .nr .tab01 .prev:hover{background:url(g_05_2.png) center center no-repeat; }
.gcon_1 .nr .tab01 .next{ display:block; background:url(g_06.png) center center no-repeat; width:56px; height:56px; position:absolute; right:calc( 500px - 146px); bottom:180px; cursor:pointer; z-index:9}
.gcon_1 .nr .tab01 .next:hover{background:url(g_06_2.png) center center no-repeat; }
@media all and (max-width:1600px){
	.gcon_1 .nr{ width:1200px}
	.gcon_1 .nr .tab01 .bd{ width:1000px}
	.gcon_1 .nr .tab01 .bd .con .pic{ width:500px}
	.gcon_1 .nr .tab01 .bd .con .title{ margin-right:0}
	.gcon_1 .nr .tab01 .prev{right:calc( 450px - 56px); bottom:20px;}
	.gcon_1 .nr .tab01 .next{right:calc( 450px - 146px); bottom:20px;}
}
@media all and (max-width:1200px){
	.gcon_1{ margin-top:30px}
	.gcon_1 .nr{ width:92%; margin-top:30px}
	.gcon_1 .nr .tab01 .hd{ position:relative; width:100%;top:0; transform:translateY(0); left:0}
	.gcon_1 .nr .tab01 .hd ul{display:flex;justify-content: space-between;}
	.gcon_1 .nr .tab01 .hd li{ font-size:16px; width:15px; padding:0; line-height:1.2}

	.gcon_1 .nr .tab01 .bd{ width:100%; margin-top:20px}
	.gcon_1 .nr .tab01 .bd .con .pic{ width:100%; text-align:center}
	.gcon_1 .nr .tab01 .bd .con .pic img{ max-width:80%}
	.gcon_1 .nr .tab01 .bd .con .title{ width:100%}
	.gcon_1 .nr .tab01 .bd .con .title .a1{ margin-top:15px}
	.gcon_1 .nr .tab01 .bd .con .title .a1 img{ height:40px}
	.gcon_1 .nr .tab01 .bd .con .title .a2{ font-size:24px; margin-top:-15px}
	.gcon_1 .nr .tab01 .bd .con .title .a3{ margin:15px 0; font-size:14px}
	.gcon_1 .nr .tab01 .prev{ left:0; right:auto; top:50%; transform:translateY(-50%); bottom:auto; width:36px; height:36px; background-size:100%!important}
	.gcon_1 .nr .tab01 .next{  right:0; top:50%; transform:translateY(-50%); bottom:auto; width:36px; height:36px; background-size:100%!important}
}
.gcon_2{ width:100%; margin-top:105px;}
.gcon_2 .nr{ width:100%; margin-top:80px; position:relative}
.gcon_2 .nr .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.gcon_2 .nr .bd img{ width:100%}
.gcon_2 .nr .hd{ width:1600px; height:100%; position:absolute; left:50%; margin-left:-800px; top:0; z-index:9; font-size:0; text-align:center}
.gcon_2 .nr .hd ul{ height:100%}
.gcon_2 .nr .hd li{ width:20%; height:100%; overflow:hidden; box-sizing:border-box; display:inline-block; vertical-align:top; transition:all 0.3s linear}
.gcon_2 .nr .hd li .a1{ margin-top:470px; width:100%; transition:all 0.3s linear} 
.gcon_2 .nr .hd li .a2{ font-size:18px; color:#fff; margin-top:25px}
.gcon_2 .nr .hd li .a3 a{ display:inline-block; vertical-align:top; background:url(g_10.png) center center no-repeat; width:31px; height:31px; margin-top:180px}
.gcon_2 .nr .hd li.on{ background:rgba(0,72,152,0.5)}
.gcon_2 .nr .hd li.on .a1{ margin-top:220px}
@media all and (max-width:1600px){
	.gcon_2 .nr .hd{ width:1200px; margin-left:-600px}
}
@media all and (max-width:1200px){
	.gcon_2{ margin-top:50px}
	.gcon_2 .nr{ margin-top:30px}
	.gcon_2 .nr .bd{ width:100%; left:0; margin:0}
	.gcon_2 .nr .hd{ width:100%; left:0; margin-left:0}
	.gcon_2 .nr .hd li{ position:relative}
	.gcon_2 .nr .hd li .m{ position:absolute; width:100%; top:50%; transform:translateY(-50%); left:0}
	.gcon_2 .nr .hd li .m .a1{ margin:0}
	.gcon_2 .nr .hd li .m .a1 img{ height:24px}
	.gcon_2 .nr .hd li .m .a2{ font-size:12px; margin-top:5px}
	.gcon_2 .nr .hd li .m .a3{ display:none}
	.gcon_2 .nr .hd li.on .m .a3{ display:block}
	.gcon_2 .nr .hd li.on .m .a3 a{ margin-top:10px; width:20px; height:20px; background-size:20px}
	
}
.gcon_3{ width:100%; margin-top:100px;}
.gcon_3 .nr{ width:1600px; margin:0 auto; margin-top:80px; position:relative}
.gcon_3 .nr .swiper03{ width:100%; overflow:hidden}
.gcon_3 .nr .swiper03 .swiper-slide{ width:384px; margin-right:21px;}
.gcon_3 .nr .swiper03 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .nr .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_3 .nr .swiper03 .swiper-slide .pic img{ width:100%}
.gcon_3 .nr .swiper03 .swiper-slide .pic img{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 .nr .swiper03 .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:scale(1.1);}
.gcon_3 .nr .swiper03 .swiper-slide .title{ width:100%;}
.gcon_3 .nr .swiper03 .swiper-slide .title a{ display:block; line-height:58px; width:100%; box-sizing:border-box; padding:0 20px; font-size:16px; color:#333333; background:url(g_19.png) 96% center no-repeat #f8fbff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .nr .swiper03 .swiper-slide .title a:hover{ color:#fff;background:url(g_20.png) 96% center no-repeat #004898;}
.gcon_3 .nr .next03{ position:absolute; right:-70px; top:50%; transform:translateY(-50%); background:url(g_06.png) center center no-repeat; width:56px; height:56px; cursor:pointer; z-index:9}
.gcon_3 .nr .prev03{ position:absolute; left:-70px; top:50%; transform:translateY(-50%); background:url(g_05.png) center center no-repeat; width:56px; height:56px; cursor:pointer; z-index:9}
.gcon_3 .nr .next03:hover{background:url(g_06_2.png) center center no-repeat;}
.gcon_3 .nr .prev03:hover{background:url(g_05_2.png) center center no-repeat;}
@media all and (max-width:1600px){
	.gcon_3 .nr{ width:1200px;}
	.gcon_3 .nr .swiper03 .swiper-slide{ width:284px}
}
@media all and (max-width:1200px){
	.gcon_3{ margin-top:40px}
	.gcon_3 .nr{ width:92%; margin-top:30px}
	.gcon_3 .nr .next03{ width:36px; height:36px; background:url(g_06_2.png) center center no-repeat;right:0; background-size:100%}
	.gcon_3 .nr .prev03{ width:36px; height:36px; background:url(g_05_2.png) center center no-repeat;left:0; background-size:100%}
}
@media all and (max-width:750px){
	.gcon_3 .nr .swiper03 .swiper-slide{ width:48.5%; margin-right:3%}
	.gcon_3 .nr .swiper03 .swiper-slide .title a{ font-size:14px; line-height:40px; padding:0 15px 0 10px}
}

.gcon_4{ width:100%; margin-top:100px}
.gcon_4 .nr{ width:100%; position:relative}
.gcon_4 .nr .pic{ width:100%}
.gcon_4 .nr .pic img{ width:100%}
.gcon_4 .nr .bd{ width:50%; position:absolute; right:0%; top:50%; transform:translateY(-50%); z-index:9; box-sizing:border-box; padding-left:80px; color:#fff}
.gcon_4 .nr .bd .topx2{ width:100%; text-align:left;}
.gcon_4 .nr .bd .topx2 p{ font-size:50px; text-transform:uppercase; line-height:1; color:rgba(255,255,255,0.1); font-weight:bold}
.gcon_4 .nr .bd .topx2 h3{ font-size:36px; line-height:1; background:url(g_12.jpg) left bottom no-repeat; padding-bottom:18px; margin-top:-32px}
.gcon_4 .nr .bd .intro{ width:660px; font-size:16px; line-height:2; margin-top:50px}
@media all and (max-width:1600px){
	.gcon_4 .nr .bd{ padding-left:0}
	.gcon_4 .nr .bd .intro{ width:600px}
}
@media all and (max-width:1200px){
	.gcon_4{ margin-top:40px}
	.gcon_4 .nr .pic{ display:none}
	.gcon_4 .nr{ background:url(g_11.jpg) left center no-repeat; background-size:cover; padding:30px 0}
	.gcon_4 .nr .bd{ position:relative; width:92%; top:0; transform:translateY(0); margin:0 auto}
	.gcon_4 .nr .bd .topx2{ text-align:center}
	.gcon_4 .nr .bd .topx2 p{ font-size:30px}
	.gcon_4 .nr .bd .topx2 h3{ font-size:20px; padding-bottom:12px; background:url(g_12.jpg) center bottom no-repeat; background-size:40px; margin-top:-15px}
	.gcon_4 .nr .bd .intro{ width:100%; font-size:14px; margin-top:20px; text-align:justify}
}


.gcon_5{ width:100%; margin-top:100px}
.gcon_5 .nr{ width:1600px; margin:0 auto}
.gcon_5 .nr .hd{ width:100%}
.gcon_5 .nr .hd .topx2{ float:left}
.gcon_5 .nr .hd .topx2 p{ font-size:50px; text-transform:uppercase; line-height:1; color:#f7f7f7; font-weight:bold}
.gcon_5 .nr .hd .topx2 h3{ font-size:36px; color:#333333; line-height:1; background:url(g_02.jpg) bottom left no-repeat; padding-bottom:18px; margin-top:-32px}
.gcon_5 .nr .hd ul{ float:right}
.gcon_5 .nr .hd ul li{ float:left; margin-left:40px}
.gcon_5 .nr .hd ul li a{ display:block; font-size:16px; color:#333333; line-height:72px}
.gcon_5 .nr .hd ul li.on a{ color:#004898; font-weight:bold}
.gcon_5 .nr .bd{ width:100%; position:relative; margin-top:72px}
.gcon_5 .nr .bd .swiper05{ width:100%; overflow:hidden}
.gcon_5 .nr .bd .swiper05 .swiper-slide{ width:510px; margin-right:35px}
.gcon_5 .nr .bd .swiper05 .swiper-slide:last-child{ margin-right:0}
.gcon_5 .nr .bd .swiper05 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_5 .nr .bd .swiper05 .swiper-slide .pic span{ display:inline-block; background:#fff; position:absolute; right:0; bottom:0; z-index:2; padding:5px 10px;}
.gcon_5 .nr .bd .swiper05 .swiper-slide .pic span i{ display:inline-block;  vertical-align:top; background:url(g_14.png) left center no-repeat; padding-left:27px; color:#999999; font-size:16px; font-family:Arial, Helvetica, sans-serif}
.gcon_5 .nr .bd .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 .nr .bd .swiper05 .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:scale(1.1);}
.gcon_5 .nr .bd .swiper05 .swiper-slide .title{ width:100%; background:#f8fbff; box-sizing:border-box; padding:15px}
.gcon_5 .nr .bd .swiper05 .swiper-slide .title h3{ font-size:20px; color:#444444;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .nr .bd .swiper05 .swiper-slide .title h3 a{ color:#444}
.gcon_5 .nr .bd .swiper05 .swiper-slide .title .intro{ font-size:14px; line-height:28px; height:56px; overflow:hidden; margin-top:10px; color:rgba(00,00,00,0.65); text-align:justify}
.gcon_5 .nr .bd .next05{ position:absolute; right:-70px; top:50%; transform:translateY(-50%); background:url(g_06.png) center center no-repeat; width:56px; height:56px; cursor:pointer; z-index:9}
.gcon_5 .nr .bd .prev05{ position:absolute; left:-70px; top:50%; transform:translateY(-50%); background:url(g_05.png) center center no-repeat; width:56px; height:56px; cursor:pointer; z-index:9}
.gcon_5 .nr .bd .next05:hover{background:url(g_06_2.png) center center no-repeat;}
.gcon_5 .nr .bd .prev05:hover{background:url(g_05_2.png) center center no-repeat;}
@media all and (max-width:1600px){
	.gcon_5 .nr{ width:1200px;}
	.gcon_5 .nr .bd .swiper05 .swiper-slide{ width:380px; margin-right:30px}
}
@media all and (max-width:1200px){
	.gcon_5{ margin-top:40px}
	.gcon_5 .nr{ width:92%;}
	.gcon_5 .nr .hd .topx2{ width:100%}
	.gcon_5 .nr .hd .topx2{ text-align:center}
	.gcon_5 .nr .hd .topx2 p{ font-size:30px}
	.gcon_5 .nr .hd .topx2 h3{ font-size:20px; padding-bottom:12px; background:url(g_02.jpg) bottom center no-repeat; background-size:40px; margin-top:-15px;}
	.gcon_5 .nr .hd ul{ width:100%; text-align:center; font-size:0}
	.gcon_5 .nr .hd ul li{ display:inline-block; vertical-align:top; margin:0 10px; float:none}
	.gcon_5 .nr .bd{ margin-top:0}
	.gcon_5 .nr .bd .next05{ width:36px; height:36px; background:url(g_06_2.png) center center no-repeat;right:0; background-size:100%}
	.gcon_5 .nr .bd .prev05{ width:36px; height:36px; background:url(g_05_2.png) center center no-repeat;left:0; background-size:100%}
}
@media all and (max-width:750px){
	.gcon_5 .nr .bd .swiper05 .swiper-slide{ width:100%}
	.gcon_5 .nr .bd .swiper05 .swiper-slide .pic span i{ font-size:12px; padding-left:24px; background-size:auto 14px}
	.gcon_5 .nr .bd .swiper05 .swiper-slide .title{ padding:10px}
	.gcon_5 .nr .bd .swiper05 .swiper-slide .title h3{ font-size:15px}
	.gcon_5 .nr .bd .swiper05 .swiper-slide .title .intro{ font-size:12px; line-height:24px; height:48px; margin-top:5px}
	
}

.gcon_6{ width:100%; background:#052e5b; color:#fff; margin-top:100px}
.gcon_6 .nr{ padding:80px 0; width:1600px; margin:0 auto}
.gcon_6 .nr .a1{ font-size:28px; font-weight:bold; line-height:28px}
.gcon_6 .nr .a1 i{ font-size:14px; color:rgba(255,255,255,0.78); font-weight:normal; display:inline-block; vertical-align:middle}
.gcon_6 .nr .a3{ font-size:14px; color:rgba(255,255,255,0.78);}
.gcon_6 .nr .a2{ margin:50px 0 25px;display:flex;justify-content: space-between;}
.gcon_6 .nr .a2 .inp1{ width:25%; height:40px; background:#fff; border-radius:5px; box-sizing:border-box; font-size:14px; padding:0 20px}
.gcon_6 .nr .a2 .inp2{ width:10%; height:40px; background:#fff; color:#333;border-radius:5px; font-size:14px}
@media all and (max-width:1600px){
	.gcon_6 .nr{ width:1200px}
	.gcon_6 .nr .a2 .inp1{ width:28%}
}
@media all and (max-width:1200px){
	.gcon_6{ margin-top:40px}
	.gcon_6 .nr{ width:92%; padding:40px 0}
	.gcon_6 .nr .a1{ font-size:18px}
	.gcon_6 .nr .a1 i{ font-size:12px}
	.gcon_6 .nr .a2{ margin:20px 0}
	.gcon_6 .nr .a2{ display:block}
	.gcon_6 .nr .a2 .inp1{ width:100%; margin-bottom:10px}
	.gcon_6 .nr .a2 .inp2{ width:100%}
	.gcon_6 .nr .a3{ font-size:12px}
}