@charset 'utf-8';
/* CSS Document */


#nav {
    margin: 0 auto;
    width: 1300px;
    display: block;
    position: absolute;
    z-index: 152;
    height: 60px;
}

 /*头部*/
 .upc_gc_nav{ width:100%; height:55px; line-height:55px; background:#1f99e6;border-top:1px solid #1f99e6;}
   

 /*menu*/ 
.menu {width:1200px; margin:0 auto; height:55px; position:relative;  font-size:16px;  position:relative; z-index:9999;}
.menu ul{ width:1200px; margin:0 auto; padding:0;  list-style-type: none;}
.menu ul li{float:left; width:240px; position:relative; font-size:14px;}
.menu ul li a, .menu ul li a:visited{ display:block; text-align:center; text-decoration:none; color:#fff; font-size:20px; font-family:"微软雅黑";}

.menu ul li ul{display: none;}
.menu ul li:hover a{color:white !important;background-color:#1f99e6;}
.menu ul li:hover ul{display:block; position:absolute; float:left; top:55px; left:0px; width:530px; height:150px; overflow:hidden;background:url(../images/nav_bj.jpg);}
.menu ul li:hover ul li a{display:block; height:46px;line-height:46px; color:white !important; font-size:15px;  text-align:left; padding-left:10px; padding-right:10px; float:left; border:none; background:none;}
.menu ul li:hover ul li a:hover{color:white !important;  font-size:15px;text-align:left; padding-left:10px;  padding-right:10px;float:left;border:none;background:rgba(3,3,3,0.2);}




/* css 重置 */
*  {
    margin: 0;

    padding: 0;

    list-style: none;
}
body  {
    font: normal 16px/22px 'Microsoft YaHei',Arial,Helvetica,sans-serif;

    background: #f7fbff;
}
img  {
    border: 0;
    }
a  {
    text-decoration: none;

font-size: 19px;
    color: #000;
}
a:hover  {
    color: #0068b7; transition:all 0.2s ease;
}
.hd  {
    font-size: 16px;
}
.float_left  {
    float: left;
}
.float_right  {
    float: right;
}
h1  {
    font-size: 20px;
}
.title p  {
    display: none;

    color: #bdbdbd;
}





/*head css*/
#head  {
    width: 100%;
       min-width: 1380px;
    background: #ffffff;
}
#logo  {
    width: 1380px;
    height: 110px;
    margin: 0 auto;
}
#logo-1  {
    float: left;

    padding-top: 30px;
}
#logo-2  {
    float: left;

    padding-top: 40px;
    padding-left: 20px;
}
#logo-title  {
    font-family: SimHei ;
    font-size: 50px;
    line-height: 50px;

    position: relative;
    bottom: -45px ;

    float: left;

    padding-left: 20px;

    color: #fff;
}


/*nav css */
.clearfix:after  {
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}
.navBar  {
    line-height: 40px;

    position: relative;
    z-index: 1;

    height: 40px;

    color: #fff;
    background: #0b6cb8;
}
.nav  {
    font-family: 'Microsoft YaHei',SimSun,SimHei;

    width: 1380px;
    margin: 0 auto;
}
.nav .m  {
    position: relative;

    float: left;

    margin-left: -1px;

    border: 1px solid #0b6cb8;
    border-bottom: none;
}
.nav h3  {
    font-size: 100%;
    font-size: 16px;
    font-weight: normal;

    float: left;
    overflow: hidden;

    width: 250px ;
    height: 39px;

    text-align: center;
}
.nav h3 a  {
    display: block;
    font-size: 18px ;
    vertical-align: top;


    color: #fff;
    border-left: 1px solid #0b6cb8;
}
.nav .on  {
    border-top: none;
}
.nav .on h3 a  {
    font-weight: bold;
    
    color: #fff;
    border-top: 1px solid #0b6cb8;
    background: #1D456D;
}
.nav .sub  {
    position: absolute;
    top: 39px;
    left: 0;

    display: none; /*默认隐藏*/

    border: 1px solid #0b6cb8;
    border-top: 0;
    border-bottom: 2px solid #0b6cb8;
    background: #1D456D;
}
.nav .sub li  {
    float: left;

    width: 130px;

    text-align: center;
}
.nav .sub li a  {
    font-size: 14px ;
    line-height: 44px ;

    display: block;

    color: #fff;
    
}
.nav .sub li a:hover  {
    transition: background .25s;

    color: #fff;
    background: #03a9f4 ;
}


