﻿﻿/* CSS Document */
.headline{ height:69px; overflow:auto; margin-top:16px;}
.headline span{ display:block; float:left; width:130px; height:67px; background:url(../images/icon.png) no-repeat -77px -1px;}
.headline a{ display:block; float:left; height:67px; line-height:67px; font-size:40px; font-weight:bold; color:#34744e; font-family:"思源黑体 CN";}
.topInfomation{ border:3px solid #2e9f5d; overflow:auto; zoom:1; margin-top:12px;}
.topInfomation .organFuns{ height:360px; border-top:1px solid #fff; float:left;}
.openInfoBox{ width:437px;}
.openInfoBox .title{ height:20px; line-height:20px; font-size:16px; color:#1e8948; background:url(../images/titleBg.png) repeat-x left center; margin-top:20px;}
.openInfoBox .title img{ margin:0px 10px 0px 14px; position:absolute;}
.openInfoBox .title span{ display:inline-block; background:#fff; padding:0px 13px 0px 27px;}
.openInfolist{ overflow:auto; zoom:1; margin:4px 0px 5px 10px; border:1px solid #fff;}
.openInfolist li{ float:left; margin:11px 0px 0px 16px;}
.openInfolist li a{ display:block; width:187px; height:35px; background:#78d49e; border-radius:4px; line-height:35px; color:#fff; text-align:center;}
.organFunslist{ overflow:auto; zoom:1; margin-top:26px;}
.organFunslist li{ border:1px solid #c9eed8; border-radius:5px; float:left; margin-left:28px;}
.organFunslist li a{ display:block; width:71px; min-height:93px; text-align:center; color:#3f8058;}
.organFunslist li span{ display:block; width:50px; height:50px; margin:10px auto 10px;}
.organFunslist .ic1{ background:url(../images/icon.png) no-repeat -29px -85px;}
.organFunslist .ic2{ background:url(../images/icon.png) no-repeat -112px -85px;}
.organFunslist .ic3{ background:url(../images/icon.png) no-repeat -196px -85px;}
.organFunslist .ic4{ background:url(../images/icon.png) no-repeat -285px -85px;}

.organSwitchInfoBox{ float:right; border-left:1px solid #2e9f5d; min-height:360px; width:635px;}
.organSwitch{ background:url(../images/bluepoint.jpg) repeat-x left bottom; overflow:auto; zoom:1;}
.organSwitch li{ float:left; width:129px; height:46px; text-align:center; cursor:pointer;}
.organSwitch li.current{ background:url(../images/switchBg1.png) no-repeat 1px 1px; border-left:1px solid #2e9f5d; border-right:1px solid #2e9f5d; border-bottom:1px solid #fff;}
.organSwitch li.first{ position:relative; border-left:none;}
.organSwitch li p{ line-height:46px; display:inline-block; color:#838383; padding-left:17px;}
.organSwitch li.current p{ background:url(../images/titleIcon.png) no-repeat left center;}
.orginInfoList{ margin-top:17px;}
.orginInfoList li{}
.orginInfoList li a{ line-height:35px; display:block; color:#6a6a6a; padding-left:50px; background:url(../images/yellowPoint.jpg) no-repeat 24px center;}
.orginInfoList li a span{ float:right; margin-right:35px;}
.banner1{ margin-top:19px; margin-bottom:29px;}

.onlineServiceBox{ overflow:auto; zoom:1;}
.onlineServiceLeft{ width:767px; float:left;}
.onlineServiceSwitch{ background:url(../images/graypoint.jpg) repeat-x left bottom; overflow:auto; zoom:1;}
.onlineServiceSwitch li{ float:left; line-height:48px; width:114px; height:48px; text-align:center; margin-right:2px; cursor:pointer; color:#6a6a6a; background:url(../images/onlineSwitchLi.jpg) repeat-x left top;}
.onlineServiceSwitch li p{ font-size:18px;}
.onlineServiceSwitch li a{ display:block;}
.onlineServiceSwitch li.current{ background:#1e8948;}
.onlineServiceSwitch li.current a{ color:#fff;}
.onlineServiceRight{ width:308px; float:right;}
.onlineTopImg{ border-bottom:1px solid #1e8948; padding-bottom:20px; margin-bottom:15px;}
.onlineServiceRight ul li{ margin-top:5px;}
.onlineServiceRight ul a{ display:block; line-height:53px; height:53px; text-align:center; background:#e87071; border-radius:4px; color:#fff; font-size:22px; font-weight:200;}
.onlineServiceRight li.second a{ background:#f8b984;}
.onlineServiceRight li.three a{ background:#8faedc;}
.onlineServiceRight li.four a{ background:#76c7e2;}
.onlineServiceRight ul li img{ margin-right:5px; margin-top:-2px;}
.onlineServiceList{ margin-top:17px;}
.onlineServiceList li{}
.onlineServiceList li a{ line-height:36px; display:block; color:#6a6a6a; padding-left:40px; background:url(../images/yellowPoint.jpg) no-repeat 13px center; font-size:14px;}
.onlineServiceList li a span{ float:right;}

.functionalModule{ margin-top:27px; overflow:auto; zoom:1;}
.functionalModule li{ float:left; margin-left:28px; font-size:18px; color:#1e8948;}
.functionalModule li.first{ margin-left:0px;}
.functionalModule li.last{ margin-left:0px; float:right;}
.functionalModule li a{ width:158px; height:98px; color:#1e8948; display:block; text-align:center; border-radius:5px; border:1px solid #1e8948;}
.functionalModule li.current a{ background:#1e8948;}
.functionalModule li a:hover{ color:#fff;}
.functionalModule li span{ display:block; width:55px; height:45px; margin:13px auto 8px;}
.functionalModule li .ic1{ background:url(../images/icon.png) no-repeat -15px -174px;}
.functionalModule li.current .ic1{ background:url(../images/icon.png) no-repeat -15px -249px;}
.functionalModule li .ic2{ background:url(../images/icon.png) no-repeat -91px -174px;}
.functionalModule li.current .ic2{ background:url(../images/icon.png) no-repeat -91px -249px;}
.functionalModule li .ic3{ background:url(../images/icon.png) no-repeat -176px -174px;}
.functionalModule li.current .ic3{ background:url(../images/icon.png) no-repeat -176px -249px;}
.functionalModule li .ic4{ background:url(../images/icon.png) no-repeat -269px -174px;}
.functionalModule li.current .ic4{ background:url(../images/icon.png) no-repeat -269px -249px;}
.functionalModule li .ic5{ background:url(../images/icon.png) no-repeat -352px -174px;}
.functionalModule li.current .ic5{ background:url(../images/icon.png) no-repeat -352px -249px;}
.functionalModule li .ic6{ background:url(../images/icon.png) no-repeat -434px -174px;}
.functionalModule li.current .ic6{ background:url(../images/icon.png) no-repeat -434px -249px;}

.elegantDemeanorBox{ border:1px solid #1e8948; border-radius:4px; margin-top:35px; padding-bottom:30px;}
.elegantDemeanorBox .title{ width:170px; height:36px; background:url(../images/icon.png) no-repeat -230px -18px; font-size:20px; color:#fff; text-align:center; line-height:36px; margin:-17px auto 25px;}
.demeanorOuter{ margin:0px auto; overflow:hidden;}
.elegantDemeanor{ margin:0px auto;}
.swiper-container { width:1010px; height:184px; height:200px\0; overflow:hidden;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;/* Center slide text vertically */display: -webkit-box; display: -ms-flexbox;display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.elegantDemeanor a{ display:block; margin:0px 10px;}
.elegantDemeanor a img{ width:100%;}
.elegantDemeanor a span{ display:block; font-size:14px; color:#333; margin-top:3px; height:27px; line-height:27px; text-align:center; background:#ebebeb;}
.elegantDemeanor .arrow-left{ position:absolute; width:30px; margin-left:1060px; margin-top:58px; text-align:center;}
.elegantDemeanor .arrow-left img{ width:auto;}
.elegantDemeanor .arrow-right{ position:absolute; width:30px; margin-top:58px; margin-left:7px; text-align:center;}
.elegantDemeanor .arrow-right img{ width:auto;}

.topInformation2{ border-top:1px solid #2d9a5e; padding-top:30px; padding-bottom:10px; overflow:auto; zoom:1;}
.topInformation2 .mainFlash{ width:480px; height:320px; float:left;}
.main-swiper-container{ width:480px; height:320px; overflow:hidden;}
.pagination{ float:right; margin:-30px 10px 0px 0px; position:relative; z-index:102;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #fff;margin: 0 5px;cursor: pointer;}
.swiper-active-switch {background: #2e9f5d;}
.main-swiper-wrapper{}
.main-swiper-wrapper a{}
.main-swiper-wrapper img{ width:480px; height:320px;}
.main-swiper-wrapper .titleBg{ height:47px; background:#000; margin-top:-47px; opacity:0.7; position:relative; z-index:100;}
.main-swiper-wrapper .name{ height:47px; line-height:47px; margin-top:-47px; font-size:16px; color:#fff; position:relative; z-index:101; text-align:left; padding:0px 15px;}
.topInformation2 .mainNews{ width:600px; height:320px; float:right; overflow:hidden;}
.topMainNewsSwitch{ overflow:auto; zoom:1; background:#f4f4f4;}
.topMainNewsSwitch li{ color:#6a6a6a; font-size:18px; font-weight:300; text-align:center; padding:0px 20px; color:#6a6a6a; height:48px; line-height:48px; float:left; cursor:pointer;}
.topMainNewsSwitch li a{ display:block;}
.topMainNewsSwitch li.current{ background:#1e8948;}
.topMainNewsSwitch li.current a{ color:#fff;}
.topMainNewsList{ margin-top:17px;}
.topMainNewsList li{}
.topMainNewsList li a{ line-height:32px; display:block; font-weight:300; color:#6a6a6a; padding-left:50px; background:url(../images/yellowPoint.jpg) no-repeat 24px center;}
.topMainNewsList li a span{ float:right; margin-right:10px; font-weight:200;}
.mailboxLeaderDetail .desc{ font-size:16px; color:#595959; line-height:35px;}
.select{
border:1px solid #999999;
line-height:25px;
color:#000000;
font-size:14px;
height:25px;
margin:0px;
width:150px;
padding-left:2px;
}
#select * { vertical-align:middle;}
