.wrapper{}
.gcon_1{ width:100%}
.gcon_1 .top{ width:100%; text-align:center; padding:50px 0}
.gcon_1 .top h3{ font-weight:normal; font-size:32px; color:#102657; margin-top:5px; line-height:40px; position:relative}
.gcon_1 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-250px; top:0; background:url(/html/images/b2.png) center center no-repeat}
.gcon_1 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-250px; top:0; background:url(/html/images/b1.png) center center no-repeat}
.gcon_1 .top .img2{ display:none}
.gcon_1 .nr{ width:1200px; margin:0 auto}
.gcon_1 .nr ul li{ width:370px; float:left; margin-right:45px; position:relative;overflow:hidden; }
.gcon_1 .nr ul li:nth-child(3){ margin-right:0}
.gcon_1 .nr ul li a{ display:block; width:100%;  position:relative; overflow:hidden; background:#fafafa}
.gcon_1 .nr 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; width:100%;height:auto;}
.gcon_1 .nr ul li a: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_1 .nr ul li .s1{ width:100%;  position:absolute; left:0; top:0; bottom:0; text-align:center; z-index:2; background:rgba(13,32,75,0.8); opacity:0; transition:all 0.5s linear; display: flex;  align-items: center; }
.gcon_1 .nr ul li .s1 .s2{ width:100%; }
.gcon_1 .nr ul li .s1 h3{ font-size:24px; font-weight:normal; color:#e5aa84; padding:0 0 20px; background:url(/html/images/g_05.jpg) bottom center no-repeat; line-height:1}
.gcon_1 .nr ul li .s1 .intro{ margin-top:30px; font-size:16px; color:rgba(255,255,255,0.7); height:180px}
.gcon_1 .nr ul li .s1 .more{ width:100%; height:; background:url(/html/images/g_06.png) center center no-repeat; height:35px}
.gcon_1 .nr ul li a:hover .s1{ opacity:1}
@media (max-width:1200px) {
	.gcon_1 .nr{ width:96%}	
	.gcon_1 .nr ul li{ width:32%; margin-right:2%}
}
@media (max-width:750px) {
	.gcon_1 .top{ padding:30px 0}
	.gcon_1 .top .img1 img{ height:35px}
	.gcon_1 .top .img2{ height:6px}
	.gcon_1 .top .img2 img{ height:6px}
	.gcon_1 .top h3{ font-size:20px}
	.gcon_1 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-150px; top:0; background:url(/html/images/b2.png) left center no-repeat; background-size:50px 5px}
.gcon_1 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-150px; top:0; background:url(/html/images/b1.png) right center no-repeat; background-size:50px 5px}
	.gcon_1 .nr ul li .s1 .intro{ display:none}
	.gcon_1 .nr ul li .s1 .s2{ height:auto; }
	.gcon_1 .nr ul li .s1 .more{ margin-top:20px}
	.gcon_1 .nr ul li .s1 h3{ font-size:16px;background-size:30px 2px}
	.gcon_1 .nr ul li .s1 .more{ background-size:20px}
}

.gcon_2{ width:100%}
.gcon_2 .top{ width:100%; text-align:center; padding:50px 0}
.gcon_2 .top h3{ font-weight:normal; font-size:32px; color:#102657; position:relative; line-height:40px; margin-top:5px;}
.gcon_2 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-250px; top:0; background:url(/html/images/b2.png) center center no-repeat}
.gcon_2 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-250px; top:0; background:url(/html/images/b1.png) center center no-repeat}
.gcon_2 .top .img2{ display:none}