/*main css*/
#main  {
    width: 1380px;
    margin: 0 auto 20px;
}
#main:after  {
    display: block;
    clear: both;

    content: '';
}

/*焦点图 css*/
.focusBox  {
    position: relative;

    overflow: hidden;

    width: 1380px;
    height: 380px;

    box-shadow: 0 2px 4px rgba(0,0,0,.2) ;
}
.focusBox .pic  {
    position: relative;
    z-index: 0;
}
.focusBox .pic img  {
    display: block;

    width: 1380px;
height:320px;
}
.focusBox .hd  {
    font-size: 0;

    position: absolute;
    z-index: 1;
    bottom: 0;

    width: 100%;
    min-width: 1380px;

    text-align: center;
}
.focusBox .hd li  {
    display: inline-block;
    overflow: hidden;
    zoom: 1;

    width: 16px;
    height: 16px;
    margin: 0 5px;

    cursor: pointer;

    background: url(../image/dot.png) no-repeat 0 -16px;

    *display: inline;
    _background: url(../image/dot8.png) no-repeat 0 -16px;
}
.focusBox .hd .on  {
    background-position: 0 0;
}
.focusBox .prev,
.focusBox .next  {
    position: absolute;
    z-index: 10;
    top: 50%;

    display: none;

    width: 60px;
    height: 90px;
    margin: -60px 0 0;

    cursor: pointer;
    text-indent: -9999px;

    opacity: .2;
    background: url(../image/ad_ctr.png) no-repeat 0 0;

    filter: alpha(opacity=20);
}
.focusBox .prev  {
    left: 0;
}
.focusBox .next  {
    right: 0;

    background-position: 0 -90px;
}
.focusBox .prev:hover,
.focusBox .next:hover  {
    opacity: .5 !important;

    filter: alpha(opacity=50) !important;
}




/*内容*/
/*对于内容部分通用css*/
.title a  {
    font-size: 16px;
    font-weight: bold;
    line-height: 35px ;

    display: block;

    background-position: 2px;
    /* margin-left: 20px; */
    padding-left: 25px;
       background-repeat: no-repeat;
    color: #fff;
}
.more  {
    width: 70px;
    height: 35px;
    margin: -35px 20px auto auto;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #0068b7;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.more a  {
	display: block;
    font-size: 13px;
    line-height: 35px;

    text-align: center;

    color: #fff;
}

.bd ul  {
    line-height: 50px ;

    position: relative;
    z-index: 1;

    margin: 35px 0 0 15px ;

    text-indent: 25px;
}
.bd ul li a:before  {
    position: relative;
    top: -3px;
    left: -5px;

    content: url(../image/dian.gif);
}

