.wrapper{}


.tops{ width:100%; text-align:center; padding:60px 0 35px}
.tops h3{ font-size:28px; font-weight:normal; line-height:1;}
.tops p{ font-size:14px; color:rgba(00,00,00,0.6); line-height:1; padding-top:10px}

@media (max-width:1200px) {
	.tops{ width:100%; text-align:center; padding:30px 0 20px}
	.tops h3{ font-size:20px; font-weight:normal; line-height:1;}
	.tops p{ font-size:12px; color:rgba(00,00,00,0.6); line-height:1; padding:8px 5% 0 5%; line-height:1.5;}
}



.gcon_1{ width:100%}
.gcon_1 .hd{ width:1200px; margin:0 auto}
.gcon_1 .hd ul li{ float:left; background:#2b2b2c; border-right:1px solid #808080;border-bottom:1px solid #808080; position:relative; z-index:10}
.gcon_1 .hd ul li>a{ display:block; padding:0 22px}
.gcon_1 .hd ul li>a i{ display:inline-block; vertical-align:top; padding:20px 0 20px 36px; color:#fff; font-size:16px}
.gcon_1 .hd ul li:nth-child(1) a i{ background:url(../images/g_02.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(2) a i{ background:url(../images/g_03.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(3) a i{ background:url(../images/g_04.png) left center no-repeat; background-size:30px}
.gcon_1 .hd ul li:nth-child(4) a i{ background:url(../images/g_05.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(5) a i{ background:url(../images/g_06.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(6) a i{ background:url(../images/g_07.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(7) a i{ background:url(../images/g_08.png) left center no-repeat}
.gcon_1 .hd ul li:nth-child(7) a{ padding:0 23px}
.gcon_1 .hd ul li dl{ position:absolute; left:0; top:64px; width:220px; left:0; text-align:center; background:#c21a08; display:none; z-index:9}
.gcon_1 .hd ul li dl dd{ border-top:1px solid rgba(255,255,255,0.7); line-height:40px}
.gcon_1 .hd ul li dl dd a{ display:block; color:#fff}
.gcon_1 .hd ul li:hover{ background:#c21a08}
.gcon_1 .hd ul li:hover dl{ display:block}

.gcon_1 .bd{ width:1200px; margin:0 auto; margin-top:46px;}
.gcon_1 .bd ul li{ width:31.5%; margin-right:2.75%;float:left;margin-bottom:3%}
.gcon_1 .bd ul li:nth-child(1){ margin-right:3%}
.gcon_1 .bd ul li:nth-child(1),.gcon_1 .bd ul li:nth-child(2){ width:48.5%;  }
.gcon_1 .bd ul li:nth-child(2),.gcon_1 .bd ul li:nth-child(3n+2){ margin-right:0}
.gcon_1 .bd ul li a{ display:block; width:100%; height:100%; position:relative}
.gcon_1 .bd ul li .pic{ width:100%; position:relative}
.gcon_1 .bd ul li .pic img{ width:100%}
.gcon_1 .bd ul li .title{ width:100%; box-sizing:border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:15px; font-size:14px; color:#000; background:rgba(00,00,00,0.2); text-align:center; position:absolute; left:0; bottom:0; transition:all 0.3s linear; opacity:1}
.gcon_1 .bd ul li .s{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:9; background:rgba(43,43,44,0.6);opacity:0; transition:all 0.3s linear}
.gcon_1 .bd ul li .s span{ display:block; width:100%;background:url(../images/g_10.png) top center no-repeat; height:92px; text-align:center; color:#fff; font-size:18px; padding-top:55px; position:absolute; left:0; top:50%; margin-top:-46px; box-sizing:border-box; }
.gcon_1 .bd ul li:hover .s{ opacity:1}
.gcon_1 .bd ul li:hover .title{ opacity:0}
.gcon_1 .hd .axl{ display:none}
@media (max-width:1200px) {
	.gcon_1 .hd ul{ display:none}
	.gcon_1 .hd ul li:hover dl{ display:none}
	.gcon_1 .hd{ width:96%}
	.gcon_1 .hd ul li{ width:50%; text-align:center; box-sizing:border-box}
	.gcon_1 .hd ul li>a{ padding:0; }
	.gcon_1 .hd ul li>a i{ padding:12px 0 12px 24px; background-size:auto 16px!important;font-size:14px}
	.gcon_1 .hd ul li:nth-child(7){ display:none}
	.gcon_1 .bd{ width:96%}
	.gcon_1 .hd .axl{ display:block; background:url(../images/point1.png) left center no-repeat; background-size:40px; padding-left:50px; line-height:40px; border-bottom:1px solid #dcdcdc}
	.gcon_1 .hd .axl a{ display:block; margin-right:10px; font-size:15px; color:#333; float:left}
}
@media (max-width:750px) {
	.gcon_1 .bd{ margin-top:20px}
	.gcon_1 .bd ul li:nth-child(1){ margin-right:0; width:100%}
	.gcon_1 .bd ul li:nth-child(2){ margin-right:2%; width:49%}
	.gcon_1 .bd ul li:nth-child(3){ margin-right:0; width:49%}
	.gcon_1 .bd ul li:nth-child(4){ margin-right:0; width:100%}
	.gcon_1 .bd ul li:nth-child(5){ margin-right:2%; width:49%}
	.gcon_1 .bd ul li:nth-child(6){ margin-right:0; width:49%}
	.gcon_1 .bd ul li:nth-child(7){ margin-right:2%; width:49%}
	.gcon_1 .bd ul li:nth-child(8){ margin-right:0; width:49%}

	.gcon_1 .bd ul li .title{ padding:7px; font-size:13px}
	.gcon_1 .bd ul li .s span{ background-size:auto 60px; margin-top:-30px; font-size:14px; padding-top:30px}
}


.gcon_2{ width:100%; background:#f5f5f5; padding-bottom:66px}
.gcon_2 .nr{ width:1200px; margin:0 auto; position:relative}
.gcon_2 .nr .swiper-container-2{ width:1040px; margin:0 auto; overflow:hidden}
.gcon_2 .nr .swiper-container-2 .swiper-slide{ width:100%}
.gcon_2 .nr .swiper-container-2 .swiper-slide .pic{ width:580px; float:left}
.gcon_2 .nr .swiper-container-2 .swiper-slide .pic img{ width:746px}
.gcon_2 .nr .swiper-container-2 .swiper-slide .title{ width:460px; float:right}
.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1{ width:100%; height:212px; box-sizing:border-box; background:#c21a08; color:#fff; margin:48px 0; padding:46px}
.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1 h3{ font-size:20px; font-weight:normal; line-height:1; background:url(../images/g_15.jpg) left bottom no-repeat; padding-bottom:10px}
.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1 .intro{ text-align:justify; font-size:14px; line-height:2; margin-top:10px}
.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s2{ margin-left:10px}
.gcon_2 .nr .swiper-button-next-2{ background:url(../images/g_13.png) center center no-repeat; width:40px; height:40px; position:absolute; right:0; top:50%; margin-top:-20px; cursor:pointer}
.gcon_2 .nr .swiper-button-prev-2{ background:url(../images/g_12.png) center center no-repeat; width:40px; height:40px; position:absolute; left:0; top:50%; margin-top:-20px; cursor:pointer}

@media (max-width:1200px) {
	.gcon_2{ padding-bottom:30px}
	.gcon_2 .nr{ width:96%; margin:0 auto}
	.gcon_2 .nr .swiper-container-2{ width:calc(100% - 100px)}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .pic{ width:55%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .pic img{ width:130%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title{ width:45%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1{ height:auto; padding:30px; margin:0}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s2{ margin:0; margin-top:10px}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s2 img{ max-width:100%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1 h3{ font-size:16px;}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1 .intro{ font-size:12px}
}
@media (max-width:750px) {
	.gcon_2 .nr .swiper-container-2{ width:calc(100% - 60px)}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .pic{ width:100%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .pic img{ width:100%}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title{ width:100%; margin-top:10px}
	.gcon_2 .nr .swiper-container-2 .swiper-slide .title .s1{ padding:15px}
	.gcon_2 .nr .swiper-button-next-2{ width:30px; height:30px; margin-top:-15px; background-size:30px; right:-2%}
	.gcon_2 .nr .swiper-button-prev-2{ width:30px; height:30px; margin-top:-15px; background-size:30px; left:-2%}
}



.gcon_3{ width:100%; background:url(../images/g_16.jpg) center center no-repeat; background-size:cover; padding:70px 0}
.gcon_3 .nr{ width:1200px; margin:0 auto}
.gcon_3 .nr .lt{ float:left; width:520px;}
.gcon_3 .nr .rt{ float:right}
.gcon_3 .nr .rt img{ max-width:100%}
.gcon_3 .nr .lt h3{ font-size:28px; color:#fcfe00; font-weight:normal; line-height:1; background:url(../images/g_15.jpg) left bottom no-repeat; padding-bottom:18px}
.gcon_3 .nr .lt .intro{ font-size:14px; text-align:justify; line-height:2; color:rgba(255,255,255,0.8); margin:30px 0 65px}
.gcon_3 .nr .lt ul li{ width:32%; float:left; box-sizing:border-box; text-align:center; border:1px solid #b3b0b3; margin-right:2%; margin-bottom:2%;}
.gcon_3 .nr .lt ul li a{ display:block; font-size:16px; color:rgba(255,255,255,0.9); padding:25px 0; height:16px; line-height:16px}
.gcon_3 .nr .lt ul li:nth-child(3n){ margin-right:0}
.gcon_3 .nr .lt ul li:nth-child(6){ background:url(../images/g_31.png) center center no-repeat; border:1px solid rgba(255,255,255,0)}
@media (max-width:1200px) {
	.gcon_3 .nr{ width:96%;}
	.gcon_3 .nr .lt{ width:49%}
	.gcon_3 .nr .rt{ width:49%; margin-top:10px}	
	.gcon_3 .nr .lt h3{ font-size:20px}
	.gcon_3 .nr .lt .intro{ margin:15px 0 20px}
	.gcon_3 .nr .lt ul li{ width:49%;}
	.gcon_3 .nr .lt ul li a{ padding:15px 0; font-size:14px;}
	.gcon_3 .nr .lt ul li:nth-child(3n){ margin-right:2%}
	.gcon_3 .nr .lt ul li:nth-child(2n){ margin-right:0}	
}
@media (max-width:750px) {
	.gcon_3{ padding:30px 0}
	.gcon_3 .nr .lt{ width:100%}
	.gcon_3 .nr .rt{ width:100%; text-align:center}	
	.gcon_3 .nr .lt h3{ font-size:16px}
}

.gcon_4{ padding-bottom:70px}
.gcon_4 .nr{ width:1200px; margin:0 auto; overflow:hidden}
.gcon_4 .nr li{ border:1px solid #d8d8d8; box-sizing:border-box;overflow:hidden}
.gcon_4 .nr li img{ width:calc(100% - 2px)}
.gcon_4 .nr li:nth-child(5n){ margin-right:0}
.gcon_4 .nr 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_4 .nr li: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);}
@media (max-width:1200px) {
	.gcon_4{ padding-bottom:30px}
	.gcon_4 .nr{ width:96%}
	.gcon_4 .nr li{}
}
@media (max-width:750px) {
	
}

.gcon_5{ width:100%; background:url(../images/g_20.jpg) center center no-repeat; background-size:cover; padding:80px 0 130px;background-attachment:fixed!important}
.gcon_5 h3{ font-size:30px; font-weight:normal; color:#ffffff; text-align:center; background:url(../images/g_21.png) bottom center no-repeat; padding-bottom:10px}
.gcon_5 .intro{ width:990px; margin:0 auto; font-size:14px; text-align:center; color:rgba(255,255,255,0.8); padding:45px 0 60px}
.gcon_5 .play{ width:100%; text-align:center; cursor:pointer}

.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:600px; position:absolute; left:50%; margin-left:-300px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(../images/gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1200px) {
	
	.gcon_5 h3{ font-size:20px; background-size:auto 2px}
	.gcon_5{ padding:40px 0 100px }
	.gcon_5 .intro{ width:86%;padding:30px 0 40px}
}

@media (max-width:750px) {
	.gcon_5{background-attachment:local!important}
	.gcon_5{ padding:40px 0 160px}
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}

.gcon_6{ width:1200px; margin:0 auto; background:#fff; box-shadow:0 0 10px rgba(00,00,00,0.1); margin-top:-70px}
.gcon_6 li{ width:33.333%; float:left; box-sizing:border-box; padding-left:65px}
.gcon_6 li a{ display:block; width:100%; height:120px; padding-left:75px}
.gcon_6 li a .p1{ font-size:16px; color:#000; padding-top:40px}
.gcon_6 li a .p2{ text-transform:uppercase; font-size:12px; color:rgba(00,00,00,0.6)}
.gcon_6 li:nth-child(1) a{ background:url(../images/g_23.png) left center no-repeat}
.gcon_6 li:nth-child(2) a{ background:url(../images/g_24.png) left center no-repeat}
.gcon_6 li:nth-child(3) a{ background:url(../images/g_25.png) left center no-repeat}
@media (max-width:1200px) {
	.gcon_6{ width:80%; margin-top:-50px}
	.gcon_6 li a{ height:100px}
	.gcon_6 li a .p1{ padding-top:30px}
	.gcon_6 li{ padding-left:55px}
	.gcon_6 li a{ padding-left:70px; background-size:50px!important}
}
@media (max-width:750px) {
	.gcon_6{ width:80%; margin-top:-120px}
	.gcon_6 li{ width:100%; border-bottom:1px solid rgba(00,00,00,0.1); padding:0; text-align:center}
	.gcon_6 li a{ height:80px; display:inline-block; vertical-align:top; width:auto}
	.gcon_6 li a{ padding-left:50px; background-size:40px!important}
	.gcon_6 li a .p1{ padding-top:20px; font-size:14px}
}

.gcon_7{ width:100%;padding-bottom:70px;}


.gcon_7 .nr-pc{ width:1200px; margin:0 auto; overflow:hidden}
.gcon_7 .nr-pc .bd li{ width:389px; float:left; margin-right:16px}
.gcon_7 .nr-pc .bd li .pic{ width:100%; overflow:hidden}
.gcon_7 .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_7 .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_7 .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_7 .nr-pc .bd li h5 a{ color:#000}
.gcon_7 .nr-pc .bd li .intro{ font-size:14px; color:#000; opacity:0.65; line-height:30px }
.gcon_7 .nr-pc .bd li .time{ color:#000; opacity:0.7; line-height:40px; background:url(../images/g_18x.jpg) left bottom no-repeat}
.gcon_7 .nr-pc .hd{ width:100%; margin-top:60px; text-align:center}
.gcon_7 .nr-pc .hd ul{ display:inline-block; vertical-align:top; text-align:center; padding:0 30px}
.gcon_7 .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_7 .nr-pc .hd ul li.on{ background:#333333; width:26px}
.gcon_7 .nr-pc .hd .prev{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(../images/g_19x.jpg) center center no-repeat; cursor:pointer}
.gcon_7 .nr-pc .hd .next{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(../images/g_20x.jpg) center center no-repeat; cursor:pointer}
.gcon_7 .nr-sj{ display:none;}
.gcon_7 .nr-sj .swiper-container-02{ padding:50px 0; width:96%; margin:0 auto}
.gcon_7 .nr-sj img{ width:100%}
.gcon_7 .nr-sj h5{ font-size:18px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:25px 0 20px}
.gcon_7 .nr-sj h5 a{ color:#000}
.gcon_7 .nr-sj .intro{ font-size:14px; color:#000; opacity:0.65; line-height:30px }
.gcon_7 .nr-sj .time{ color:#000; opacity:0.7; line-height:40px;}
@media (max-width:1200px) {
	.gcon_7 .nr-pc{ display:none}	
	.gcon_7 .nr-sj{ display:block}
}
@media (max-width:640px) {
	.gcon_7{ width:100%;padding-bottom:20px;}
	.gcon_7 h3{ font-size:26px; }
	.gcon_7 .nr-sj .swiper-container-02{ padding:0 0 30px; width:96%; margin:0 auto}
	.gcon_7 .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_7 h3{ font-size:22px;}
	.gcon_7 h4{ font-size:12px; line-height:1.5; padding:20px 10px 0}
	.gcon_7 .nr-sj h5{ font-size:14px;}
	.gcon_7 .nr-sj .intro{ font-size:12px; line-height:22px; height:44px; overflow:hidden}	
}



@media (max-width:750px) {
	.gcon_1 .hd .axl{ background-size:30px; padding-left:40px}
	.gcon_1 .hd .axl a{ font-size:14px;}
}
@media (max-width:690px) {
	.gcon_1 .hd .axl a:nth-child(7){ display:none}
}
@media (max-width:580px) {
	.gcon_1 .hd .axl a:nth-child(6){ display:none}
}
@media (max-width:480px) {
	.gcon_1 .hd .axl a:nth-child(4){ display:none}
}
@media (max-width:350px) {
	.gcon_1 .hd .axl{ background-size:20px; padding-left:28px}
	.gcon_1 .hd .axl a{ margin-right:8px}
	.gcon_1 .hd .axl a:nth-child(5){ margin-right:0}
}