#wraper {
    margin: 0 auto;
}
body {
    background: #fff url(../images/bg.jpg) no-repeat scroll center top;
    color: #555;
}
.header{ height:178px; margin: 0 auto;width: 1200px; position:relative;}
.head{  margin-bottom:2px; overflow:hidden;}
/*logo*/
.logo{ background:url(../images/海口交投logo.jpg) no-repeat; width:800px; height:100px; margin-top:15px;
background-size:cover;
}
.logo a{ display:block; }

.navbox{margin:0 auto;background:#004998; height:47px;position:relative;z-index:100 }
.nav{list-style:none; color:#474747;position:relative;display:block;}
.nav li:hover ul{z-index:99}
.nav li{position:relative;font-size:16px;text-align:center; float:left; text-align:center;line-height:47px;height:47px;}
.nav li a.cur{ background:#fff; color:#194a99;}
.nav li a{ color:#fff;display:block; white-space:nowrap; padding:0 35px;}
.nav li a.home{width:48px;}
.nav li:hover{background:#dae5ee; display:block; color:#fff;}
.nav li:hover a{ color:#194a99;}
.nav li a:hover{ color:#194a99;}
.nav .mainlevel {float:left;}
.nav .mainlevel ul  li a:hover {color:#fff; text-decoration:none;}
.nav .mainlevel ul  li:hover{ background:none;}
.nav .mainlevel ul  li:hover a{ color:#f1c123;}
.nav .mainlevel ul {display:none; position:absolute; background:#194a99 url(../images/sj.png) no-repeat center top;width: 100%;}
.nav .mainlevel li {border-top:1px dotted #cedbe5;width: 100%; float:none; }
.nav .mainlevel li:first-child{ border-top:none;}
.nav .mainlevel li a{color:#fff; display:block; padding:0 10px; font-size:12px; }	
.nav .zt ul{position:absolute; right:0; top:50px;width: 150px;}
.nav .zt ul li {  color:#fff;}
.sy1_ul{ line-height:29px;height:62px; position:relative; z-index:1111;}
	
.sy1_ul li a:hover{color:#145EA9;}
.sy1_ul li.sy1_li{ float:left;  z-index:10000; position: relative;}
.sy2_ul{position:absolute; left:0; top:47px; z-index:1112; display:none; background:#fff; text-align:left;}
.sy2_ul .sy2_inside { }
.sy2_ul .sy2_inside .sy2_li{line-height:40px;height:40px; font-size:14px; position:relative;  float:none; padding:0; width:134px; border-top:1px dotted #eee;}
.wp {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
}


.item {
    overflow: hidden;
    width: 570px;
    position: relative;
}
.item img {
    height: 190px; width: 210px;float:left
}
.item .title {
    height: 34px;
    line-height: 45px;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #c9c9c9;
}
.item .title span {
    font-size: 16px;
    display: block;
    line-height: 34px;
    height: 34px;
    font-weight: bolder;
}
.item .title .more {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 20px;
    font-size: 12px;
}
.item .title .more a {
    font-size: 14px;
    color: #194a99;
    display: block;
    line-height: 34px;
}
.item .item-list {
    margin-top: -10px;
    float: left;
}
.item .item-list li {
    line-height: 40px;
    overflow: hidden;
    background-color: #ddd;
    margin-left: 12px;
    margin-top: 10px;
}
.item .item-list li .subtag {
    background-color: #ccc;
    width: 100px;
    font-size: 14px;
    text-align: center;
    float: left;
    font-weight: bold;
}
.item .item-list li .subtitle {
    padding-left: 10px;
    float: left;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 8px;
}
.item .item-list li .subtitle a{color: #424242; font-size: 14px;line-height: 35px;}
.item .item-list li .subtitle a:hover{color: #005db3;}
.fl {
    float: left;
}
.jianju {
    margin-left: 60px;
}


/*----slider----*/
.callbacks_container {position: relative;float: left;width: 100%;}
.callbacks {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.callbacks li {position: absolute;width: 100%;left: 0;top: 0; text-align:center; height:499px; background-position:center top; }
.callbacks img {position: relative;z-index: 1;height: auto;border: 0;}
.callbacks_nav {display:none;}
.callbacks_tabs{list-style: none;position: absolute;bottom: 2%;z-index: 999;right: 0; width:100%;padding: 0;margin: 0; text-align:center;}
.callbacks_tabs li{display:inline-block;}
.callbacks_tabs a{visibility: hidden;}
.callbacks_tabs a:after {content: "";font-size:0;font-family: FontAwesome;visibility: visible;display: block;height:12px;width:12px;  display:inline-block;background:#fff;border-radius:50%;}
.callbacks_here a:after{background:#f07f00;}
.clearfix {
    display: block;
}

.gj {
    width: 1200px; margin: 0 auto; height: 95px; padding: 40px;
    font-size: 20px;
}
.gj .ssgj {
    background-color: #ddd; width: 210px; float: left; line-height: 100px; font-weight: bolder;
    background-image: url(../images/dzzf.jpg);
    background-size:cover;
}
.gj .ssgj .title {
    width: 50px; margin-top: 17px; height: 50px; float: left;
}
.gj .ssgj .title img {
    width: 50px; height: 50px; margin-left: 35px;
}
.gj .ssgj .content {
    float: left; width: 86px;margin-left: 110px;color: #F3F3F3;
}
.gj .gjcx {
    margin-left: 12px; float: left; width: 978px;
}
.gj .gjcx .first {
    background-color: #ccc; width: 210px; float: left; text-align: center; line-height: 100px; font-weight: bolder;
    background-image: url(../images/gjcx.jpg);
    background-size:cover;
}
.gj .gjcx .first .title {
    width: 50px; margin-top: 14px; height: 42px; float: left;
}
.gj .gjcx .first .title img {
     width: 42px; height: 42px; margin-left: 35px;
}
.gj .gjcx .first .content {
     float: left; width: 86px;margin-left: 110px;color: #F3F3F3;
}
.gj .gjcx .second {
    background-color: #ddd; width: 768px; float: left; line-height: 100px;font-size: 16px;
    background-image: url(../images/gjcx2.jpg);
    background-size:cover;
}
.gj .gjcx .second .lxcx {
    text-align: center;
    float: left;
    border-right: dotted 1px #ccc;
}
.gj .gjcx .second .lxcx .title {
    height: 50px;
    line-height: 50px;
}
.gj .gjcx .second .lxcx .content {
    height: 50px;
    line-height: 30px;
    padding: 0 10px;
}
.gj .gjcx .second .lxcx .content button {
    height: 30px;
    width: 80px;
    margin-left: 5px;
    border-radius: 5px;
    background: #005db3;
    border: 1px solid #c0c1c2;
    cursor: pointer;
    color: #F3F3F3;
}
.gj .gjcx .second .lxcx .content button:hover {
    background: #0b80df;
}
.gj .gjcx .second .lxcx .content input {
    padding: 0 8px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: #fafafa;
    border: 1px solid #c0c1c2;
    border-radius: 5px;
    font-size: 14px;
}

.row_04{height:102px; overflow:hidden;margin: 0 auto;width: 1200px;margin-top: 50px;}
.row_04 ul li{width:300px; height:102px; float:left; overflow:hidden;}
.row_04 ul li a{width:264px; height:46px; display:block; float:left; padding:28px 0px 28px 36px; *display:inline;}
.row_04 ul li a:hover{opacity:.7; filter:alpha(opacity=70); text-decoration:none;}
.row_04 .desc{padding-left:60px;}
.row_04 .desc h3{height:24px; line-height:24px; overflow:hidden; font-size:18px; color:#FFF;}
.row_04 .desc p{height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#FFF;}
.row_04 .desc p span{padding:0px 10px; display:inline-block; width:13px; height:18px;}
.row_04 ul li a.i1{background:#279eff;}
.row_04 ul li a.i1 .desc{background:url(../images/icon_08.png) no-repeat 0px center;}
.row_04 ul li a.i2{background:#0b80df;}
.row_04 ul li a.i2 .desc{background:url(../images/icon_09.png) no-repeat 0px center;}
.row_04 ul li a.i3{background:#0064b6;}
.row_04 ul li a.i3 .desc{background:url(../images/icon_10.png) no-repeat 0px center;}
.row_04 ul li a.i4{background:#0058a0;}
.row_04 ul li a.i4 .desc{background:url(../images/icon_11.png) no-repeat 0px center;}

/*ajax弹出框*/
.t-c {
    text-align: center;
}

.AjaxModal {
    width: 100%;
    background-color: rgba(51,51,51,0.2);
    position: fixed;
    top: 0;
    z-index: 10002;
}

.loadGif {
    margin: 0 auto;
    height: 40px;
    width: 40px;
    background: url('../images/loading.gif') center no-repeat;
}