@charset "utf-8";
.container { position: relative; width: 100%; }
.section { position:relative; width:100%; height:100% }
#fp-nav{ display:none}

.s1{ width:100%; height:100%}
.s1 .swiper-container{ width:100%; height:100%}
.s1 .swiper-container .swiper-slide{ width:100%; height:100%}
.s1 .swiper-container .swiper-slide a{ display:block; width:100%; height:100%}
.s1 .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:1; border-radius:5px}
.s1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:26px}

.section2{ background:url(g_03.jpg) center center no-repeat; background-size:cover}
.s2{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-220px}
.s2 .top{ width:400px;}
.s2 .top .a1{ font-size:48px; color:#f0f0f1; line-height:1; font-weight:bold}
.s2 .top .a2{ font-size:38px; color:#3f4256; font-weight:bold; line-height:1; margin-top:-20px}
.s2 .top .a3{ font-size:16px; color:#333333; opacity:0.8; padding-top:10px}
.s2 .nr{ width:1200px; margin:0 auto; position:relative}
.slideGroup{ width:100%; margin-top:-35px}
.parHd{ width:100%; text-align:right}
.parHd ul li{ display:inline-block; vertical-align:top; line-height:1; padding:8px 15px; border-radius:17px; border:1px solid #bfbfbf; color:#888888; font-size:16px; margin-left:20px}
.parHd ul li.on{ background:#3d93fd; color:#fff; border:1px solid #3d93fd}
.parBd{ width:1215px; margin-left:-8px; margin-top:50px; position:relative}
.parBd li{ width:405px;float:left; padding:10px 0}
.parBd li .wk{ width:390px; margin:0 auto;  box-shadow:0 0 10px #cad2de; background:#fff; border-bottom:3px solid #ced5df}
.parBd li .pic{ width:100%}
.parBd li .title{ width:100%; text-align:center; font-size:16px; color:#111111}
.parBd li .title a{ color:#111}
.parBd li .intro{ font-size:13px; color:#888888; text-align:center; line-height:1.6; padding:15px 45px 25px}
.parBd li:hover .wk{ border-bottom:3px solid #3d93fd}
.parBd .sPrev{ display:block; width:38px; height:72px; background:url(g_07.png) center center no-repeat #bfbfbf; position:absolute; left:-50px; top:50%; margin-top:-36px}
.parBd .sNext{ display:block; width:38px; height:72px; background:url(g_08.png) center center no-repeat #bfbfbf; position:absolute; right:-50px; top:50%; margin-top:-36px}
.parBd .sPrev:hover{ background:url(g_07.png) center center no-repeat #3d93fd;}
.parBd .sNext:hover{ background:url(g_08.png) center center no-repeat #3d93fd;}

.section3{ background:url(g_04.jpg) center center no-repeat; background-size:cover}
.s3{ width:1200px; position:absolute; left:50%; height:540px; margin-left:-600px; top:50%; margin-top:-220px}
.s3 .top{ width:400px;}
.s3 .top .a1{ font-size:48px; color:rgba(255,255,255,0.3); line-height:1; font-weight:bold}
.s3 .top .a2{ font-size:38px; color:#fff; font-weight:bold; line-height:1; margin-top:-20px}
.s3 .top .a3{ font-size:16px; color:rgba(255,255,255,0.8); padding-top:10px}
.s3 ul { height: 405px; position: relative; margin-top:40px}
.s3 ul li { width: 266px; height: 267px; background: url(g_19.png) no-repeat; text-align: center;}
.s3 ul li a { display: block; font-size: 20px; color: #333333; padding-top: 70px;}
.s3 ul li p { width: 58px; height: 46px; margin: 0 auto 15px;}
.s3 ul li em { display: block; width: 70px; font-size: 16px; border-top: 1px solid #000000; margin: 15px auto 0; padding-top: 5px;}
.s3 ul li:hover a { color: #ffffff;}
.s3 ul li:hover em { border-color: #ffffff;}
.s3 ul li p { background: url(a1.png) no-repeat center center;}
.s3 ul li:hover { background: url(g_20.png) center center no-repeat;}
.s3 ul li:hover p { background: url(a5_2.png) center center no-repeat!important;}
.s3 ul li:nth-child(1) p { background: url(a2.png) no-repeat center center;}
.s3 ul li:nth-child(1):hover { background: url(g_20.png) center center no-repeat;}
.s3 ul li:hover p { background: url(a5_2.png) center center no-repeat;}
.s3 ul li:nth-child(2) p { background: url(a4.png) no-repeat center center;}
.s3 ul li:nth-child(3) p { background: url(a6.png) no-repeat center center;}
.s3 ul li:nth-child(4) p { background: url(a8.png) no-repeat center center;}
.s3 ul li:nth-child(5) p { background: url(a1.png) no-repeat center center;}
.s3 ul li:nth-child(6) p { background: url(a3.png) no-repeat center center;}
.s3 ul li:nth-child(7) p { background: url(a5.png) no-repeat center center;}
.s3 ul li:nth-child(8) p { background: url(a7.png) no-repeat center center;}
.s3 ul li:nth-child(1) { position: absolute; left: 133px; top: 0; z-index:2}
.s3 ul li:nth-child(2) { position: absolute; left: 399px; top: 0; z-index:2}
.s3 ul li:nth-child(3) { position: absolute; left: 665px; top: 0; z-index:2}
.s3 ul li:nth-child(4) { position: absolute; left: 931px; top: 0; z-index:2}
.s3 ul li:nth-child(5) { position: absolute; left: -0; top: 138px;}
.s3 ul li:nth-child(6) { position: absolute; left: 266px; top: 138px;}
.s3 ul li:nth-child(7) { position: absolute; left: 532px; top: 138px;}
.s3 ul li:nth-child(8) { position: absolute; left: 798px; top: 138px;}
.s3 ul li:nth-child(9) { position: absolute; left: 1064px; top: 138px;}
.s3 ul li:nth-child(1):hover { background: url(1-1.png) center center no-repeat;}
.s3 ul li:nth-child(2):hover { background: url(1-2.png) no-repeat center center;}
.s3 ul li:nth-child(3):hover { background: url(1-3.png) no-repeat center center;}
.s3 ul li:nth-child(4):hover { background: url(1-4.png) no-repeat center center;}
.s3 ul li:nth-child(5):hover { background: url(1-5.png) no-repeat center center;}
.s3 ul li:nth-child(6):hover { background: url(1-6.png) no-repeat center center;}
.s3 ul li:nth-child(7):hover { background: url(1-7.png) no-repeat center center;}
.s3 ul li:nth-child(8):hover { background: url(1-8.png) no-repeat center center;}


.section4{ background:url(g_05.jpg) center center no-repeat; background-size:cover}
.s4{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-220px}
.s4 .top{ width:400px;}
.s4 .top .a1{ font-size:48px; color:#dde3e8; line-height:1; font-weight:bold}
.s4 .top .a2{ font-size:38px; color:#3f4256; font-weight:bold; line-height:1; margin-top:-20px}
.s4 .top .a3{ font-size:16px; color:#333333; opacity:0.8; padding-top:10px}
.s4 .nr{ width:1200px; margin:0 auto; margin-top:-35px}
.s4 .nr .tab01{ width:100%;}
.s4 .nr .tab01 .hd{ width:100%; text-align:right}
.s4 .nr .tab01 .hd ul li{ display:inline-block; vertical-align:top; line-height:1; padding:8px 15px; border-radius:17px; border:1px solid #bfbfbf; color:#888888; font-size:16px; margin-left:20px}
.s4 .nr .tab01 .hd ul li.on{ background:#3d93fd; color:#fff; border:1px solid #3d93fd}
.s4 .nr .tab01 .bd{ width:100%; margin-top:35px}
.s4 .nr .tab01 .bd .con{ width:100%; position:relative}
.s4 .nr .tab01 .bd .con .lt{ width:597px; float:left; background:#fff}
.s4 .nr .tab01 .bd .con .lt .pic{ width:100%; overflow:hidden}
.s4 .nr .tab01 .bd .con .lt .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;}
.s4 .nr .tab01 .bd .con .lt: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);}
.s4 .nr .tab01 .bd .con .lt .title{ width:100%; height:140px}
.s4 .nr .tab01 .bd .con .lt .title .a1{ width:120px; height:68px; float:left; text-align:center; border-right:1px solid #eeeeee; margin-top:40px}
.s4 .nr .tab01 .bd .con .lt .title .a1 .p1{  font-size:24px; color:#111111}
.s4 .nr .tab01 .bd .con .lt .title .a1 .p2{ font-size:18px; color:#bbbbbb}
.s4 .nr .tab01 .bd .con .lt .title .a2{ width:415px; float:left; margin-left:29px; margin-top:20px}
.s4 .nr .tab01 .bd .con .lt .title .a2 h3 a{ display:block; float:left; font-size:16px; color:#111111; width:350px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal; line-height:30px}
.s4 .nr .tab01 .bd .con .lt .title .a2 h3 span{ display:block; width:15px; height:30px; float:right; background:url(g_13.jpg) center center no-repeat}
.s4 .nr .tab01 .bd .con .lt .title .a2 .intro{ font-size:14px; color:#999999; margin-top:5px; text-align:justify}
.s4 .nr .tab01 .bd .con .lt:hover .title .a2 h3 span{ background:url(g_14.jpg) center center no-repeat}
.s4 .nr .tab01 .bd .con .rt{ width:597px; float:right}
.s4 .nr .tab01 .bd .con .rt .title{ width:100%; background:#fff; margin-bottom:5px}
.s4 .nr .tab01 .bd .con .rt .title .a1{ float:left; width:133px;}
.s4 .nr .tab01 .bd .con .rt .title .a2{ width:425px; float:left; margin-left:20px; margin-top:10px}
.s4 .nr .tab01 .bd .con .rt .title .a2 h3 a{ display:block; float:left; font-size:16px; color:#111111; width:350px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal; line-height:30px}
.s4 .nr .tab01 .bd .con .rt .title .a2 h3 span{ display:block; width:15px; height:30px; float:right; background:url(g_13.jpg) center center no-repeat}
.s4 .nr .tab01 .bd .con .rt .title .a2 .intro{ font-size:14px; color:#999999; margin-top:5px; text-align:justify}
.s4 .nr .tab01 .bd .con .rt .title .a2 .time{ font-size:13px; color:#999}
.s4 .nr .tab01 .bd .con .rt .title:hover .a2 h3 span{ background:url(g_14.jpg) center center no-repeat}

.section5{ background:url(g_06.jpg) center center no-repeat; background-size:cover}
.s5{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-210px}
.s5 .top{ width:400px;}
.s5 .top .a1{ font-size:48px; color:#f0f0f1; line-height:1; font-weight:bold}
.s5 .top .a2{ font-size:38px; color:#3f4256; font-weight:bold; line-height:1; margin-top:-20px}
.s5 .top .a3{ font-size:16px; color:#333333; opacity:0.8; padding-top:10px}
#multipleColumn{ width:1200px; margin-top:100px; position:relative}
#multipleColumn .bd{ width:1200px; overflow:hidden}
#multipleColumn ul{ width:240px; float:left; padding-bottom:20px}
#multipleColumn ul li{ width:224px; margin:0 auto; position:relative; margin-top:20px; box-shadow:0 0 10px #cad2de}
#multipleColumn ul li .b1{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(13,43,78,0.9); text-align:center; color:#fff; opacity:0; transition:all 0.3s linear}
#multipleColumn ul li .b1 .title{ font-size:20px; font-weight:bold; line-height:1; padding:23px 0 13px; background:url(g_21.png) bottom center no-repeat}
#multipleColumn ul li .b1 .intro{ padding:0 20px; margin-top:8px; font-size:13px; color:#fff; opacity:0.5}
#multipleColumn ul li:hover .b1{ opacity:1}
#multipleColumn .prev{ display:block; width:19px; height:45px; background:url(g_16.png) center center  no-repeat; position:absolute; left:-30px; top:150px; cursor:pointer}
#multipleColumn .next{ display:block; width:19px; height:45px; background:url(g_17.png) center center  no-repeat; position:absolute; right:-30px; top:150px; cursor:pointer}