@charset "utf-8";
.banner{ width:1920px; height:620px; position:relative; left:50%; margin-left:-960px}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:15px}
.banner .hd li{ display:inline-block; vertical-align:top; font-size:0; width:10px; height:10px; border-radius:5px; background:#fff; margin:0 5px}
.banner .hd li.on{ width:35px}

.swiper-container-01{ width:100%}
.swiper-container-01 img{ width:100%}
.swiper-container-01 .swiper-pagination-01 .swiper-pagination-bullet{display:inline-block; vertical-align:top; font-size:0; width:10px; height:10px; border-radius:5px; background:#fff; margin:0 5px; opacity:1}
.swiper-container-01 .swiper-pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:35px}

@media (max-width:640px) {
	.swiper-container-01 .swiper-pagination-01.swiper-pagination-bullets{ bottom:0}
	.swiper-container-01 .swiper-pagination-01 .swiper-pagination-bullet{width:8px; height:8px; border-radius:4px; background:#fff; margin:0 5px; opacity:1}
	.swiper-container-01 .swiper-pagination-01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:25px}
}

.gcon_1{ width:100%; background:#eff4fa; padding-bottom:63px}
.gcon_1 h3{ font-size:36px; color:#000000; text-align:center; line-height:1; padding-top:70px}
.gcon_1 h4{ font-size:14px; color:#000000; opacity:0.5; text-align:center; line-height:1; padding-top:10px; font-weight:normal}
.gcon_1 .intro{ width:1110px; margin:0 auto; font-size:16px; color:#000; opacity:0.8; text-align:center; padding-top:35px; line-height:27px; padding-bottom:10px; position:relative}
.gcon_1 .intro:after{ content:"..."; display:block; width:100%; height:100%; position:relative; text-align:center; left:0; bottom:0; font-size:16px}
.gcon_1 .more{ width:100%; text-align:center;}
.gcon_1 .more a{ display:inline-block; vertical-align:top; width:28px; height:28px; background:url(g_01.png) center center no-repeat;}
.gcon_1 .s1{ width:100%; text-align:center; padding:60px 0}
.gcon_1 .s1 ul li{ display:inline-block; vertical-align:top; width:280px; background:url(g_22.jpg) right center no-repeat}
.gcon_1 .s1 ul li:nth-child(4){ background:none}
.gcon_1 .s1 ul li .p1{ font-size:72px; color:#004ea2; font-family:impact; line-height:1}
.gcon_1 .s1 ul li .p1 i{ font-size:14px; color:#000; font-family:"雅黑"}
.gcon_1 .s1 ul li .p1 m{ font-size:14px; color:#000; display:inline-table; vertical-align:top; font-family:"雅黑"}
.gcon_1 .s1 ul li .p2{ font-size:14px; color:#000; padding-top:10px; line-height:1 }
.gcon_1 .video{ width:100%; text-align:center}
.gcon_1 .video span{ display:inline-block; vertical-align:top; width:146px; height:40px; background:url(g_02.png) 25px center no-repeat #8b8b8b; line-height:40px; font-size:18px; border-radius:20px; box-sizing:border-box; padding-left:53px; text-align:left; color:#fff; cursor:pointer}

.play{ width:100%; height:100%; background:rgba(00,00,00,0.6); left:0; top:0; position:fixed; z-index:9999; display:none}
.play .nr{ width:800px; height:500px; position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-250px;}
.play .nr video{ width:800px}
.play .nr .gb{ width:30px; height:30px; text-align:center; line-height:27px; font-size:30px; color:#000; background:#fff; position:absolute; top:-30px; right:-30px; cursor:pointer}

@media (max-width:1200px) {
	.gcon_1 .intro{ width:90%}
	.gcon_1 .s1 ul li{ width:45%; margin-bottom:20px}
	.gcon_1 .s1 ul li:nth-child(2n){ background:none}
	.play .nr{ width:80%; left:10%; margin-left:0; top:20%; margin-top:0}
	.play .nr video{ width:100%}	
}
@media (max-width:640px){
	.gcon_1 h3{ font-size:26px; color:#000000; text-align:center; line-height:1; padding-top:40px}
	.gcon_1 .intro{ font-size:14px}
	.gcon_1 .s1{ padding:30px 0}
	.gcon_1 .s1 ul li .p1{ font-size:50px}
	
} 
@media (max-width:450px){
	.gcon_1{ padding-bottom:35px}
	.gcon_1 h3{ font-size:22px}
	.gcon_1 .intro{ padding-top:25px; font-size:12px}
	.gcon_1 .s1{ padding-bottom:20px}
	.gcon_1 .s1 ul li{ width:48%;}
	.gcon_1 .s1 ul li .p2{ font-size:12px}
}

.gcon_2{ width:100%;padding-bottom:128px}
.gcon_2 h3{ font-size:36px; color:#000000; text-align:center; line-height:1; padding-top:80px}
.gcon_2 h4{ font-size:14px; color:#000000; opacity:0.5; text-align:center; line-height:1; padding-top:10px; font-weight:normal}
.gcon_2 .nr-pc{ width:1200px; margin:0 auto; padding-top:50px; height:325px; overflow:hidden}
.gcon_2 .nr-pc .lt{ float:left; position:relative; margin-right:10px; overflow:hidden}
.gcon_2 .nr-pc .lt 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_2 .nr-pc .lt:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}



.gcon_2 .nr-pc .cen{ width:703px; float:left}
.gcon_2 .nr-pc .rt{ float:right; position:relative; overflow:hidden}
.gcon_2 .nr-pc .rt 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_2 .nr-pc .rt:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.gcon_2 .nr-pc .cen ul li{ float:left; margin-bottom:9px; position:relative; overflow:hidden}
.gcon_2 .nr-pc .cen ul li 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_2 .nr-pc .cen ul li:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.gcon_2 .nr-pc .cen ul li:nth-child(2n){ float:right}
.gcon_2 .nr-pc .lt p{ font-size:18px; color:#fff; position:absolute; left:30px; top:70px}
.gcon_2 .nr-pc .cen p{ font-size:18px; color:#fff; position:absolute; left:20px; top:40px}
.gcon_2 .nr-pc .cen ul li:nth-child(4) p{ color:#703010}
.gcon_2 .nr-pc .rt p{ font-size:18px; color:#fff; position:absolute; left:30px; top:70px}
.gcon_2 .nr-sj{ display:none; width:60%; margin:0 auto; padding-top:30px}
.gcon_2 .nr-sj .lt{ width:48%; float:left; position:relative; margin-bottom:10px}
.gcon_2 .nr-sj .lt p{ font-size:14px; color:#fff; position:absolute; left:15px; top:20px}
.gcon_2 .nr-sj .lt img{ width:100%}
.gcon_2 .nr-sj .rt{ width:48%; float:right; margin-bottom:10px}
.gcon_2 .nr-sj .rt img{ width:100%}
.gcon_2 .nr-sj .rt ul li{ width:100%; position:relative; margin-bottom:7.4%} 
.gcon_2 .nr-sj .rt ul li:nth-child(2){ margin-bottom:0}
.gcon_2 .nr-sj .rt ul li p{ font-size:14px; color:#fff; position:absolute; left:15px; top:20px;}
.gcon_2 .nr-sj .rt2{ width:48%; float:right; position:relative; margin-bottom:10px}
.gcon_2 .nr-sj .rt2 p{ font-size:14px; color:#fff; position:absolute; left:15px; top:20px}
.gcon_2 .nr-sj .rt2 img{ width:100%}
.gcon_2 .nr-sj .lt2{ width:48%; float:left; margin-bottom:10px}
.gcon_2 .nr-sj .lt2 img{ width:100%}
.gcon_2 .nr-sj .lt2 ul li{ width:100%; position:relative; margin-bottom:7.4%} 
.gcon_2 .nr-sj .lt2 ul li:nth-child(2){ margin-bottom:0}
.gcon_2 .nr-sj .lt2 ul li p{ font-size:14px; color:#fff; position:absolute; left:15px; top:20px;}
@media (max-width:1200px) {
	.gcon_2 .nr-pc{ display:none}	
	.gcon_2 .nr-sj{ display:block}
	.gcon_2{padding-bottom:68px}	
}
@media (max-width:640px) {
	.gcon_2 h3{ font-size:26px; padding-top:40px}
	.gcon_2 .nr-sj{ width:90%}	
	.gcon_2 .nr-sj .lt{ width:48.5%;}
	.gcon_2 .nr-sj .rt{ width:48.5%;}
	.gcon_2 .nr-sj .lt2{ width:48.5%;}
	.gcon_2 .nr-sj .rt2{ width:48.5%;}
	.gcon_2{padding-bottom:30px}
}
@media (max-width:450px){
		
	.gcon_2 h3{ font-size:22px;}
	.gcon_2 h4{ font-size:12px; line-height:1.5; padding:20px 10px 0}
	
}


.gcon_3{ width:100%; background:url(g_09.jpg) top center no-repeat;}
.gcon_3 .nr-pc{ width:1200px; margin:0 auto}
.gcon_3 .nr-pc .tab01{ width:100%}
.gcon_3 .nr-pc .tab01 .hd{ width:249px; float:left; background:#004ea2; height:663px; position:relative}
.gcon_3 .nr-pc .tab01 .bd{ width:951px; float:right; position:relative}
.gcon_3 .nr-pc .tab01 .hd ul li{ width:249px; height:106px; color:#fff; margin: 4px 0; position:relative; line-height:106px; text-align:center; font-size:18px;}
.gcon_3 .nr-pc .tab01 .hd ul li:after{ content:""; display:block; width:249px; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:0; bottom:-4px}
.gcon_3 .nr-pc .tab01 .hd ul li i{ display:inline-block; vertical-align:top; font-size:30px; font-family:impact; padding-right:25px} 
.gcon_3 .nr-pc .tab01 .hd ul li.on{ color:#004ea2; background:url(g_11.png) 213px center no-repeat #fabe00; }
.gcon_3 .nr-pc .tab01 .bd .con{ width:100%; position:relative}
.gcon_3 .nr-pc .tab01 .bd .con .intro{ width:460px; height:160px; background:rgba(00,00,00,0.8); position:absolute; right:0; bottom:30px; color:#fff; box-sizing:border-box; padding:25px 35px 0 44px}
.gcon_3 .nr-pc .tab01 .bd .con .intro h3{ line-height:1; font-size:20px;}
.gcon_3 .nr-pc .tab01 .bd .con .intro p{ font-size:14px; margin-top:15px}

@media (max-width:1200px) {
	.gcon_3{ width:100%; background:url(g_09.jpg) top center no-repeat; background-size:cover}
	.gcon_3 .nr-pc{ width:96%; margin:0 auto}
	.gcon_3 .nr-pc .tab01 .hd{ width:100%; height:auto}
	.gcon_3 .nr-pc .tab01 .hd ul li{ width:16.666%; float:left; font-size:15px}
	.gcon_3 .nr-pc .tab01 .hd ul li i{ font-size:24px; padding-right:5%}
	.gcon_3 .nr-pc .tab01 .bd{ width:100%}
	.gcon_3 .nr-pc .tab01 .bd img{ width:100%}
}
@media (max-width:640px) {
	.gcon_3 .nr-pc .tab01 .hd ul li{ width:16.666%; float:left; font-size:13px; height:60px; line-height:60px}
	.gcon_3 .nr-pc .tab01 .hd ul li i{ font-size:18px; padding-right:2%}
	.gcon_3 .nr-pc .tab01 .hd ul li:after{ content:""; display:block; width:1px; height:60px; background:rgba(255,255,255,0.5); position:absolute; top:0px; right:0}
}
@media (max-width:550px) {
	.gcon_3 .nr-pc .tab01 .hd ul li{ width:33.3333%; margin:0}
	.gcon_3 .nr-pc .tab01 .hd ul li:before{ content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.5); position:absolute; left:0; bottom:0;}
	.gcon_3 .nr-pc .tab01 .bd .con .intro{ width:100%; height:auto; background:rgba(00,00,00,0.8); position:absolute; right:0; bottom:0; color:#fff; box-sizing:border-box; padding:15px}
	.gcon_3 .nr-pc .tab01 .bd .con .intro h3{ line-height:1; font-size:16px;}
	.gcon_3 .nr-pc .tab01 .bd .con .intro p{ font-size:12px; margin-top:10px}
}

.gcon_4{ width:100%;padding-bottom:50px}
.gcon_4 h3{ font-size:36px; color:#000000; text-align:center; line-height:1; padding-top:80px}
.gcon_4 h4{ font-size:14px; color:#000000; opacity:0.5; text-align:center; line-height:1; padding-top:10px; font-weight:normal}
.gcon_4 .nr{ width:1200px; margin:0 auto; padding-top:70px}
.gcon_4 .nr .pic{ width:224px; float:left; border:1px solid #dcdcdc; margin-right:17px; margin-bottom:17px; overflow:hidden}
.gcon_4 .nr .pic img{ width:100%}
.gcon_4 .nr .pic:nth-child(5n){ margin-right:0}
.gcon_4 .nr .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_4 .nr .pic:hover img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

@media (max-width:1200px){
	.gcon_4 .nr{ width:96%; padding-top:5%}
	.gcon_4 .nr .pic{ width:18.8%; margin-right:1.5%; box-sizing:border-box; margin-bottom:1.5%;}	
}
@media (max-width:640px) {
	.gcon_4 h3{ font-size:26px; padding-top:40px}
	.gcon_4 .nr .pic{ width:49%; margin-right:2%; box-sizing:border-box; margin-bottom:2%;}
	.gcon_4 .nr .pic:nth-child(5n){ margin-right:2%}
	.gcon_4 .nr .pic:nth-child(2n){ margin-right:0}
	.gcon_4{ width:100%;padding-bottom:30px}
}
@media (max-width:450px){
	.gcon_4 h3{ font-size:22px;}
	.gcon_4 h4{ font-size:12px; line-height:1.5; padding:20px 10px 0}	
}
.gcon_5{ width:100%;padding-bottom:70px; background:#eff4fa}
.gcon_5 h3{ font-size:36px; color:#000000; text-align:center; line-height:1; padding-top:80px}
.gcon_5 h4{ font-size:14px; color:#000000; opacity:0.5; text-align:center; line-height:1; padding-top:10px; font-weight:normal}
.gcon_5 .nr{ width:1200px; margin:0 auto; padding-top:75px}
.gcon_5 .nr li{ width:25%; float:left; text-align:center; box-sizing:border-box; padding:0 30px}
.gcon_5 .nr li .pic{ width:100%; height:90px}
.gcon_5 .nr li .pic img{ transition:all 0.3s linear}
.gcon_5 .nr li:hover .pic img{ transform:rotateY(180deg)}
.gcon_5 .nr li h5{ font-size:18px; color:#000; font-weight:normal}
.gcon_5 .nr li p{ font-size:14px; color:#000; opacity:0.6; margin-top:10px}
@media (max-width:1200px){
	.gcon_5 .nr{ width:96%; padding-top:5%}
	.gcon_5 .nr li{ padding:0 15px}
	.gcon_5 .nr li p{ font-size:12px;}
}
@media (max-width:640px) {
	.gcon_5{ padding-bottom:20px}
	
	.gcon_5 .nr li .pic{ width:100%; height:65px}
	.gcon_5 .nr li .pic img{ height:50px}
	.gcon_5 h3{ font-size:26px; padding-top:40px}
	.gcon_5 .nr li{ width:50%; margin-bottom:5%}
	.gcon_5 .nr li h5{ font-size:16px; line-height:1}
}
@media (max-width:450px) {
	.gcon_5 h3{ font-size:22px;}
	.gcon_5 h4{ font-size:12px; line-height:1.5; padding:20px 10px 0}	
}
.gcon_6{ width:100%;padding-bottom:70px;}
.gcon_6 h3{ font-size:36px; color:#000000; text-align:center; line-height:1; padding-top:80px}
.gcon_6 h4{ font-size:14px; color:#000000; opacity:0.5; text-align:center; line-height:1; padding-top:10px; font-weight:normal}

.gcon_6 .nr-pc{ width:1200px; margin:0 auto; padding-top:50px; overflow:hidden}
.gcon_6 .nr-pc .bd li{ width:389px; float:left; margin-right:16px}
.gcon_6 .nr-pc .bd li .pic{ width:100%; overflow:hidden}
.gcon_6 .nr-pc .bd li .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_6 .nr-pc .bd li:hover .pic img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.gcon_6 .nr-pc .bd li h5{ font-size:18px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:25px 0 20px}
.gcon_6 .nr-pc .bd li h5 a{ color:#000}
.gcon_6 .nr-pc .bd li .intro{ font-size:14px; color:#000; opacity:0.65; line-height:30px }
.gcon_6 .nr-pc .bd li .time{ color:#000; opacity:0.7; line-height:40px; background:url(g_18.jpg) left bottom no-repeat}
.gcon_6 .nr-pc .hd{ width:100%; margin-top:60px; text-align:center}
.gcon_6 .nr-pc .hd ul{ display:inline-block; vertical-align:top; text-align:center; padding:0 30px}
.gcon_6 .nr-pc .hd ul li{ display:inline-block; vertical-align:top; font-size:0; width:10px; height:10px; background:#e5e5e5;margin:17px 3px; border-radius:5px; transition:all 0.3s linear}
.gcon_6 .nr-pc .hd ul li.on{ background:#333333; width:26px}
.gcon_6 .nr-pc .hd .prev{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(g_19.jpg) center center no-repeat; cursor:pointer}
.gcon_6 .nr-pc .hd .next{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(g_20.jpg) center center no-repeat; cursor:pointer}
.gcon_6 .nr-sj{ display:none;}
.gcon_6 .nr-sj .swiper-container-02{ padding:50px 0; width:96%; margin:0 auto}
.gcon_6 .nr-sj img{ width:100%}
.gcon_6 .nr-sj h5{ font-size:18px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:25px 0 20px}
.gcon_6 .nr-sj h5 a{ color:#000}
.gcon_6 .nr-sj .intro{ font-size:14px; color:#000; opacity:0.65; line-height:30px }
.gcon_6 .nr-sj .time{ color:#000; opacity:0.7; line-height:40px;}
@media (max-width:1200px) {
	.gcon_6 .nr-pc{ display:none}	
	.gcon_6 .nr-sj{ display:block}
}
@media (max-width:640px) {
	.gcon_6{ width:100%;padding-bottom:20px;}
	.gcon_6 h3{ font-size:26px; padding-top:40px}
	.gcon_6 .nr-sj .swiper-container-02{ padding:30px 0 30px; width:96%; margin:0 auto}
	.gcon_6 .nr-sj h5{ font-size:16px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:15px 0 10px}
}
@media (max-width:450px) {
	.gcon_6 h3{ font-size:22px;}
	.gcon_6 h4{ font-size:12px; line-height:1.5; padding:20px 10px 0}
	.gcon_6 .nr-sj h5{ font-size:14px;}
	.gcon_6 .nr-sj .intro{ font-size:12px; line-height:22px; height:44px; overflow:hidden}	
}