@charset "utf-8";
.banner{ width:100%; position:relative}
.banner img{ width:100%}
.banner img.img1{ display:block}
.banner img.img2{ display:none}
.banner .item{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.banner .item .title{  font-size:60px; color:#fff; font-weight:bold; line-height:1}
.banner .item .title i{ color:#e71927}
.banner .item .intro{ font-size:30px; color:#fff; padding:20px 0 0; height:130px}
.banner .item .more{ background:url(g_05.png) center center no-repeat; width:292px; height:80px; background-size:100% 100%;display:flex;align-items: center;justify-content: center;}
.banner .item .more:hover{ background:url(g_05_2.png) center center no-repeat;background-size:100% 100%;}
.banner .item .more i{ background:url(g_04.png) right center no-repeat; padding-right:90px; font-size:16px; color:#fff; height:100%;display:flex;align-items: center; }

.banner .swiper01 .pagination01{ position:absolute; left:0; width:100%; text-align:center;  bottom:45px; z-index:9; color:#fff}
.banner .swiper01 .pagination01 span{ opacity:1;  margin-right:30px; width:16px; height:16px; background:url(g_23.png) center center no-repeat;}
.banner .swiper01 .pagination01 span:after{ content:""; display:inline-block; width:20px; height:2px; background:#fff; vertical-align:top; margin:7px 23px ; }
.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active{ background:url(g_24.png) center center no-repeat}
.banner .swiper01 .pagination01 span:last-child:after{ width:0}



.banner .swiper01 .prev01,
.banner .swiper01 .next01{position: absolute; width: 44px; height: 44px; border-radius: 50%; background: #fff; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 4; transition: all 0.3s;}
.banner .swiper01 .prev01{left: 2%;}
.banner .swiper01 .next01{right: 2%;}
.banner .swiper01 .prev01::before,
.banner .swiper01 .next01::before{content: '\20'; position: absolute; top: 50%; width: 10px; height: 10px; border-right: 3px solid #559b2a; border-bottom: 3px solid #559b2a; transition: all 0.3s;}
.banner .swiper01 .prev01::before{transform: translateY(-50%) rotate(135deg); left: 18px;}
.banner .swiper01 .next01::before{transform: translateY(-50%) rotate(-45deg); right: 18px;}
.banner .swiper01 .prev01:hover,
.banner .swiper01 .next01:hover{background: #579e2b;}
.banner .swiper01 .prev01:hover::before,
.banner .swiper01 .next01:hover::before{border-color: #fff;}

@media screen and (max-width: 1200px) {


}



@media (max-width: 1700px){
	.banner .item .title{  font-size:42px;}
	.banner .item .intro{ font-size:24px; height:120px}
	.banner .item .more{  width:220px; height:60px;}
	.banner .item .more i{ background:url(g_04.png) right center no-repeat; background-size:20px; padding-right:60px; font-size:14px;}
	.banner .swiper01 .pagination01{ }

	
}
@media (max-width: 1200px){
	.banner img.img2{ display:block}
	.banner img.img1{ display:none}
	.banner .item{ top:calc(50% + 30px)}
	.banner .item .title{  font-size:20px;}
	.banner .item .intro{ font-size:14px; height:60px; padding-top:15px}
	.banner .item .more{  width:120px; height:36px;}
	.banner .item .more i{ background:url(g_04.png) right center no-repeat; background-size:16px; padding-right:24px; font-size:12px;}
	.banner .swiper01 .pagination01{  bottom:20px}
	.banner .swiper01 .pagination01 span:after{ width:0}
	.banner .swiper01 .pagination01 span.swiper-pagination-bullet-active:after{ width:0}
	.banner .swiper01 .pagination01 span:last-child{ margin-right:0}
}

.gcon_1{ width:100%; background:url(g_04.jpg) bottom center no-repeat; padding:180px 0 390px; background-size:cover}
.ihd .en{ font-size:25px; color:#246b58; font-family:Arial; text-transform:uppercase; line-height:1}
.ihd .cn{ font-size:40px; color:#246b58; font-family:"azt"; line-height:1; margin-top:15px; font-weight:bold}
.gcon_1 .intro{ width:740px; font-size:16px; line-height:2; text-align:justify; color:#666666; margin-top:70px}
.gcon_1 .more{ margin-top:100px}
.gcon_1 .more a{ display:block; background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:155px; height:51px;display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff}
.gcon_1 .more a:hover{ background:url(g_05_2.png) center center no-repeat;background-size:100% 100%;}
@media (max-width: 1600px){
	.gcon_1{ padding:150px 0 320px}
	.ihd .en{ font-size:22px;}
	.ihd .cn{ font-size:36px;}
	.gcon_1 .intro{ width:600px; font-size:14px; margin-top:50px}
	.gcon_1 .more{ margin-top:80px}
	.gcon_1 .more a{ width:140px; height:47px; font-size:14px;}

}
@media (max-width: 1440px){
	.gcon_1{ padding:120px 0 280px}
}
@media (max-width: 1200px){
	.ihd .en{ font-size:20px;}
	.ihd .cn{ font-size:32px; margin-top:12px}
	.gcon_1{ padding:60px 0 200px}
}
@media (max-width: 750px){
	.ihd .en{ font-size:16px;}
	.ihd .cn{ font-size:24px; margin-top:10px}
	.gcon_1{ padding:60px 0 400px}
	.gcon_1 .intro{ width:100%; margin-top:30px}
	.gcon_1 .more{ margin-top:40px}
	.gcon_1 .more a{ width:120px; height:42px; font-size:12px;}
}

.gcon_2{ background:url(g_06.jpg) center center no-repeat; background-size:cover; padding:110px 0 90px}
.gcon_2 .ibd{ margin-top:60px}
.gcon_2 .ibd ul li{ width:331px; float:left; position:relative; transition:all 0.3s; margin-right:37px}
.gcon_2 .ibd ul li.on{ width:495px;}
.gcon_2 .ibd ul li .pic1{ width:331px; overflow:hidden; transition:all 0.3s}
.gcon_2 .ibd ul li .pic1 img{ width:100%}
.gcon_2 .ibd ul li .pic2{ width:495px; overflow:hidden; position:absolute; left:0; top:0; z-index:2; transition:all 0.3s; opacity:0; visibility:hidden}
.gcon_2 .ibd ul li .pic2 img{ width:100%}
.gcon_2 .ibd ul li.on .pic1{ opacity:0; visibility:hidden}
.gcon_2 .ibd ul li.on .pic2{ opacity:1; visibility:visible}
.gcon_2 .ibd ul li:last-child{ margin-right:0}
.gcon_2 .ibd ul li .title{ width:30px; font-size:30px; font-weight:bold; color:#246b58; font-family:"azt"; text-align:center; position:absolute; left:50%; margin-left:-15px; top:100px; z-index:3; line-height:1.4;  writing-mode: vertical-rl; transition:all 0.3s }
.gcon_2 .ibd ul li .more{ width:100%; position:absolute; left:0; bottom:120px; z-index:3; display:none}
.gcon_2 .ibd ul li .more i{ display:block; background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:155px; height:51px; margin:0 auto; display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff}
.gcon_2 .ibd ul li.on .more i{ background:url(g_05_2.png) center center no-repeat;background-size:100% 100%;}
.gcon_2 .ibd ul li.on .more{ display:block}
.gcon_2 .ibd ul li.on .title{ left:20%}
@media (max-width: 1600px){
	.gcon_2{ padding:100px 0 80px}
	.gcon_2 .ibd{ margin-top:50px}
	.gcon_2 .ibd ul li{ width:245px;  margin-right:28px}
	.gcon_2 .ibd ul li.on{ width:380px;}
	.gcon_2 .ibd ul li .pic1{ width:245px;}
	.gcon_2 .ibd ul li .pic2{ width:380px;}
	.gcon_2 .ibd ul li .title{ font-size:24px; top:80px}
	.gcon_2 .ibd ul li .more{ bottom:80px}
	.gcon_2 .ibd ul li .more i{ width:140px; height:47px; font-size:14px;}

}
@media (max-width: 1200px){
	.gcon_2{ padding:80px 0 50px}
	.gcon_2 .ibd{ margin-top:30px}
	.gcon_2 .ibd ul li{ width:48.5%;  margin-right:3%; margin-bottom:3%}
	.gcon_2 .ibd ul li:nth-child(2n){ margin-right:0}
	.gcon_2 .ibd ul li.on{ width:48.5%;}
	.gcon_2 .ibd ul li .pic1{ width:100%; display:none}
	.gcon_2 .ibd ul li .pic2{ width:100%; display:block; opacity:1; visibility:visible; position:relative}
	
	.gcon_2 .ibd ul li .title{ font-size:16px; width:100%; left:0; margin-left:auto; top:40px;writing-mode:horizontal-tb; }
	.gcon_2 .ibd ul li.on .title{ left:0}
	.gcon_2 .ibd ul li .more{ bottom:10px}
	.gcon_2 .ibd ul li .more i{ width:100px; height:36px; font-size:12px;}
	

}
@media (max-width: 750px){
	.gcon_2{ padding:40px 0 30px}
	.gcon_2 .ibd{ margin-top:20px}
}

.gcon_3{ background:url(g_13.jpg) center center no-repeat; background-size:cover; padding:240px 0 160px; position:relative}
.gcon_3 .ico1{ position:absolute; right:0; top:40px; z-index:9; width:calc(519 / 1920 *100%)}
.gcon_3 .ico1 img{ width:100%}
.gcon_3 .nr{ position:relative}
.gcon_3 .nr .lt{ width:1400px; background:#fff; box-sizing:border-box; padding:100px 0 160px 100px; box-shadow:0 0 20px rgba(0,0,0,.1); position:relative}
.gcon_3 .nr .rt{ width:875px; position:absolute; right:0; top:105px; z-index:2}
.gcon_3 .nr .rt img{ width:100%}
.gcon_3 .nr .rt span{ display:block; width:76px; height:76px; background:url(play.png) center center no-repeat; background-size:cover; position:absolute; left:50%; top:50%; margin:-38px 0 0 -38px; z-index:2; cursor:pointer}

.gcon_3 .nr .rt span{box-shadow: 0 0 rgba(255,255,255, 0.5),0 0 0 15px rgba(255,255,255, 0.4),0 0 0 30px rgba(255,255,255,0.3); animation: ripple-wave1 1s linear infinite; animation-play-state: running; opacity: 1; visibility: visible; transform: scale(1); -webkit-animation: ripple-wave1 1s linear infinite; transform: scale(0.8); border-radius:50%}


@keyframes ripple-wave1{
	to {
		box-shadow: 0 0 0 15px rgba(255,255,255, 0.5),0 0 0 30px rgba(255,255,255, 0.4),0 0 0 45px rgba(255,255,255,0.3)
	}
  }
.gcon_3 .nr .lt .ico3{ margin:30px 0}
.gcon_3 .nr .lt .ico3 img{ height:85px}
.gcon_3 .nr .lt .title{ font-size:24px; color:#000000; margin-top:60px; line-height:1; display:none}
.gcon_3 .nr .lt .intro{ width:465px; text-align:justify; line-height:2; margin-top:20px; font-size:16px; color:#666666}
.gcon_3 .nr .lt .more{ margin-top:50px}
.gcon_3 .nr .lt .more a{ display:block; background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:155px; height:51px;display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff}
.gcon_3 .nr .lt .more a:hover{ background:url(g_05_2.png) center center no-repeat;background-size:100% 100%;}
.gcon_3 .ico2{ position:absolute; left:-75px; bottom:-65px; z-index:9; width:315px}
.gcon_3 .ico2 img{ width:100%}
@media (max-width: 1600px){
	.gcon_3{ padding:160px 0 120px}
	.gcon_3 .nr .lt{ width:1000px; padding:80px 0 140px 80px}
	.gcon_3 .nr .rt{ width:650px; top:90px}
	.gcon_3 .nr .lt .ico3{ margin:25px 0}
	.gcon_3 .nr .lt .ico3 img{ height:70px}
	.gcon_3 .nr .lt .title{ font-size:20px; margin-top:40px;}
	.gcon_3 .nr .lt .intro{ width:410px;  margin-top:16px; font-size:14px}
	.gcon_3 .nr .lt .more{ margin-top:40px}
	.gcon_3 .nr .lt .more  a{ width:140px; height:47px; font-size:14px;}
	.gcon_3 .ico2{ left:-55px; bottom:-50px; width:260px}

}
@media (max-width: 1200px){
	.gcon_3{ padding:60px 0}
	.gcon_3 .nr .lt{ width:100%; padding:40px 40px 100px }
	.gcon_3 .nr .rt{ width:100%; top:auto; position:relative; margin-top:30px}
	.gcon_3 .nr .lt .ico3{ margin:15px 0}
	.gcon_3 .nr .lt .ico3 img{ height:60px}
	.gcon_3 .nr .lt .title{ font-size:18px; margin-top:20px;}
	.gcon_3 .nr .lt .intro{ width:100%;  margin-top:12px; font-size:12px}
	.gcon_3 .nr .lt .more{ margin-top:20px}
	.gcon_3 .nr .lt .more  a{ width:120px; height:42px; font-size:12px;}
	.gcon_3 .ico2{ left:-20px; bottom:-20px; width:160px}
	.gcon_3 .ico1{ width:20%; top:0}
	.gcon_3 .nr .rt span{ width:60px; height:60px; margin:-30px 0 0 -30px;}

}
@media (max-width: 750px){
	.gcon_3{ padding:40px 0}
	.gcon_3 .nr .lt{ padding:20px 20px 70px }
	.gcon_3 .nr .rt{ width:100%; top:auto; position:relative; margin-top:30px}
	.gcon_3 .ico2{ left:-15px; bottom:-20px; width:120px}
	.gcon_3 .ico1{ width:40%; top:0}

}

.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{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(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) {
	.video .s1 video{ width:90vw; height:auto}
}





.gcon_4{ width:100%; height:100%; background:url(g_14.jpg) center center no-repeat; background-size:cover; padding:180px 0 }
.gcon_4 .lt{ width:360px; float:left; margin-top:150px}
.gcon_4 .lt .more{ margin-top:100px }
.gcon_4 .lt .more a{ display:block; background:url(g_05.png) center center no-repeat; background-size:100% 100%; width:155px; height:51px;display:flex;align-items: center;justify-content: center; font-size:16px; color:#fff; margin-bottom:20px}
.gcon_4 .lt .more a:hover{ background:url(g_05_2.png) center center no-repeat;background-size:100% 100%;}

.gcon_4 .ibd{ width:calc(100% - 360px); padding:20px; box-sizing:border-box; float:right; overflow:hidden}
.gcon_4 .ibd .swiper04{ width:100%}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:calc(100% / 3); box-sizing:border-box; padding:60px 30px 15px; position:relative}
.gcon_4 .ibd .swiper04 .swiper-slide:after{ content:""; display:block; width:1px; height:60%; position:absolute; right:0; top:20%; background:#f1f1f1}
.gcon_4 .ibd .swiper04 .swiper-slide .time{ font-size:14px; color:#666}
.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:22px; color:#1a191a; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden; margin-top:40px}
.gcon_4 .ibd .swiper04 .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_4 .ibd .swiper04 .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_4 .ibd .swiper04 .swiper-slide .intro{ margin-top:40px; font-size:14px; color:rgba(27,27,27,0.85); line-height:25px; height:75px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.gcon_4 .ibd .swiper04 .swiper-slide .more{ margin-top:40px; position:relative;  background:url(g_17.png) right center no-repeat; line-height:75px; font-size:14px; color:#1b1b1b; position:relative; border-top:1px solid #d3d3ec; transition:all 0.3s}
.gcon_4 .ibd .swiper04 .swiper-slide .more:after{ content:""; display:block; width:0; height:1px; background:#e4bc02; position:absolute; left:0; top:-1px; transition:all 0.3s}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .more{ border-top:1px solid #929292; background:url(g_18.png) right center no-repeat}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .more:after{ width:100%}
.gcon_4 .ibd .swiper04 .swiper-slide:hover{ box-shadow: 0 0 10px rgba(13,11,123,0.1); background:url(g_15.jpg) center center no-repeat; background-size:cover; border-radius:50px 0}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .time{ color:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .title{ color:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .intro{ color:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide:hover .more{ color:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide:hover:after{ height:0}

@media (max-width: 1600px){
	.gcon_4{ padding:120px 0}
	.gcon_4 .lt{ width:280px}
	.gcon_4 .ibd{ width:calc(100% - 280px)}
	
	.gcon_4 .lt .more a{ width:140px; height:47px; font-size:14px;}
	.gcon_4 .ibd .swiper04 .swiper-slide{ padding:40px 20px 15px}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:20px; line-height:28px; height:56px; margin-top:16px}
	.gcon_4 .ibd .swiper04 .swiper-slide .pic{ margin-top:30px}
	.gcon_4 .ibd .swiper04 .swiper-slide .intro{ margin-top:30px}
	.gcon_4 .ibd .swiper04 .swiper-slide .more{ margin-top:30px; line-height:70px}
	
	
}
@media (max-width: 1200px){
	.gcon_4 { padding:60px 0}
	.gcon_4 .nr{  position:relative; }
	.gcon_4 .nr .lt{ width:100%; margin:0}
	
	.gcon_4 .lt .more{ position:absolute; right:0; top:0; margin:0}
	.gcon_4 .lt .more a{ width:120px; height:42px; font-size:12px; float:left; margin-left:15px}
	.gcon_4 .ibd{ width:100%; padding:0; margin-top:40px}
	.gcon_4 .ibd .swiper04 .swiper-slide:nth-child(1)::before{/* content:""; display:block; width:1px; height:60%; position:absolute; left:0; top:20%; background:#f1f1f1*/}
	.gcon_4 .ibd .swiper04 .swiper-slide{ padding:0 20px}
	.gcon_4 .ibd .swiper04 .swiper-slide .time{ font-size:12px; padding-top:10px}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ font-size:16px; line-height:26px; height:52px; margin-top:12px}
	.gcon_4 .ibd .swiper04 .swiper-slide .pic{ margin-top:20px}
	.gcon_4 .ibd .swiper04 .swiper-slide .intro{ margin-top:20px; font-size:12px; line-height:22px; height:66px}
	.gcon_4 .ibd .swiper04 .swiper-slide .more{ margin-top:20px; line-height:60px; font-size:12px; background-size:18px}
	.gcon_4 .ibd .swiper04 .swiper-slide:hover{ border-radius:20px 0; box-shadow:0 0 0}
	.gcon_4 .lt .btn .prev06,.gcon_4 .lt .btn .next06{ width:36px; height:36px}
	
}
@media (max-width:750px){
	.gcon_4 { padding:40px 0}
	.gcon_4 .ibd{ margin-top:10px}
	.gcon_4 .ibd .swiper04 .swiper-slide{ width:49%; padding:10px; margin-right:2%}
	.gcon_4 .ibd .swiper04 .swiper-slide:last-child{ margin-right:0}
	.gcon_4 .ibd .swiper04 .swiper-slide:after{ width:0}
	.gcon_4 .nr{  position:relative;}
	.gcon_4 .lt .more{ position:relative; width:100%;  margin-top:20px}
	.gcon_4 .lt .more a{ margin-bottom:0}
	.gcon_4 .lt .more a:nth-child(1){ margin-left:0}
	
	.gcon_4 .ibd .swiper04 .swiper-slide .more{ border-top:1px solid #929292; background:url(g_18.png) right center no-repeat}
	.gcon_4 .ibd .swiper04 .swiper-slide .more:after{ width:100%}
	.gcon_4 .ibd .swiper04 .swiper-slide{ box-shadow: 0 0 10px rgba(13,11,123,0.1); background:url(g_15.jpg) center center no-repeat; background-size:cover; border-radius:20px 0}
	.gcon_4 .ibd .swiper04 .swiper-slide .time{ color:#fff}
	.gcon_4 .ibd .swiper04 .swiper-slide .title{ color:#fff}
	.gcon_4 .ibd .swiper04 .swiper-slide .intro{ color:#fff}
	.gcon_4 .ibd .swiper04 .swiper-slide .more{ color:#fff}
	.gcon_4 .ibd .swiper04 .swiper-slide:after{ height:0}
	
}