/*第一行css*/
.line  {
    height: 290px;
    margin-top: 30px;
}
.lineOneModule  {
    position: relative;

     float: left;
margin-left: 15px;
    width: 495px;
    height: 290px;

    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.lineOneModule1  {
    position: relative;

    float: left;

    width: 360px;
    height: 290px;

    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.lineOneModule .hd .title  {
    width: 80%;
    height: 35px;
    margin: -5px 0 0 10px;
background-image: url(../image/14.jpg);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
.lineOneModule .bd ul li  {
    overflow: hidden;
 border-bottom:1px dashed #807f7f;
    width: 450px;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.lineOneModule:before  {
    position: absolute;
    bottom: 30px;
    left: 15px;



    content: '';

    border: 2px solid #e6e4e3;
    border-top: none;
    border-right: none;
}
.lineOneModule:after  {
    position: absolute;
    top: 49px;
    right: 20px;



    content: '';

    border: 2px solid #e6e4e3;
    border-bottom: none;
    border-left: none;
}
#gzdtTop  {
    position: relative;
    z-index: 1;

    height: 100px;
    margin: 20px 0 0 15px;
}
#gzdtTopPic  {
    width: 140px;
    height: 100px;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
}
#gzdtTopPic a:hover { opacity:0.8 !important; transition:all 0.2s ease !important;   }
#gzdtTopHd  {
      float: right;
    overflow: hidden;
    width: 269px;
    height: 26px;
    margin: -100px 20px auto auto;
    padding-top: 12px;
}
#gzdtTopHd a  {
    font-size: 18px;
    font-weight: bolder;
}
#gzdtTopHd a:hover  {
    color: #0068b7; transition:all 0.2s ease !important;
}
#gzdtTopBd {
        float: right;
    overflow: hidden;
    line-height: 24px;
    width: 270px;
    height: 54px;
    margin: -54px 20px auto auto;
    text-overflow: ellipsis;}

#tzgg  {
       
}
/*第二三行通用css*/
.module  {
    position: relative;

    float: left;

    width: 405px ;
    height: 320px ;

    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.module:before  {
    position: absolute;
    bottom: 30px;
    left: 15px;

    width: 200px;
    height: 100px;

    content: '';

    border: 2px solid #e6e4e3;
    border-top: none;
    border-right: none;
}
.module:after  {
    position: absolute;
    top: 49px;
    right: 18px;

    width: 200px;
    height: 100px;

    content: '';

    border: 2px solid #e6e4e3;
    border-bottom: none;
    border-left: none;
}
.module .hd .title  {
    width: 280px;
    height: 35px;
    margin: -5px 0 0 10px;

    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #c41411;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.module .bd ul li  {
    overflow: hidden;

    width: 338px;

    white-space: nowrap;
    text-overflow: ellipsis;
}
.middle  {
    left: 32px;
}
.right  {
    left: 64px;
}
/*信访举报*/
#xfjb  {
    position: relative;

    float: left;

    width: 405px ;
    height: 320px ;

    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
#xfjb:before  {
    position: absolute;
    bottom: 30px;
    left: 15px;

    width: 200px;
    height: 100px;

    content: '';

    border: 2px solid #e6e4e3;
    border-top: none;
    border-right: none;
}
#xfjb:after  {
    position: absolute;
    top: 49px;
    right: 18px;
    width: 200px;
    height: 100px;    
    content: '';
    border: 2px solid #e6e4e3;
    border-bottom: none;
    border-left: none;
}
#xfjb .hd .title  {
    display: block;
    width: 280px;
    height: 35px;
    margin: -5px 0 0 10px;
    border-radius: 3px;
    background: #c41411;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#xfjb .bd table  {
    font-size: 12px;
    line-height: 28px ;
    position: relative;
    z-index: 1;
    width: 371px;
    margin: 40px 20px 0 15px;
    padding: 10px 20px;
}
#xfjb .bd table tr td:first-child  {
    width: 60px;
    vertical-align: top;
}
.wyjb  {
    margin: 10px 18px;
}

/*友情链接*/
#friendlink  {
    width: 1380px;
    height: 50px;
       margin: 35px auto;    background: #fff;    border-top: #0068B7 2px solid;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#friendlink1  {
    width: 1380px;
    height: 320px;
       margin: 35px auto;    background: #fff;    border-top: #0068B7 2px solid;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
#friendlink1 .hd  {
    line-height: 34px;
    position: relative;
    top: -3px;
    padding: 0 0 0 11px;
    font-size: 16px;
    font-weight: bold;
    left: 0px;
    border-top: #bad1d7 1px solid;
    width: 98px;
    height: 35px;
    text-align: center;
    color: #fff;
    background: #0068B7;
    box-shadow: 0 4px 3px rgba(0,0,0,.2);
}
#friendlink .hd  {
    line-height: 34px;
    position: relative;
    top: -3px;
    padding: 0 0 0 11px;
    font-size: 16px;
    font-weight: bold;
    left: 0px;
    border-top: #bad1d7 1px solid;
    width: 98px;
    height: 35px;
    text-align: center;
    color: #fff;
    background: #0068B7;
    box-shadow: 0 4px 3px rgba(0,0,0,.2);
}
#friendlink ul  {
       margin: -26px 0px 0 145px;    float: left;
}
#friendlink li  {
    line-height: 25px;
    float: left;
    padding-right: 30px;
    text-align: left;
}






