﻿.banner{ width:1920px; position:relative; left:50%; margin-left:-960px; height:600px;}
.banner .hd{ width:100%; text-align:center; position:absolute; left:0; bottom:60px; z-index:99}
.banner .hd ul li{ width:20px; height:4px; background:#fff; display:inline-block; vertical-align:top; font-size:0; margin:0 5px; vertical-align:top; cursor:pointer}
.banner .hd ul li.on{ background:#b1b2bb}

.gnav{ width:1200px; height:106px; position:relative; left:50%; margin-left:-600px; margin-top:-42px; background:url(../images/g_25.png) bottom center no-repeat #f5f6f6; padding-bottom:3px}
.gnav::before{ content:""; display:block; width:17px; height:54px; position:absolute; bottom:0; left:-17px; background:url(../images/g_04.png) left center no-repeat}
.gnav::after{ content:""; display:block; width:17px; height:54px; position:absolute; bottom:0; right:-17px; background:url(../images/g_05.png) left center no-repeat}
.gnav dl{ float:left; height:106px; background:url(../images/g_03.jpg) right center no-repeat; padding:0 40px 0 39px;}
.gnav dl a{ font-size:14px; color:#225a66}
.gnav dl dt{ margin-top:35px;}
.gnav dl.last{ background:none}

.gcon_1{ width:1200px; margin:0 auto; margin-top:70px; background:#f0f7fb}
.gcon_1 .lt{ width:600px; float:left; position:relative}
.gcon_1 .lt .more{ display:block; width:250px; height:46px; border:1px solid #6ba0ac; border-radius:24px; text-align:center; line-height:46px; color:#3b7986; font-size:15px; position:absolute; left:50%; margin-left:-125px; bottom:23px; background:rgba(240,247,251,0.8)}
.gcon_1 .rt{ width:535px; float:left; padding-left:30px; padding-right:35px; padding-top:44px}
.gcon_1 .rt h3{ line-height:1; font-size:36px; color:#217587; display:inline-block; vertical-align:top; border-bottom:1px solid #4d8f9d; padding-bottom:5px; padding-right:15px; font-family:Arial;}
.gcon_1 .rt h3 i{ font-size:14px; color:#217587; font-weight:normal; padding-left:10px; font-family:"微软雅黑"}
.gcon_1 .rt .p1{ font-size:12px; color:#333333; line-height:23px; margin-top:18px; text-align:justify}
.gcon_1 .rt .p2 a{ float:right; margin-top:5px}
.gcon_1 .rt .list{ width:100%; text-align:center; margin-top:30px}
.gcon_1 .rt .list li{ width:92px; display:inline-block; margin: 0 15px}
.gcon_1 .rt .list li span{ display:inline-block; vertical-align:top; width:92px; height:92px; background:url(../images/g_07.png) center center no-repeat;}
.gcon_1 .rt .list li a i{ font-size:13px; color:#376e7a; margin-top:10px; display:inline-block; vertical-align:top}
.gcon_1 .rt .list li:nth-child(1) span{background:url(../images/1.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(1):hover span{background:url(../images/01.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(2) span{background:url(../images/2.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(2):hover span{background:url(../images/02.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(3) span{background:url(../images/3.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(3):hover span{background:url(../images/03.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(4) span{background:url(../images/4.png) center center no-repeat;}
.gcon_1 .rt .list li:nth-child(4):hover span{background:url(../images/04.png) center center no-repeat;}

.gcon_2{ width:100%; background:url(../images/a3.jpg) top center no-repeat; margin-top:80px; padding-bottom:30px}
.gcon_2 .nr{ width:1200px; margin:0 auto}
.gcon_2 .nr h3{ text-align:center; font-size:28px; color:#217587; font-weight:normal; padding-top:40px}
.gcon_2 .nr h4{ text-align:center; font-size:14px; font-family:Arial; color:#217587; font-weight:normal; padding-bottom:35px;}
.gcon_2 .nr .list{ width:1200px;}
.gcon_2 .nr .list li{ width:400px; height:243px; background:#4d8f9d; float:left; position:relative}
.gcon_2 .nr .list li.bli{ padding:0 30px; box-sizing:border-box}
.gcon_2 .nr .list li.bli span{ font-size:20px; font-family:Arial; font-weight:bold; color:#fff; text-transform:uppercase; border-bottom:2px solid #fff;padding-top: 40px;display: inline-block;line-height: 1; position:relative}
.gcon_2 .nr .list li.bli span i{ font-size:55px}
.gcon_2 .nr .list li.bli span em{ position:absolute; left:43px; top:50px; font-size:14px;width: 60px;
display: block;}
.gcon_2 .nr .list li.bli p{ font-size:14px; color:#fff; margin-top:10px}
.gcon_2 .nr .list li.bli a.more{ display:block; width:90px; height:30px; border:1px solid #fff; text-align:center; line-height:30px; color:#fff; border-radius:5px; font-size:12px; position:absolute;right:30px; bottom:25px;}

.gcon_3{ width:100%;}
.gcon_3 .nr{ width:1200px; margin:0 auto}
.gcon_3 .nr h3{ text-align:center; font-size:28px; color:#217587; font-weight:normal; padding-top:40px}
.gcon_3 .nr h4{ text-align:center; font-size:14px; font-family:Arial; color:#217587; font-weight:normal; padding-bottom:35px;}
.gcon_3 .nr ul{ width:1220px;}
.gcon_3 .nr ul li{ width:290px; float:left; position:relative; overflow:hidden; margin-right:13px}
.gcon_3 .nr ul li .pic{ width:290px; height:291px}
.gcon_3 .nr ul li .tit{ background:#e8eef1; width:290px; padding:15px 20px; box-sizing:border-box}
.gcon_3 .nr ul li .tit dl dt{ font-size:15px;}
.gcon_3 .nr ul li .tit dl dt a{ color:#333333}
.gcon_3 .nr ul li .tit dl dd{ font-size:12px; color:#333; opacity:0.8; margin-top:5px;}
.gcon_3 .nr ul li .tit2{ background:#838a8e; width:290px; height:234px; padding:30px 20px; box-sizing:border-box; position:absolute; left:0; bottom:-234px; transition:all 0.5s}
.gcon_3 .nr ul li .tit2 dl dt{ font-size:15px;}
.gcon_3 .nr ul li .tit2 dl dt a{ color:#fff}
.gcon_3 .nr ul li .tit2 dl dd{ font-size:12px; color:#fff; opacity:0.8; margin-top:5px; line-height:20px; text-align:justify}
.gcon_3 .nr ul li .tit2>a{ float:right; margin-top:10px}
.gcon_3 .nr ul li:hover .tit2{ bottom:0}
.gcon_3 .nr .url{ width:1200px; margin:45px auto; text-align:center}
.gcon_3 .nr .url a{ display:inline-block; vertical-align:top; width:358px; height:69px; line-height:69px; color:#fff; background:#ee9202; font-size:18px; border-radius:15px; margin:0 38px}
.gcon_3 .nr .url a.more02{ background:#4d8f9d}

.gcon_4{ width:100%; background:url(../images/g_18.jpg) center top no-repeat; padding-top:1px;}
.gcon_4 .nr{ width:1200px; margin:0 auto}
.gcon_4 .nr h3{ text-align:center; font-size:28px; color:#217587; font-weight:normal; padding-top:60px}
.gcon_4 .nr h4{ text-align:center; font-size:14px; font-family:Arial; color:#217587; font-weight:normal; padding-bottom:35px;}
.gcon_4 .nr .banner2{ width:1200px; margin:0 auto; padding-bottom:30px}
.gcon_4 .nr .banner2 .bd li{ width:100%; background:rgba(255,255,255,0.8)}
.gcon_4 .nr .banner2 .lt{ width:328px; height:380px; border:1px solid #d6d8da; float:left}
.gcon_4 .nr .banner2 .rt{ width:870px; padding:50px 60px 50px; box-sizing:border-box; float:left; position:relative; height:382px }
.gcon_4 .nr .banner2 .rt h2{ font-size:20px; display:inline-block; vertical-align:top; border-bottom:1px solid #217587}
.gcon_4 .nr .banner2 .rt h2 a{ color:#000000}
.gcon_4 .nr .banner2 .rt h2 a span{ color:#000000; font-size:16px; font-weight:normal; text-transform:uppercase}
.gcon_4 .nr .banner2 .rt .intro{ margin-top:20px}
.gcon_4 .nr .banner2 .rt .intro p{ font-size:15px; color:#000000; margin-bottom:10px; opacity:0.8}
.gcon_4 .nr .banner2 .rt a.more{ display:block; width:157px; height:44px; background:#4d8f9d; color:#fff; text-align:center; line-height:44px; font-size:16px; border-radius:22px; position:absolute; right:60px; bottom:50px }
.gcon_4 .nr .banner2 .hd{ width:100%; text-align:center; margin-top:40px}
.gcon_4 .nr .banner2 .hd ul li{ width:38px; height:8px; background:#fff; display:inline-block; vertical-align:top; font-size:0; margin:0 5px; vertical-align:top; cursor:pointer}
.gcon_4 .nr .banner2 .hd ul li.on{ background:#b1b2bb}

.gcon_5{ width:100%; background:#f4f9fc; padding-top:1px; padding-bottom:60px}
.gcon_5 .nr{ width:1200px; margin:0 auto}
.gcon_5 .nr h3{ text-align:center; font-size:28px; color:#217587; font-weight:normal; padding-top:60px; padding-bottom:30px}
.gcon_5 .nr .banner3 .hd{ text-align:center; margin-bottom:35px}
.gcon_5 .nr .banner3 .hd ul li{ display:inline-block; vertical-align:top; width:123px; height:27px; text-align:center; line-height:27px; background:#4d8f9d; color:#fff; font-size:13px; margin:0 3px; cursor:pointer}
.gcon_5 .nr .banner3 .hd ul li.on{ background:#ee9202}
.gcon_5 .nr .banner3 .bd li{ width:100%}
.gcon_5 .nr .banner3 .bd li .lt{ width:478px; float:left}
.gcon_5 .nr .banner3 .bd li .lt .pic{ width:478px; height:333px;}
.gcon_5 .nr .banner3 .bd li .lt .tit{ width:478px; height:170px; background:#fff; box-sizing:border-box; padding:40px 25px}
.gcon_5 .nr .banner3 .bd li .lt .tit dt{ font-size:16px;}
.gcon_5 .nr .banner3 .bd li .lt .tit dt a{ color:#000}
.gcon_5 .nr .banner3 .bd li .lt .tit dd{ color:#000; opacity:0.5; margin-top:10px}
.gcon_5 .nr .banner3 .bd li .lt .tit .more{ float:right; margin-top:20px}
.gcon_5 .nr .banner3 .bd li .rt{ width:702px; height:503px; background:#fff; float:right}
.gcon_5 .nr .banner3 .bd li .rt dl{ margin:0 15px; border-bottom:1px dashed #cacaca; padding:24px 0;transition:all 0.5s}
.gcon_5 .nr .banner3 .bd li .rt dl dt{ font-size:16px;}
.gcon_5 .nr .banner3 .bd li .rt dl dt a{ color:#000;transition:all 0.5s}
.gcon_5 .nr .banner3 .bd li .rt dl dd{ color:#000; opacity:0.5; margin-top:10px;transition:all 0.5s}
.gcon_5 .nr .banner3 .bd li .rt dl:hover{ color:#fff;border-bottom:1px dashed #4d8f9d;}
.gcon_5 .nr .banner3 .bd li .rt dl:hover dt a{ color:#fff}
.gcon_5 .nr .banner3 .bd li .rt dl:hover dd{ color:#fff}
.gcon_5 .nr .banner3 .bd li .rt .wk{ transition:all 0.5s}
.gcon_5 .nr .banner3 .bd li .rt .wk:hover{ background:#4d8f9d}

.gcon_6{ background:#4d8f9d; padding-bottom:24px}
.gcon_6 h3{ text-align:center; font-size:28px; color:#fff; font-weight:normal; padding-top:60px; padding-bottom:35px; line-height:1}
.pic_left{ width:1200px; margin:0 auto; position:relative}
.pic_left .bd{ width:1082px; margin:0 auto; overflow:hidden}
.pic_left .bd li{ width:253px; margin-right:23px}
.pic_left .bd li .pic{ width:253px; height:95px;}
.pic_left .bd li .tit{ width:253px; height:100px; background:#fff; padding:10px; box-sizing:border-box}
.pic_left .bd li .tit dt{ font-size:14px; font-weight:bold; line-height:1}
.pic_left .bd li .tit dt a{ color:#222}
.pic_left .bd li .tit dd{ color:#565b5e; margin-top:8px}
.pic_left .prev{ display:block; width:28px; height:53px; background:url(../images/g_22.png) center center no-repeat; position:absolute; left:0; top:50%; margin-top:-27px; cursor:pointer}
.pic_left .next{ display:block; width:28px; height:53px; background:url(../images/g_23.png) center center no-repeat; position:absolute; right:0;top:50%; margin-top:-27px; cursor:pointer}
.gcon_7{ width:100%; border-top:1px solid #71a5b1; border-bottom:1px solid #71a5b1; background:#4d8f9d}
.gnav2{ width:1200px; height:84px; margin:0 auto;padding-bottom:3px}
.gnav2 dl{ float:left; height:84px; background:url(../images/g_26.png) right center no-repeat; padding:0 40px 0 39px;}
.gnav2 dl a{ font-size:14px; color:#fff}
.gnav2 dl dt{ margin-top:20px;}
.gnav2 dl.last{ background:none}




































