@charset "utf-8";
.banner{ width:100%; position:relative; height:100vh}
.banner .swiperB{ width:100%; height:100%}
.banner  img{ width:100%; height:100%; object-fit:cover}
.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 .nr{ position:relative; top:150px; transition:all 0.8s linear; opacity:0}
.banner .item .title{  font-size:70px; color:#fff; line-height:1.2; }
.banner .swiperB .swiper-slide{ position:relative; width:100%; height:100%;}
.banner .swiper-slide.swiper-slide-active .item .nr{ opacity:1; top:0}
.banner .item .intro{ font-size:30px; color:#fff; padding:50px 0 0; width:74%}
.banner .item .more{ height:70px; margin-top:100px; display:flex;align-items: center; border:2px solid #fff; border-radius:40px; padding:0 50px; width:fit-content}
.banner .item .more i{  font-size:16px; color:#fff; background:url(g_05.png) right center no-repeat; padding-right:65px; height:36px; background-size:auto 36px;display:flex; align-items: center; }
.banner .swiperB .paginationB{ position:absolute; left:calc(50% - 840px); width:1680px;  width:100%; bottom:80px; text-align:left; z-index:9; color:#fff}
.banner .swiperB .paginationB span{ width:16px; height:16px; background:url(g_06.png) center center no-repeat; background-size:cover; margin:0 8px; border-radius:0; opacity:1}
.banner .swiperB .paginationB span.swiper-pagination-bullet-active{ background:url(g_07.png) center center no-repeat; background-size:cover;}
.banner .swiperB .swiper-slide{ width:100%; overflow:hidden}
.banner .swiperB .swiper-slide a>img{ transform:scale(1.1); transition:all 3s}
.banner .swiperB .swiper-slide.swiper-slide-active img{ transform:scale(1)}
.banner .swiperB .swiper-slide .item .more:hover img{ transform:rotate(45deg)}
.banner .swiperB .btn{ position:absolute; right:calc(50% - 840px); bottom:70px; width:130px; display:flex;justify-content: space-between;  align-items: center; z-index:10}
.banner .swiperB .btn .prevB{ width:28px; height:28px; background:url(g_08.png) center center no-repeat rgba(255,255,255,0.1); border-radius:5px; cursor:pointer}
.banner .swiperB .btn .i{ width:1px; height:20px; background:#7d8d9f; }
.banner .swiperB .btn .nextB{ width:28px; height:28px; background:url(g_08.png) center center no-repeat rgba(255,255,255,0.1); border-radius:5px; transform:rotate(180deg); cursor:pointer}
.banner .swiperB1{ display:block}
.banner .swiperB2{ display:none}
@media (max-width: 1680px) {
	.banner .item .title{  font-size:50px;}
	.banner .item .intro{ font-size:24px; padding:40px 0 0; width:85%}
	.banner .item .more{ height:62px; margin-top:80px; padding:0 40px; }
	.banner .item .more i{  font-size:14px; padding-right:50px; height:30px; background-size:auto 100%;  }
	.banner .swiperB .paginationB{ left:calc(50% - 600px); width:1200px;  bottom:60px;}
	.banner .swiperB .btn{ right:calc(50% - 600px); bottom:50px; width:120px;}
	
}
@media (max-width: 1200px){
	.banner{ width:100%; position:relative; height:auto}
	.banner  img.img2{ display:block}
	.banner  img.img1{ display:none}
	.banner .vvs{ display:none}
	.banner  video{ display:none}
	
	.banner .swiperB2{ display:block}
	.banner .swiperB1{ display:none}
	
	
	.banner .item .title{  font-size:20px;}
	.banner .item .intro{ font-size:12px; padding:20px 0 0; width:100%}
	.banner .item .more{ height:40px; border:1px solid #fff; margin-top:40px; padding:0 20px; }
	.banner .item .more i{  font-size:12px; padding-right:40px; height:24px; background-size:auto 100%;  }
	.banner .swiperB .paginationB{ left:4%; width:auto;  bottom:20px;}
	.banner .swiperB .btn{ right:4%; bottom:10px; width:90px;}
	
	.banner .swiperB .btn .prevB{ width:22px; height:22px; background:url(g_08.png) center center no-repeat rgba(255,255,255,0.1); background-size:auto 10px; border-radius:5px; cursor:pointer}
	.banner .swiperB .btn .i{ width:1px; height:12px; background:#7d8d9f; }
	.banner .swiperB .btn .nextB{width:22px; height:22px; background:url(g_08.png) center center no-repeat rgba(255,255,255,0.1); background-size:auto 10px; border-radius:5px; transform:rotate(180deg); cursor:pointer}

}


.gcon_1{ width:100%; background:url(g_10.jpg) bottom center no-repeat; background-size:100%; padding:90px 0}
.gcon_1 .lt{ width:735px; float:left}
.gcon_1 .lt .title{ font-size:40px; color:#045ec4; font-weight:bold; line-height:1}
.gcon_1 .lt .title i{ font-size:30px; color:#d0b55b; font-weight:normal; display:inline-block; vertical-align:bottom; padding-left:10px; font-family:"黑体";}
.gcon_1 .lt .intro{ font-size:18px; color:#333333; line-height:2; text-align:justify; margin-top:40px}
.gcon_1 .lt .more{ margin-top:40px}
.gcon_1 .lt .more a{ height:70px; display:flex;align-items: center; border:2px solid #d0b55b; border-radius:40px; padding:0 50px; width:fit-content}
.gcon_1 .lt .more a i{  font-size:16px; color:#333333; background:url(g_09.png) right center no-repeat; padding-right:65px; height:36px; background-size:auto 36px;display:flex; align-items: center; }
.gcon_1 .lt .alist{ margin-top:70px; background:url(g_11.png) center center no-repeat; width:868px; height:149px; position:relative; left:-120px; box-sizing:border-box; padding-left:120px; padding-right:170px; display:flex;justify-content: space-between; align-items: center; color:#fff; position:relative}
.gcon_1 .lt .alist:after{ content:""; display:block; background:#0873b4; width:100vw; height:100%; position:absolute; right:100%; top:0}
.gcon_1 .lt .alist .p1{ display:flex; align-items: end; line-height:0.6; padding-top:10px}
.gcon_1 .lt .alist .p1 .a1{ font-size:62px; font-family:Arial;}
.gcon_1 .lt .alist .p1 .a2{ font-size:16px; color:rgba(255,255,255,0.5); margin-left:15px}
.gcon_1 .lt .alist .p2{ font-size:16px; color:rgba(255,255,255,0.5); margin-top:20px; max-width:180px}
.gcon_1 .rt{ width:760px; float:right; position:relative; margin-right:90px}
.gcon_1 .rt .pic{ width:100%}
.gcon_1 .rt .pic img{ width:100%}
.gcon_1 .rt .item{ display:flex; align-items: center; justify-content: center; width:150px; height:150px; background:#fff; border-radius:50%; box-shadow:0 0 15px rgba(0,0,0,0.15); text-align:center; position:absolute}
.gcon_1 .rt .item .ico{display:flex; align-items: center; justify-content: center;}
.gcon_1 .rt .item .ico img{ height:45px;}
.gcon_1 .rt .item .ico .img1{ display:block}
.gcon_1 .rt .item .ico .img2{ display:none}
.gcon_1 .rt .item .title{ font-size:15px; color:#333333; margin-top:10px; line-height:1.2; padding:0 10px; box-sizing:border-box}
.gcon_1 .rt .item1{ top:80px; left:50%; margin-left:-70px;}
.gcon_1 .rt .item2{ top:50%; left:60px; margin-top:-70px;}
.gcon_1 .rt .item3{ bottom:80px; left:50%; margin-left:-70px;}
.gcon_1 .rt .item4{ top:50%; right:60px; margin-top:-70px;}
.gcon_1 .rt .item:hover{ background:#d0b55b}
.gcon_1 .rt .item:hover .ico .img2{ display:block}
.gcon_1 .rt .item:hover .ico .img1{ display:none}
.gcon_1 .rt .item:hover .title{ color:#fff}
.gcon_1 .rt .item5{ width:190px; height:190px; left:0; top:0}
.gcon_1 .rt .item6{ width:190px; height:190px; right:0; top:0}
@media (max-width: 1680px) {
	.gcon_1{ padding:80px 0}
	.gcon_1 .lt{ width:560px; }
	.gcon_1 .lt .title{ font-size:32px; }
	.gcon_1 .lt .title i{ font-size:20px; }
	.gcon_1 .lt .intro{ font-size:16px; margin-top:30px}
	.gcon_1 .lt .more{ margin-top:30px}
	.gcon_1 .lt .more a{ height:62px; padding:0 40px; }
	.gcon_1 .lt .more a i{  font-size:14px; padding-right:50px; height:30px; background-size:auto 100%;  }
	.gcon_1 .lt .alist{ margin-top:50px; background:url(g_11.png) right center no-repeat; background-size:auto 100%; width:calc(100% + 20px); height:135px;  left:0; padding-left:0; padding-right:120px; }
	.gcon_1 .lt .alist .p1 .a1{ font-size:40px; }
	.gcon_1 .lt .alist .p1 .a2{ font-size:12px; margin-left:10px}
	.gcon_1 .lt .alist .p2{ font-size:12px; margin-top:16px; max-width:150px}
	.gcon_1 .rt{ width:545px; margin-right:0; margin-top:30px }
	.gcon_1 .rt .pic{ width:100%}
	.gcon_1 .rt .pic img{ width:100%}
	.gcon_1 .rt .item{ width:120px; height:120px; }
	.gcon_1 .rt .item .ico img{ height:36px;}
	.gcon_1 .rt .item .title{ font-size:12px;}
	.gcon_1 .rt .item1{ top:60px; margin-left:-50px;}
	.gcon_1 .rt .item2{ left:50px; margin-top:-50px;}
	.gcon_1 .rt .item3{ bottom:50px; margin-left:-50px;}
	.gcon_1 .rt .item4{ right:50px; margin-top:-50px;}
	.gcon_1 .rt .item5{ width:140px; height:140px; left:0; top:0}
	.gcon_1 .rt .item6{ width:140px; height:140px; right:0; top:0}
}
@media (max-width: 1200px) {
	.gcon_1{ padding:60px 0}
	.gcon_1 .lt{ width:100%; float:none }
	.gcon_1 .lt .title{ font-size:24px; }
	.gcon_1 .lt .title i{ font-size:16px; }
	.gcon_1 .lt .intro{ font-size:14px; margin-top:20px}
	.gcon_1 .lt .more{ margin-top:20px}
	.gcon_1 .lt .more a{ height:40px; border:1px solid #d0b55b; padding:0 20px; }
	.gcon_1 .lt .more a i{  font-size:12px; padding-right:40px; height:24px; background-size:auto 100%;  }
	.gcon_1 .lt .alist{ margin-top:30px; background:#085cb7; width:100%; height:110px;  left:0; padding-left:0; padding-right:0; }
	.gcon_1 .lt .alist:after{ width:200vw; height:100%; position:absolute; right:100%; top:0; z-index:-1; background:#085cb7;}
	.gcon_1 .lt .alist:before{ content:""; display:block; width:200vw; height:100%; position:absolute; left:100%; top:0; z-index:-1; background:#085cb7;}
	.gcon_1 .lt .alist .p1 .a1{ font-size:30px; }
	.gcon_1 .lt .alist .p2{ margin-top:10px}
	.gcon_1 .rt{ width:100%; margin-right:0;float:none; max-width:400px; margin:0 auto; margin-top:30px;  }
	.gcon_1 .rt .pic{ width:100%}
	.gcon_1 .rt .pic img{ width:100%}
	.gcon_1 .rt .item{ width:90px; height:90px; }
	.gcon_1 .rt .item .ico img{ height:20px;}
	.gcon_1 .rt .item .title{ font-size:12px;}
	.gcon_1 .rt .item1{ top:8%; margin-left:-40px;}
	.gcon_1 .rt .item2{ left:6%; margin-top:-40px;}
	.gcon_1 .rt .item3{ bottom:8%; margin-left:-40px;}
	.gcon_1 .rt .item4{ right:6%; margin-top:-40px;}
	.gcon_1 .rt .item5{ width:90px; height:90px; left:0; top:0}
	.gcon_1 .rt .item6{ width:90px; height:90px; right:0; top:0}
}
@media (max-width: 750px) {
	.gcon_1{ padding:40px 0}
}

.gcon_2 .ihd{ background:url(g_16.jpg) center center no-repeat; background-size:cover; padding:100px 0 80px 60px}
.gcon_2 .ihd .nr{ position:relative}
.gcon_2 .ihd .titles{ position:absolute; left:0; top:20px}
.gcon_2 .ihd .titles .cn{ font-size:40px; color:#fff; line-height:1; font-weight:bold}
.gcon_2 .ihd .titles .en{ font-size:30px; color:rgba(255,255,255,0.5); line-height:1; text-transform:uppercase; margin-top:10px; font-family:"黑体";}
.gcon_2 .ihd .mySwiper2{ width:100%; overflow:hidden}
.gcon_2 .ihd .hd{ width:530px; float:left; margin-top:160px; color:#fff; margin-left:80px}
.gcon_2 .ihd .hd li{ border-bottom:1px solid rgba(255,255,255,0.1); font-size:30px; font-weight:bold; background:url(g_19.png) right center no-repeat; cursor:pointer;  margin-bottom:20px}
.gcon_2 .ihd .hd li i{ display:inline-block; vertical-align:top; padding:20px 0; position:relative;}
.gcon_2 .ihd .hd li i:after{ content:""; display:block; width:100%; height:1px; background:#d0b55b; position:absolute; left:0; bottom:-1px}
.gcon_2 .ihd .hd li.on{  background:url(g_20.png) right center no-repeat; color:#d0b55b}
.gcon_2 .ihd .bd{ width:767px; float:right; margin-right:100px}
.gcon_2 .ihd .bd .con{ width:100%; overflow:hidden}
.gcon_2 .ihd .bd .con .pic{ border-radius:30px; width:100%; overflow:hidden}
.gcon_2 .ihd .bd .con .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 .ihd .bd .con .pic: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_2 .ibd{ background:#086ab1}
.gcon_2 .ibd .nr{ position:relative}
.gcon_2 .ibd .mySwiper{ width:1460px; margin:0 auto; overflow:hidden; border-left:1px solid rgba(255,255,255,0.2)}
.gcon_2 .ibd .prev2{ position:absolute; left:0; top:calc(50% - 26px); width:53px; height:53px; background:url(g_23.png) center center no-repeat; background-size:cover; cursor:pointer; z-index:2}
.gcon_2 .ibd .next2{ position:absolute; right:0; top:calc(50% - 26px); width:53px; height:53px; background:url(g_23.png) center center no-repeat; background-size:cover; cursor:pointer; z-index:2; transform:rotate(180deg)}
.gcon_2 .ibd .prev2:hover{  background:url(g_24.png) center center no-repeat; background-size:cover;  transform:rotate(180deg) }
.gcon_2 .ibd .next2:hover{  background:url(g_24.png) center center no-repeat; background-size:cover;  transform:rotate(0) }
.gcon_2 .ibd .mySwiper .swiper-slide{ width:20%; box-sizing:border-box;  border-right:1px solid rgba(255,255,255,0.2); padding:30px 0; cursor:pointer}
.gcon_2 .ibd .mySwiper .swiper-slide .pic{ display:flex; align-items: center; justify-content: center;}
.gcon_2 .ibd .mySwiper .swiper-slide .pic img{ height:160px}
.gcon_2 .ibd .mySwiper .swiper-slide .pic img.img1{ display:block}
.gcon_2 .ibd .mySwiper .swiper-slide .pic img.img2{ display:none}
.gcon_2 .ibd .mySwiper .swiper-slide .title{ font-size:18px; font-weight:bold; text-align:center; color:#fff; margin-top:5px}
.gcon_2 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active{ background:#d0b55b}
.gcon_2 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active .pic img.img2{ display:block}
.gcon_2 .ibd .mySwiper .swiper-slide.swiper-slide-thumb-active .pic img.img1{ display:none}
@media (max-width: 1680px) {
	.gcon_2 .ihd{ padding:80px 0 60px }
	.gcon_2 .ihd .titles{ top:15px}
	.gcon_2 .ihd .titles .cn{ font-size:32px; }
	.gcon_2 .ihd .titles .en{ font-size:20px; }
	.gcon_2 .ihd .hd{ width:380px; margin-top:120px; margin-left:30px }
	.gcon_2 .ihd .hd li{ font-size:24px; }
	.gcon_2 .ihd .bd{ width:600px; margin-right:30px }
	.gcon_2 .ihd .bd .con .pic{ border-radius:20px}
	.gcon_2 .ibd .mySwiper{ width:1100px; }
	.gcon_2 .ibd .prev2{ top:calc(50% - 20px); width:40px; height:40px;}
	.gcon_2 .ibd .next2{ top:calc(50% - 20px); width:40px; height:40px;}
	.gcon_2 .ibd .mySwiper .swiper-slide{ padding:25px 0; }
	.gcon_2 .ibd .mySwiper .swiper-slide .pic img{ height:110px}
	.gcon_2 .ibd .mySwiper .swiper-slide .title{ font-size:16px;}

}
@media (max-width: 1200px) {
	.gcon_2 .ihd{ padding:60px 0}
	.gcon_2 .ihd .titles{ position:relative; top:0; text-align:center}
	.gcon_2 .ihd .titles .cn{ font-size:24px; }
	.gcon_2 .ihd .titles .en{ font-size:14px; }
	.gcon_2 .ihd .hd{ width:200px; margin-top:20px; margin-left:0 }
	.gcon_2 .ihd .hd li{ font-size:18px; }
	.gcon_2 .ihd .bd{ width:calc(100% - 250px); margin-top:40px; margin-right:0 }
	.gcon_2 .ihd .bd .con .pic{ border-radius:10px}
	.gcon_2 .ibd .mySwiper{ width:calc(100% - 90px); }
	.gcon_2 .ibd .mySwiper .swiper-slide{ width:33.33333333%}
	.gcon_2 .ibd .prev2{ top:calc(50% - 16px); width:32px; height:32px;}
	.gcon_2 .ibd .next2{ top:calc(50% - 16px); width:32px; height:32px;}
	.gcon_2 .ibd .mySwiper .swiper-slide{ padding:20px 0; }
	.gcon_2 .ibd .mySwiper .swiper-slide .pic img{ height:80px}
	.gcon_2 .ibd .mySwiper .swiper-slide .title{ font-size:14px;}

}
@media (max-width: 750px) {
	.gcon_2 .ihd{ padding:40px 0 20px}
	.gcon_2 .ihd .titles .cn{ font-size:20px; }
	.gcon_2 .ihd .titles .en{ font-size:12px; }
	.gcon_2 .ihd .hd{ width:100%; margin-top:5px }
	.gcon_2 .ihd .hd li{ font-size:14px; margin:0; background-size:8px }
	.gcon_2 .ihd .hd li.on{ background-size:8px }
	.gcon_2 .ihd .hd li i{ padding:15px 0}
	.gcon_2 .ihd .bd{ width:100%; margin-top:20px}
	.gcon_2 .ibd .mySwiper{ width:calc(100% - 80px); }
	.gcon_2 .ibd .mySwiper .swiper-slide{ width:50%}
	.gcon_2 .ibd .prev2{ top:calc(50% - 14px); width:28px; height:28px;}
	.gcon_2 .ibd .next2{ top:calc(50% - 14px); width:28px; height:28px;}
	.gcon_2 .ibd .mySwiper .swiper-slide{ padding:20px 0; }
	.gcon_2 .ibd .mySwiper .swiper-slide .pic img{ height:60px}
	.gcon_2 .ibd .mySwiper .swiper-slide .title{ font-size:12px;}

}
.gcon_3{ width:100%; padding:100px 0}
.gcon_3 .ihd{ text-align:center}
.gcon_3 .ihd .cn{ font-size:40px; font-weight:bold; line-height:1; color:#045ec4}
.gcon_3 .ihd .en{ font-size:30px; color:#d0b55b; font-family:"黑体"; text-transform:uppercase; line-height:1; margin-top:20px}
.gcon_3 .ibd{ margin-top:80px}
.gcon_3 .ibd .mySwiper3{ width:100%; overflow:hidden}
.gcon_3 .ibd .mySwiper3 .swiper-slide{ width:32%; margin-right:2%}
.gcon_3 .ibd .mySwiper3 .swiper-slide:last-child{ margin-right:0}
.gcon_3 .ibd .mySwiper3 .swiper-slide .pic{ width:100%; overflow:hidden; border-radius:10px;}
.gcon_3 .ibd .mySwiper3 .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_3 .ibd .mySwiper3 .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:scale(1.1);}
.gcon_3 .ibd .mySwiper3 .swiper-slide .title{ font-size:24px; color:#333333;  text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:35px}
.gcon_3 .ibd .mySwiper3 .swiper-slide .intro{ font-size:16px; color:#999999; text-align:justify; line-height:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:20px; opacity:0; transition:all 0.3s}
.gcon_3 .ibd .mySwiper3 .swiper-slide .more{ font-size:14px; color:#666666; transition:all 0.3s; opacity:1}
.gcon_3 .ibd .mySwiper3 .swiper-slide:hover .title{ font-weight:bold; color:#045ec4}
.gcon_3 .ibd .mySwiper3 .swiper-slide:hover .intro{ opacity:1}
.gcon_3 .ibd .mySwiper3 .swiper-slide:hover .more{ opacity:0}
@media (max-width: 1680px) {
	.gcon_3{ padding:80px 0}
	.gcon_3 .ihd .cn{ font-size:32px;}
	.gcon_3 .ihd .en{ font-size:20px; margin-top:16px}
	.gcon_3 .ibd{ margin-top:40px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide{ }
	.gcon_3 .ibd .mySwiper3 .swiper-slide .title{ font-size:20px; margin-top:20px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide .intro{ font-size:14px; margin-top:15px; }
	.gcon_3 .ibd .mySwiper3 .swiper-slide .more{ font-size:12px; }
}
@media (max-width: 1200px) {
	.gcon_3{ padding:60px 0}
	.gcon_3 .ihd .cn{ font-size:24px;}
	.gcon_3 .ihd .en{ font-size:14px; margin-top:12px}
	.gcon_3 .ibd{ margin-top:20px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide{ }
	.gcon_3 .ibd .mySwiper3 .swiper-slide .title{ font-size:18px; margin-top:16px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide .intro{ font-size:12px; margin:10px 0; opacity:1 }
}
@media (max-width: 750px) {
	.gcon_3{ padding:40px 0}
	.gcon_3 .ihd .cn{ font-size:20px;}
	.gcon_3 .ihd .en{ font-size:12px; margin-top:10px }
	.gcon_3 .ibd .mySwiper3 .swiper-slide{ width:48%; margin-right:2%}
	.gcon_3 .ibd .mySwiper3 .swiper-slide .pic{ border-radius:5px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide .title{ font-size:16px; margin-top:16px}
	.gcon_3 .ibd .mySwiper3 .swiper-slide .intro{ font-size:12px; margin:10px 0; opacity:1 }
}

.gcon_4{ background:url(a2.png) center center no-repeat; background-size:cover; height:920px; position:relative; position:relative; overflow:hidden}

.gcon_4 .ihd{ text-align:center; position:relative; z-index:9; padding-top:100px}
.gcon_4 .ihd .cn{ font-size:40px; font-weight:bold; line-height:1; color:#fff}
.gcon_4 .ihd .en{ font-size:30px; color:#fff; font-family:"黑体"; text-transform:uppercase; line-height:1; margin-top:20px}


.gcon_4 .ibd .cont{ height:1350px; width:1350px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.gcon_4 .ibd .cont .y1{ width:100%; height:100%; background:url(a4.png) center center no-repeat; position:absolute; left:0; top:0;animation: rotate2 20s linear infinite;}
.gcon_4 .ibd .cont .y2{ width:100%; height:100%; background:url(a5.png) center center no-repeat; position:absolute; left:0; top:0;animation: rotate 20s linear infinite;}
.gcon_4 .ibd .cont .y3{ width:100%; height:100%; background:url(a6.png) center center no-repeat; position:absolute; left:0; top:0;animation: rotate2 20s linear infinite;}
.gcon_4 .ibd .cont .y4{ width:100%; height:100%; background:url(a7.png) center center no-repeat; position:absolute; left:0; top:0;animation: rotate 10s linear infinite;}
.gcon_4 .ibd .cont .y5{ width:180px; height:180px; position:absolute;left:50%; top:50%; transform:translate(-50%,-50%); background:url(a1.png) center center no-repeat; }
.gcon_4 .pic{ position:absolute; text-align:center; width:100%; left:0; bottom:5%}


@keyframes rotate {
from {
  transform: rotate(0deg);
}
to {
  transform: rotate(360deg);
}
}
@keyframes rotate2 {
from {
  transform: rotate(360deg);
}
to {
  transform: rotate(0);
}
}
@media (max-width: 1680px) {
	.gcon_4{ height:660px; }
	.gcon_4 .ihd{ padding-top:60px}
	.gcon_4 .ihd .cn{ font-size:32px; font-weight:bold; line-height:1; color:#fff}
	.gcon_4 .ihd .en{ font-size:20px; margin-top:16px}
	.gcon_4 .ibd .cont{ height:1000px; width:1000px; }
	.gcon_4 .ibd .cont .y1{ background-size:100%}
	.gcon_4 .ibd .cont .y2{ background-size:100%}
	.gcon_4 .ibd .cont .y3{ background-size:100%}
	.gcon_4 .ibd .cont .y4{ background-size:100%}
	.gcon_4 .ibd .cont .y5{ width:140px; height:140px;  background-size:cover }
	.gcon_4 .pic{ position:absolute; text-align:center; width:100%; left:0; bottom:5%}
	.gcon_4 .pic img{ width:1100px}
}
@media (max-width: 1200px) {
	.gcon_4{ height:500px; }
	.gcon_4 .ihd{ padding-top:40px}
	.gcon_4 .ihd .cn{ font-size:24px;}
	.gcon_4 .ihd .en{ font-size:14px; margin-top:14px}
	.gcon_4 .ibd .cont{ height:600px; width:600px; }
	.gcon_4 .ibd .cont .y5{ width:90px; height:90px;  background-size:cover }
	.gcon_4 .pic img{ width:700px}
}
@media (max-width: 750px) {
	.gcon_4{ height:300px; }
	.gcon_4 .ihd{ padding-top:40px}
	.gcon_4 .ihd .cn{ font-size:20px;}
	.gcon_4 .ihd .en{ font-size:12px; margin-top:12px}
	.gcon_4 .ibd .cont{ height:380px; width:380px; }
	.gcon_4 .ibd .cont .y5{ width:60px; height:60px;  background-size:cover }
	.gcon_4 .pic{ bottom:12%}
	.gcon_4 .pic img{ width:98%; max-width:400px}
}