.gcon_2 .nr{ width:100%}
.gcon_2 .nr .tabs{ width:100%; text-align:center; font-size:0; margin-bottom:22px；display:flex;}
.gcon_2 .nr .tabs .swiper-wrapper{ width:1200px; margin:0 auto; text-align:center;justify-content:center;}
.gcon_2 .nr .tabs .swiper-slide{ display:inline-block; vertical-align:top; width:144px; height:90px; text-align:center; border-right:1px solid #e9e9e9; cursor:pointer}
.gcon_2 .nr .tabs .swiper-slide p{ font-size:16px; color:#000000; margin-top:10px}
.gcon_2 .nr .tabs .swiper-slide.swiper-slide-active p{ color:#999}
.gcon_2 .nr .tabs .swiper-slide .pic{ margin-top:10px;}
.gcon_2 .nr .tabs .swiper-slide:last-child{ border:0}
.gcon_2 .nr .tabs-container{ width:100%; position:relativ}
.gcon_2 .nr .tabs-container .swiper-slide{ width:100%; position:relative}
.gcon_2 .nr .tabs-container .swiper-slide img{ width:100%}
.gcon_2 .nr .tabs-container .swiper-slide .img1{ display:block}
.gcon_2 .nr .tabs-container .swiper-slide .img2{ display:none}
.gcon_2 .nr .tabs-container .swiper-slide .s1{ position:absolute; width:448px; height:100%; right:50%; margin-right:-600px; background:rgba(16,38,87,0.95); z-index:2; top:0; text-align:center; color:#fff}
.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2{ width:100%; box-sizing:border-box; padding:0 40px; position:absolute; top:50%; margin-top:-160px}
.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 h3{ font-weight:normal; font-size:24px; color:#dfaa88; line-height:1; padding-bottom:22px; background:url(/html/images/g_10.jpg) bottom center no-repeat; margin-bottom:25px}
.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 .intro{ font-size:14px; color:rgba(255,255,255,0.8); line-height:25px; text-align:justify; min-height:195px}
.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 .more{ text-align:center}
.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 .more a{ display:inline-block; vertical-align:top; width:92px; height:34px; text-align:center; line-height:34px; border:1px solid rgba(255,255,255,0.6); border-radius:18px; color:rgba(255,255,255,0.6); font-size:14px}
.gcon_2 .nr .tabs-container .swiper-button-next-2{ width:25px; height:25px; background:url(/html/images/g_11.png) center center no-repeat; position:absolute; right:50%; left:auto; top:auto; margin-right:-450px; z-index:99; bottom:55px; transform:rotate(180deg)}
.gcon_2 .nr .tabs-container .swiper-button-next-2:hover{background:url(/html/images/g_12.png) center center no-repeat;transform:rotate(0)}
.gcon_2 .nr .tabs-container .swiper-button-prev-2{ width:25px; height:25px; background:url(/html/images/g_11.png) center center no-repeat; position:absolute; right:50%; left:auto; top:auto; margin-right:-328px; z-index:99; bottom:55px}
.gcon_2 .nr .tabs-container .swiper-button-prev-2:hover{background:url(/html/images/g_12.png) center center no-repeat;transform:rotate(180deg)}
@media (max-width:1200px) {
	.gcon_2 .nr .tabs-container .swiper-slide .img1{ display:none}
	.gcon_2 .nr .tabs-container .swiper-slide .img2{ display:block}
	.gcon_2 .nr .tabs-container .swiper-slide .s1{ width:448px; right:50%; margin-right:-224px}
	.gcon_2 .nr .tabs-container .swiper-button-next-2{ right:5%; margin:0; bottom:50%; margin-bottom:-13px}
	.gcon_2 .nr .tabs-container .swiper-button-prev-2{ right:auto; left:5%; margin:0; bottom:50%; margin-bottom:-13px}
}
@media (max-width:750px) {
	.gcon_2 .top{ padding:30px 0}
	.gcon_2 .top .img1 img{ height:35px}
	.gcon_2 .top .img2{ height:6px}
	.gcon_2 .top .img2 img{ height:6px}
	.gcon_2 .top h3{ font-size:20px}
	.gcon_2 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-150px; top:0; background:url(/html/images/b2.png) left center no-repeat; background-size:50px 5px}
	.gcon_2 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-150px; top:0; background:url(/html/images/b1.png) right center no-repeat; background-size:50px 5px}
	.gcon_2 .nr .tabs .swiper-wrapper{ width:100%}
	.gcon_2 .nr .tabs-container .swiper-slide .s1{ width:100%; margin-right:0; right:0;background:rgba(16,38,87,0.6);}
	.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2{ margin-top:-60px}
	.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 .intro{ font-size:12px; overflow:hidden; min-height:0; height:50px;  padding:0 10%;}
	.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 h3{ font-size:15px; background-size:30px 2px; padding-bottom:10px; margin-bottom:10px}
	.gcon_2 .nr .tabs-container .swiper-slide .s1 .s2 .more a{ width:80px; height:30px; line-height:30px; font-size:12px; margin-top:10px}
	.gcon_2 .nr .tabs .swiper-slide{ width:100px; height:70px;}
	.gcon_2 .nr .tabs .swiper-slide p{ font-size:14px; margin:0}
}

.gcon_3{ width:100%; background:url(/html/images/g_18.jpg) top center no-repeat}
.gcon_3 .top{ width:100%; text-align:center; padding:50px 0 40px}
.gcon_3 .top h3{ font-weight:normal; font-size:32px; color:#102657; position:relative; line-height:40px; margin-top:5px;}
.gcon_3 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-170px; top:0; background:url(/html/images/b2.png) center center no-repeat}
.gcon_3 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-170px; top:0; background:url(/html/images/b1.png) center center no-repeat}
.gcon_3 .top .img2{ display:none}

.gcon_3 .nr{ width:1200px; margin:0 auto}
.gcon_3 .nr .intro{ width:100%; text-align:center; font-size:16px; color:#1f1f1f; line-height:26px; padding-bottom:25px}
.gcon_3 .nr .more{ width:100%; text-align:center}
.gcon_3 .nr .pic{ width:100%; text-align:center; margin-top:35px}
.gcon_3 .nr .pic iframe{width:100%; height:500px; border:0}

@media (max-width:1200px) {
	.gcon_3 .nr{ width:96%}
	.gcon_3 .nr .pic img{ max-width:100%}
}
@media (max-width:750px) {
	.gcon_3 .top{ padding:30px 0 20px}
	.gcon_3 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-110px; top:0; background:url(/html/images/b2.png) left center no-repeat; background-size:50px 5px}
	.gcon_3 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-110px; top:0; background:url(/html/images/b1.png) right center no-repeat; background-size:50px 5px}
	.gcon_3 .top .img1 img{ height:35px}
	.gcon_3 .top .img2{ height:6px}
	.gcon_3 .top .img2 img{ height:6px}
	.gcon_3 .top h3{ font-size:20px}
	.gcon_3 .nr .intro{ font-size:14px; padding-bottom:0; margin-bottom:20px;display: -webkit-box;
    -webkit-line-clamp:4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical; overflow:hidden; text-align:justify}
	.gcon_3 .nr .pic{ margin-top:25px}
	.gcon_3 .nr .pic iframe{ height:400px}
}
@media (max-width:475px){
	.gcon_3 .nr .pic iframe{ height:300px}
}

.gcon_4{ width:100%;}
.gcon_4 .top{ width:100%; text-align:center; padding:50px 0 40px}
.gcon_4 .top h3{ font-weight:normal; font-size:32px; color:#102657; position:relative; line-height:40px; margin-top:5px;}
.gcon_4 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-170px; top:0; background:url(/html/images/b2.png) center center no-repeat}
.gcon_4 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-170px; top:0; background:url(/html/images/b1.png) center center no-repeat}
.gcon_4 .top .img2{ display:none}

