﻿.id-body{
    width: 1200px;
    overflow: hidden;
    margin: auto;
}
.item01{
    background: #FFFFFF;
    height: 78px;
    overflow: hidden;
}
.item01 .title{
    padding-top: 11px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 28px;
    float: left;
    width: 110px;
    height: 67px;
    font-size: 24px;
    background: #19a3f9;
    text-align: center;
}
.item01 .text{
    float: left;
    width: 1076px;
}
.item01 .text h1{
    margin-top: 10px;
    text-align: center;
    font-weight: 400;
    line-height: 36px;
}
.item01 .text h1 a{
    color: #0284d7;
    font-size: 24px;
}
.item01 .text p{
    margin-top: 2px;
    text-align: center;
    font-weight: 400;
    line-height: 20px;
}
.item01 .text p a{
    color: #444444;
}
.item02{
    overflow: hidden;
    padding: 10px;
    background: #FFFFFF;
    margin-top: 10px;
    height: 334px
}

.focusBox { position: relative; width: 634px; height: 334px; overflow: hidden;  text-align: left; background: white;float: left }
.focusBox .pic img { width: 634px; height: 334px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 40px; width:100%; overflow: hidden; }
.focusBox .txt li{ width: 100%;text-align: center; height:40px; line-height:40px; position:absolute; bottom:-40px;}
.focusBox .txt li a{ display: block; color: white; font-size: 14px;text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 13px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 14px; height: 14px; line-height: 4px; overflow: hidden; text-align: center; margin-right: 9px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none;background: url("../images/ico03.png") }
.focusBox .num li.on a{ background:#f60;background: url("../images/ico03.png") -14px 0  }

.notice {float: right; width: 533px;  overflow: hidden; }
.notice .tab-hd { height: 35px; background:url("../images/bg.png");overflow: hidden }
.notice .tab-hd ul { }
.notice .tab-hd li{ float: left;width: 32%  }
.notice .tab-hd li a{ display:block; line-height: 33px;text-align: center;font-size: 16px;color: #343434 }
.notice .tab-hd li.on a{
    color: #0284d7;
    font-weight: bold;
    border-bottom: 2px solid #0284d7;
}
.notice .tab-bd {overflow: hidden }
.item-top{
    overflow: hidden;
    height: 92px;
    border-bottom: 1px dashed #d1d1d1;
}
.item-top h1{
    margin-top: 10px;
    font-size: 16px;
    overflow: hidden;
}
.item-top h1 a{
    float: left;
    line-height: 24px;
    color: #0284d7;
}
.item-top p{
    margin-top: 3px;
    height: 48px;
    line-height: 24px;
    color: #999999;
}
.item-top p span{
    color: #343434;
}
.id-list{
    margin-top: 2px;
    overflow: hidden;
}
.id-list li{
    line-height: 24px;
    margin: 5px 0;
    float: left;
    width: 100%;
}
.id-list li i{
    color: #999999;
    float: left;
}
.id-list li a{
    float: left;
    color: #333333;
    margin-left: 5px;
}
.id-list li a:hover{
    color: #0284d7;
}
.id-list li span{
    color: #999999;
    float: right;
    margin-right: 9px;
}
.item03{
    margin-top: 10px;
    padding: 10px;
    padding-top: 0;
    overflow: hidden;
    background: #FFFFFF;
}
.item03 .warp{
    overflow: hidden;
}
.item03 .num{
    padding-top: 8px;
    padding-bottom: 9px;
    color: #f20d00;
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
}
.item03 .num span{
    margin-right: 20px;
    float: left;
}
.id-zwfw{
    padding-top: 10px;
    overflow: hidden;
    float: left;
    width: 842px;
}
.id-zwfw-title{
    height: 35px;
    background: url(../images/bg.png);
    overflow: hidden;
}
.id-zwfw-title .title{
    width: 250px;
    color: #0284d7;
    float: left;
    font-weight: bold;
    border-bottom: 2px solid #0284d7;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
}
.id-zwfw-title .box{
    margin-top: 5px;
    font-size: 12px;
    line-height: 24px;
    float: right;
}
.id-zwfw-title .box a{
    color: #343434;
    float: left;
}
.id-zwfw-title .box span{
    color: #343434;
    margin: 0 7px;
    float: left;
}
.id-zwfw-rap{
    overflow: hidden;
}
.id-jg{
    overflow: hidden;
    float: left;
    width: 324px;
}
.id-jg-img{
    margin-top: 2px;
    display: block;
    width: 324px;
    height: 70px;
}
.id-jg-img img{
    display: block;
    width: 324px;
    height: 70px;
}
.id-zc{
    margin-top: 7px;
    overflow: hidden;
}
.id-zc a{
    float: left;
    width: 102px;
    height: 88px;
    background: #d0f1fe;
    margin-right: 9px;
}
.id-zc a i{
    width: 46px;
    height: 36px;
    overflow: hidden;
    display: block;
    margin: 17px auto 0;
    background: url("../images/ico04.png") no-repeat -26px 0;
}
.id-zc .li02 i{
    background: url("../images/ico04.png") no-repeat -137px 0;
}
.id-zc .li03 i{
    background: url("../images/ico04.png") no-repeat -247px 0;
}
.id-zc .li03{
    float: right;
    margin: 0;
}
.id-zc a div{
    text-align: center;
    line-height: 24px;
    color: #343434;
    margin-top: 8px;
}
.id-xmcx{
    margin-top: 8px;
    overflow: hidden;
}
.id-xmcx .text{
    text-indent: 6px;
    width: 322px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dddddd;
    display: block;
}
.id-xmcx .btn{
    width: 100%;
    margin-top: 4px;
    height: 32px;
    background: #0284d7;
    color: #FFFFFF;
    border: 0;
    display: block;
}
.id-idzwfw{
    float: right;
    overflow: hidden;
    width: 506px;
}
.id-idzwfw-img{
    margin-top: 3px;
    display: block;
    width: 506px;
    height: 70px;
}
.id-idzwfw-img img{
    display: block;
    width: 506px;
    height: 70px;
}
.id-erzi{
    margin-top: 3px;
    width: 110%;
    overflow: hidden;
}
.id-erzi ul li{
    margin-top: 3px;
    float: left;
}
.id-erzi ul li a{
    width: 98px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    background: #d0f1fe;
    color: #343434;
    font-size: 12px;
    margin-right: 4px;
}
.id-erzi02{
    margin-top: 2px;
}
.id-erzi02 ul li a{
    background: #0284d7;
    color: #FFFFFF;
}
.id-note{
    border-top: 2px solid #0f99f1;
    width: 323px;
    float: right;
    overflow: hidden;
}
.id-note .title{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 14px;
}
.id-note .title i{
    float: left;
    width: 17px;
    height: 20px;
    background: url("../images/ico.png") no-repeat 0 -40px;
}
.id-note .title span{
    float: left;
    font-size: 16px;
    color: #0284d7;
    font-weight: bold;
    margin-left: 10px;
}
.id-list02 li {
    margin: 4px 0;
}
.id-list02{
    margin-top: 2px;
}

.TB-focus img{
    display: block;
    width:1200px;
    height:100px;
}
.TB-focus{
    margin-top: 14px;
    background: #FFFFFF;
    width:1200px;
    height:100px;
    position:relative;
    overflow:hidden; }
.TB-focus .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.TB-focus .hd li { color:#f60; cursor:pointer; margin-left:5px; width:10px; height:10px; background:#FFFFFF; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center;}
.TB-focus .hd li.on { background:#f20d00; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }

.item04{
    margin-top: 10px;
    padding: 10px;
    padding-top: 0;
    overflow: hidden;
    background: #FFFFFF;
}
.item04-left{
    margin-top: 10px;
    width: 842px;
    float: left;
    overflow: hidden;
}
.item04-li{
    height: 210px;
    overflow: hidden;
    width: 417px;
}
.item04-li .title{
    height: 35px;
    background: url(../images/bg.png);
    overflow: hidden;
}
.item04-li .id-list{
    margin-top: 8px;
}
.item04-li .title span{
    width: 180px;
    color: #0284d7;
    float: left;
    font-weight: bold;
    border-bottom: 2px solid #0284d7;
    line-height: 33px;
    text-align: center;
    font-size: 16px;
}
.item04-right{
    border-top: 2px solid #0f99f1;
    float: right;
    width: 323px;
    overflow: hidden;
}
.id-zwgk{
    overflow: hidden;
}
.id-zwgk .title{
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    margin-top: 14px;
}
.id-zwgk .title i{
    float: left;
    width: 17px;
    height: 20px;
    background: url(../images/ico.png) no-repeat 0 -40px;
}
.id-zwgk .title span{
    float: left;
    font-size: 16px;
    color: #0284d7;
    font-weight: bold;
    margin-left: 10px;
}
.id-zwgk .ul{
    margin-top: 9px;
    width: 110%;
    overflow: hidden;
}
.id-zwgk .ul li{
    margin-left: 6px;
    margin-right: 2px;
    margin-top: 4px;
    float: left;
}
.id-zwgk .ul li a{
    display: block;
    width: 154px;
    height: 50px;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    line-height: 50px;
    background: #0284d7;
}
.id-zwgk .ul .li05 a{
    width: 317px;
}
.id-zwgk02{
    border-top: 2px solid #0f99f1;
    overflow: hidden;
    margin-top: 16px;
}

.picScroll-left{ overflow:hidden; position:relative; width: 100%;float: left;margin-bottom: 20px}

.picScroll-left .bd{  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right: 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:230px; height:80px; display:block; }
.item04-li .id-list li {
    margin: 3px 0;
}

.id_wind{
    background: url("../images/bg01.png");
    position: fixed;
    z-index: 1000;
    width: 86px;
    top:4%;
    right: 10px;
}
.id_wind .title{
    padding-top: 10px;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
}
.id_wind a{
    margin-top: 23px;
    display: block;
    position: relative;
    z-index: 10;
}
.id_wind a i{
    margin: auto;
    display: block;
    width: 50px;
    height: 50px;
    background: url("../images/fl-a.png");
}
.id_wind a div {
    display: none;
    position: absolute;
    z-index: 100;
    width: 139px;
    height: 142px;
    right: 96px;
    top: 0;
}
.id_wind a div img {
    display: block;
    width: 139px;
    height: 142px;
    margin: 9px;
}
.id_wind a:hover div {
    display: block;
}

.id_wind .li02 i{
    background: url("../images/fl-a.png") 0 -50px;
}
.id_wind .li03 i{
    background: url("../images/fl-a.png") 0 -100px;
}
.id_wind .li04 i{
    background: url("../images/fl-a.png") 0 -150px;
}
.id_wind .li05 i{
    background: url("../images/fl-a.png") 0 -200px;
}
.id_wind .li06 i{
    background: url("../images/fl-a.png") 0 -250px;
}
.id_wind a span{
    margin-top: 10px;
    display: block;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    color: #FFFFFF;
}
.id_wind .li04 span{
    margin-top: 0}

.id-page{
    margin: auto;
    background: #FFFFFF;
    width: 1180px;
    padding: 10px;
    min-height: 700px;
    height: auto !important;
    height: 700px;
    overflow: hidden;
}
.page-nav{
    float: left;
    width: 323px;
    overflow: hidden;
}
.page-nav .title{
    height: 50px;
    width: 323px;
    background: #0284d7;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 18px;
}
.page-nav .ul{
    margin-top: 2px;
    overflow: hidden;
}
.page-nav .ul li{
    margin-top: 2px;
    float: left;
    width: 100%;
}
.page-nav .ul li a{
    width: 323px;
    height: 42px;
    background: #bde9ff;
    display: block;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    color: #343434;
}
.page-content{
    float: right;
    width: 844px;
    overflow: hidden;
    padding-bottom: 30px;
}
.page-content-nav{
    height: 50px;
    line-height: 50px;
    text-indent: 18px;
    background: #bde9ff;
    color: #343434;
}
.page-content-nav a{
    color: #343434;
}
.page-wrap{
    padding-bottom: 30px;
    overflow: hidden;
}

.notice-xx {
    margin-top: 40px;
    overflow: hidden;
}
.notice-xx .tab-hd {
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
}
.notice-xx .tab-hd ul {
    margin-left: 82px;
}
.notice-xx .tab-hd li{
    height: 50px;
    float: left;
    width: 258px;}
.notice-xx .tab-hd li a{
    line-height: 20px;
    display:block;
    text-align: center;
    height: 48px;
    font-size: 16px;
    color: #343434;
}
.notice-xx .tab-hd li.on a{
    font-weight: bold;
    border-bottom: 2px solid #0284d7;
    color: #0284d7;
    background: #FFFFFF;
}
.notice-xx .tab-bd {
    overflow: hidden;
}
.page_wyts_box {
    overflow: hidden;
    width: 766px;
    margin: auto;
    margin-top: 16px;
}
.page_wyts_box .item {
    overflow: hidden;
    margin-top: 15px;
}
.page_wyts_box .name {
    float: left;
    width: 110px;
    font-size: 14px;
    color: #222222;
    line-height: 34px;
    text-indent: 50px;
}
.page_wyts_box .dx {
    float: left;
    height: 34px;
    width: 197px;
}
.page_wyts_box .name02 {
    margin-left: 50px;
    float: left;
    width: 82px;
    font-size: 14px;
    color: #222222;
    line-height: 34px;
}
.page_wyts_box .dx select {
    height: 34px;
    width: 197px;
    border-color: #d2d2d2;
}
.page_wyts_box .text {
    height: 32px;
    width: 195px;
    line-height: 32px;
    border: #d2d2d2 solid 1px;
    float: left;
}
.page_wyts_box .text02 {
    height: 32px;
    width: 525px;
    line-height: 32px;
    border: #d2d2d2 solid 1px;
    float: left;
}
.page_wyts_box textarea {
    line-height: 24px;
    height: 246px;
    width: 525px;
    border: #d2d2d2 solid 1px;
}
.page_wyts_box .yzm {
    float: left;
    margin-left: 16px;
    height: 34px;
    width: auto;
}
.page_wyts_box .item03 input {
    float: left;
    width: 135px;
    height: 34px;
    margin-left: 97px;
    background: #00c2fa;
    margin-right: 40px;
    border: 0;
    color: #FFFFFF;
}
.page_wyts_box .item03 {
    padding-bottom: 50px;
    margin-top: 22px;
    margin-left: 84px;
    padding-left: 0;
}
.dx_box{
    float: left;
    height: 34px;
    line-height: 34px;

}
.dx_box label{
    display: inline-block;
    margin: 4px;
}
.page-kbq{
    float: left;
    line-height: 34px;
    margin-left: 10px;
}
.cpss {
    height: 30px;
    width: 780px;
    margin: 28px auto 0;
    overflow: hidden;
}
.cpss span {
    color: #0284d7;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
    float: left;
    margin-left: 126px;
}
.cpss02 .text {
    text-indent: 11px;
    margin-left: 11px;
    float: left;
    width: 249px;
    height: 28px;
    border: 1px solid #e8e8e8;
    line-height: 28px;
}
.cpss .btn {
    color: #ffffff;
    height: 30px;
    width: 90px;
    background: #07a6f9;
    border: 1px solid #eeeeee;
    margin-left: 17px;
}
.page_fy {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.ju-cx{
    overflow: hidden;
}
.id-list-jb ul li i{
    margin-left: 16px;
}
.id-list-jb{
    height: 340px;
    margin-top: 42px;
}
.id-list-jb ul li em{
    margin-right: 19px;
    float: right;
    font-weight: 400;
    color: #0284d7;
}
.id-list-page{
    height: 510px;
    padding-top: 14px;
}
.id-list-page ul li i{
    margin-left: 16px;
}
.id-leader{
    overflow: hidden;
}
.id-leader ul{
    margin-left: 40px;
}
.id-leader ul li{
    margin-top: 33px;
    float: left;
    width: 50%;
}
.id-leader ul li img{
    margin-left: 6px;
    float: left;
    width: 126px;
    height: 158px;
    background: #999999;
}
.id-leader ul li div{
    float: left;
    width: 247px;
}
.id-leader ul li div h1{
    font-weight: 400;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 33px;
    line-height: 26px;
}
.id-leader ul li div p{
    margin-top: 17px;
    margin-left: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #0084d7;
}
.id-leader ul li div p a{
    float: left;
    color: #0782d0;
}
.id-leader ul li div p span{
    color: #0782d0;
    margin: 0 13px;
    float: left;
}
.id-leader-xx{
    height: 742px;
    background: #eeeeee;
    overflow: hidden;
}
.id-leader-xx .title{
    height: 50px;
    width: 323px;
    background: #0284d7;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    font-size: 18px;
}
.id-leader-xx .img{
    width: 126px;
    height: 160px;
    background: #bce9fe;
    margin: 30px auto 0;
    display: block;
}
.id-leader-xx .name{
    margin-top: 24px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
}
.id-leader-xx .link{
    width: 260px;
    height: 34px;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    background: #0285d7;
    color: #ffffff;
    line-height: 34px;
    font-size: 16px;
}
.id-leader-item01{
    padding-bottom: 30px;
    overflow: hidden;
}
.id-leader-item01 h1{
    margin-top: 45px;
    font-size: 16px;
    line-height: 26px;
    margin-left: 16px;
    color: #222222;
}
.id-leader-item01 p{
    margin-left: 16px;
    margin-top: 6px;
    font-size: 14px;
    line-height: 24px;
}
.id-leader-item02{
    border-top: 1px dashed #dfdfdf;
}
.id-leader-item02 h1{
    margin-top: 30px;
}
.zwzx-text{
    line-height: 30px;
}
.zwzx-img{
    display: block;
    width: 790px;
    height: 364px;
    overflow: hidden;
    margin: 14px auto 0;
}
.zwzx-text div{
    width: 790px;
    margin: 16px auto 0;
    text-indent: 2em;
}
.page-content02{
    width: 100%;
}
.page-web-item01{
    padding: 20px 0 30px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    overflow: hidden;
}
.biaoti {
    padding-top: 14px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #0066b1;
    font-weight: bold;
    width: 900px;
    margin: auto;
}
.xbt {
    padding-bottom: 12px;
    padding-top: 14px;
    line-height: 18px;
    font-size: 12px;
    color: #747474;
}
.xuxiann {
    font-size: 1px;
    width: 1100px;
    margin: auto;
    border-bottom: dashed 1px #CCC;
}
.xxbt {
    padding-bottom: 40px;
    line-height: 30px;
    min-width: 1000px;
    margin: auto;
    overflow-x: auto;
    padding-left: 30px;
    padding-right: 30px;
}



/**2018-05-29*/
.id_wind{
    /*top: 100px;
    position: absolute;*/
}
.now_new {
    padding-right: 44px;
    background: url("../images/new.gif") no-repeat right top;
}
.txtMarquee-top{ overflow:hidden; position:relative;  }
.txtMarquee-top .bd{ overflow: hidden  }


.list-img{
    padding-bottom: 30px;
    overflow: hidden;
}
.list-img ul li{
    margin-top: 24px;
    margin-right: 20px;
    margin-left:20px;
    float: left;
}
.list-img ul li a {
    display: block;
    width: 170px;
}
.list-img ul li a img {
    display: block;
    width: 174px;
    height: 98px;
    background: #d9ecfb;
}
.list-img ul li a div {
    text-align: center;
    font-size: 14px;
    color: #242424;
    line-height: 24px;
    margin-top: 1px;
}
.page-warp table,table tr th, table tr td { border:1px solid #000; }
.page-warp table {  min-height: 25px; line-height: 25px; text-align: center; border-collapse: collapse; padding:2px;}  
table{
    width: 100%;
    border-collapse:collapse;
    border:none;
}
table tr{
    height: 48px;
}
table th td{
    border:solid #ebeef5 1px;
    padding:0px;
    margin: 0px;
    padding-left: 10px;
    
}

/* ·þÎñ */
.server {width: 100%;height: 310px;margin-top: 30px;background: url(./serverBack.png) no-repeat;}
.server .services span {display: inline-block;font-size: 24px;font-weight: bold;padding: 0 25px;margin: 30px 0;cursor: pointer;}
.server .services .haschecked {color: #2781C3 !important;}
.server .serverContent {width: 840px;height: 100%;margin: auto;}
.server .serverContent div {width: 100%;height: 100%;/* float: left; */}
.server .serverContent div:nth-child(1) { margin-right: 60px;}
.server .serverContent div .serverTitle {margin-top: 50px;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.server .serverContent div ul {display: flex;flex-wrap: wrap;justify-content: left;height: 335px;}
.server .serverContent div ul li {width: 140px;height: 132px;background: #fff;margin-bottom: 17px;text-align: center;margin-right: 0px;}
.server .serverContent div ul li:nth-child(6n) {margin-right: 0;}
.server .serverContent div ul li a {display: block; width: 100%;height: 100%;color:black;}
.server .serverContent div ul li a img {margin: 10px 0 10px 0;}
.server .serverContent div ol {height: 10px;display: flex;justify-content: center;}
.server .serverContent div ol li {width: 30px;height: 10px;background: #ccc;}
.server .serverContent div ol li:nth-child(1) {margin-right: 10px;background: #2781C3;}

