@charset "utf-8";
html, body {
      position: relative;
      height: 100%;
    }
.wrapper{ width:7.5rem; margin:0 auto; height:100%}
.swiper_in { width:100%; height:100%; overflow:hidden}
.swiper_in>.swiper-wrapper>.swiper-slide{ width:100%; height:100%; position:relative; overflow:hidden}

.swiper_in>.swiper-wrapper{/*transition: 5s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;*/}
.section01 .banner{ width:100%; height:100%; overflow:hidden}
.section01 .banner .swiper_banner{ width:100%; height:100%; overflow:hidden}
.section01 .banner .swiper_banner .swiper-slide{ width:100%; height:100%; overflow:hidden}
.section01 .banner .swiper_banner .swiper-slide a{ display:block; width:100%; height:100%;}
.section01 .banner .swiper_banner .swiper-slide a.a1{ display:block}
.section01 .banner .swiper_banner .swiper-slide a.a2{ display:none}
.section01 .banner .swiper_banner .swiper-slide a img{ width:100%; height:100%; display:none}
.banner .prev,.banner .next { position: absolute; top: 50%; width: 68px; height: 68px; transform: translateY(-50%); cursor: pointer; opacity: 0; transition: all .3s ease; z-index: 9; }
.banner .prev { left: 5vw; background:url(prev1.png) center  center no-repeat; background-size:50px; opacity:1 }
.banner .next { right: 5vw; background: url(next1.png) no-repeat center; background-size:50px; opacity:1 }
.banner .prev:hover{background:url(prev2.png) center  center no-repeat; background-size:50px}
.banner .next:hover{background:url(next2.png) center  center no-repeat; background-size:50px}
.banner:hover .prev,.banner:hover .next { opacity: 1; }