/* foot css*/
#foot  {
    position: relative;
    bottom: 0;
    background: #224B77;
    width: 100%;
    min-width: 1380px;
    height: 180px;

    color: #fff;
    border: 1px  #bdbdbd;
    border-style: solid none none none;
}
.copyRight  {
    font-size: 15px ;
    line-height: 25px;

    width: 1380px;
   height: 180px;
     padding-top:20px;
    margin: 0 auto
   
}
.copyRight a  {
    font-size: 12px; color: #999;
}
.copyRight a:hover { color: #ffab91; transition: 0.2s;  }

/*栏目页*/
.pageContent  {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.pageRight  {
    min-height: 550px;
    margin-top: 40px;
    padding-bottom: 100px;
}
/*你所在的位置*/
.pageLocation  {
    height: 40px;
    margin-top: 10px ;
	line-height: 40px;
	text-indent: 30px;
    border: 1px solid #ddd;
    border-style: solid none solid none;
    background: #fff;

}
/*内容列表*/
.pageUl  {
    min-height: 550px;
    margin: 0 60px 0 330px;
    padding: 40px;

    box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.pageUl ul li a  {
    font-size: 18px;
    line-height: 55px;

    display: block;
    overflow: hidden;

    height: 50px;

    white-space: nowrap;
    text-indent: 60px;
    text-overflow: ellipsis;

    border-bottom: 1px solid #ddd;
    background: url(../image/label.png) 30px 20px no-repeat;
}
/*栏目页中的内容列表翻页*/
#pageItems{
    line-height: 40px;
    position: relative;
    bottom: 20px;
    float: right;
    width: 500px;
    margin: -40px 40px 20px 0 ;
    text-align: right;
}
#pageItems div{
    float: left;
    margin: 0 5px;
}
#pageItems a{
       border-radius: 3px;
}
#pageItems a:hover{
    color: #eee;
    background: #0277bd;
}


/*栏目页_信访举报*/
.lmJbfs{
    margin: 0 60px 0 330px;
}
.lmXfjb{
    background: url(../image/mail.png) no-repeat right 60px;
}
.lmXfjbHd{
    height: 30px;

    border-bottom: 1px solid #9e9e9e;
}

.lmXfjb table  {
    line-height: 28px ;

    position: relative;
    z-index: 1;

    margin: 20px 20px 0 15px;
    padding: 10px 20px;
}
.lmXfjb table tr td  {
    vertical-align: top;
}
.lmZxjb{
    min-height: 200px;

    background: url(../image/cursor.png) no-repeat right 60px;
}
.lmZxjb a{
    font-size: 20px;

    display: block;

    margin: 80px ;

    text-indent: 140px;
}
.lmZxjb a:hover{
    color: #0068b7;
}
.lmZxjb a::before,.lmZxjb a::after{
    position: relative;

    transition: all 1s;
}
.lmZxjb a::before{
    left: -20px;

    content: '\5B';
}
.lmZxjb a::after{
    right: -20px;

    content: '\5D';
}
.lmZxjb a:hover::before{
    left: -30px;

    content: '\5B';
}
.lmZxjb a:hover::after{
    right: -30px;

    content: '\5D';
}

.lmZxjbHd{
    height: 30px;

    border-bottom: 1px solid #9e9e9e;
}




/*在线举报内容*/
.nrZxjb{
    margin: 0 60px 0 330px;
}



.select, .input_text {
    font-weight: lighter;
    line-height: 20px;

    padding-left: 2px;

    color: #333;
    border: 1px #86a1ba double;
    border-radius: 3px;
    background-color: #fff;
}



