@charset "gb2312";
/*base*/
html,body,ul,li,p,h3,h4,a,img,input,span,a,textarea{margin:0;padding:0;}
html,body{min-width: 320px;}
img,input,button {border: 0;}
i{font-style: normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
li,button{list-style: none;}
body{font-size: 14px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";}
a:hover{color: #266ed0;}
button,img,input { vertical-align: middle;}
.clearfix:before,
.clearfix:after {content: " ";display: table;clear: both;}
.fl{ float:left;}
.fr{ float:right;}
::-webkit-input-placeholder {color: #999; } :-moz-placeholder { color: #999; } ::-moz-placeholder {  color: #999; } :-ms-input-placeholder {color: #999; } 
.cont{width: 1200px;margin: 0 auto;}

@media screen and ( max-width: 1200px ) {
    body,html{ width: 1200px !important;; }
    .cont{ width: 1200px; }
}

body { background: url(imagesbg2.jpg) no-repeat top center;background-attachment:fixed;}
    @media all and (min-width:0) { 
    body{background-attachment:fixed\9; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   body { background-attachment:fixed; } /* IE10+ */
}

/*头部*/
.gl_top{height: 110px;width: 100%;background-color: #36779a;}
.gl_top .gl_topBox{position: relative;}
.gl_top .top_l{position: absolute;left: 0;top: 11px;}
.gl_top .top_l a{display: block;}
.gl_top .top_r{height: 110px;width: 642px;position:absolute;right:0;top:0;}
.top_r .r_top{width: 316px;height: 54px;border-bottom: 1px solid #5e91ac;line-height: 54px;color: #fff;}
.top_r .r_top a{width: 30px;height: 30px;display: inline-block;float: left;margin: 12px 10px 0 0 ;}
.top_r .r_top a.a-icon1{background-image: url(imageswza.png);margin-left: 3px;}
.top_r .r_top a.a-icon2{background-image: url(imagesfanti.png);}
.top_r .r_top a.a-icon3{background-image: url(imagesriqi.png);margin-right: 20px;}
.top_r .r_top a.a-icon4{background-image: url(imagessimpleCN.png);}
.top_r .r_bot{width: 316px;height: 55px;margin-top: 8px;}
.top_r .r_bot input{width: 170px;height: 18px;padding:10px 0 10px 10px;margin-right: 5px;color: #666;font-size: 14px;background: url(imagessearch.png) no-repeat;}
.top_r .r_bot button{height: 38px;padding: 0 17px;width: 88px;color: #fff;cursor: pointer;margin-left: 5px;background: url(imagessearch2.png) no-repeat;}
.top_r .weather{height: 110px;width: 300px;margin-left: 25px;}


.box_footer{ height: 0px;overflow: hidden; }
/*主体盒子*/
.gl-box{background-color: #fff;margin-top:85px;}
.gl-box .gl-slideTxtBox{position: relative;width:1200px;overflow: hidden;}
/*导航栏*/
.gl-slideTxtBox .tx-nav{height: 58px;line-height: 60px;background: #fff;position: relative;border-bottom: 2px solid #266ed0;}
.gl-product .tx-wrap{padding: 10px 15px;overflow: hidden; position: relative}
.gl-nav{height: 60px;width:1200px;}
.navs li{width: 199px;line-height: 60px;float: left;border-left: 1px solid #2597ff;position: relative;font-size: 18px;background-color: #0575dc;}
.navs li:first-child{border-left:0;width: 200px;}
.navs li:first-child a{padding: 0 20px 0 80px;}
.navs li span{background-image:url(imagesnav_sprites.png); background-repeat:no-repeat;display: inline-block;position: absolute;top: 18px;left: 50px;}
.navs li.nav-ico1 span{background-position: 0px 0px;width: 22px;height: 26px;}
.navs li.nav-ico2 span{background-position: -30px 0px;width: 30px;height: 26px;left: 45px;}
.navs li.nav-ico3 span{background-position: -65px 0px;width: 26px;height: 26px;}
.navs li.nav-ico4 span{background-position: -95px 0px;width: 26px;height: 26px;}
.navs li.nav-ico5 span{background-position: -130px 0px;width: 30px;height: 26px;left: 45px;}
.navs li.nav-ico6 span{background-position: -165px 0px;width: 24px;height: 22px;}
.navs li a{height: 60px;padding: 0 20px 0 79px;display: inline-block;color: #fff;width: 100px;}
.now a{background-color: #0161b9!important;}

/*===============第一个页面 首页================*/
/*首页轮播图*/
.mian-1 {width: 426px;}
.mian-1 .img-box{width:426px;height:267px;position: relative;overflow: hidden;}
.img-box_ul {position: absolute;}
.img-box_ul li {float: left;width:426px;height: 267px;position: relative;}
.img-box_ul li img {float: left;width:426px;overflow: hidden;}
.img-box_ul li span { float: left;width: 75%;padding-left: 8px; height: 40px; position: absolute;left: 0;bottom: 0;z-index: 5;color: #fff;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.img-box_ul li span a {float: left;width: 100%;line-height:40px;font-size: 12px;color: #fff;}
.new_sake {width: 100%; height: 40px;position: absolute; left: 0;bottom: 0;z-index: 3;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
.new_qiehuan {float: right; margin: 11px 5px;display: inline;position: absolute;z-index: 5; right: 0;bottom: -3px;}
.new_qiehuan a {float: left;width: 12px; height: 12px;background: url(images01.png) no-repeat;overflow: hidden; margin-right: 10px;font-size: 0;}
.new_qiehuan a.active {background: url(images02.png) no-repeat;}
/*左侧信息公开列表*/
.gl_gklb .gkml{width: 426px;height: 48px;background-color: #2fa4e9;font-weight: 400;font-size: 18px;text-align: center;line-height: 48px;color: #fff;margin: 17px 0 10px 0;}
.swj-gkzn{width: 426px;}
.swj-gkzn li{float: left;width: 155px;height: 48px;line-height: 48px;text-align: center;margin-bottom: 6px;}
.swj-gkzn li a{background-color: #efefef;display: block;}
.swj-gkzn li.gkzn1{background: url(imagesgkzn11.png) no-repeat 5px center;padding-left: 52px;}
.swj-gkzn li.gkzn2{background: url(imagesgkzn12.png) no-repeat 5px center;padding-left: 52px;margin-left: 10px;}
.swj-gkzn li.gkzn3{background: url(imagesgkzn13.png) no-repeat 5px center;padding-left: 52px;;}
.swj-gkzn li.gkzn4{background: url(imagesgkzn14.png) no-repeat 5px center;padding-left: 52px;margin-left: 10px;}
.swj-gkzn li.gkzn5{background: url(imagesgkzn15.png) no-repeat 5px center;padding-left: 52px;}
.swj-gkzn li.gkzn6{background: url(imagesgkzn16.png) no-repeat 5px center;padding-left: 52px;margin-left: 10px;}
.swj-gkzn li.gkzn7{background: url(imagesgkzn17.png) no-repeat 5px center;padding-left: 52px;margin-bottom: 0px;}
.swj-gkzn li.gkzn8{background: url(imagesgkzn18.png) no-repeat 5px center;padding-left: 52px;margin-left: 10px;margin-bottom: 0px;}
/*右侧列表*/
.mian-r .mian_t{width: 740px;}
.mian_t .sjdt{width: 350px;height: 267px;float: left;margin-left: 20px;}
.mian-r .mian_b{width: 740px;margin-top: 17px;}
.mian_b .sjdt{width: 350px;height: 267px;float: left;margin-left: 20px;}
.sjdt .sjdt-t{width: 350px;height: 46px;border-bottom: 2px solid #2fa4e9;margin-bottom: 3px;}
.sjdt .sjdt-t h4{width: 114px;height: 46px;line-height: 46px;text-align: center;background-color: #2fa4e9;color: #fff;font-size: 16px;font-weight: 400;}
.sjdt-list li{height: 42px;line-height:42px;background: url(imagesli-icons.png) no-repeat 2px center;padding-left: 13px;border-bottom: 1px dashed #d5d5d5;}
.sjdt-list li a{height: 42px;width: 60%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sjdt-list li i{ float: right;font-size: 12px;color: #7e7d7d;*margin-top: -42px;}

/*===============第二个页面 办事服务================*/
/*办事服务*/
.gl_bsfw li{width: 363px;height: 248px;float: left;margin: 15px 0 15px 20px;text-align: center;line-height: 350px;font-size: 16px;}
.gl_bsfw li a{display: block;width: 263px;height: 48px;line-height: 24px;padding: 160px 50px 40px 50px;}
.gl_bsfw li.fw1{background: #ececec url(imagesjiaotong.png) no-repeat;background-position: 50% 25%;}
.gl_bsfw li.fw2{background: #ececec url(imagesgonglu.png) no-repeat;background-position: 50% 25%;}
.gl_bsfw li.fw3{background: #ececec url(imageslubiao.png) no-repeat;background-position: 50% 25%;}
.gl_bsfw li.fw4{background: #ececec url(imagesjiexian.png) no-repeat;background-position: 50% 25%;}
.gl_bsfw li.fw5{background: #ececec url(imagesshulin.png) no-repeat;background-position: 50% 25%;}
.gl_bsfw li.fw6{background: #ececec url(imagesshueshi.png) no-repeat;background-position: 50% 25%;}

/*===============第三个页面 政民互动================*/
/*局长信箱*/
.jzxx {width: 461px;}
.jzxx .jzxx-t{width: 461px;height: 46px;border-bottom: 2px solid #2fa4e9;margin-top:15px;}
.jzxx-t h4{width: 114px;height: 46px;line-height: 46px;text-align: center;background-color: #2fa4e9;color: #fff;font-size: 16px;font-weight: 400;}
.jzxx .jzxx-b{background-color: #f3f3f3;padding-top: 10px;width: 461px;height: 472px;position: relative;}
.jzxx-b p{line-height: 34px;padding: 0 20px;}
.jzxx-b p:first-child{text-indent: 2em;}
.jzxx-b a{width: 150px;height: 42px;margin: 25px auto;display: block;background-color: #009eef;color: #fff;text-align: center;line-height: 42px;border-radius: 10px;font-size: 16px;}
.jzxx-b img{position: absolute;right: 20px;bottom: 20px;}
/*征集调查*/
.zjdc{width: 666px;}
.zjdc .zjdct-t{width: 666px;height: 46px;border-bottom: 2px solid #2fa4e9;margin:10px 0 3px 0;}
.zjdc .zjdct-t h4{width: 114px;height: 46px;line-height: 46px;text-align: center;background-color: #2fa4e9;color: #fff;font-size: 16px;font-weight: 400;}
.zjdct-list li{height: 42px;line-height:42px;background: url(imagesli-icons.png) no-repeat 2px center;padding-left: 13px;border-bottom: 1px dashed #d5d5d5;}
.zjdct-list li a{height: 42px;width: 72%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zjdct-list li i{ float: right;font-size: 12px;color: #7e7d7d;*margin-top: -42px;}

/*===============第四个页面 公路管理================*/
/*公路管理*/
.gljst{width: 370px;}
.gljst .gljst-t{width: 370px;height: 46px;border-bottom: 2px solid #2fa4e9;margin:15px 0 3px 0;}
.gljst .gljst-t h4{width: 114px;height: 46px;line-height: 46px;text-align: center;background-color: #2fa4e9;color: #fff;font-size: 16px;font-weight: 400;}
.gljst-list li{height: 42px;line-height:42px;background: url(imagesli-icons.png) no-repeat 2px center;padding-left: 13px;border-bottom: 1px dashed #d5d5d5;}
.gljst-list li a{height: 42px;width: 72%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gljst-list li i{ float: right;font-size: 12px;color: #7e7d7d;*margin-top: -42px;}
/*公路风采*/
.glgl-r .glfc-t{width: 100%;height: 36px;border-bottom: 2px solid #009eef;margin-top: 20px;}
.glgl-r .glfc-t span{width: 123px;height: 36px;background: url(imagesfencai.png) no-repeat;display: inline-block;line-height: 36px;font-size: 16px;color: #fff;padding-left: 30px;}
.glgl-r .glfc-t a{width: 60px;height: 36px;background: url(imagesgl_more.png) no-repeat 32px center;display: block;float: right;line-height: 36px;color: #009eef;}
.glgl-r ul li{float: left;width: 229px;height: 200px;margin: 15px 0 0 6px;}
.glgl-r ul li:first-child{margin-left: 0;}
.glgl-r ul li img{width: 229px;}
.glgl-r ul li p{text-align: center;line-height: 35px;height: 35px;width: 229px;overflow: hidden;}

/*===============第五个页面 便民服务================*/
/*实时路况*/
.sslk{width: 490px;background-color: #4fa5d8;padding: 20px;margin-top: 15px;}
.lk-t p:first-child{font-size:32px;padding-top: 24px;}
.lk-t p{text-align: center;color: #fff;font-size: 16px;}
.sslk ul {padding-top: 10px;}
.sslk ul li{width: 226px;height: 64px;float: left;line-height: 64px;border-radius: 10px;margin-top: 30px; }
.sslk ul li a{width: 100px;padding: 0 26px 0 100px;display: block;color: #fff;}
.sslk ul li.lk-icon1{background: #66b1dd url(imageslk1.png) no-repeat 50px center;}
.sslk ul li.lk-icon2{background: #66b1dd url(imageslk2.png) no-repeat 50px center;margin-left:35px;}
.sslk ul li.lk-icon3{background: #66b1dd url(imageslk3.png) no-repeat 50px center;}
.sslk ul li.lk-icon4{background: #66b1dd url(imageslk4.png) no-repeat 50px center;margin-left:35px;}
.sslk ul li.lk-icon5{background: #66b1dd url(imageslk5.png) no-repeat 50px center;}
.sslk ul li.lk-icon6{background: #66b1dd url(imageslk6.png) no-repeat 50px center;margin-left:35px;}
.sslk .map{width: 195px;height: 44px;background-color: #fff;margin: 40px auto 20px auto;display: block;border-radius: 15px;line-height: 44px;text-align: center;font-size: 16px;color: #3c87b3;font-weight: 600;}
/*公路百科*/
.glbk .glbk-t{width: 592px;height: 46px;border-bottom: 2px solid #2fa4e9;margin:15px 0 3px 0;}
.glbk .glbk-t h4{width: 114px;height: 46px;line-height: 46px;text-align: center;background-color: #2fa4e9;color: #fff;font-size: 16px;font-weight: 400;}
.glbk-list li{width: 579px;height: 42px;line-height:42px;background: url(imagesli-icons.png) no-repeat 2px center;padding-left: 13px;border-bottom: 1px dashed #d5d5d5;}
.glbk-list li a{height: 42px;width: 72%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.glbk-list li i{ float: right;font-size: 12px;color: #7e7d7d;*margin-top: -42px;}

/*===============第六个页面 专题专栏================*/
.gl_ztzl ul li{float: left;width: 554px;height: 229px;margin: 25px 0;}
.gl_ztzl ul li a{display: block;}
/*右侧二维码*/
.right-navBox{position: fixed; right: 0; top: 17%;width: 90px;height: 100px;  cursor: pointer;}
.hand{width: 80px; opacity:100; height: 100px; background: url(imageshand.png) no-repeat center center; z-index: 99;position: absolute;}
.hand span{display: inline-block; width: 90px; position: absolute; left: 0; top: 80%;  color: #fff;}
.right-nav{ width: 138px;height: 138px;position: absolute;top: -26px;left: 100px;}
/*友情链接*/
.link-t{height: 32px;padding: 11px 10px;}
.link-t .link-t1{width: 162px;height: 32px;display: inline-block;font-size: 14px;color: #fff;font-weight: 600;text-align: center;line-height: 32px;float: left;background-color: #2fa4e9;}
.link-t select{width: 241px;height: 32px;margin-left: 10px;padding: 4px 0;}
/*底部*/
.gx-foot{background-color: #232135;margin-top: 61px;opacity: 0.9;}
.gx-footer {padding:10px 0;}
.gx-footer .gx-footer-l{float: left;  margin-left:215px;}
.gx-footer .gx-footer-l img{margin-left: 28px}
.gx-footer .gx-footer-m{height: 52px;width: 460px;float: left;text-align: center;color: #333;}
.gx-footer .gx-footer-m p{line-height: 26px;color: #fff;}
.gx-footer .gx-footer-m p a{width: 50px;height: 12px;display: inline-block;float: right;padding-right: 22px; }
.gx-footer .gx-footer-r{height: 55px;margin-top: 4px;}
.gx-footer .gx-footer-r .gl_mr{margin-right: 10px;}