.banner .swiper_banner .swiper-slide a{vertical-align:middle;transform:none;visibility:visible;opacity:0;transform:scale(1.18);transition:all 0.8s cubic-bezier(0.8,0,0.5,1) 0s;z-index:1;}
.banner .swiper_banner .swiper-slide.swiper-slide-on a{transform:none;visibility:visible;transform:scale(1.08);transition:transform 5.5s cubic-bezier(0,0.0,1,1) 0.5s; opacity:1}
.banner .swiper_banner .pagination01{ width:100%; text-align:center; font-size:0; position:absolute; left:0; bottom:0.4rem; z-index:9}
.banner .swiper_banner .pagination01 span{ display:inline-block; vertical-align:top; width:0.2rem; height:0.2rem; box-sizing:border-box; border:1px solid #fff; background:none; opacity:1; margin:0 0.1rem}
.banner .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:#fff}

.section02{ width:100%; height:100%; background:url(s2.jpg) center center repeat; overflow:hidden}
.section02 .swiper02{ width:100%; height:100%; position:relative}
.section02 .swiper02 .swiper-slide{ width:100%; height:auto}
.gcon_2 .nr{ width:6.9rem; margin:0 auto}
.gcon_2 .lt{ position:relative; width:100%; margin-top:1.85rem}
.gcon_2 .lt .pic img{ position:relative; z-index:9; margin-top:-5px}
.gcon_2 .lt .item{ width:0.88rem; height:0.88rem;  border:0.1rem solid rgba(78,178,142,0.2); border-radius:0.54rem; z-index:99; cursor:pointer;animation:fadenum 1s linear infinite; margin-left:0}
.gcon_2 .lt .item i{ display:block; width:100%; height:100%; background:rgba(78,178,142,1); border-radius:0.44rem; color:#fff; font-size:0.24rem; line-height:0.2rem; padding:0.24rem 0.25rem; box-sizing:border-box;}
.gcon_2 .lt .item i .sp1{ display:block}
.gcon_2 .lt .item i .sp2{ display:none}
.gcon_2 .lt .item i .sp1{ display:none}
.gcon_2 .lt .item i .sp2{ display:block}
.gcon_2 .lt .item1{ position:absolute; right:0; top:-0.2rem;animation:fadenum 3s linear infinite;}
.gcon_2 .lt .item{ width:auto;z-index:99999}
.gcon_2 .lt .item i{ line-height:0.4rem;}
.gcon_2 .lt .item2{ position:absolute; left:0; top:1.35rem;border:0.1rem solid rgba(77,179,168,0.2);animation:fadenum 4s linear infinite;}
.gcon_2 .lt .item2 i{ background:rgba(77,179,168,1);}
.gcon_2 .lt .item5{ position:absolute; right:0; top:2.65rem;border:0.1rem solid rgba(79,169,180,0.2);animation:fadenum 5s linear infinite;}
.gcon_2 .lt .item5 i{ background:rgba(79,169,180,1);}
.gcon_2 .lt .item4{ position:absolute; left:0; top:5.35rem;border:0.1rem solid rgba(78,108,178,0.2);animation:fadenum 3s linear infinite;}
.gcon_2 .lt .item4 i{ background:rgba(78,108,178,1);}

.gcon_2 .lt .item3{ position:absolute; right:0; top:6.85rem;border:0.1rem solid rgba(78,144,178,0.2);animation:fadenum 4s linear infinite;}
.gcon_2 .lt .item3 i{ background:rgba(78,144,178,1); text-align-last:justify}
.gcon_2 .lt .pic .tit{ position:absolute; left:2rem; top:4.5rem; font-size:0.28rem; color:#083d6f; width:2.9rem; background:url(../../images/g_06.png) bottom center no-repeat; background-size:100%; line-height:1; padding-bottom:0.3rem; font-weight:bold; z-index:10}
@keyframes fadenum{
	0%{ margin-top:-0.1rem;}	
   	50%{margin-top:0.1rem;}
	100%{margin-top:-0.1rem;}
}
.gcon_2 .cen{ width:100%; margin-top:0.7rem}
.gcon_2 .cen h3{ background:url(../../images/g_07.png) left center no-repeat; background-size:auto 0.48rem; line-height:0.48rem; padding-left:0.7rem; font-size:0.4rem; color:#000000; font-weight:normal}
.gcon_2 .cen .intro{ font-size:0.24rem; color:#333; text-align:justify; margin-top:0.4rem; line-height:2; text-align:justify}
.gcon_2 .cen .more a{ margin-top:0.4rem; display:inline-block; vertical-align:top; background:url(../../images/g_08.png) right center no-repeat; padding-right:0.7rem; font-size:0.24rem; color:#083d6f; background-size:0.56rem}
.gcon_2 .cen .more a:hover{ padding-right:0.8rem}
.gcon_2 .cen ul{ margin-top:160px;display:flex;justify-content: space-between; display:none}
.gcon_2 .cen ul li a{ display:block; background:url(g_09.png) left center no-repeat; padding-left:90px; font-size:20px; color:#083d6f; line-height:74px; position:relative; top:0;}
.gcon_2 .cen ul li a:hover{ top:-10px}
.gcon_2 .cen ul li:nth-child(2) a{ background:url(g_10.png) left center no-repeat;}
.gcon_2 .cen ul li:nth-child(3) a{ background:url(g_11.png) left center no-repeat;}
.gcon_2 .rt{ width:100%; background:url(g_04.jpg) top center no-repeat; height:11.5rem; background-size:100%; margin-top:0.7rem; color:#fff}
.gcon_2 .rt .item01{ width:100%; border-bottom:1px solid #8099b2}
.gcon_2 .rt .item01 h3{ font-size:0.36rem; font-weight:normal; line-height:1; padding-top:0.8rem}
.gcon_2 .rt .item01 .cont{ width:100%; height:1.2rem; position:relative; overflow:hidden; margin-top:0.3rem; margin-bottom:0.3rem;}
.gcon_2 .rt .item01 .cont li a{ display:block; font-size:0.28rem; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:0.6rem}

.gcon_2 .rt .item02{ margin-top:0.45rem}
.gcon_2 .rt .item02 h3{ font-size:0.36rem; font-weight:normal; line-height:1}
.gcon_2 .rt .item02 .a1{ margin-top:0.36rem; background:url(../../images/g_12.png) left center no-repeat; padding-left:0.72rem; font-size:0.28rem; font-weight:bold; line-height:0.5rem; background-size:0.5rem}
.gcon_2 .rt .item02 .a1 i{ font-size:0.24rem; font-weight:normal}
.gcon_2 .rt .item02 .a2{ padding-left:0.72rem; font-size:0; font-weight:bold; line-height:0.36rem; margin-top:0.2rem}
.gcon_2 .rt .item02 .a2 i{ display:inline-block; vertical-align:top; font-size:0.36rem; text-align:center}
.gcon_2 .rt .item02 .a2 span{ font-weight:normal; font-size:0.24rem}
.gcon_2 .rt .item02 .a2 i:nth-child(1){ width:0.74rem; text-align:center}
.gcon_2 .rt .item02 .a2 i:nth-child(2){ width:0.14rem; text-align:center}
.gcon_2 .rt .item02 .a2 i:nth-child(3){ width:0.94rem; text-align:center}
.gcon_2 .rt .item02 .a3{ font-size:0; margin-top:0.2rem; padding-left:0.72rem}
.gcon_2 .rt .item02 .a3 i{ display:inline-block; vertical-align:top; font-size:0.24rem; line-height:1; text-align:center}
.gcon_2 .rt .item02 .a3 i:nth-child(1){ width:0.74rem; text-align:center}
.gcon_2 .rt .item02 .a3 i:nth-child(2){ width:0.94rem; text-align:center; margin-left:0.14rem}
.gcon_2 .rt .item02 .a4{ padding-left:0.72rem; font-size:0.24rem; color:rgba(255,255,255,0.8); padding:0.2rem 0 0.3rem 0.72rem; line-height:0.4rem}
.gcon_2 .rt .item03{}
.gcon_2 .rt .item03 .a1{ background:url(../../images/g_13.png) left center no-repeat; padding-left:0.72rem; font-size:0.28rem; font-weight:bold; line-height:0.5rem; background-size:0.5rem}
.gcon_2 .rt .item03 .a2{ font-size:0.24rem; line-height:0.4rem; margin-top:0.2rem; padding-left:0.72rem}


.section03{ width:100%; height:100%; background:url(s3.jpg) center center no-repeat; background-size:cover; }
.gcon_3{ width:100%;}
.gcon_3 .nr{ width:6.9rem; margin:0 auto}
.gcon_3 .nr .hd{ width:100%; padding-top:1.8rem}
.gcon_3 .nr .hd .h1{ font-size:0.4rem; background:url(../../images/g_19.png) left center no-repeat; background-size:0.32rem; padding-left:0.5rem; color:#fff}
.gcon_3 .nr .hd .intro{ padding:0.6rem 0 0.7rem; color:rgba(255,255,255,0.6); text-align:justify; font-size:0.24rem; line-height:2;}
.gcon_3 .nr .hd ul{}
.gcon_3 .nr .hd ul li{ width:2.2rem; height:1.5rem; box-sizing:border-box; text-align:center; float:left; box-sizing:border-box; margin-right:0.16rem; transition:all 0.3s linear; margin-bottom:0.2rem; cursor:pointer}
.gcon_3 .nr .hd ul li a{ display:block; width:100%; height:100%; padding:0.1rem  0 0}
.gcon_3 .nr .hd ul li .pic{ width:100%; text-align:center}
.gcon_3 .nr .hd ul li .pic img{ height:0.7rem; width:auto}
.gcon_3 .nr .hd ul li .pic .img1{ display:inline-block; vertical-align:top;}
.gcon_3 .nr .hd ul li .pic .img2{ display:none}
.gcon_3 .nr .hd ul li .title{ font-size:0.24rem; color:#fff; margin-top:0.1rem}
.gcon_3 .nr .hd ul li.on{ background:rgba(255,255,255,0.3); position:relative;}
.gcon_3 .nr .hd ul li.on .title{ color:#fff}
.gcon_3 .nr .hd ul li:hover{ background:rgba(255,255,255,0.3); position:relative;}
.gcon_3 .nr .hd ul li:hover .title{ color:#fff}
.gcon_3 .nr .hd ul li:nth-child(3n){ margin-right:0}




.section04{ width:100%; height:100%; background:url(s4.jpg) center center no-repeat; background-size:cover;}
.gcon_4 .nr{ width:6.9rem; margin:0 auto; margin-top:1.8rem}
.gcon_4 .nr .ihd{ text-align:center; color:#fff; font-size:0}
.gcon_4 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative;}
.gcon_4 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0; background-size:contain}
.gcon_4 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0; background-size:contain}
.gcon_4 .nr .swiper4{ width:100%; margin:0 auto; margin-top:1rem; height:9.5rem; overflow:hidden; position:relative; padding-top:0.2rem}
.gcon_4 .nr .swiper4 .swiper-slide{transition:all 0 linear; height:100%; box-sizing:border-box;}
.gcon_4 .nr .swiper4 .swiper-slide .cont{ display:none}
.gcon_4 .nr .swiper4 .swiper-slide .time{ width:1.1rem; height:1.1rem;margin:0 auto; position:relative; text-align:center; transition:all 0 linear;}
.gcon_4 .nr .swiper4 .swiper-slide .time .t{ width:100%; height:100%; border-radius:50%; background:#8098b1; position:relative}
.gcon_4 .nr .swiper4 .swiper-slide .time .t .tt{ position:absolute; width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.gcon_4 .nr .swiper4 .swiper-slide .time .p1{ font-size:0.3rem; color:#0e4272; font-weight:bold; line-height:1;}
.gcon_4 .nr .swiper4 .swiper-slide .time .p2{ font-size:0.24rem; color:#0e4272; line-height:1; padding-top:0.1rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-prev,.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-next{ padding-top:0}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active{ padding-top:0.1rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-prev .time{ width:1.1rem; height:1.1rem;}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-prev .time .t{ background:#b3c2d1}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-next .time{ width:1.1rem; height:1.1rem;}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-next .time .t{ background:#b3c2d1}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .time{ width:1.1rem; height:1.1rem;}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .time .t{ background:#fff}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .time .n{ width:1.5rem; height:1.5rem; background:#335d85; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont{ display:block; position:absolute; width:5.45rem; left:-1.58rem;top:2.3rem; z-index:9}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .pic{ width:100%; border:1px solid #849db2; box-sizing:border-box; padding:0.14rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .pic a{ display:block; width:100%; height:100%; overflow:hidden}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .pic a 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 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .pic a: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_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title{ width:100%}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n1{ font-size:0.34rem; color:#fff; font-weight:bold; margin-top:0.4rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n1 a{ display:inline-block; vertical-align:top; color:#fff}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n1 span{ display:inline-block; vertical-align:middle; width:1.02rem; height:0.36rem; background:#c7c7c7;  border-radius:0.06rem; font-size:0.24rem; color:rgba(37,37,37,0.8); text-align:center; line-height:0.36rem; font-weight:normal}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n1 span.sp2{ background:#50afb3; color:#fff}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n1 span.sp3{ background:#d7b52c; color:#fff}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n2{ font-size:0.24rem; color:rgba(255,255,255,0.8); line-height:1.6; margin-top:0.2rem; height:1.5rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3{ text-align:left; font-size:0}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a1{ display:inline-block; vertical-align:top; width:2.08rem; height:0.58rem; border-radius:0.3rem;  text-align:center; line-height:0.58rem; background:#396184 ; color:#fff; margin:0 0.4rem 0 0}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a1:hover{ background:#50afb3}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a1 i{ display:inline-block; vertical-align:top; background:url(../../images/g_28.png) right center no-repeat; background-size:0.46rem; padding-right:0.58rem; line-height:0.58rem; font-size:0.24rem}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a2{ display:inline-block; vertical-align:top; width:2.08rem; height:0.58rem; border-radius:0.3rem;  text-align:center; line-height:0.58rem; background:#396285 ; color:#fff;}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a2:hover{ background:#50afb3}
.gcon_4 .nr .swiper4 .swiper-slide.swiper-slide-active .cont .title .n3 .a2 i{ display:inline-block; vertical-align:top; background:url(../../images/g_29.png) left center no-repeat; padding-left:0.44rem; background-size:0.28rem;line-height:0.58rem; font-size:0.24rem}
.gcon_4 .nr .prev4{ display:block; background:url(../../images/g_26.png) center center no-repeat; width:0.6rem; height:0.6rem; cursor:pointer; position:absolute; left:0; top:5.3rem; background-size:100%; z-index:99}
.gcon_4 .nr .next4{ display:block; background:url(../../images/g_27.png) center center no-repeat; width:0.6rem; height:0.6rem; cursor:pointer; position:absolute; right:0;  top:5.3rem; background-size:100%; z-index:99}


.section05{ width:100%; height:100%; background:url(s5.jpg) center center no-repeat; background-size:cover}
.gcon_5 .nr{ position:absolute; width:100%; height:auto; left:50%; top:50%; transform:translate(-50%,-60%) }
.gcon_5 .nr .ihd{ text-align:center; color:#252525; font-size:0}
.gcon_5 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative; }
.gcon_5 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0;background-size:contain}
.gcon_5 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0;background-size:contain}
.gcon_5 .nr .ibd{ width:100%; margin-top:0.94rem}
.gcon_5 .nr .ibd .swiper5{ width:100%}
.gcon_5 .nr .ibd .swiper5 .swiper-slide{ width:5.8rem}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(00,00,00,0.7); position:absolute; left:0; top:0; z-index:2}
.gcon_5 .nr .ibd .swiper5 .swiper-slide img{ width:100%; height:auto}
.gcon_5 .nr .ibd .swiper5 .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 .nr .ibd .swiper5 .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 .nr .ibd .swiper5 .swiper-slide.swiper-slide-active{
  -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
  -moz-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
  -o-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
  -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) !important;
}


.gcon_5 .nr .ibd .swiper5 .swiper-slide .title{ display:none}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .title h3{ font-size:0.28rem; color:#252525;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .title h3 a{ color:#252525}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .title .intro{ font-size:0.24rem; color:rgba(37,37,37,0.8); text-align:justify; margin-top:0.4rem; line-height:0.36rem; height:0.72rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .title .time{ font-size:0.24rem; color:rgba(37,37,37,0.5); margin-top:0.4rem;}
.gcon_5 .nr .ibd .swiper5 .swiper-slide .title{ display:block; margin-top:0.6rem; opacity:0}
.gcon_5 .nr .ibd .swiper5 .swiper-slide.swiper-slide-active .title{ opacity:1}
.gcon_5 .nr .prev5{ background:url(../../images/g_32.png) center center no-repeat; width:0.58rem; height:0.58rem; position:absolute; left:0.3rem; top:40%; cursor:pointer;transform:rotate(180deg); background-size:100%}
.gcon_5 .nr .next5{ background:url(../../images/g_32.png) center center no-repeat; width:0.58rem; height:0.58rem; position:absolute; right:0.3rem;  top:40%; transform:rotate(0); cursor:pointer; background-size:100%}
.gcon_5 .nr .prev5:hover{background:url(g_32.png) center center no-repeat;transform:rotate(180deg);  }
.gcon_5 .nr .next5:hover{background:url(g_32.png) center center no-repeat;transform:rotate(0);  }
.gcon_5 .nr .ibd .swiper5 .swiper-slide-shadow-left{ display:none!important}
.gcon_5 .nr .ibd .swiper5 .swiper-slide-shadow-right{ display:none!important}

.gcon_5 .nr .ibd .swiper5 .swiper-slide.swiper-slide-active .pic:after{ width:0}

.section06{ width:100%; height:100%; background:url(s6.jpg) center center no-repeat; background-size:cover}
.gcon_6 .nr{ width:6.9rem; margin:0 auto; margin-top:1.8rem}
.gcon_6 .nr .ihd{ text-align:center; color:#fff; font-size:0}
.gcon_6 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative;}
.gcon_6 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0; background-size:contain}
.gcon_6 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0; background-size:contain}
.gcon_6 .nr .ibd{ width:100%; overflow:hidden; margin-top:1rem}
.gcon_6 .nr .ibd .swiper6{ width:100%;}
.gcon_6 .nr .ibd .swiper6 .swiper-slide{ width:100%;}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .pic{ width:100%; position:relative}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .pic img{ width:100%}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .title{ display:none}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .pic{ width:4.95rem; margin:0 auto;}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .pic i{ display:block; width:4.95rem; height:4.95rem; position:absolute; left:0; top:0; z-index:-1; background:url(../../images/dy.png) center center no-repeat; background-size:96%; -webkit-transform: rotate(360deg); animation: rotation 20s linear infinite; -moz-animation: rotation 20s linear infinite; -webkit-animation: rotation 20s linear infinite; -o-animation: rotation 20s linear infinite; background-size:100%}


 @-webkit-keyframes rotation{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } 


.gcon_6 .nr .ibd .swiper6 .swiper-slide .title{ display:block; width:100%;}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .title h3{ font-size:0.36rem; color:#fff; font-weight:normal}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .title h3 a{ color:#fff}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .title .bh{ font-size:0.28rem; color:rgba(255,255,255,0.8); margin-top:0.2rem}
.gcon_6 .nr .ibd .swiper6 .swiper-slide .title .intro{ font-size:0.24rem; color:rgba(255,255,255,0.8); text-align:justify; line-height:0.36rem; margin-top:0.5rem; height:1.9rem}
.gcon_6 .nr .ibd .btn{ text-align:center; margin-top:0.9rem}
.gcon_6 .nr .ibd .btn .prev6{ display:inline-block; vertical-align:top; width:0.5rem; height:0.32rem; background:url(../../images/g_36.png) center center no-repeat; cursor:pointer; background-size:100%; margin:0 0.35rem}
.gcon_6 .nr .ibd .btn .next6{ display:inline-block; vertical-align:top; width:0.5rem; height:0.32rem; background:url(../../images/g_36.png) center center no-repeat; cursor:pointer; margin:0 0.35rem; background-size:100%; transform:rotate(180deg)}
.gcon_6 .nr .ibd .btn .prev6:hover{ background:url(../../images/g_37.png) center center no-repeat; transform:rotate(180deg); background-size:100%}
.gcon_6 .nr .ibd .btn .next6:hover{ background:url(../../images/g_37.png) center center no-repeat; transform:rotate(0); background-size:100%}

.section07{ width:100%; height:100%; background:url(s7.jpg) center center no-repeat; background-size:cover}
.gcon_7 .nr{ width:6.9rem; margin:0 auto; margin-top:1.8rem}
.gcon_7 .nr .ihd{ text-align:center; color:#fff; font-size:0}
.gcon_7 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative;}
.gcon_7 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0; background-size:contain}
.gcon_7 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_24.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0; background-size:contain}
.gcon_7 .nr .ibd{ width:100%; margin-top:0.9rem; position:relative; z-index:2}
.gcon_7 .nr .ibd .bd{ width:100%; overflow:hidden}
.gcon_7 .nr .ibd .bd .swiper7{ width:5.3rem;  position:relative; margin:0 auto;}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide{ width:100%; margin-right:0.15rem; border-radius:0.24rem; overflow:hidden}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title{ width:100%; overflow:hidden; box-sizing:border-box; background:#fff; padding:0.5rem 0.2rem; display:block}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .pic img{ width:100%}
.gcon_7 .nr .ibd .bd .swiper7 .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 .nr .ibd .bd .swiper7 .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_7 .nr .ibd .bd .swiper7 .swiper-slide .title h3{ font-size:0.28rem; color:#296696; text-align:justify; line-height:0.48rem; height:0.96rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title h3 a{ color:#296696}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title .intro{ display:none}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title .more{ margin-top:0.5rem}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title .more a{ display:block; width:2.2rem; height:0.6rem; background:#50afb3; text-align:center; border-radius:0.3rem}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title .more a i{ display:inline-block; vertical-align:top; background:url(../../images/g_39.png) right center no-repeat; padding-right:0.7rem; color:#fff; line-height:0.6rem; font-size:0.24rem; background-size:0.56rem}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide.swiper-slide-active .title{ display:block}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .pic i{ display:block; width:100%; height:100%; background:rgba(15,77,139,0.6); position:absolute; left:0; top:0; display:block}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide.swiper-slide-active .pic i{ display:none}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide.swiper-slide-active{ box-shadow:0 0 20px rgba(00,00,00,0.1)}
.gcon_7 .nr .ibd .btn{ text-align:center; margin-top:0.6rem}
.gcon_7 .nr .ibd .btn .prev7{ display:inline-block; vertical-align:top; width:0.58rem; height:0.58rem; background:url(../../images/g_31.png) center center no-repeat; background-size:100%; cursor:pointer; margin:0 0.16rem}
.gcon_7 .nr .ibd .btn .next7{ display:inline-block; vertical-align:top; width:0.58rem; height:0.58rem; background:url(../../images/g_31.png) center center no-repeat; background-size:100%; cursor:pointer; margin:0 15px; transform:rotate(180deg)}
.gcon_7 .nr .ibd .btn .prev7:hover{ background:url(../../images/g_32.png) center center no-repeat; transform:rotate(180deg); background-size:100%}
.gcon_7 .nr .ibd .btn .next7:hover{ background:url(../../images/g_32.png) center center no-repeat; transform:rotate(0); background-size:100%}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide .title{ display:block; opacity:0.8}
.gcon_7 .nr .ibd .bd .swiper7 .swiper-slide.swiper-slide-active .title{ opacity:1}


.section08{ width:100%; height:100%; background:url(s8.jpg) center center no-repeat; background-size:cover}
.gcon_8 .nr{ width:6.9rem; margin:0 auto; margin-top:1.8rem}
.gcon_8 .nr .ihd{ text-align:center; color:#252525; font-size:0}
.gcon_8 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative;}
.gcon_8 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0; background-size:contain}
.gcon_8 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0; background-size:contain}
.gcon_8 .nr .ibd{ width:100%; margin-top:0.7rem}
.gcon_8 .nr .ibd .lt{ float:left; margin-top:55px; margin-left:45px; display:none}
.gcon_8 .nr .ibd .lt .pic{ margin-bottom:18px}
.gcon_8 .nr .ibd .lt .intro{ writing-mode: vertical-rl; font-size:16px; color:rgba(37,37,37,0.8); margin-left:-24px }
.gcon_8 .nr .ibd .lt .intro p{ margin:0 20px;}
.gcon_8 .nr .ibd .cen{ width:100%; text-align:center}
.gcon_8 .nr .ibd .cen img{ width:3.6rem; height:auto}
.gcon_8 .nr .ibd .rt{ width:100%; margin-top:0.6rem}
.gcon_8 .nr .ibd .rt h3{ font-size:0.28rem; color:#252525; line-height:1; font-weight:normal}
.gcon_8 .nr .ibd .rt .intro{ font-size:0.24rem; color:rgba(37,37,37,0.8); text-align:justify; line-height:1.6; margin-top:0.4rem;}
.gcon_8 .nr .ibd .rt .more{ margin-top:0.4rem}
.gcon_8 .nr .ibd .rt .more a{ display:inline-block; vertical-align:top; background:url(../../images/g_08_2.png) right center no-repeat; padding-right:0.7rem; background-size:0.56rem; font-size:0.24rem; color:#083d6f}


.swiper_in .swiper-slide.section09{ width:100%; height:auto}




.section10{ width:100%; height:100%; background:url(s2.jpg) center center repeat; overflow:hidden}
.section10 .swiper10{ width:100%; height:100%; position:relative}
.section10 .swiper10 .swiper-slide{ width:100%; height:auto}


.gcon_10 .nr{ width:6.9rem; margin:0 auto}

.gcon_10 .nr .rt{ width:100%; position:relative; margin-top:1.5rem}
.gcon_10 .nr .rt .title{ background:url(../../images/x12.png) bottom center no-repeat; background-size:100%; width:4.7rem; margin:0 auto; font-size:0.4rem; color:#083d6f; font-weight:bold; line-height:1; padding-bottom:0.25rem}
.gcon_10 .nr .rt ul{ padding-top:0.5rem}
.gcon_10 .nr .rt ul li{ text-align:center; font-size:0; margin-top:0.35rem; position:relative}
.gcon_10 .nr .rt ul li .ihd i{ display:inline-block; vertical-align:top; height:0.8rem; text-align:center; color:#fff; background:rgba(70,108,178,1); border-radius:0.4rem; font-size:0.24rem; line-height:0.8rem; padding:0 0.36rem; margin:0.08rem}
.gcon_10 .nr .rt ul li .ihd{ display:inline-block; vertical-align:top; background:rgba(70,108,178,0.2); border-radius:0.48rem; cursor:pointer}
.gcon_10 .nr .rt ul li:nth-child(2) .ihd i{background:rgba(79,169,180,1);}
.gcon_10 .nr .rt ul li:nth-child(2) .ihd{background:rgba(79,169,180,0.2);}
.gcon_10 .nr .rt ul li:nth-child(3) .ihd i{background:rgba(78,178,142,1);}
.gcon_10 .nr .rt ul li:nth-child(3) .ihd{background:rgba(78,178,142,0.2);}
.gcon_10 .nr .rt ul li:nth-child(4) .ihd i{background:rgba(77,179,168,1);}
.gcon_10 .nr .rt ul li:nth-child(4) .ihd{background:rgba(77,179,168,0.2);}
.gcon_10 .nr .rt ul li:nth-child(5) .ihd i{background:rgba(78,144,178,1);}
.gcon_10 .nr .rt ul li:nth-child(5) .ihd{background:rgba(78,144,178,0.2);}
.gcon_10 .nr .rt ul li .ibd{ width:4.7rem; box-shadow:0 0 0.4rem rgba(00,00,00,0.1); border-radius:0.4rem; background:#fff; position:absolute; left:50%; transform:translateX(-50%); top:0; z-index:99; box-sizing:border-box; padding:0.4rem; display:none; text-align:left}
.gcon_10 .nr .rt ul li .ibd .tit{ font-size:0.28rem; color:#4e6cb2}
.gcon_10 .nr .rt ul li .ibd .con{ font-size:0.24rem; color:#252525; line-height:2; margin-top:0.2rem; }
.gcon_10 .nr .rt ul li .ibd .con a{ color:#252525}
.gcon_10 .nr .rt ul li:hover .ibd{ display:block}


.gcon_10 .nr .cen{ width:100%; position:relative; margin-top:0.7rem}
.gcon_10 .nr .cen .img1{ width:100%; height:auto;}
.gcon_10 .nr .cen .a1{ position:absolute; left:0.6rem; top:5.4rem;}
.gcon_10 .nr .cen .a1 a i{ display:block; width:1.37rem; height:1.37rem; border-radius:50%; overflow:hidden; margin:0.08rem;}
.gcon_10 .nr .cen .a1 a{ display:block; border:1px solid #59b3b7; border-radius:50%}
.gcon_10 .nr .cen .a2{ position:absolute; left:2.15rem; top:6.65rem;}
.gcon_10 .nr .cen .a2 a i{ display:block; width:1.39rem; height:1.39rem; border-radius:50%; overflow:hidden; margin:0.08rem;}
.gcon_10 .nr .cen .a2 a{ display:block; border:1px solid #59b3b7; border-radius:50%}
.gcon_10 .nr .cen .a3{ position:absolute; left:5.25rem; top:4.45rem;}
.gcon_10 .nr .cen .a3 a i{ display:block; width:1.45rem; height:1.45rem; border-radius:50%; overflow:hidden; margin:0.08rem;}
.gcon_10 .nr .cen .a3 a{ display:block; border:1px solid #59b3b7; border-radius:50%}
.gcon_10 .nr .cen .a4{ position:absolute; left:4.8rem; top:3.52rem;}
.gcon_10 .nr .cen .a4 a i{ display:block; width:0.86rem; height:0.86rem; border-radius:50%; overflow:hidden; margin:0.08rem;}
.gcon_10 .nr .cen .a4 a{ display:block; border:1px solid #59b3b7; border-radius:50%}
.gcon_10 .nr .cen .a5{ position:absolute; left:4.35rem; top:1.8rem;}
.gcon_10 .nr .cen .a5 a i{ display:block; width:131px; height:131px; border-radius:50%; overflow:hidden; margin:0.08rem;}
.gcon_10 .nr .cen .a5 a{ display:block; border:1px solid #59b3b7; border-radius:50%}
.gcon_10 .nr .cen div{ position:absolute}
.gcon_10 .nr .cen div a i img{ width:100%; height:100%}
.gcon_10 .nr .cen div a:hover{ border:1px solid rgba(255,255,255,0)}
.gcon_10 .nr .cen div a:hover i{box-shadow: 0 0 rgba(80, 175, 179, 0.5),0 0 0 0 rgba(80, 175, 179, 0.5),0 0 0 0 rgba(80, 175, 179, 0.1);animation: ripple-wave2 1.5s linear infinite;animation-play-state: running;-webkit-animation: ripple-wave2 1.5s linear infinite; z-index:2;}

.gcon_10 .nr .lt{ width:7.5rem; background:#003264; margin:1rem 0 0 -0.3rem; padding-bottom:1.7rem}
.gcon_10 .nr .lt .intro{ padding:0.5rem 0.3rem; font-size:0.24rem; line-height:2; text-align:justify; text-indent:2em; color:#fff}
.gcon_10 .nr .lt ul{}
.gcon_10 .nr .lt ul li{ width:25%; float:left; text-align:center; height:1rem; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box ;}
.gcon_10 .nr .lt ul li .ico{ text-align:center}
.gcon_10 .nr .lt ul li .ico img{ height:0.56rem;}
.gcon_10 .nr .lt ul li .title{ font-size:0.24rem; color:#fff; line-height:1; margin-top:0.2rem;}
.gcon_10 .nr .lt ul li:nth-child(4){ border:0}


@keyframes ripple-wave2{
	to {
		box-shadow: 0 0 5px rgba(80, 175, 179, 0.5),0 0 0 15px rgba(80, 175, 179, 0.5),0 0 0 40px rgba(80, 175, 179, 0.1);
	}
}


.section11{ width:100%; height:100%; overflow:hidden; background:#093d6f; }
.section11 .swiper11{ width:100%; height:100%; position:relative;}
.section11 .swiper11 .swiper-slide{ width:100%; height:auto; }
.gcon_11{ background:url(x1.jpg) top center no-repeat; background-size:100%; width:100%;padding-top:1.8rem}
.gcon_11 .nr{ width:6.9rem; margin:0 auto; }
.gcon_11 .nr .ihd{ text-align:center; color:#252525; font-size:0}
.gcon_11 .nr .ihd h3{ display:inline-block; vertical-align:top; font-size:0.4rem; line-height:0.42rem; font-weight:normal; position:relative;}
.gcon_11 .nr .ihd h3:after{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; left:-0.8rem; top:0; background-size:contain}
.gcon_11 .nr .ihd h3:before{ content:""; display:block; background:url(../../images/g_30.png) center center no-repeat; width:0.33rem; height:0.42rem; position:absolute; right:-0.8rem; top:0; background-size:contain}

.gcon_11 .nr .ibd{ margin-top:1.6rem}
.gcon_11 .nr .ibd .item01{ width:100%}
.gcon_11 .nr .ibd .item01 .title{ font-size:0.28rem; color:#fff; padding-left:0.72rem; background:url(../../images/x14.png) left center no-repeat; background-size:0.48rem; line-height:0.48rem}
.gcon_11 .nr .ibd .item01 .conts{ width:100%; box-sizing:border-box; padding-left:0.72rem; margin-top:0.3rem; padding-bottom:0.3rem; border-bottom:1px solid rgba(255,255,255,0.2)}
.gcon_11 .nr .ibd .item01 .conts .txtleft{ width:100%; height:0.5rem; overflow:hidden}
.gcon_11 .nr .ibd .item01 .conts .txtleft .swiper-slide{ width:100%;}
.gcon_11 .nr .ibd .item01 .conts .txtleft .swiper-slide a{ display:block; float:left; width:3.7rem; box-sizing:border-box; background:url(../../images/x15.png) left center no-repeat; background-size:0.08rem; padding-left:0.26rem; font-size:0.26rem; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_11 .nr .ibd .item01 .conts .txtleft .swiper-slide span{ display:block; float:right; font-size:0.26rem; color:#fff}
.gcon_11 .nr .ibd .item02{ margin-top:0.45rem;color:#fff}
.gcon_11 .nr .ibd .item02 .lt{ width:100%}
.gcon_11 .nr .ibd .item02 .lt h3{ font-size:0.28rem; color:#fff; padding-left:0.72rem; background:url(../../images/x16.png) left center no-repeat; background-size:0.48rem; line-height:0.48rem}
.gcon_11 .nr .ibd .item02 .lt .a1{ padding:0.24rem 0 0 0.72rem; font-size:0.24rem; color:#fff}
.gcon_11 .nr .ibd .item02 .lt .a2{ padding:0.24rem 0 0 0.72rem; font-size:0; font-weight:bold; line-height:0.36rem;}
.gcon_11 .nr .ibd .item02 .lt .a2 i{ display:inline-block; vertical-align:top; font-size:0.36rem; text-align:center}
.gcon_11 .nr .ibd .item02 .lt .a2 span{ font-weight:normal; font-size:0.24rem}
.gcon_11 .nr .ibd .item02 .lt .a2 i:nth-child(1){ width:0.75rem; text-align:center}
.gcon_11 .nr .ibd .item02 .lt .a2 i:nth-child(2){ width:0.16rem; text-align:center}
.gcon_11 .nr .ibd .item02 .lt .a2 i:nth-child(3){ width:0.95rem; text-align:center}
.gcon_11 .nr .ibd .item02 .lt .a3{ padding:0 0 0 0.72rem}
.gcon_11 .nr .ibd .item02 .lt .a3 i:nth-child(1){ display:inline-block; vertical-align:top; width:0.75rem; text-align:center; font-size:0.24rem}
.gcon_11 .nr .ibd .item02 .lt .a3 i:nth-child(2){ display:inline-block; vertical-align:top; width:0.95rem; text-align:center; margin-left:0.16rem; font-size:0.24rem}
.gcon_11 .nr .ibd .item02 .lt .a4{ padding:0 0 0 0.72rem ;font-size:0.24rem;  margin-top:0.12rem; opacity:0.8}

.gcon_11 .nr .ibd .item02 .cen{ margin-top:0.45rem}
.gcon_11 .nr .ibd .item02 .cen h3{ font-size:0.28rem; color:#fff; padding-left:0.72rem; background:url(../../images/x17.png) left center no-repeat; background-size:0.48rem; line-height:0.48rem}
.gcon_11 .nr .ibd .item02 .cen .a1{ padding:0.24rem 0 0 0.72rem; font-size:0.24rem; color:#fff}
.gcon_11 .nr .ibd .item02 .cen .a2{ padding:0.24rem 0 0 0.72rem; font-size:0.24rem; font-weight:bold; line-height:0.36rem;}

.gcon_11 .nr .ibd .item02 .rt{ margin-top:0.45rem; padding-bottom:1.5rem}
.gcon_11 .nr .ibd .item02 .rt h3{ font-size:0.28rem; color:#fff; padding-left:0.72rem; background:url(../../images/x18.png) left center no-repeat; background-size:0.48rem; line-height:0.48rem}
.gcon_11 .nr .ibd .item02 .rt .a1{ padding:0.24rem 0 0 0.72rem; font-size:0.24rem; color:#fff}
.gcon_11 .nr .ibd .item02 .rt .a2{ padding:0.24rem 0 0 0.72rem; font-size:0.24rem; font-weight:bold; line-height:0.36rem;}
.gcon_11 .nr .ibd .item02 .rt .a3{ padding:0.48rem 0 0 0.72rem}
.gcon_11 .nr .ibd .item02 .rt .a3 ul li{ float:left; text-align:center; margin-right:0.8rem}
.gcon_11 .nr .ibd .item02 .rt .a3 ul li .ico img{ height:0.72rem}
.gcon_11 .nr .ibd .item02 .rt .a3 ul li .title{ color:#fff; font-size:0.28rem; margin-top:0.2rem}
/*.s1_link{ width:100%; text-align:center; font-size:0; position:absolute; left:0; bottom:1.4rem; z-index:9}
.s1_link .item{ display:inline-block; vertical-align:top; margin:0 0.3rem; text-align:center}
.s1_link .item .pic img{ height:0.6rem; width:auto}
.s1_link .item .title{ font-size:0.24rem; color:#50afb3; padding-top:0.1rem}*/


.s1_link{ width:0.88rem; position:absolute; right:1%;   bottom:6%; z-index:99}
.s1_link .item{ width:0.88rem; height:0.88rem; background:#015196; margin:0.06rem 0;border-radius:50%; position:relative }
.s1_link .item a{ display:block; width:100%; height:100%;}
.s1_link .item a .pic{ width:100%; height:0.6rem; text-align:center; position:absolute; top:50%; left:0; margin-top:-0.3rem;transition:all 0.3s }
.s1_link .item a .pic img{ height:100%; width:auto}
.s1_link .item a .title{ width:100%; text-align:center; font-size:0.24rem; color:#fff; opacity:0; visibility:hidden; transition:all 0.3s linear;   position:absolute; top:50%; left:0;   transform:translateY(-50%)}
.s1_link .item:hover{}
.s1_link .item:hover a .pic{ opacity:0}
.s1_link .item:hover a .title{ opacity:1; visibility:visible}
.s1_link .item.on a .title{ width:80%;  left:10%; opacity:1; visibility:visible}
.s1_link .item.on a  .pic{ width:1.2rem; position:absolute; opacity:0; right:1rem; top:50%; transform:translateY(-50%); left:auto; margin:0; height:1.2rem; visibility:hidden}
.s1_link .item.on a  .pic img{ width:100%; height:1.2rem}
.s1_link .item.on:hover a  .pic{ opacity:1; visibility:visible}