@charset "utf-8";
.banner{ width:100%;  position:relative; height:100vh; overflow:hidden; background:#000}
.banner .swiper01 { width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%;   overflow:hidden; position:relative;   background:#fff}
.banner .swiper-slide a{ display:block; width:100%; height:100%; position:relative }
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover; transition:all 4s; }
.banner .swiper-slide.swiper-slide-active img{ transform:scale(1); }
.banner img.img1{ display:block; width:100%;  }
.banner img.img2{ display:none; width:100%;}
.banner .item{ width:100%; position:absolute; left:0; bottom:300px; text-align:left; color:#fff; z-index:2; }
.banner .item .en{ font-size:52px; font-weight:bold; font-family:Arial }
.banner .item .title{ font-size:38px; line-height:1; }
.banner .item .intro{ font-size:24px; margin-top:25px; opacity:0.8}
.banner .swiper01 .swiper-scrollbar{ width:100%; height:1px; background:rgba(255,255,255,0.1); position:absolute; left:0; bottom:130px; z-index:2}
.banner .swiper01 .swiper-scrollbar .swiper-scrollbar-drag{  background:rgba(255,255,255,0.5); }
.banner .swiper01 .pagination01{ position:absolute; left:50%; margin-left:-880px; bottom:90px; color:#fff; z-index:2; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:1;font-style: italic;}
.banner .swiper01 .pagination01 span.swiper-pagination-current{ display:block; font-size:72px; line-height:1; margin-bottom:30px}
.banner .swiper01 .prev01{ background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:85px; height:69px; position:absolute; bottom:calc(130px - 69px); right:50%; margin-right:calc( -880px + 85px); z-index:2; cursor:pointer}
.banner .swiper01 .next01{ background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:85px; height:69px; position:absolute; bottom:calc(130px); right:50%; margin-right:calc( -880px); z-index:2; transform:rotate(180deg); cursor:pointer}
.banner .swiper01 .prev01:hover{ background:url(g_06.png) center center no-repeat; background-size:100% 100%; transform:rotate(180deg); }
.banner .swiper01 .next01:hover{ background:url(g_06.png) center center no-repeat; background-size:100% 100%;  transform:rotate(0);}
.banner .swiper-slide:nth-child(2) .item{ bottom:auto; top:50%; transform:translateY(-50%); text-align:center}

@media (max-width: 1760px){
	.banner .item{  bottom:200px; }
	.banner .item .en{ font-size:42px;}
	.banner .item .title{ font-size:32px; }
	.banner .item .intro{ font-size:18px; }
	.banner .swiper01 .swiper-scrollbar{ bottom:80px; }
	.banner .swiper01 .pagination01{ margin-left:-600px; bottom:50px;  font-size:16px; }
	.banner .swiper01 .pagination01 span.swiper-pagination-current{  font-size:60px; margin-bottom:20px}
	.banner .swiper01 .prev01{ width:70px; height:57px; bottom:calc(80px - 57px); margin-right:calc( -600px + 70px); }
	.banner .swiper01 .next01{ width:70px; height:57px; bottom:calc(80px); margin-right:calc( -600px);}
}
@media (max-width: 1200px){
	.banner{ height:auto; background:#000}
	.banner img.img2{ display:block; width:100%;  }
	.banner img.img1{ display:none; width:100%;}
	.banner .item{  bottom:40%; }
	.banner .item .en{ font-size:20px; line-height:1.2 }
	.banner .item .title{ font-size:20px; margin-top:15px }
	.banner .item .intro{ font-size:12px; margin-top:20px }
	.banner .swiper01 .swiper-scrollbar{ bottom:80px; }
	.banner .swiper01 .pagination01{ margin-left:0; left:4%; bottom:55px;  font-size:12px; }
	.banner .swiper01 .pagination01 span.swiper-pagination-current{  font-size:40px; margin-bottom:20px}
	.banner .swiper01 .prev01{ width:50px; height:40px; bottom:calc(80px - 40px); margin-right:0; right:calc(4% + 50px) }
	.banner .swiper01 .next01{ width:50px; height:40px; bottom:calc(80px); margin-right:0; right:calc(4%)}	
	
	.banner .swiper-slide:nth-child(1) .item{ bottom:auto; top:50%; transform:translateY(-50%); text-align:center}
	.banner .swiper-slide:nth-child(2) .item{  bottom:40%; top:auto; transform:translateY(0); text-align:left}
}


.gcon_1{ width:100%; padding:120px 0 70px}
.gcon_1 .nr{ display:flex; justify-content: space-between;}
.iihd .en{ text-transform:uppercase; font-size:20px; color:rgba(0,0,0,0.3); line-height:1}
.iihd .cn{ font-size:48px; color:#333333; line-height:1 }
.gcon_1 .lt{ width:1300px;}
.gcon_1 .lt .ibd{ margin-top:22px; font-size:16px; color:#333; text-align:justify; line-height:2}
.gcon_1 .rt{ width:100px; margin-top:30px}
.gcon_1 .rt .more a{ display:block; width:100%; position:relative; padding-bottom:100%; top:-18px}
.gcon_1 .rt .more a:after{ content:""; display:block; width:100%; height:100%; background:url(g_07.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; animation: rotate360 8s linear infinite;}


@keyframes rotate360 {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg);
}
}
.gcon_1 .rt .more a span{ display:block; width:62%; height:62%; border-radius:100%; background:url(g_08.png) center center no-repeat #333333; position:absolute; left:19%; top:19%; background-size:auto 48%}
.gcon_1 .rt .more:hover a span{ background:url(g_08.png) center center no-repeat #f6ab00;  background-size:auto 48%}


@media (max-width: 1760px){
	.gcon_1{ padding:100px 0 60px}
	.iihd .en{ font-size:18px;}
	.iihd .cn{ font-size:42px;  }
	.gcon_1 .lt{ width:900px;}
	.gcon_1 .lt .ibd{ margin-top:20px; font-size:14px; }
	.gcon_1 .rt{ width:90px; margin-top:20px}
}
@media (max-width: 1200px){
	.gcon_1{ padding:40px 0}
	.iihd .en{ font-size:14px;}
	.iihd .cn{ font-size:24px; }
	.gcon_1 .nr{ position:relative; display:block}
	.gcon_1 .lt{ width:100%;}
	.gcon_1 .lt .ibd{ margin-top:25px; font-size:14px; }
	.gcon_1 .rt{ width:60px; margin-top:0; position:absolute; right:0; top:0; z-index:2}
}


.gcon_2{ width:100%; height:auto; position:relative; overflow:hidden}
.gcon_2 .pic{ width:100%; overflow:hidden; position:relative}
.gcon_2 .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_2 .pic .img1{ display:block}
.gcon_2 .pic .img2{ display:none}
.gcon_2 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_2 .pic span{ width:100%; background:url(g_09.png) top center no-repeat; padding-top:82px; font-size:16px; color:#fff; line-height:1; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center; cursor:pointer}
.gcon_2 .videos{ width:100%; display:none; font-size:0}
.gcon_2 .videos video{ width:100%}
@media (max-width: 1200px){
	.gcon_2 .pic .img1{ display:block}
	.gcon_2 .pic .img2{ display:none}
	.gcon_2 .pic span{ background-size:50px; padding-top:60px; font-size:14px;}

}

.gcon_3{ background:#43484e; padding:80px 0; color:#fff; }
.gcon_3 .ibd{ display:flex;justify-content: space-around; align-items: center;}
.gcon_3 .ibd .item .p1{ display:flex; }
.gcon_3 .ibd .item .p1 .num{ font-size:104px; font-family:Arial, Helvetica, sans-serif;line-height:80px; }
.gcon_3 .ibd .item .p1 .bq{ font-size:16px; color:rgba(255,255,255,0.5); line-height:20px; padding-top:60px; padding-left:10px}
.gcon_3 .ibd .item .p2{ font-size:16px; color:rgba(255,255,255,0.5); line-height:20px; padding-top:20px; }
.gcon_3 .ibd .item2{ width:1px; height:110px; background:rgba(255,255,255,0.1)}
.gcon_3 .ibd .item2:last-child{ display:none}
@media (max-width: 1760px){
	.gcon_3{  padding:70px 0; }
	.gcon_3 .ibd{ justify-content: space-between;  }
	.gcon_3 .ibd .item .p1 .num{ font-size:90px; line-height:70px; }
	.gcon_3 .ibd .item .p1 .bq{ font-size:14px; line-height:20px; padding-top:50px;  }
	.gcon_3 .ibd .item .p2{ font-size:14px;  }
	.gcon_3 .ibd .item2{ height:90px }
}
@media (max-width: 1200px){
	.gcon_3{  padding:40px 0; }
	.gcon_3 .ibd .item .p1 .num{ font-size:32px; line-height:36px; }
	.gcon_3 .ibd .item .p1 .bq{ font-size:12px; line-height:12px; padding-top:20px; padding-left:5px  }
	.gcon_3 .ibd .item .p2{ font-size:12px; padding-top:10px  }
	.gcon_3 .ibd .item2{ height:40px }
}
@media (max-width: 750px){
.gcon_3 .ibd{ flex-wrap: wrap;}
.gcon_3 .ibd .item{ width:50%}
.gcon_3 .ibd .item2{ display:none}
.gcon_3 .ibd .item:nth-child(5){ width:100%; margin-top:20px}
}

.gcon_4{ width:100%; position:relative; overflow:hidden}
.gcon_4 .swiper04{ width:100%; position:relative; overflow:hidden}
.gcon_4 .swiper04 .swiper-slide{ width:100%; overflow:hidden; position:relative}
.gcon_4 .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_4 .swiper04 .swiper-slide .pic img{ width:100%}
.gcon_4 .swiper04 .swiper-slide .pic .img1{ display:block}
.gcon_4 .swiper04 .swiper-slide .pic .img2{ display:none}
.gcon_4 .swiper04 .prev04{ position:absolute; background:url(g_16.png) center center no-repeat; background-size:cover; width:60px; height:60px; left:4%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.gcon_4 .swiper04 .next04{ position:absolute; background:url(g_17.png) center center no-repeat; background-size:cover; width:60px; height:60px; right:4%; top:50%; transform:translateY(-50%); z-index:2; cursor:pointer}
.gcon_4 .swiper04 .swiper-slide .item{ position:absolute; left:0; top:15%; z-index:2; width:100%}
.gcon_4 .swiper04 .swiper-slide .item .title{ text-align:center; font-size:48px; color:#333333; line-height:1; position:relative}
.gcon_4 .swiper04 .swiper-slide .item .title i{ display:block; color:rgba(0,0,0,0.1); z-index:-1; position:absolute; left:50%; top:10%; transform:translate(-50%,-50%); font-size:40px; font-family:impact; text-transform:uppercase; width:100%; text-align:center}
.gcon_4 .swiper04 .swiper-slide .item .bq{ font-size:24px; color:#333333; text-align:center; line-height:1; margin-top:20px}
.gcon_4 .swiper04 .swiper-slide .item .intro{ text-align:center; font-size:16px; color:#333333; line-height:2; margin-top:20px}
.gcon_4 .swiper04 .swiper-slide .item .more{ width:142px; height:44px;display:flex; align-items: center; justify-content: center; margin:0 auto; margin-top:40px; background:#51514e; border-radius:5px; font-size:14px; color:rgba(255,255,255,0.5)}
.gcon_4 .swiper04 .swiper-slide .item .more:hover{ background:#f6ab00; color:#fff}
.gcon_4 .swiper04 .swiper-slide ul{ width:100%; position:absolute; left:0; bottom:6%; display:flex; justify-content: space-around; box-sizing:border-box; padding:0 10%}
.gcon_4 .swiper04 .swiper-slide:nth-child(1) ul li{ width:10%}
.gcon_4 .swiper04 .swiper-slide ul li .ico{ width:55px; height:55px; position:relative; margin:0 auto}
.gcon_4 .swiper04 .swiper-slide ul li .ico i{ display:block; width:100%; height:100%; border-radius:50%; box-sizing:border-box; border:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,.3); display:flex; align-items: center; justify-content: center; position:absolute; left:50%; transform:translateX(-50%); bottom:0; transition:all 0.3s}
.gcon_4 .swiper04 .swiper-slide ul li .ico i img{ height:24px; transition:all 0.3s}
.gcon_4 .swiper04 .swiper-slide ul li .title{ font-size:14px; color:rgba(255,255,255,0.5); margin-top:12px; text-align:center}
.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i{ width:114px; height:114px; background:rgba(255,255,255,0.2);}
.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i img{ height:38px}
.gcon_4 .swiper04 .swiper-slide ul li:hover .title{ color:#fff}
@media (max-width: 1760px){
	.gcon_4 .swiper04 .prev04{ width:50px; height:50px;}
	.gcon_4 .swiper04 .next04{ width:50px; height:50px;  }
	.gcon_4 .swiper04 .swiper-slide .item{ position:absolute; left:0; top:15%; z-index:2; width:100%}
	
	.gcon_4 .swiper04 .swiper-slide .item .title{ font-size:42px }
	.gcon_4 .swiper04 .swiper-slide .item .title i{ font-size:36px}
	.gcon_4 .swiper04 .swiper-slide .item .bq{ font-size:20px; }
	.gcon_4 .swiper04 .swiper-slide .item .intro{ font-size:14px; }
	.gcon_4 .swiper04 .swiper-slide .item .more{ width:120px; height:40px; font-size:12px; }
	.gcon_4 .swiper04 .swiper-slide ul{ padding:0 5%}
	.gcon_4 .swiper04 .swiper-slide ul li .ico{ width:50px; height:50px;}
	.gcon_4 .swiper04 .swiper-slide ul li .ico i img{ height:22px; transition:all 0.3s}
	.gcon_4 .swiper04 .swiper-slide ul li .title{ font-size:12px; }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i{ width:100px; height:100px; }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i img{ height:32px}
}
@media (max-width: 1200px){
	.gcon_4 .swiper04 .prev04{ width:40px; height:40px;}
	.gcon_4 .swiper04 .next04{ width:40px; height:40px;  }
	.gcon_4 .swiper04 .swiper-slide .pic .img2{ display:block}
	.gcon_4 .swiper04 .swiper-slide .pic .img1{ display:none}
	.gcon_4 .swiper04 .swiper-slide .item .title{ font-size:24px }
	.gcon_4 .swiper04 .swiper-slide .item .title i{ font-size:20px}
	.gcon_4 .swiper04 .swiper-slide .item .bq{ font-size:16px; }
	.gcon_4 .swiper04 .swiper-slide .item .intro{ font-size:12px; margin-top:15px }
	.gcon_4 .swiper04 .swiper-slide .item .more{ width:100px; height:32px; margin-top:30px}
	.gcon_4 .swiper04 .swiper-slide ul{ padding:0 10%}
	.gcon_4 .swiper04 .swiper-slide ul li .ico{ width:50px; height:50px;}
	.gcon_4 .swiper04 .swiper-slide ul li .ico i img{ height:22px; transition:all 0.3s}
	.gcon_4 .swiper04 .swiper-slide ul li .title{ font-size:12px; }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i{ width:100%; height:100%; }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i img{ height:22px}
	
	
}

@media (max-width: 750px){
	.gcon_4 .swiper04 .prev04{ width:32px; height:32px; top:30%}
	.gcon_4 .swiper04 .next04{ width:32px; height:32px; top:30%  }
	.gcon_4 .swiper04 .swiper-slide .item{ top:30px}
	.gcon_4 .swiper04 .swiper-slide .item .bq{ font-size:14px; }
	.gcon_4 .swiper04 .swiper-slide .item .intro{ padding:0 5% }
	.gcon_4 .swiper04 .swiper-slide .item .more{ width:100px; height:32px; margin-top:30px}
	.gcon_4 .swiper04 .swiper-slide ul{ padding:0 4%}
	.gcon_4 .swiper04 .swiper-slide ul li .ico{ width:36px; height:36px;}
	.gcon_4 .swiper04 .swiper-slide ul li .ico i img{ height:18px; transition:all 0.3s}
	.gcon_4 .swiper04 .swiper-slide ul li .title{ font-size:12px; margin-top:5px }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i{ width:100%; height:100%; }
	.gcon_4 .swiper04 .swiper-slide ul li:hover .ico i img{ height:18px}
	
	.gcon_4 .swiper04 .swiper-slide:nth-child(1) ul{ display:block; font-size:0}
	.gcon_4 .swiper04 .swiper-slide:nth-child(1) ul li{ width:20%; display:inline-block; vertical-align:top; margin-top:15px}
	
	
}

.gcon_5{ padding:120px 0}
.gcon_5 .iihd .p1{ font-size:30px; color:#333333; text-transform:uppercase; padding:18px 0 10px}
.gcon_5 .iihd .p2{ font-size:14px; color:#333333;}
.gcon_5 .ibd{ margin-top:65px; display:flex;justify-content: space-between; }
.gcon_5 .ibd .lt{ width:772px; overflow:hidden}
.gcon_5 .ibd .lt .swiper05{ width:100%; position:relative; overflow:hidden}
.gcon_5 .ibd .lt .swiper05 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_5 .ibd .lt .swiper05 .swiper-slide .pic{ width:100%; position:relative; overflow:hidden}
.gcon_5 .ibd .lt .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 .ibd .lt .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:scal(1.1);}
.gcon_5 .ibd .lt .swiper05 .swiper-slide .item{ width:100%; position:absolute; left:0; bottom:0; padding:45px; color:#fff; box-sizing:border-box; z-index:2}
.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .title{ font-size:28px; line-height:1}
.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .intro{ font-size:16px; margin-top:10px}
.gcon_5 .ibd .lt .swiper05 .pagination05{ position:absolute; left:auto; width:auto; right:45px; bottom:45px; z-index:2; color:#fff; font-size:16px; z-index:12}
.gcon_5 .ibd .rt{ width:850px;}
.gcon_5 .ibd .rt .item{ padding-bottom:45px; margin-bottom:90px; border-bottom:1px solid #e3e4df}
.gcon_5 .ibd .rt .item a{ display:block; background:url(g_13.png) right center no-repeat;}
.gcon_5 .ibd .rt .item a .title{ font-size:36px; color:#333333; line-height:40px}
.gcon_5 .ibd .rt .item a .intro{ font-size:20px; color:rgba(51,51,51,0.5); line-height:30px; margin-top:10px }
.gcon_5 .ibd .rt .item a:hover{ background:url(g_14.png) right center no-repeat;}
.gcon_5 .ibd .rt .item a:hover .title{ color:#f6ab00; font-weight:bold}
.gcon_5 .ibd .rt .item a:hover .intro{ font-weight:bold}
.gcon_5 .ibd .rt .more{ width:100px}
.gcon_5 .ibd .rt .more a{ display:block; width:100%; position:relative; padding-bottom:100%;}
.gcon_5 .ibd .rt .more a:after{ content:""; display:block; width:100%; height:100%; background:url(g_07.png) center center no-repeat; background-size:cover; position:absolute; left:0; top:0; animation: rotate360 8s linear infinite;}
.gcon_5 .ibd .rt .more a span{ display:block; width:62%; height:62%; border-radius:100%; background:url(g_08.png) center center no-repeat #333333; position:absolute; left:19%; top:19%; background-size:auto 48%}
.gcon_5 .ibd .rt .more:hover a span{ background-color:#f6ab00}
@media (max-width: 1760px){
	.gcon_5{ padding:100px 0}
	.gcon_5 .iihd .p1{ font-size:26px; }
	.gcon_5 .iihd .p2{ font-size:12px; }
	.gcon_5 .ibd{ margin-top:50px; }
	.gcon_5 .ibd .lt{ width:530px; overflow:hidden}
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item{ padding:30px; }
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .title{ font-size:24px; }
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .intro{ font-size:14px;  }
	.gcon_5 .ibd .lt .swiper05 .pagination05{ right:30px; bottom:30px; font-size:14px}
	.gcon_5 .ibd .rt{ width:570px;}
	.gcon_5 .ibd .rt .item{ padding-bottom:30px; margin-bottom:50px }
	.gcon_5 .ibd .rt .item a{ background-size:auto 80%}
	.gcon_5 .ibd .rt .item a .title{ font-size:30px; line-height:32px }
	.gcon_5 .ibd .rt .item a .intro{ font-size:16px; line-height:20px }
	.gcon_5 .ibd .rt .item a:hover{  background-size:auto 80%}
	.gcon_5 .ibd .rt .item a:hover .title{ color:#f6ab00; font-weight:bold}
	.gcon_5 .ibd .rt .item a:hover .intro{ font-weight:bold}
	.gcon_5 .ibd .rt .more{ width:90px}	
}
@media (max-width: 1200px){
	.gcon_5{ padding:60px 0}
	.gcon_5 .iihd .p1{ font-size:18px; }
	.gcon_5 .iihd .p2{ font-size:12px; }
	.gcon_5 .ibd{ margin-top:30px; display:block }
	.gcon_5 .ibd .lt{ width:100%; overflow:hidden}
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item{ padding:20px; }
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .title{ font-size:18px; }
	.gcon_5 .ibd .lt .swiper05 .swiper-slide .item .intro{ font-size:12px;  }
	.gcon_5 .ibd .lt .swiper05 .pagination05{ right:20px; bottom:auto; top:20px; font-size:12px}
	.gcon_5 .ibd .rt{ width:100%; margin-top:30px}
	.gcon_5 .ibd .rt .item{ padding-bottom:20px; margin-bottom:20px }
	.gcon_5 .ibd .rt .item a{ background-size:auto 50%}
	.gcon_5 .ibd .rt .item a .title{ font-size:20px; line-height:25px }
	.gcon_5 .ibd .rt .item a .intro{ font-size:12px; line-height:16px }
	.gcon_5 .ibd .rt .item a:hover{  background-size:auto 50%}
	.gcon_5 .ibd .rt .item a:hover .title{ color:#f6ab00; font-weight:bold}
	.gcon_5 .ibd .rt .item a:hover .intro{ font-weight:bold}
	.gcon_5 .ibd .rt .more{ width:60px}	
}
@media (max-width: 750px){
	.gcon_5{ padding:40px 0}
}

.gcon_6{ background:url(g_19.jpg) bottom center no-repeat; background-size:cover; color:#fff; padding-top:100px}
.gcon_6 .hd{ padding-top:40px; width:650px; float:left}
.gcon_6 .iihd .en{ color: rgba(0,0,0,0.5);}
.gcon_6 .iihd .cn{ color: rgba(0,0,0,1);}
.gcon_6 .hd .intro{ font-size:32px; margin-top:70px; line-height:1.4; color:#333}
.gcon_6 .hd .bq{ font-size:16px; margin-top:25px; line-height:1.4; color:#333}
.gcon_6 .hd ul{ margin-top:240px; display:flex; position:relative;  align-items: flex-end;}
.gcon_6 .hd ul li{ position:relative; padding:50px 25px 60px; background:#606469; border-radius:25px 25px 0 0; margin-right:12px; width:216px; box-sizing:border-box; transition:all 0.3s linear}
.gcon_6 .hd ul li.on{ background:rgba(246,171,0.88)}
.gcon_6 .hd ul li .ico{ display:flex; align-items: center; padding-bottom:20px; opacity:0.5; transition:all 0.3s linear }
.gcon_6 .hd ul li .ico .img1{ height:40px; position:relative; z-index:2}
.gcon_6 .hd ul li .ico .img2{ height:34px; margin-left:-12%; position:relative; z-index:1; opacity:0; transition:all 0.3s linear}
.gcon_6 .hd ul li .cn{ font-size:20px; font-weight:bold; line-height:1; color:rgba(255,255,255,0.5)}
.gcon_6 .hd ul li .en{ font-size:12px; text-transform:uppercase; line-height:1; color:rgba(255,255,255,0.4); margin-top:8px}
.gcon_6 .hd ul li .item{ margin-top:35px; padding-top:25px; border-top:1px dashed rgba(255,255,255,0.4); display:none}
.gcon_6 .hd ul li .item .num{ font-size:64px; font-family:Arial, Helvetica, sans-serif; line-height:1}
.gcon_6 .hd ul li .item .title{ font-size:12px; color:rgba(255,255,255,0.4)}
.gcon_6 .hd ul li.on .item{ display:block}
.gcon_6 .hd ul li.on  .ico{ opacity:1 }
.gcon_6 .hd ul li.on .ico .img2{ opacity:1}
.gcon_6 .hd ul li.on .cn{ color:rgba(255,255,255,1)}
.gcon_6 .bd{ width:930px; float:right; overflow:hidden}
.gcon_6 .bd .map{ width:100%; text-align:center}
.gcon_6 .bd .map img{ height:516px}
.gcon_6 .bd .cont{ width:730px; margin:0 auto; margin-top:12px; position:relative}
.gcon_6 .bd .cont .prev06{ width:55px; height:55px; background:url(g_16.png) center center no-repeat; background-size:cover; position:absolute; left:-100px; top:50%; transform:translateY(-50%); cursor:pointer}
.gcon_6 .bd .cont .next06{ width:55px; height:55px; background:url(g_17.png) center center no-repeat; background-size:cover; position:absolute; right:-100px; top:50%; transform:translateY(-50%); cursor:pointer}
.gcon_6 .bd .cont .swiper06{ width:100%; overflow:hidden}
.gcon_6 .bd .cont .swiper06 .swiper-slide{ width:32%; margin-right:2%; border-radius:10px; overflow:hidden; position:relative}
.gcon_6 .bd .cont .swiper06 .swiper-slide:last-child{ margin-right:0}
.gcon_6 .bd .cont .swiper06 .swiper-slide img{ width:100%}
.gcon_6 .bd .cont .swiper06 .swiper-slide .title{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.5);display:flex; align-items: center; justify-content: center; font-size:18px;  color:#fff; font-weight:bold; opacity:0; transition:all 0.5s}
.gcon_6 .bd .cont .swiper06 .swiper-slide 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_6 .bd .cont .swiper06 .swiper-slide:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gcon_6 .bd .cont .swiper06 .swiper-slide:hover .title{ opacity:1}
@media (max-width: 1760px){
	.gcon_6{ padding-top:80px}
	.gcon_6 .hd{ padding-top:0; width:500px; }
	.gcon_6 .hd .intro{ font-size:24px; margin-top:50px; }
	.gcon_6 .hd .bq{ font-size:14px; margin-top:20px; line-height:1.2}
	.gcon_6 .hd ul{ margin-top:100px; }
	.gcon_6 .hd ul li{ padding:40px 20px 50px;  width:190px; }
	.gcon_6 .hd ul li .ico{ padding-bottom:16px; }
	.gcon_6 .hd ul li .ico .img1{ height:36px;  }
	.gcon_6 .hd ul li .ico .img2{ height:30px; }
	.gcon_6 .hd ul li .cn{ font-size:18px; }
	.gcon_6 .hd ul li .item{ margin-top:30px; padding-top:20px; }
	.gcon_6 .hd ul li .item .num{ font-size:56px;  }
	.gcon_6 .bd{ width:640px; margin-top:30px }
	.gcon_6 .bd .map{ width:100%; text-align:center}
	.gcon_6 .bd .map img{ height:335px}
	.gcon_6 .bd .cont{ width:520px; }
	.gcon_6 .bd .cont .prev06{ width:40px; height:40px; left:-60px; }
	.gcon_6 .bd .cont .next06{ width:40px; height:40px; right:-60px; }
	.gcon_6 .bd .cont .swiper06 .swiper-slide .title{ font-size:16px;  }
}
@media (max-width: 1200px){
	.gcon_6{ padding-top:60px}
	.gcon_6 .hd{ width:100%; }
	.gcon_6 .hd .intro{ font-size:18px; margin-top:20px; }
	.gcon_6 .hd ul{ margin-top:40px; }
	.gcon_6 .hd ul li{ padding:20px 15px 20px;  width:48%; border-radius:10px 10px 0 0 }
	.gcon_6 .hd ul li .ico{ padding-bottom:12px; }
	.gcon_6 .hd ul li .ico .img1{ height:28px;  }
	.gcon_6 .hd ul li .ico .img2{ height:24px; }
	.gcon_6 .hd ul li.on .item{ display:none}
	.gcon_6 .hd ul li .cn{ font-size:16px; }
	.gcon_6 .bd{ width:100%; margin-top:30px }
	.gcon_6 .bd .map{ width:100%; text-align:center}
	.gcon_6 .bd .map img{ height:auto; max-width:100%}
	.gcon_6 .bd .cont{ width:100%; }
	.gcon_6 .bd .cont .prev06{ width:30px; height:30px; left:-0; z-index:99 }
	.gcon_6 .bd .cont .next06{ width:30px; height:30px; right:-0; z-index:99 }
	.gcon_6 .bd .cont .swiper06 .swiper-slide{ width:49%}
	.gcon_6 .bd .cont .swiper06 .swiper-slide .title{ font-size:14px;  }
}
@media (max-width:750px){
	.gcon_6{ padding-bottom:40px}
}

.gcon_7{ padding:120px 0}
.gcon_7 .iihd{ text-align:center}
.gcon_7 .ibd{ margin-top:45px}
.gcon_7 .ibd .swiper07{ width:100%; overflow:hidden}
.gcon_7 .ibd .swiper07 .swiper-slide{ width:31.1%; margin-right:3.35%}
.gcon_7 .ibd .swiper07 .swiper-slide:last-child{ margin-right:0}
.gcon_7 .ibd .swiper07 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_7 .ibd .swiper07 .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_7 .ibd .swiper07 .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:scal(1.1);}
.gcon_7 .ibd .swiper07 .swiper-slide .cont .time{ display: flex;position: relative;align-items: flex-end; line-height:1; padding:32px 0 20px; border-bottom:1px solid #f2f2ee}
.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t1{ font-size:44px; color:#333333; font-weight:bold}
.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t2{ font-size:24px; color:#666666; padding-bottom:4px; }
.gcon_7 .ibd .swiper07 .swiper-slide .cont .title{ font-size:22px; color:#333333; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:25px}
.gcon_7 .ibd .swiper07 .swiper-slide .cont .intro{ margin-top:15px; font-size:14px; color:#999999; line-height:20px; height:40px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_7 .ibd .swiper07 .pagination07{ margin-top:30px; text-align:center}
.gcon_7 .ibd .swiper07 .pagination07 span{ width:12px; height:12px; background:#333333; opacity:1}
.gcon_7 .ibd .swiper07 .pagination07 span.swiper-pagination-bullet-active{ background:#f6ab00}
.gcon_7 .ibd .swiper07 .swiper-slide:hover .cont .time .t1{ color:#f6ab00}
.gcon_7 .ibd .swiper07 .swiper-slide:hover .cont .title{ font-weight:bold}
.gcon_7 .ibd .swiper07 .swiper-slide:hover .cont .time .t2{ color:#f6ab00; font-weight:bold}
@media (max-width: 1760px){
	.gcon_7{ padding:100px 0}
	.gcon_7 .ibd{ margin-top:30px}
	.gcon_7 .ibd .swiper07 .swiper-slide{ width:32%; margin-right:2%}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time{ padding:25px 0 20px;}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t1{ font-size:36px;}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t2{ font-size:20px; }
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .title{ font-size:20px;  line-height:30px; height:60px; margin-top:20px}
}
@media (max-width: 1200px){
	.gcon_7{ padding:60px 0}
	.gcon_7 .ibd{ margin-top:30px}
	.gcon_7 .ibd .swiper07 .swiper-slide{ width:48%; margin-right:4%}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time{ padding:20px 0 16px;}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t1{ font-size:28px;}
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .time .t2{ font-size:14px; padding-bottom:2px }
	.gcon_7 .ibd .swiper07 .swiper-slide .cont .title{ font-size:16px;  line-height:25px; height:50px; }
	.gcon_7 .ibd .swiper07 .pagination07 span{ width:10px; height:10px; }
}
@media (max-width: 750px){
	.gcon_7{ padding:40px 0}
	.gcon_7 .ibd{ margin-top:30px}
	.gcon_7 .ibd .swiper07 .swiper-slide{ width:100%; margin-right:0}
}












.gsjs02{ padding:120px 0; background:url(pp1.jpg) center center no-repeat; background-size:cover }
.gsjs02 .ihd .en{ font-size:20px; color:rgba(51,51,51,0.3); text-transform:uppercase}
.gsjs02 .ihd .cn{ font-size:54px; color:#333333; line-height:1; padding-top:5px}
.gsjs02 .ihd .intro{ font-size:16px; text-align:center; color:#333; margin-top:30px}
@media (max-width: 1760px){
	.gsjs02{ padding:100px 0;}
	.gsjs02 .ihd .en{ font-size:16px;}
	.gsjs02 .ihd .cn{ font-size:36px}
	.gsjs02 .ihd .intro{ font-size:14px; margin-top:25px}
}
@media (max-width: 1200px){
	.gsjs02{ padding:60px 0;}
	.gsjs02 .ihd .en{ font-size:14px;}
	.gsjs02 .ihd .cn{ font-size:24px}
	.gsjs02 .ihd .intro{ font-size:12px; margin-top:20px}
}
@media (max-width: 750px){
	.gsjs02{ padding:40px 0;}
	.gsjs02 .ihd .intro{ margin-top:12px}
	.gsjs02 .ihd .en{ font-size:10px;}
	.gsjs02 .ihd .cn{ font-size:20px; padding-top:5px}
}

.gsjs02 .ihd{ text-align:center}
.gsjs02 .ibd{ margin-top:60px;display:flex; align-items: center; justify-content: center; flex-direction: row-reverse;}
.gsjs02 .ibd .pic{ width:920px; overflow:hidden; position:relative}
.gsjs02 .ibd .pic .acon{ width:400px; height:100%; position:absolute; left:0; top:0; z-index:2; background:rgba(0,0,0,0.6); display:flex; align-items: center; box-sizing:border-box; padding:0 45px }
.gsjs02 .ibd .pic .acon  .intro{ font-size:16px; line-height:2; color:#fff}
.gsjs02 .ibd .pic .acon  .intro div{ text-align:left!important}
.gsjs02 .ibd .pic .acon  .more a{ display:flex; align-items: center; justify-content: center; width:142px; height:44px; background:rgba(255,255,255,0.3); border-radius:5px; color:#fff; font-size:14px; margin-top:50px}
.gsjs02 .ibd .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;}
.gsjs02 .ibd .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.gsjs02 .ibd .cont{ width:calc(100% - 920px); box-sizing:border-box; padding-right:40px}
.gsjs02 .ibd .cont .item{  width:33.333333333333%; float:left; position:relative; text-align:center; margin-bottom:100px}
.gsjs02 .ibd .cont .item:nth-child(n+4){ margin-bottom:0}
.gsjs02 .ibd .cont .item:nth-child(3n):after{ width:0}
.gsjs02 .ibd .cont .item:after{ content:""; display:block; width:1px; height:90%; position:absolute; right:0; top:5%; background:#b2b2b2}
.gsjs02 .ibd .cont .item .ico img{ height:70px}
.gsjs02 .ibd .cont .item .ico img.img1{ display:inline-block}
.gsjs02 .ibd .cont .item .ico img.img2{ display:none}
.gsjs02 .ibd .cont .item .title{ font-size:22px; color:#333; line-height:1; margin-top:25px; padding:0 5%}
.gsjs02 .ibd .cont .item:hover .ico img.img1{ display:none}
.gsjs02 .ibd .cont .item:hover .ico img.img2{ display:inline-block}
.gsjs02 .ibd .cont .item:hover .title{ color:#f6ab00} 
@media (max-width: 1760px){
	.gsjs02 .ibd{ margin-top:40px; }
	.gsjs02 .ibd .pic{ width:52%;}
	.gsjs02 .ibd .cont{ width:48%; padding-right:20px}
	.gsjs02 .ibd .cont .item{ margin-bottom:70px}
	.gsjs02 .ibd .cont .item .ico img{ height:55px}
	.gsjs02 .ibd .cont .item .title{ font-size:18px; }
	
	.gsjs02 .ibd .pic .acon{ width:320px; padding:0 30px }
	.gsjs02 .ibd .pic .acon  .intro{ font-size:14px; }
	.gsjs02 .ibd .pic .acon  .more a{  width:120px; height:40px; font-size:12px; margin-top:35px}

}
@media (max-width: 1200px){
	.gsjs02 .ibd{ margin-top:30px; display:block }
	.gsjs02 .ibd .pic{ width:100%;}
	.gsjs02 .ibd .cont{ width:100%; padding-right:0}
	.gsjs02 .ibd .cont .item{ margin-bottom:0; margin-top:40px}
	.gsjs02 .ibd .cont .item .ico img{ height:42px}
	.gsjs02 .ibd .cont .item .title{ font-size:16px; margin-top:20px }
	.gsjs02 .ibd .pic .acon  .more a{  width:100px; height:35px; font-size:12px; margin-top:25px}
}
@media (max-width: 750px){
	.gsjs02 .ibd{ margin-top:20px; display:block }
	.gsjs02 .ibd .cont .item{ margin-bottom:0; margin-top:20px}
	.gsjs02 .ibd .cont .item .ico img{ height:32px}
	.gsjs02 .ibd .cont .item .title{ font-size:13px; margin-top:12px }
	
	.gsjs02 .ibd .pic .acon{ width:100%; padding:0 16px }
	.gsjs02 .ibd .pic .acon  .intro{ font-size:14px; line-height:1.4 }
	.gsjs02 .ibd .pic .acon  .more a{  width:90px; height:30px; font-size:12px; margin-top:15px}
}