@charset "utf-8";
.banner{ position:relative; width:1920px; left:50%; margin-left:-960px; height:540px; overflow:hidden; }
.banner .hd{ width:100%; left:0; bottom:20px; position:absolute; z-index:999; text-align:center}
.banner .hd li{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; margin:0 10px; font-size:0; border-radius:50%;}
.banner .hd li.on{background:#01b0f6}
.banner .bd{ width:100%}
.banner .bd li{ width:100%; position:relative}
.banner .bd li.ali .pic1{ position:absolute; top:0px; left:50px}
.banner .bd li.ali .pic2{ position:absolute; top:120px; left:1000px}
.banner .prev{ display:block; width:50px; height:50px; position:absolute; left:50%; margin-left:-650px; background:url(prev.png) center center no-repeat; top:50%; margin-top:-25px}
.banner .next{ display:block; width:50px; height:50px; position:absolute; right:50%; margin-right:-650px; background:url(next.png) center center no-repeat; top:50%; margin-top:-25px}

.gcon_1{ width:100%; background:url(g_08.jpg) top center no-repeat; padding-top:55px;}
.gcon_1 .nr{ width:1200px; margin:0 auto}
.gcon_1 .nr .lt{ width:440px; float:left}
.gcon_1 .nr .lt h3{ font-size:36px; color:#333333; line-height:1}
.gcon_1 .nr .lt h3 a{ color:#333}
.gcon_1 .nr .lt h4{ font-size:18px; color:#515151; line-height:1; font-weight:normal; padding:15px 0 25px}
.gcon_1 .nr .lt .intro{ font-size:14px; color:#707070; text-align:justify; line-height:25px; height:230px;}
.gcon_1 .nr .lt .more{ display:block; width:118px; height:30px; border:1px solid #003f6a; border-radius:16px; color:#003f6a; font-size:12px; text-align:center; line-height:30px; transition:all 0.5s linear}
.gcon_1 .nr .lt .more:hover{ background:#003f6a; color:#fff}
.gcon_1 .nr .cen{ width:150px; float:left; margin-left:93px}
.gcon_1 .nr .cen dl dt{ font-size:30px; color:#003f6a; line-height:1; font-weight:bold; padding-bottom:10px;}
.gcon_1 .nr .cen dl dd{ font-size:18px; color:#404e61; line-height:1; margin-bottom:43px}
.gcon_1 .nr .rt{ float:right; width:482px;}

.gcon_2{ width:100%; background:url(g_10.jpg) top center no-repeat; height:919px}
.gcon_2 .top{ width:100%; text-align:center; color:#fff}
.gcon_2 .top h3{ font-size:36px; color:#fff; line-height:1; padding-top:50px; padding-bottom:15px}
.gcon_2 .top p{ font-size:18px; color:#fff; line-height:1; }

.slideGroup{ width:1200px; margin:0 auto; padding-top:35px; position:relative; height:710px}
.slideGroup .parHd{ width:100%; height:165px; background:#fff; text-align:center; box-shadow:0 0 15px #0d4baa}
.slideGroup .parHd li{ display:inline-block; vertical-align:top; margin:0 10px}
.slideGroup .parHd li span{ display:block; width:100%; height:54px; background:url(g_09.png) center center no-repeat; margin-top:29px; transition:all 0.3s linear}
.slideGroup .parHd li h3{ font-size:16px; color:#000; font-weight:normal; margin-top:10px}
.slideGroup .parHd li p{ text-transform:uppercase; color:rgba(00,00,00,0.5)}
.slideGroup .parHd li.on span{background:url(g_09.png) center center no-repeat;}
.slideGroup .parHd li:nth-child(1) span{background:url(x1.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(1).on span{background:url(x1_1.png) center center no-repeat; background-size:54px}
.slideGroup .parHd li:nth-child(2) span{background:url(x2.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(2).on span{background:url(x2_1.png) center center no-repeat; background-size:54px}
.slideGroup .parHd li:nth-child(3) span{background:url(x3.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(3).on span{background:url(x3_1.png) center center no-repeat; background-size:54px}
.slideGroup .parHd li:nth-child(4) span{background:url(x4.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(4).on span{background:url(x4_1.png) center center no-repeat; background-size:54px}
.slideGroup .parHd li:nth-child(5) span{background:url(x5.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(5).on span{background:url(x5_1.png) center center no-repeat; background-size:54px}
.slideGroup .parHd li:nth-child(6) span{background:url(x6.png) center center no-repeat; background-size:46px}
.slideGroup .parHd li:nth-child(6).on span{background:url(x6_1.png) center center no-repeat; background-size:54px}




.slideGroup .parHd li.on h3{ color:#003f6a}
.slideGroup .parBd{ width:100%; position:relative}
.slideGroup .parBd li{ width:100%}
.slideGroup .parBd li .lt{ float:left; width:405px; margin-top:100px; color:#fff}
.slideGroup .parBd li .pic{ float:left; margin-top:40px; position:relative; z-index:2; transition:all 0.5s linear}
.slideGroup .parBd li .pic::after{ content:""; display:block; width:400px; height:400px; border-radius:50%; background:#fff; position:absolute; bottom:0; left:50%; margin-left:-200px; z-index:0; transition:all 0.5s linear}
.slideGroup .parBd li .pic img{ position:relative; z-index:9}
.slideGroup .parBd li .pic:hover{ margin-top:20px;}
.slideGroup .parBd li .pic:hover::after{ background:#003f6a; box-shadow:0 0 10px rgba(00,00,00,0.4)}
.slideGroup .parBd li .rt{ float:right; width:300px; color:#fff; margin-top:100px}
.slideGroup .parBd li .lt h3{ font-size:25px; line-height:1;}
.slideGroup .parBd li .lt h3 a{ color:#fff}
.slideGroup .parBd li .lt h4{ font-size:16px; font-weight:normal; background:url(g_11.jpg) left bottom no-repeat; padding-bottom:45px}

.slideGroup .parBd li .lt .intro{ font-size:14px; margin-top:30px; line-height:25px; height:200px;}
.slideGroup .parBd li .lt .more{ display:block; width:130px; height:32px; background:#fff; border-radius:16px; color:#005bac; text-align:center; line-height:32px; transition:all 0.3s linear}
.slideGroup .parBd li .lt .more:hover{ font-weight:bold; border-radius:0}
.slideGroup .parBd li .rt .p1{ font-size:16px; margin-bottom:5px}
.slideGroup .parBd li .rt .p2{ font-size:13px; margin-bottom:20px}
.slideGroup  .sPrev{ display:block; width:38px; height:38px; background:url(g_13.png) center center no-repeat; position:absolute; bottom:77px; right:260px; z-index:999}
.slideGroup  .sNext{ display:block; width:38px; height:38px; background:url(g_14.png) center center no-repeat; position:absolute; bottom:77px; right:200px; z-index:999}

.gcon_3{ width:100%; background:url(g_23.jpg) top center no-repeat; height:665px; padding-top:1px; overflow:hidden}
.gcon_3 .nr{ width:1200px; margin:0 auto; position:relative; z-index:3}
.gcon_3 .nr .xz{ position:absolute; top:0; right:0; z-index:1;}

@-webkit-keyframes animal {
  0%{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100%{
    transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.xz {
  -webkit-animation: animal 50s infinite linear ;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}





.gcon_3 .nr .tab{ width:100%}
.gcon_3 .nr .tab .hd{ width:242px; margin-top:10px; color:#fff; float:left}
.gcon_3 .nr .tab .hd li{ width:242px; height:128px; border-bottom:1px solid #454545}
.gcon_3 .nr .tab .hd li.on{ background:url(g_15.png) center center no-repeat}
.gcon_3 .nr .tab .hd li p{ font-size:16px; line-height:1; padding-top:40px; padding-left:30px}
.gcon_3 .nr .tab .hd li span{ font-size:12px; padding-left:30px; padding-top:10px; display:inline-block; vertical-align:top; color:#666}
.gcon_3 .nr .tab .hd li.on span{ color:#FFF}
.gcon_3 .nr .tab .bd{ width:850px; float:right}
.gcon_3 .nr .tab .bd .con{ width:100%; color:#fff}
.gcon_3 .nr .tab .bd .con h3{ font-size:28px; color:#fff; font-weight:normal; padding-top:130px}
.gcon_3 .nr .tab .bd .con h3 a{ color:#fff}
.gcon_3 .nr .tab .bd .con .intro{ font-size:14px; color:rgba(255,255,255,0.65); line-height:25px; margin-top:60px; height:120px}
.gcon_3 .nr .tab .bd .con .more{ display:block; width:155px; height:34px; border:1px solid #8a8a8a;color:rgba(255,255,255,0.65); text-align:center; line-height:34px; background:rgba(255,255,255,0.2); margin-bottom:55px; transition:all 0.3s linear}
.gcon_3 .nr .tab .bd .con .more:hover{ background:#003f6a;border:1px solid #003f6a; color:#fff}
.gcon_3 .nr .tab .bd .con h4{ font-size:14px; font-weight:normal; margin-bottom:10px}
.gcon_3 .nr .tab .bd .con .xg a{ display:block; float:left; border:1px solid #999999; padding:0 15px; margin-right:5px;background:rgba(255,255,255,0.2); transition:all 0.3s linear}
.gcon_3 .nr .tab .bd .con .xg a i{ display:inline-block; vertical-align:top;  color:#999999; line-height:34px;transition:all 0.3s linear}
.gcon_3 .nr .tab .bd .con .xg a:hover{ background:#003f6a;border:1px solid #003f6a;}
.gcon_3 .nr .tab .bd .con .xg a:hover i{ color:#fff}
.gcon_4{ width:100%; background:url(g_17.jpg) top center no-repeat; padding-bottom:60px}
.gcon_4 .top{ width:100%; text-align:center; color:#fff; margin-bottom:35px;}
.gcon_4 .top h3{ font-size:36px; color:#505050; line-height:1; padding-top:50px; padding-bottom:15px}
.gcon_4 .top p{ font-size:18px; color:#505050; line-height:1; }
.picleft{ width:1200px; margin:0 auto; overflow:hidden}
.picleft li{ width:293px; float:left; margin-right:9px;}
.picleft li .pic{ width:293px; height:186px; overflow:hidden}
.picleft li .pic img{transition:All 1s linear;    -webkit-transition:All 1s linear;    -moz-transition:All 1s linear;    -o-transition:All 1s linear;}
.picleft li:hover .pic img{transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}

.picleft li h3{ font-size:16px; color:#3333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal; margin-top:35px}
.picleft li h3 a{ color:#333; transition:all 0.3s linear}
.picleft li:hover h3 a{ color:#003f6a}
.picleft li p.time{ font-size:14px; color:rgba(00,00,00,0.2); margin:5px 0 8px}
.picleft li .intro{ font-size:14px; color:rgba(00,00,00,0.7); text-align:justify; height:80px}

.link{ width:100%; height:68px; background:#f6f6f6}
.link .nr{ width:1200px; margin:0 auto} 
.link .nr .lt{ width:118px; height:68px; text-align:center; background:#003f6a; color:#fff; font-size:18px; line-height:68px; float:left}
.link .nr .rt{ width:1082px; float:right}
.link .nr .rt a{ display:block; width:135px; height:68px; line-height:68px; color:#666666; font-size:16px; float:left; text-align:center}