@charset "utf-8";
/*!
 * Copyright (c) 2021 ibw
 */
.container { position: relative; width: 100%; margin: 0 auto; }
.banner{ width:1920px; position:relative; left:50%; margin-left:-960px;}
.banner .bd{ width:100%}
.banner .bd img{ width:100%}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:40px; z-index:9; font-size:0}
.banner .hd li{ display:inline-block; vertical-align:top; width:13px; height:13px; background:#fff; border-radius:50%; margin:0 8px}
.banner .hd li.on{ background:#f08519}



.topx{ width:100%; text-align:center}
.topx h3{ font-size:30px; color:#000000; line-height:1; padding-bottom:28px; background:url(g_03.jpg) bottom center no-repeat}

.gcon_1{ margin-top:95px}
.gcon_1 .nr{ width:100%; background:#f7f7f7}
.gcon_1 .nr .tab01{ width:1280px; margin:0 auto; padding:100px 0 50px; margin-top:60px; position:relative}
.gcon_1 .nr .tab01 .bd{ width:100%}
.gcon_1 .nr .tab01 .bd .lt{ width:640px; float:left}
.gcon_1 .nr .tab01 .bd .lt h3{ font-size:24px; color:#009bb4}
.gcon_1 .nr .tab01 .bd .lt h3 a{ color:#009bb4}
.gcon_1 .nr .tab01 .bd .lt .p1{ font-size:18px; color:#000000; margin-top:10px}
.gcon_1 .nr .tab01 .bd .lt .p2{ font-size:14px; color:rgba(00,00,00,0.6); padding:35px 0; line-height:2; text-align:justify}
.gcon_1 .nr .tab01 .bd .rt{ float:right; width:569px;}
.gcon_1 .nr .tab01 .bd .rt img{ max-width:100%}
.gcon_1 .nr .tab01 .hd{ width:656px; position:absolute; left:0; bottom:112px; z-index:9}
.gcon_1 .nr .tab01 .hd li{ width:148px; position:relative; float:left; margin-right:16px; cursor:pointer}
.gcon_1 .nr .tab01 .hd li img{ width:100%}
.gcon_1 .nr .tab01 .hd li.on span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; box-shadow:0 0 15px rgba(00,00,00,0.2); box-sizing:border-box; border:2px solid #009bb4}



.gcon_2{ width:100%}
.gcon_2 .tab02{ position:relative; width:1920px; left:50%; margin-left:-960px;}
.gcon_2 .tab02 .bd{ width:100%;}
.gcon_2 .tab02 .bd img{ width:100%}
.gcon_2 .tab02 .hd{ width:365px; height:100%; position:absolute; right:50%; margin-right:-640px; z-index:9; top:0; z-index:9; background:rgba(0,155,180,0.9)}
.gcon_2 .tab02 .hd ul{ width:100%; height:100%; color:#fff; }
.gcon_2 .tab02 .hd li{ width:100%; height:33.333333333333333333333333333333333333333333333%; box-sizing:border-box; padding:70px 0 0 145px; border-bottom:1px solid #66c3d2;position:relative}
.gcon_2 .tab02 .hd li .p1{ font-size:24px; line-height:1; padding-top:10px}
.gcon_2 .tab02 .hd li .p2{ font-size:14px; color:rgba(255,255,255,0.7); margin-top:15px; text-transform:uppercase}
.gcon_2 .tab02 .hd li:nth-child(1):after{ content:""; display:block; width:72px; height:72px; background:url(bt_01.png) center center no-repeat #fff; border-radius:50%; position:absolute; left:45px; top:70px;}
.gcon_2 .tab02 .hd li:nth-child(2):after{ content:""; display:block; width:72px; height:72px; background:url(bt_02.png) center center no-repeat #fff; border-radius:50%; position:absolute; left:45px; top:70px;}
.gcon_2 .tab02 .hd li:nth-child(3):after{ content:""; display:block; width:72px; height:72px; background:url(bt_03.png) center center no-repeat #fff; border-radius:50%; position:absolute; left:45px; top:70px;}
.gcon_2 .tab02 .hd li.on:nth-child(1):after{background:url(bt_01_1.png) center center no-repeat #fff;}
.gcon_2 .tab02 .hd li.on:nth-child(2):after{background:url(bt_02_1.png) center center no-repeat #fff;}
.gcon_2 .tab02 .hd li.on:nth-child(3):after{background:url(bt_03_1.png) center center no-repeat #fff;}
.gcon_2 .tab02 .hd li.on{ background:#f08519; border:1px solid #f08519}

.gcon_3{ margin-top:90px}

.gcon_3 .tab03{ width:1281px; margin:0 auto; margin-top:70px; position:relative}
.gcon_3 .tab03 .bd{ width:100%; overflow:hidden}
.gcon_3 .tab03 .bd li{ width:403px; padding:3px; border:1px solid #dcdcdc; margin-right:24px}
.gcon_3 .tab03 .bd li:hover{ border:2px solid #009bb4; padding:2px}
.gcon_3 .tab03 .bd li .pic{ width:100%; overflow:hidden}
.gcon_3 .tab03 .bd li .pic img{ width:100%}
.gcon_3 .tab03 .bd li .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_3 .tab03 .bd li: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_3 .tab03 .bd li .title{ line-height:70px;}
.gcon_3 .tab03 .bd li .title a{ display:block; text-align:center; line-height:70px; font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_3 .tab03 .bd li:hover .title a{ color:#009bb4; font-weight:bold}
.gcon_3 .tab03 .prev{ display:block; width:40px; height:40px; background:url(g_09.png) center center no-repeat; cursor:pointer; position:absolute; left:-80px; top:50%; margin-top:-20px;}
.gcon_3 .tab03 .next{ display:block; width:40px; height:40px; background:url(g_10.png) center center no-repeat; cursor:pointer; position:absolute; right:-80px; top:50%; margin-top:-20px;}

.gcon_4{ width:100%; background:url(g_12.jpg) top center no-repeat; margin-top:95px;}
.gcon_4 .topx h3{ color:#fff; background:url(g_11.jpg) bottom center no-repeat; padding-top:85px }
.gcon_4 .nr{ width:1280px; margin:0 auto; margin-top:45px}
.gcon_4 .nr .item{ width:272px; box-sizing:border-box; float:left; padding:2px;  border:1px solid rgba(255,255,255,0); height:290px;padding-bottom:0; border-bottom:0; margin-right:64px; text-align:center}
.gcon_4 .nr .item .con{ width:100%; height:100%; color:#fff; position:relative}
.gcon_4 .nr .item:nth-child(4){ margin-right:0}
.gcon_4 .nr .item:hover{ border:1px solid rgba(255,255,255,0.2)}
.gcon_4 .nr .item:hover .con{ background:#009bb4}
.gcon_4 .nr .item .con .pic{ padding-top:50px}
.gcon_4 .nr .item .con h3{ font-size:18px; font-weight:normal; line-height:20px; margin-top:30px}
.gcon_4 .nr .item .con .intro{ font-size:12px; color:rgba(255,255,255,0.6); margin-top:10px}
.gcon_4 .nr .item:hover .con h3{ font-weight:bold}
.gcon_4 .nr .item:hover .con .intro{ color:rgba(255,255,255,0.8)}
.gcon_4 .nr .item:hover .con a.more{ display:block; background:url(g_17.png) center center no-repeat; width:30px; height:30px; position:absolute; left:50%; margin-left:-15px; bottom:-15px; cursor:pointer; z-index:2}

.gcon_5{ width:100%; margin-top:100px; padding-bottom:90px}
.gcon_5 .tab05{ width:1280px; margin:0 auto; margin-top:85px}
.gcon_5 .tab05 .bd li{ width:625px; float:left; margin-right:30px}
.gcon_5 .tab05 .bd li .item{ width:100%; margin-bottom:75px}
.gcon_5 .tab05 .bd li .item .tit{ width:385px; float:left}
.gcon_5 .tab05 .bd li .item .pic{ width:212px; float:right}
.gcon_5 .tab05 .bd li .item .pic img{ width:100%}
.gcon_5 .tab05 .bd li .item .tit .t{ font-size:24px; color:#009bb4; font-family:Arial, Helvetica, sans-serif; line-height:50px;}
.gcon_5 .tab05 .bd  li .item .tit .h{ font-size:18px; color:#000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.gcon_5 .tab05 .bd li .item .tit .h a{ color:#000}
.gcon_5 .tab05 .bd li .item .tit .i{ font-size:14px; color:rgba(00,00,00,0.65); line-height:2; height:56px; overflow:hidden}

.gcon_5 .tab05 .hd{ width:100%; text-align:center}
.gcon_5 .tab05 .hd ul{ display:inline-block; vertical-align:top; text-align:center; padding:0 30px}
.gcon_5 .tab05 .hd ul li{ display:inline-block; vertical-align:top; font-size:0; width:10px; height:10px; background:#e5e5e5;margin:17px 3px; border-radius:5px; transition:all 0.3s linear}
.gcon_5 .tab05 .hd ul li.on{ background:#009bb4; width:26px}
.gcon_5 .tab05 .hd .prev{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(g_19x.jpg) center center no-repeat; cursor:pointer}
.gcon_5 .tab05 .hd .next{ display:inline-block; vertical-align:top; width:44px; height:44px; background:url(g_20x.jpg) center center no-repeat; cursor:pointer}