.gcon_4 .nr{ width:1200px; margin:0 auto; position:relative}
.gcon_4 .nr .swiper-container-3{ width:100%}
.gcon_4 .nr .swiper-container-3 .pic{ width:100%; box-sizing:border-box; padding-right:8px; overflow:hidden}
.gcon_4 .nr .swiper-container-3 .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 .swiper-container-3 .swiper-slide:hover .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_4 .nr .swiper-container-3 .pic img{ width:100%}
.gcon_4 .nr .swiper-container-3 .title{ width:100%}
.gcon_4 .nr .swiper-container-3 .title .time{ width:98px; height:120px; float:left; text-align:center}
.gcon_4 .nr .swiper-container-3 .title .item{ width:calc(100% - 98px); float:left; height:156px; position:relative; z-index:2; margin-top:-36px; background:#f5f5f5; box-sizing:border-box; padding:30px 25px}
.gcon_4 .nr .swiper-container-3 .title .item h3{ font-size:20px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal}
.gcon_4 .nr .swiper-container-3 .title .item h3 a{ color:#000}
.gcon_4 .nr .swiper-container-3 .title .item .intro{ font-size:14px; color:rgba(00,00,00,0.7); margin-top:10px; height:50px; line-height:24px; overflow:hidden}
.gcon_4 .nr .swiper-container-3 .title .time .p1{ font-size:36px; color:#000; padding-top:20px} 
.gcon_4 .nr .swiper-container-3 .title .time .p2{ font-size:12px; color:rgba(00,00,00,0.6)} 
.gcon_4 .nr .swiper-container-3 .swiper-slide:hover .item{ background:#102657}
.gcon_4 .nr .swiper-container-3 .swiper-slide:hover .item h3{ color:#fff}
.gcon_4 .nr .swiper-container-3 .swiper-slide:hover .item h3 a{ color:#fff} 
.gcon_4 .nr .swiper-container-3 .swiper-slide:hover .item .intro{  color:rgba(255,255,255,0.5)}
.gcon_4 .nr .swiper-button-prev-3{ background:url(/html/images/g_20.png) center center no-repeat; width:40px; height:40px; left:-50px; opacity:1}
.gcon_4 .nr .swiper-button-next-3{ background:url(/html/images/g_21.png) center center no-repeat; width:40px; height:40px; left:auto; right:-50px; opacity:1}
.gcon_4 .more{ width:100%; text-align:center; padding:65px 0 60px}
.gcon_4 .more a{ display:inline-block; vertical-align:top; width:106px; height:33px; border:1px solid #999999; border-radius:18px; text-align:center; line-height:33px; font-size:14px; color:#999999}
.gcon_4 .more a:hover{ background:#102657; border:1px solid #102657; color:#fff}
@media (max-width:1300px) {
	.gcon_4 .nr .swiper-container-3 .pic{ padding:0}
	.gcon_4 .nr .swiper-button-prev-3{ left:0}
	.gcon_4 .nr .swiper-button-next-3{ right:0}
}
@media (max-width:1200px) {
	.gcon_4 .nr{ width:96%}	
}
@media (max-width:750px) {
	.gcon_4 .top{ padding:30px 0 20px}
	.gcon_4 .top h3{ font-weight:normal; font-size:32px; color:#102657; position:relative; line-height:40px; margin-top:5px;}
	.gcon_4 .top h3:before{ content:""; display:block; width:85px; height:40px; position:absolute; left:50%; margin-left:-120px; top:0; background:url(/html/images/b2.png) center center no-repeat; background-size:50px 5px}
	.gcon_4 .top h3:after{ content:""; display:block; width:85px; height:40px; position:absolute; right:50%; margin-right:-120px; top:0; background:url(/html/images/b1.png) center center no-repeat; background-size:50px 5px}	

	
	.gcon_4 .top .img1 img{ height:35px}
	.gcon_4 .top .img2{ height:6px}
	.gcon_4 .top .img2 img{ height:6px}
	.gcon_4 .top h3{ font-size:20px}
	.gcon_4 .nr .swiper-container-3 .swiper-slide{ width:80%}
	.gcon_4 .nr .swiper-container-3 .title .time{ width:60px; height:70px;}
	.gcon_4 .nr .swiper-container-3 .title .time .p1{ font-size:20px; padding-top:10px}
	.gcon_4 .nr .swiper-container-3 .title .item{ width:calc(100% - 60px); height:90px; margin-top:-20px; padding:12px 15px}
	.gcon_4 .nr .swiper-container-3 .title .item h3{ font-size:16px}
	.gcon_4 .nr .swiper-container-3 .title .item .intro{ font-size:12px; margin-top:5px; line-height:22px; height:46px}
	.gcon_4 .more{ padding:20px 0 30px}
}


.video{ width:100%; height:100%; position:fixed; z-index:99; left:0; top:0; background:rgba(00,00,00,0.7); display:none }
.video .s1{ width:50%; position:absolute; left:25%; top:50%; margin-top:-220px}
.video .s1 video{ width:100%}
.video .s1 .video_gb{ background:url(/html/images/gb.PNG) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:0; cursor:pointer; z-index:2}
@media (max-width:750px) {
	.video .s1{ width:90%; left:5%; top:30%; margin-top:0}
}