/*内容页*/
/*内容部分*/
.pagePassage  {
    margin: 0 60px 0 330px;
}
.pagePassageHd  {
    font-size: 28px;
    line-height: 40px;
    color: #0b3d7c;

    min-height: 40px;

    border-bottom: 1px solid #9e9e9e;
}
.pagePassageHd ul  {
    font-size: 14px ;
    line-height: 14px;

    position: relative;
    top: 25px;

        left: -375px;

    width: 360px；;
}
.pagePassageHd ul li  {
    float: right;

    padding: 0 20px;
}
#pagePassageSubTitle{
	padding-bottom:20px;text-align:center;font-weight:bolder;font-size:18px;color: #0b3d7c;
}
.pagePassageBd  {
    position: relative;

    width: 980px;
    min-height: 400px;
    margin-top: 60px;

    word-break: break-all;

    background: #fff;
}
.pagePassageBd:before{

}


/*#scroll  {
    position: fixed;
    right: 5%;
    bottom: 30px;
}
.scrollItem  {
    width: 20px;

    cursor: pointer;
    text-align: center;

    border: #e1e1e1 1px solid;
    background: #fff;
    box-shadow: 0 2px 2px #eee;

}*/


/*栏目页改*/
#lm{
    padding-bottom: 40px;
}
.lm{padding: 20px 0 20px 40px;

    border-bottom: 1px solid #bdbdbd;
}
.lmTitle{width: 130px;
    padding-left: 20px;border-bottom: 1px solid #bdbdbd;border-left: 10px solid #bdbdbd;
}
.lmContent{position: relative;height: 200px;
    padding: 10px 0 0 35px;
}
.lmContent:before{position: absolute;top: 20px;left: 6px;width: 3px; height: 180px;

    content: '';background: #0288d1;
}
.lmContent:after{position: absolute;top: 20px;left: 606px;width: 3px; height: 180px;

    content: '';background: #0288d1;
}
.lmContent a{
}
.lmContent ul{float: left;

    width: 50%;margin-top: 25px;
}
.lmContent ul li{
    height: 25px;line-height: 25px; padding-left: 12px;
    overflow: hidden;
    width: 95%;
    white-space: nowrap;
    text-overflow: ellipsis;background:url(../image/dian.gif) no-repeat left center;
}
.lmContent ul li:before{
    position: relative;
    top: 13px;
    left: -8px;
    content: url(../image/dian.gif);
}
.lmCU2{
    margin-left: 40px;
}
#lm2{
    background: #f5f5f5;
}
#lm4{
    background: #f5f5f5;
}
.lmMore{
    position: absolute;right: 40px;bottom: 0;
}
/*more尝试*/
@-webkit-keyframes lmMoreA {
    80% {
        top: -222px;
        right: 0;
        bottom: 0;
        left: -1132px;

        opacity: .3;
    }
    100% {
        top: -222px;
        right: 0;
        bottom: 0;
        left: -1012px;

        opacity: 0;
    }
}

@keyframes lmMoreA {
    80% {
        top: -222px;
        right: 0;
        bottom: 0;
        left: -1132px;

        opacity: .3;
    }
    100% {
        top: -222px;
        right: 0;
        bottom: 0;
        left: -1012px;

        opacity: 0;
    }
}

a.lmMoreA {
    font-weight: bold;
    line-height: 12px;

    position: relative;

    display: block;
    display: inline-block;

    width: 80px;
    height: 20px;

    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    vertical-align: middle;

    color: #eee;
    background: #0288d1;
    -webkit-box-shadow: #666 0 3px 3px;
       -moz-box-shadow: #666 0 3px 3px;
            box-shadow: #ddd 0 3px 3px;
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
a.lmMoreA:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-animation-duration: 1s;
            animation-duration: 1s;

    border-bottom: #bdbdbd 6px solid;
}
a.lmMoreA:hover:before,a.lmMoreA:focus:before,a.lmMoreA:active:before {
    -webkit-animation-name: lmMoreA;
            animation-name: lmMoreA;
}