.banner{ width:100%; position:relative}
.banner .swiperB{ width:100%; position:relative; overflow:hidden}
.banner .swiperB .swiper-slide{ width:100%; overflow:hidden}
.banner .swiperB .swiper-slide img{ width:100%}
.banner .swiperB .prevB{ background:url(prev.png) center center no-repeat; width:32px; height:49px; cursor:pointer; position:absolute; left:4%; top:calc(50% - 25px); z-index:9}
.banner .swiperB .nextB{ background:url(next.png) center center no-repeat; width:32px; height:49px; cursor:pointer; position:absolute; right:4%; top:calc(50% - 25px); z-index:9}
.banner .swiperB .paginationB{ width:100%; position:absolute; left:0; bottom:50px; z-index:2; text-align:center; font-size:0}
.banner .swiperB .paginationB span{ width:25px; height:8px; background:#fff; opacity:1; border-radius:4px; margin:0 3px; padding:0}
.banner .swiperB .paginationB span.swiper-pagination-bullet-active{ width:52px}

.gcon_1{ background:url(g_12.jpg) bottom center no-repeat; padding:80px 0}

.ihd{ text-align:center}
.ihd .cn{ font-size:36px; color:#333333; font-weight:bold; line-height:1}
.ihd .en{ font-size:14px; color:#333333; line-height:1; padding:20px 0 0 0; text-transform:uppercase}
.gcon_1 .ibd{ margin-top:40px}
.gcon_1 .ibd .swiper01{ width:100%; overflow:hidden}
.gcon_1 .ibd .swiper01 .swiper-slide{ width:408px; margin-right:28px}
.gcon_1 .ibd .swiper01 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_1 .ibd .swiper01 .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_1 .ibd .swiper01 .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_1 .imore{ margin-top:30px}
.gcon_1 .imore a{ display:block; background:url(g_17.png) center center no-repeat; width:124px; height:31px; margin:0 auto}

.gcon_2 .ibd{ margin-top:40px}
.gcon_2 .ibd .swiper02{ width:100%; overflow:hidden; position:relative}
.gcon_2 .ibd .swiper02 .swiper-slide{ width:100%; position:relative; overflow:hidden}
.gcon_2 .ibd .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden}
.gcon_2 .ibd .swiper02 .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_2 .ibd .swiper02 .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_2 .ibd .swiper02 .swiper-slide .cont{ width:1280px; position:absolute; left:50%; margin-left:-640px; bottom:0; z-index:2; background:rgba(0,0,0,0.4); z-index:2; box-sizing:border-box; padding:20px 40px; color:#fff}
.gcon_2 .ibd .swiper02 .swiper-slide .cont .title{ text-align:center; font-size:26px}
.gcon_2 .ibd .swiper02 .swiper-slide .cont .intro{ font-size:14px; line-height:2; opacity:0.5; margin-top:10px}
.gcon_2 .ibd .swiper02 .btn{ width:1280px; margin:0 auto}
.gcon_2 .ibd .swiper02 .btn .prev02{ background:url(g_06.jpg) center center no-repeat; width:50%; height:70px; cursor:pointer; float:left}
.gcon_2 .ibd .swiper02 .btn .prev02:hover{ background:url(g_07.jpg) center center no-repeat; transform:rotate(180deg)}
.gcon_2 .ibd .swiper02 .btn .next02{ background:url(g_06.jpg) center center no-repeat; width:50%; height:70px; cursor:pointer; float:left; transform:rotate(180deg)}
.gcon_2 .ibd .swiper02 .btn .next02:hover{ background:url(g_07.jpg) center center no-repeat; transform:rotate(0)}



.gcon_3{ width:100%; margin-top:80px; position:relative}
.gcon_3 .ihd .cn{ color:#1da1d5}
.gcon_3 .ibd{ margin-top:30px; width:100%; position:relative; overflow:hidden}
.gcon_3 .ibd .pic{ width:100%; position:relative; overflow:hidden}
.gcon_3 .ibd .pic img{ width:100%}
.gcon_3 .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;}
.gcon_3 .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);}
.gcon_3 .ibd .cont{ position:absolute; left:50%; margin-left:-640px; width:1280px; z-index:2; top:50%; transform:translateY(-80%); z-index:9; color:#fff}
.gcon_3 .ibd .cont .title{ font-size:48px; font-weight:bold; line-height:1; text-align:center}
.gcon_3 .ibd .cont .intro{ font-size:18px; line-height:1.6; text-align:center; text-transform:uppercase; margin-top:15px; height:100px}
.gcon_3 .ibd .cont .play{ width:fit-content; margin:0 auto; cursor:pointer}
.gcon_3 .ibd .cont .play .ico{ background:url(g_09.png) center center no-repeat; width:76px; height:76px; margin:0 auto}
.gcon_3 .ibd .cont .play .tt{ font-size:18px; margin-top:20px}
.gcon_3 .lk{ position:absolute; left:50%; margin-left:-640px; z-index:2; bottom:0; background:#fff; width:1280px; height:134px; box-sizing:border-box; padding:0 50px; display:flex}
.gcon_3 .lk .item{ width:100%; height:100%; }
.gcon_3 .lk .item a{ display:block; width:100%; height:100%; position:relative; box-sizing:border-box; border-bottom:3px solid #1da1d5}
.gcon_3 .lk .item a .ico{ text-align:center; padding-top:40px; overflow:hidden;display:flex;align-items: center;justify-content: center;}
.gcon_3 .lk .item a .ico .img1{ display:block}
.gcon_3 .lk .item a .ico .img2{ display:none}
.gcon_3 .lk .item a .title{ font-size:18px; color:#333333; font-weight:bold; text-align:center; font-weight:bold; margin-top:12px; transition:all 0.3s}
.gcon_3 .lk .item:hover a .ico .img2{ display:block}
.gcon_3 .lk .item:hover a .ico .img1{ display:none}
.gcon_3 .lk .item:hover a .title{ color:#f4ba2a}
.gcon_3 .lk .item:hover a{ border-bottom:3px solid  #f4ba2a}


.gcon_4{ background:url(g_03.jpg) center center no-repeat; background-size:cover; padding:80px 0}
.gcon_4 .ibd{ margin-top:30px}
.gcon_4 .ibd .swiper04{ width:627px; float:left; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide{ width:100%; overflow:hidden}
.gcon_4 .ibd .swiper04 .swiper-slide .pic{ width:100%; overflow:hidden}
.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 .cont{ width:100%; height:75px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; color:#fff; box-sizing:border-box; padding:0 25px;}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .time{ font-size:18px; float:left; line-height:75px; margin-right:40px; position:relative}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .time:after{ content:""; display:block; width:1px; height:18px; position:absolute; right:-20px; top:50%; margin-top:-9px; background:#fff}
.gcon_4 .ibd .swiper04 .swiper-slide .cont .title{ width:calc(100% - 92px); float:left; font-size:18px; color:#fff; line-height:75px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .tab04{ width:620px; float:right}
.gcon_4 .ibd .tab04 .hd{ background:#fff}
.gcon_4 .ibd .tab04 .hd li{ float:left; font-size:18px; color:#333333; font-weight:bold; line-height:55px; padding:0 35px; cursor:pointer}
.gcon_4 .ibd .tab04 .hd li.on{ background:#f4ba2a; color:#fff}
.gcon_4 .ibd .tab04 .bd ul li{ margin-top:33px}
.gcon_4 .ibd .tab04 .bd ul li .time{ float:left; width:110px; text-align:center}
.gcon_4 .ibd .tab04 .bd ul li .time .p1{ font-size:24px; color:#333333; line-height:30px;}
.gcon_4 .ibd .tab04 .bd ul li .time .p2{ font-size:18px; color:#b1b1b1; line-height:20px; margin-top:10px}

.gcon_4 .ibd .tab04 .bd ul li .cont{ width:calc(100% - 110px); float:left; box-sizing:border-box; padding-left:30px; position:relative}
.gcon_4 .ibd .tab04 .bd ul li .cont:after{ content:""; display:block; width:22px; height:1px; background:#aaaaaa; position:absolute; left:0; top:14px}
.gcon_4 .ibd .tab04 .bd ul li .cont .title{ font-size:18px; color:#000000; line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .tab04 .bd ul li .cont .intro{ font-size:14px; color:rgba(0,0,0,0.43); line-height:20px; margin-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_4 .ibd .tab04 .bd ul li:hover .cont .title{ color:#f4ba2a; font-weight:bold}