.header{}

.container { position: relative; width: 100%; }
.section { position:relative; width:100%; height:100vh; overflow:hidden }
.section7 { background:#f7f7f7; }
#fp-nav.left{ left:auto!important; right:17px!important}
#fp-nav ul li, .fp-slidesNav ul li{ width:12px!important; height:12px!important; border-radius:0!important; background:none!important; margin:0!important; margin:10px 0!important;}
#fp-nav ul li a, .fp-slidesNav ul li a{ width:100%!important; height:100%!important; border:1px solid rgba(255,255,255,0)!important; border-radius:50%!important; margin:0!important}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:6px!important; height:6px!important; border:0!important; border-radius:50%!important; margin:0!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%); background:#fff;display:block!important}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff!important; transition:all 0.5s linear}
#fp-nav ul li a.active{ background:none!important; }
#fp-nav ul li a.active span{ background:#4bb3dc!important; }

.section1{}
.banner1{ width:100%; height:100%; position:relative}
.banner1 .bd{ width:100%; height:100%}
.banner1 .bd li{ width:100%; height:100%}
.banner1 .bd li a{ display:block; width:100%; height:100%}
.banner1 .hd{ width:100%; height:20px; position:absolute; left:0; bottom:60px; z-index:99; font-size:0; text-align:center}
.banner1 .hd li{ display:inline-block; vertical-align:top; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 10px; cursor:pointer; transition:all 0.3s linear}
.banner1 .hd li.on{ width:54px}
.banner1 .intro{ width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-70%); color:#fff}
.banner1 .intro h3{ font-size:50px}
.banner1 .intro p{ font-size:38px; margin-top:50px}

.banner2{ width:100%; height:100%; position:relative}
.banner2 .bd{ width:100%; height:100%}
.banner2 .bd li{ width:100%; height:100%}
.banner2 .bd li a{ display:block; width:100%; height:100%}
.banner2 .hd{ width:100%; height:20px; position:absolute; left:0; bottom:40px; z-index:99; font-size:0; text-align:center}
.banner2 .hd li{ display:inline-block; vertical-align:top; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 10px; cursor:pointer; transition:all 0.3s linear}
.banner2 .hd li.on{ width:54px}
.banner2 .bd{ width:100%; height:100%}
.banner2 .bd li{ width:100%; height:100%; position:relative}
.banner2 .intro{ width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-70%); color:#fff; z-index:9}
.banner2 .intro h3{ font-size:56px}
.banner2 .intro p{ font-size:38px; margin-top:50px}
.section .mores{ position:absolute; left:0; bottom:60px; z-index:9; text-align:center; width:100%; display:none}


.banner3{ width:100%; height:100%; position:relative}
.banner3 .bd{ width:100%; height:100%}
.banner3 .bd li{ width:100%; height:100%}
.banner3 .bd li a{ display:block; width:100%; height:100%}
.banner3 .hd{ width:100%; height:20px; position:absolute; left:0; bottom:40px; z-index:99; font-size:0; text-align:center}
.banner3 .hd li{ display:inline-block; vertical-align:top; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 10px; cursor:pointer; transition:all 0.3s linear}
.banner3 .hd li.on{ width:54px}
.banner3 .bd{ width:100%; height:100%}
.banner3 .bd li{ width:100%; height:100%; position:relative}
.banner3 .intro{ width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-70%); color:#fff; z-index:9}
.banner3 .bd li:nth-child(1) .intro{ transform:translate(-55%,-70%);}
.banner3 .intro h3{ font-size:56px; color:#01acf8}
.banner3 .intro p{ font-size:38px; margin-top:30px}
.banner3 .intro span{ display:inline-block; vertical-align:top; border:1px solid #fff; padding:15px 70px; color:#fff; font-size:26px; margin-top:70px}


.section4{ background:url(../image/g_06.jpg) center center no-repeat; background-size:cover}
.banner4{ width:100%; height:100%; position:relative}
.banner4 .bd{ width:100%; height:100%}
.banner4 .bd li{ width:100%; height:100%; position:relative}
.banner4 .bd li a{ display:block; width:100%; height:100%}
.banner4 .hd{ width:100%; height:20px; position:absolute; left:0; bottom:40px; z-index:99; font-size:0; text-align:center}
.banner4 .hd li{ display:inline-block; vertical-align:top; width:12px; height:12px; border-radius:6px; background:#fff; margin:0 10px; cursor:pointer; transition:all 0.3s linear}
.banner4 .hd li.on{ width:54px}


.section4 .nrx{ width:1200px; position:absolute; left:50%; top:50%; margin-left:-600px; margin-top:-210px; color:#fff; z-index:9}
.section4 .nrx .n1{ width:100%; text-align:center}
.section4 .nrx .n1 h3{ font-size:55px; line-height:1}
.section4 .nrx .n1 p{ font-size:34px; margin-top:45px}
.section4 .nrx .n2{ width:100%}
.section4 .nrx .n2 dl{ margin-top:100px; display:flex;justify-content: space-between; width:1200px}
.section4 .nrx .n2 dl dd{ position:relative;}
.section4 .nrx .n2 dl dd span{ display:inline-block; vertical-align:top; padding-left:80px;  height:74px; font-size:36px; line-height:1; box-sizing:border-box; padding-top:40px; position:relative}
.section4 .nrx .n2 dl dd p{ font-size:16px; margin-top:24px}
.section4 .nrx .n2 dl dd::after{ content:""; display:block; width:0; height:120%; background:rgba(255,255,255,0); position:absolute; left:-5%; top:-5%; opacity:0; transition:all 0.5s linear; z-index:-1}
.section4 .nrx .n2 dl dd:hover::after{ width:0%; opacity:1; background:rgba(255,255,255,0.3)}
.section4 .nrx .n2 dl dd:nth-child(1) span:after{ content:""; display:block; width:57px; height:74px;background:url(../image/g_07.png) left bottom no-repeat; position:absolute; left:0; top:0; transition:all 0.5s linear}
.section4 .nrx .n2 dl dd:nth-child(2) span:after{ content:""; display:block; width:69px; height:74px;background:url(../image/g_08.png) left bottom no-repeat; position:absolute; left:0; top:0; transition:all 0.5s linear}
.section4 .nrx .n2 dl dd:nth-child(3) span:after{ content:""; display:block; width:56px; height:74px;background:url(../image/g_09.png) left bottom no-repeat; position:absolute; left:0; top:0; transition:all 0.5s linear}
.section4 .nrx .n2 dl dd:nth-child(4) span:after{ content:""; display:block; width:65px; height:74px;background:url(../image/g_10.png) left bottom no-repeat; position:absolute; left:0; top:0; transition:all 0.5s linear}
.section4 .nrx .n2 dl dd:hover span:after{ transform:rotateY(360deg)}
.section4 .bd li .nrx{ margin-left:-600px; margin-top:-175px;}
.section4 .nrx .n2 dl:nth-child(1){ margin-top:80px}
@media (max-width:1440px) {
	.section4 .nrx .n1 p{ margin-top:30px}
	.section4 .nrx .n2 dl{ margin-top:60px}
	.section4 .nrx .n2 dl:nth-child(1){ margin-top:50px}
	.section4 .nrx{ width:1200px}
	.section4 .nrx .n2 dl dd{}
	.banner3 .bd li:nth-child(1) .intro{ transform:translate(-50%,-70%);}
}


.section5{ background:#fff; background-size:cover}
.section5 .nrx{ width:1440px; margin:0 auto}
.section5 .nrx>h3{ font-size:48px; color:#000; font-weight:normal; line-height:1}
.section5 .nrx .news_list{ width:100%; margin-top:60px}
.section5 .nrx .news_list .item{ width:450px; float:left; margin-right:45px}
.section5 .nrx .news_list .item:nth-child(3){ margin-right:0}
.section5 .nrx .news_list .item .pic{ width:100%; overflow:hidden; position:relative}
.section5 .nrx .news_list .item .pic a{ display:block; width:100%; height:100%; position:relative}
.section5 .nrx .news_list .item .pic img{ width:100%}
.section5 .nrx .news_list .item .pic a:after{ content:""; display:block; width:100%; height:100%; background:url(../image/c1.png) center center no-repeat rgba(82,180,211,0.6); position:absolute; left:0; top:0; opacity:0; transition:all 0.5s linear} 
.section5 .nrx .news_list .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.section5 .nrx .news_list .item:hover .pic 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);}
.section5 .nrx .news_list .item:hover .pic a:after{ opacity:1}

.section5 .nrx .news_list .item .title{ width:100%;}
.section5 .nrx .news_list .item .title h3{ font-size:18px; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.section5 .nrx .news_list .item .title h3 a{ color:#000}
.section5 .nrx .news_list .item:hover .title h3 a{ color:#52b4d3}
.section5 .nrx .news_list .item .title .intro{ font-size:14px; color:#909090; text-align:justify; margin-top:10px; line-height:25px; height:75px}
.section5 .nrx .news_list .item .title .more a{ display:block; width:120px; height:30px; border:1px solid #d2d2d2; font-size:14px; color:#52b4d3; text-align:center; line-height:30px}
.section5 .nrx .news_list .item:hover .title .more a{ background:#52b4d3; border:1px solid #52b4d3; color:#fff}
@media (max-width:1600px) {
	.section5 .nrx > h3{ font-size:32px}
	.section5 .nrx{ width:1200px}
	.section5 .nrx .news_list{ margin-top:40px}
	.section5 .nrx .news_list .item{ width:380px; margin-right:30px}
	
}



<!--.section6{ background:url(../image/g_14.jpg) center center no-repeat; background-size:cover;}-->
.section6{ background:#333;}
.section6 .nrx{ width:1280px; position:absolute; left:50%; top:50%; transform:translate(-50%,-60%); color:#fff; z-index:9}
.section6 .nrx .lt{ width:590px; float:left}
.section6 .nrx .lt h3{ font-size:40px; color:#fff; font-weight:normal; line-height:1}
.section6 .nrx .lt .intro{ font-size:16px; color:#fff; line-height:33px; margin-top:35px}
.section6 .nrx .lt .intro p:nth-child(1){ background:url(../image/g_15.png) left center no-repeat; padding-left:40px}
.section6 .nrx .lt .intro p:nth-child(2){ background:url(../image/g_16.png) left center no-repeat; padding-left:40px}
.section6 .nrx .lt .intro p:nth-child(3){ background:url(../image/g_16.png) left center no-repeat; padding-left:40px}
.section6 .nrx .lt .intro p:nth-child(4){ background:url(../image/g_17.png) 3px center no-repeat; padding-left:40px}
.section6 .nrx .lt .intro p:nth-child(5){ background:url(../image/g_18.png) left center no-repeat; padding-left:40px}
.section6 .nrx .rt{ width:590px; float:right}
.section6 .nrx .rt h3{ font-size:40px; color:#fff; font-weight:normal; line-height:1}
.section6 .nrx .rt .intro{ font-size:16px; color:#fff; line-height:33px; margin-top:35px; width:660px}
.section6 .nrx .rt .link{ margin-top:60px}
.section6 .nrx .rt .link a{ display:block; float:left; width:212px; height:58px; border:1px solid #fff; border-radius:30px; color:#fff; text-align:center; margin-right:65px; overflow:hidden; position:relative; transition:all 0.5s linear}
.section6 .nrx .rt .link a.a1 i{ display:inline-block; vertical-align:top; line-height:58px; background:url(../image/g_19.png) left center no-repeat; padding-left:56px; font-size:20px}
.section6 .nrx .rt .link a.a2 i{ display:inline-block; vertical-align:top; line-height:58px; background:url(../image/g_20.png) left center no-repeat; padding-left:58px; font-size:20px}
.section6 .nrx .rt .link a:after{ content:""; display:block; width:0%; height:100%; background:rgba(81,180,211,1); position:absolute; left:0; top:0; z-index:-1; transition:all 0.5s linear}
.section6 .nrx .rt .link a:hover:after{ width:50%}
.section6 .nrx .rt .link a:before{ content:""; display:block; width:0%; height:100%; background:rgba(81,180,211,1); position:absolute; right:0; top:0; z-index:-1; transition:all 0.5s linear}
.section6 .nrx .rt .link a:hover:before{ width:50%}
.section6 .nrx .rt .link a:hover{ border:1px solid rgba(81,180,211,1);}

.section6 .ft{ width:1600px; position:absolute; left:50%; margin-left:-800px; bottom:0; z-index:9; color:#fff}
.section6 .ft a{ color:#fff}
.section6 .ft .n1{ line-height:50px; border-bottom:1px solid rgba(255,255,255,0.4)}
.section6 .ft .n1 a{ color:#fff; font-size:14px;}
.section6 .ft .n2{ line-height:50px; color:rgba(255,255,255,0.7)}
.section6 .ft .n2 a{ color:rgba(255,255,255,0.7)}
.section6 .ft .n2 .lt{ float:left}
.section6 .ft .n2 .rt{ float:right}
.section6 .ft .top{ position:absolute; right:0; bottom:70px}


/*第六屏新*/
.section6 .s6{ width:100%}
.section6 .s6 .item01{ width:1600px; margin:0 auto; border-bottom:1px solid #5c5c5c}
.section6 .s6 .item01 .logo_s6{ font-size:24px; color:#fff; font-weight:bold}
.section6 .s6 .item01 .title{ font-size:16px; color:#fff; padding:20px 0; line-height:1}
.section6 .s6 .item02{ width:1600px; margin:0 auto; margin-top:65px; height:340px}
.section6 .s6 .item02 dl{ float:left; margin-right:85px}
.section6 .s6 .item02 dl dt{ font-size:16px; color:#fff; margin-bottom:25px}
.section6 .s6 .item02 dl dt a{ color:#fff}
.section6 .s6 .item02 dl dd{ line-height:30px; color:#979797; font-size:14px}
.section6 .s6 .item02 dl dd a{ color:#979797}
.section6 .s6 .item02 dl dd a:hover{ color:#fff}
.section6 .s6 .item02 .ewm{ float:right; margin-right:25px; text-align:center; font-size:14px; color:#fff}
.section6 .s6 .item02 .ewm p{ margin-top:10px}
.section6 .s6 .item03{ width:100%; border-top:1px solid #5c5c5c}
.section6 .s6 .item03 .nr{ width:1600px; margin:0 auto; padding:15px 0; font-size:12px; color:#979797}
.section6 .s6 .item03 .nr a{ color:#979797}
.section6 .s6 .item03 .nr a:hover{ color:#fff}
.section6 .s6 .item03 .nr .lt{ float:left}
.section6 .s6 .item03 .nr .rt{ float:right}
@media (max-width:1600px) {
	.section6 .s6 .item01{ width:1200px;}
	.section6 .s6 .item02{ width:1200px; margin-top:40px; height:220px}
	.section6 .s6 .item02 dl{ width:auto; margin-right:43px}
	.section6 .s6 .item02 dl dt{ margin-bottom:15px}
	.section6 .s6 .item02 .ewm{ margin-right:0}
	.section6 .s6 .item03 .nr{ width:1200px}
}

@media (max-width:1600px) {
	.section6 .nrx{ width:1200px}
	.section6 .ft{ width:1440px; margin-left:-720px}
}
@media (max-width:1440px) {
	.section6 .ft{ width:1280px; margin-left:-640px}
}
@media (max-width:1366px) {
	.section6 .ft{ width:1200px; margin-left:-600px}
}

.section1.active .banner1{/*-webkit-animation: zoomIn 1s 0s linear;animation: zoomIn 1s 0s linear;*/}
.section1.active .banner1 .intro h3{ -webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.section1.active .banner1 .intro p{ -webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}

.section2.active .banner2 .intro p{ -webkit-animation: fadeInDown 1.5s 0s linear;animation: fadeInDown 1.5s 0s linear;}
.section2.active .banner2 .intro h3{ -webkit-animation: fadeInUp 1.5s 0s linear;animation: fadeInUp 1.5s 0s linear;}

.section3.active .banner3 .intro h3{ -webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.section3.active .banner3 .intro p{ -webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}

.section4.active .nrx .n1 h3{ -webkit-animation: fadeInUp 1s 0s linear;animation: fadeInUp 1s 0s linear;}
.section4.active .nrx .n1 p{ -webkit-animation: fadeInUp 1s 0s linear;animation: fadeInUp 1s 0s linear;}
.section4.active .nrx .n2 dl dd:nth-child(1){ -webkit-animation: fadeInRight 1.5s 0s linear;animation: fadeInRight 1.5s 0s linear;}
.section4.active .nrx .n2 dl dd:nth-child(2){ -webkit-animation: fadeInRight 1.5s 0s linear;animation: fadeInRight 1.5s 0s linear;}
.section4.active .nrx .n2 dl dd:nth-child(3){ -webkit-animation: fadeInLeft 1.5s 0s linear;animation: fadeInLeft 1.5s 0s linear;}
.section4.active .nrx .n2 dl dd:nth-child(4){ -webkit-animation: fadeInLeft 1.5s 0s linear;animation: fadeInLeft 1.5s 0s linear;}

.section5.active .nrx>h3{ -webkit-animation: fadeInLeft 1.5s 0s linear;animation: fadeInLeft 1.5s 0s linear;}
.section5.active .nrx .item{ -webkit-animation: zoomIn 1.5s 0s linear;animation: zoomIn 1.5s 0s linear;}
.section6.active .nrx .lt{ -webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}
.section6.active .nrx .rt{ -webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}


.section.active .header .nr .logo{-webkit-animation: fadeInLeft 1s 0s linear;animation: fadeInLeft 1s 0s linear;}

.section.active .header .nr .rt,.section.active .header .nr .nav{ -webkit-animation: fadeInRight 1s 0s linear;animation: fadeInRight 1s 0s linear;}
.wrapper_sj{ display:none}
.gcon_sj01{ width:100%; overflow:hidden}
.gcon_sj01 .swiper_sj01{ width:100%; position:relative}
.gcon_sj01 .swiper_sj01 .swiper-slide{ width:100%; position:relative}
.gcon_sj01 .swiper_sj01 .swiper-slide img{ width:100%}
.gcon_sj01 .swiper_sj01 .intro{ width:7.1rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff}
.gcon_sj01 .swiper_sj01 .intro h3{ font-size:0.5rem;}
.gcon_sj01 .swiper_sj01 .intro p{ font-size:0.3rem; margin-top:0.2rem}
.gcon_sj01 .swiper_sj01 .pagination_sj01{ width:100%; text-align:center; position:absolute; left:0; bottom:0.5rem; z-index:99}
.gcon_sj01 .swiper_sj01 .pagination_sj01 .swiper-pagination-bullet{ width:0.16rem; height:0.16rem; border-radius:0.08rem; background:#fff; opacity:1}
.gcon_sj01 .swiper_sj01 .pagination_sj01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:0.6rem}

.gcon_sj02{ width:100%; overflow:hidden}
.gcon_sj02 .swiper_sj02{ width:100%; position:relative}
.gcon_sj02 .swiper_sj02 .swiper-slide{ width:100%; position:relative}
.gcon_sj02 .swiper_sj02 .swiper-slide img{ width:100%}
.gcon_sj02 .swiper_sj02 .intro{ width:7.1rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff}
.gcon_sj02 .swiper_sj02 .intro h3{ font-size:0.5rem;}
.gcon_sj02 .swiper_sj02 .intro p{ font-size:0.3rem; margin-top:0.2rem}
.gcon_sj02 .swiper_sj02 .pagination_sj02{ width:100%; text-align:center; position:absolute; left:0; bottom:0.5rem; z-index:99}
.gcon_sj02 .swiper_sj02 .pagination_sj02 .swiper-pagination-bullet{ width:0.16rem; height:0.16rem; border-radius:0.08rem; background:#fff; opacity:1}
.gcon_sj02 .swiper_sj02 .pagination_sj02 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:0.6rem}

.gcon_sj03{ width:100%; overflow:hidden}
.gcon_sj03 .swiper_sj03{ width:100%; position:relative}
.gcon_sj03 .swiper_sj03 .swiper-slide{ width:100%; position:relative}
.gcon_sj03 .swiper_sj03 .swiper-slide img{ width:100%}
.gcon_sj03 .swiper_sj03 .intro{ width:7.1rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff}
.gcon_sj03 .swiper_sj03 .intro h3{ font-size:0.5rem; color:#01acf8}
.gcon_sj03 .swiper_sj03 .intro p{ font-size:0.3rem; margin-top:0.2rem}
.gcon_sj03 .swiper_sj03 .pagination_sj03{ width:100%; text-align:center; position:absolute; left:0; bottom:0.5rem; z-index:99}
.gcon_sj03 .swiper_sj03 .pagination_sj03 .swiper-pagination-bullet{ width:0.16rem; height:0.16rem; border-radius:0.08rem; background:#fff; opacity:1}
.gcon_sj03 .swiper_sj03 .pagination_sj03 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:0.6rem}

.gcon_sj04{ width:100%;color:#fff; overflow:hidden}
.gcon_sj04 .swiper_sj04{ width:100%; position:relative}
.gcon_sj04 .swiper_sj04 .swiper-slide{ width:100%; position:relative}
.gcon_sj04 .swiper_sj04 .swiper-slide img{ width:100%}
.gcon_sj04 .swiper_sj04 .pagination_sj04{ width:100%; text-align:center; position:absolute; left:0; bottom:0.5rem; z-index:99}
.gcon_sj04 .swiper_sj04 .pagination_sj04 .swiper-pagination-bullet{ width:0.16rem; height:0.16rem; border-radius:0.08rem; background:#fff; opacity:1}
.gcon_sj04 .swiper_sj04 .pagination_sj04 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:0.6rem}




.gcon_sj04 .nrx{ width:6.4rem; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.gcon_sj04 .nrx .n1{ width:100%; text-align:center; padding-top:2rem; padding-bottom:1rem}
.gcon_sj04 .nrx .n1 h3{ font-size:0.5rem;}
.gcon_sj04 .nrx .n1 p{ font-size:0.3rem; margin-top:0.2rem}
.gcon_sj04 .nrx .n2{ width:100%}
.gcon_sj04 .nrx .n2 ul{}
.gcon_sj04 .nrx .n2 ul li{ width:100%; margin-bottom:0.8rem}
.gcon_sj04 .nrx .n2 ul li span{ display:inline-block; vertical-align:top; padding-left:1.3rem; background:url(../image/g_07.png) left bottom no-repeat; height:1.2rem; font-size:0.4rem; line-height:1; box-sizing:border-box; padding-top:0.8rem}
.gcon_sj04 .nrx .n2 ul li p{ font-size:0.28rem; margin-top:0.3rem}
.gcon_sj04 .nrx .n2 ul li:nth-child(1) span{background:url(../image/g_07.png) left bottom no-repeat; background-size:auto 1.1rem}

.gcon_sj04 .nrx .n2 ul li:nth-child(2) span{background:url(../image/g_08.png) left bottom no-repeat; background-size:auto 1.1rem}
.gcon_sj04 .nrx .n2 ul li:nth-child(3) span{background:url(../image/g_09.png) left bottom no-repeat; background-size:auto 1.1rem}
.gcon_sj04 .nrx .n2 ul li:nth-child(4) span{background:url(../image/g_10.png) left bottom no-repeat; background-size:auto 1rem}

.gcon_sj05{ width:100%; padding:1rem 0}

.gcon_sj05 .nrx{ width:6.9rem; margin:0 auto}
.gcon_sj05 .nrx>h3{ font-size:0.5rem; color:#000; font-weight:normal; line-height:1}
.gcon_sj05 .nrx .news_list{ width:100%; margin-top:1rem}
.gcon_sj05 .nrx .news_list .item{ width:100%; margin-bottom:0.5rem}
.gcon_sj05 .nrx .news_list .item .pic{ width:100%; overflow:hidden; position:relative}
.gcon_sj05 .nrx .news_list .item .pic a{ display:block; width:100%; height:100%; position:relative}
.gcon_sj05 .nrx .news_list .item .pic img{ width:100%}
.gcon_sj05 .nrx .news_list .item .pic a:after{ content:""; display:block; width:100%; height:100%; background:url(../image/c1.png) center center no-repeat rgba(82,180,211,0.6); position:absolute; left:0; top:0; opacity:0; transition:all 0.5s linear} 
.gcon_sj05 .nrx .news_list .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.gcon_sj05 .nrx .news_list .item:hover .pic 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_sj05 .nrx .news_list .item .pic a:after{ opacity:1}

.gcon_sj05 .nrx .news_list .item .title{ width:100%;}
.gcon_sj05 .nrx .news_list .item .title h3{ font-size:0.34rem; color:#000; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:10px}
.gcon_sj05 .nrx .news_list .item .title h3 a{ color:#000}
.gcon_sj05 .nrx .news_list .item .title:hover h3 a{ color:#52b4d3}
.gcon_sj05 .nrx .news_list .item .title .intro{ font-size:0.28rem; color:#909090; text-align:justify; margin-top:0.2rem; line-height:0.5rem; margin-bottom:0.2rem}
.gcon_sj05 .nrx .news_list .item .title .more a{ display:block; width:2.4rem; height:0.6rem; border:1px solid #d2d2d2; font-size:0.28rem; color:#52b4d3; text-align:center; line-height:0.6rem}
.gcon_sj05 .nrx .news_list .item .title .more a{ background:#52b4d3; border:1px solid #52b4d3; color:#fff}



@media (max-width:1200px) {
	.wrapper{ display:none}
	#fp-nav.left{ display:none}
	.wrapper_sj{ display:block; width:100%; height:100%; overflow-y:auto}
}