@charset "utf-8";
.banner{ width:100%; position:relative; overflow:hidden}
.banner img{ width:100%; height:auto }
.banner .swiper01{ width:100%; font-size:0}
.banner .swiper01 .swiper-slide{ width:100%}
.banner .img1{ display:block}
.banner .img2{ display:none}
.banner .prev01{ background:url(g_03x.png) center center no-repeat; width:26px; height:51px; position:absolute; left:5%; top:50%; margin-top:-25px; z-index:9; cursor:pointer}
.banner .next01{ background:url(g_04x.png) center center no-repeat; width:26px; height:51px; position:absolute; right:5%; top:50%; margin-top:-25px; z-index:9; cursor:pointer}
.banner .swiper01 .pagination01{ width:100%; text-align:center; position:absolute; left:0; bottom:50px; z-index:9; font-size:0}
.banner .swiper01 .pagination01 span{ display:inline-block; vertical-align:top; width:22px; height:22px; background:url(d6.png) center center no-repeat; opacity:1; margin:0 15px; position:relative}
.banner .swiper01 .pagination01 span:after{ content:""; display:block; width:52px; height:2px; background:#fff; position:absolute; right:-41px; top:50%; margin-top:-1px; z-index:-1}
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(d7.png) center center no-repeat}
.banner .swiper01 .pagination01 span:last-child:after{ width:0}
@media (max-width:1200px) {
	.banner .swiper01 .pagination01{ left:0; margin-left:0; bottom:15px; width:100%; text-align:center; padding:0; border:0; background:none}
	.banner .prev01{ width:18px; height:30px; background-size:18px 40px; left:4%; margin-top:-15px}
	.banner .next01{ width:18px; height:30px; background-size:18px 40px; right:4%; margin-top:-15px}
	.banner .img1{ display:none}
	.banner .img2{ display:block}
}


.gcon_1{ width:100%}
.gcon_1 .nr{ width:100%; box-sizing:border-box; padding:1%}
.gcon_1 .nr .item{ margin-right:1%; width:24.25%; float:left}
.gcon_1 .nr .item img{ width:100%}
.gcon_1 .nr .item:nth-child(4){ margin-right:0}
.gcon_1 .nr .item a{ display:block; width:100%; height:100%; position:relative}
.gcon_1 .nr .item a .pic{ width:100%; overflow:hidden}
.gcon_1 .nr .item a .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_1 .nr .item:hover a .pic 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_1 .nr .item a .m{ width:100%; height:100%; background:rgba(00,00,00,.5); position:absolute; left:0; top:0; z-index:2; opacity:1; transition:all 0.3s linear}
.gcon_1 .nr .item:hover a .m{ opacity:0}
.gcon_1 .nr .item a .t{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; color:#fff; box-sizing:border-box; padding:25px}
.gcon_1 .nr .item a .t h3{ font-size:22px; font-weight:normal; line-height:1}
.gcon_1 .nr .item a .t p{ font-size:16px; color:rgba(255,255,255,0.7)}
@media (max-width:1200px) {
	.gcon_1 .nr{ padding:4%}
	.gcon_1 .nr .item{ width:49%; margin-right:2%; margin-bottom:2%}
	.gcon_1 .nr .item:nth-child(2n){ margin-right:0}
	.gcon_1 .nr .item:nth-child(3){ margin-bottom:0}
	.gcon_1 .nr .item:nth-child(4){ margin-bottom:0}
	.gcon_1 .nr .item a .t{ padding:20px}
	.gcon_1 .nr .item a .t h3{ font-size:16px; font-weight:normal; line-height:1}
	.gcon_1 .nr .item a .t p{ font-size:13px; color:rgba(255,255,255,0.7)}
}
@media (max-width:640px) {
	.gcon_1 .nr .item{ width:100%; margin-right:0!important; margin-bottom:2%!important}
}