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

@import url("reset.css");
@import url("header.css");
@import url("footer.css");


.banner-box{ margin:-45px auto 0 auto; position:relative; z-index:1; height:330px; min-width:1259px; background:url(../images/xwzx_banner.png) no-repeat center top;}

.xwzx_box{ margin:36px auto 46px auto; height:auto; overflow:hidden;}

.title{ height:34px; line-height:34px;}
.title h2{ float:left; font-size:32px;} 
.title h2 a{ color:#1a4ecc;}
.title h3 a{ float:right; color:#d01027; font-size:12px;}

/*公司要闻*/
.gsyw_ggxx{ height:auto; overflow:hidden;}
.gsyw_ggxx .gsyw_box{ width:820px; height:auto; overflow:hidden;}
.gsyw_ggxx .gsyw_box .first_yw{ margin-top:36px; height:84px; border-bottom:1px solid #ddd; padding-bottom:33px;}
.gsyw_ggxx .gsyw_box .first_yw h4 a{ font-size:24px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.gsyw_ggxx .gsyw_box .first_yw h4 a{ display:block; text-align:center;}
.gsyw_ggxx .gsyw_box .first_yw p{ line-height:24px; text-indent:2em; font-size:14px; margin-top:10px;}
.gsyw_ggxx .gsyw_box .first_yw p a{ color:#d01027;}

.gsyw_box .yw_qt{ margin-top:30px; height:204px;}

/*焦点图*/
.gsyw_box .yw_qt .focusBox{width: 332px; height: 204px; overflow: hidden; float: left; position: relative;}
.gsyw_box .yw_qt .focusBox .pic{width: 100%; height: 204px; overflow: hidden;}
.gsyw_box .yw_qt .focusBox .pic img{width: 100%;height: 204px;display: block; transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.gsyw_box .yw_qt .focusBox .pic img:hover{transform:scale(1.05); transition: transform 0.7s ease-out 0s; -moz-transition: transform 0.7s ease-out 0s;}
.gsyw_box .yw_qt .focusBox .txt-bg{position: absolute;bottom: 0;z-index: 1;height: 42px;width: 100%;background: #000;opacity: 0.4;filter: alpha(opacity=40);overflow: hidden;left: 0}
.gsyw_box .yw_qt .focusBox .txt{position: absolute;bottom: 0;z-index:1;width: 100%; left: 0px; height: 42px;}
.gsyw_box .yw_qt .focusBox .txt li{width: 100%; height: 42px; line-height: 42px;}
.gsyw_box .yw_qt .focusBox .txt li a{width: 236px; text-indent:1em; height: 100%; font-size: 16px; color: #fff; display:block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.gsyw_box .yw_qt .focusBox .txt li a:hover{color: #b21023;}
.gsyw_box .yw_qt .focusBox .num{ position:absolute; bottom:0; right:4px; height:42px; z-index:2;}
.gsyw_box .yw_qt .focusBox .num li{ margin-top:18px;color:#FFFFFF;float: left;margin-right:4px;display: block;width:12px;height:12px;background: #ffffff;cursor: pointer;border-radius: 50%; cursor:pointer;}
.gsyw_box .yw_qt .focusBox .num li.on{ background:#d01027;}

.gsyw_box .yw_qt .right_yw_list{ width:470px; float:right;}
.gsyw_box .yw_qt .right_yw_list ul{ width: 100%; height: auto; overflow: hidden;}
.gsyw_box .yw_qt .right_yw_list ul li{ height:35px;line-height:35px; *height: 30px; *line-height: 30px;}
.gsyw_box .yw_qt .right_yw_list ul li i{ width:5px; height:5px; background:#c0c0c0; float:left; margin-top:16px; }
.gsyw_box .yw_qt .right_yw_list ul li a{ font-size: 16px; width:76%; height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left; color: #474747; text-indent:1em;}
.gsyw_box .yw_qt .right_yw_list ul li span{float: right; width: 22%; text-align: right; color: #a7a7a7; }
.gsyw_box .yw_qt .right_yw_list ul li a:hover{color: #b21023;}


/*公告信息*/
.gsyw_ggxx .ggxx_box{ width:350px; float:right;}
.gsyw_ggxx .ggxx_box ul{ overflow:hidden; height:362px; margin-top:29px;}
.gsyw_ggxx .ggxx_box ul li{ height:38px; background:#eeeeee; margin-bottom:16px; padding:20px 30px;}
.gsyw_ggxx .ggxx_box ul li:first-child+li+li+li+li{ margin-bottom:0;}
.gsyw_ggxx .ggxx_box ul li a{ display:block; width:290px;}
.gsyw_ggxx .ggxx_box ul li a p{width:290px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gsyw_ggxx .ggxx_box ul li a em{ color:#666; margin-top:5px; display:inline-block;}


/*基层动态、媒体聚焦*/
.jcdt_mtjj{ margin-top:42px; overflow:hidden;}
/*基层动态*/
.jcdt_mtjj .jcdt_box{ width:820px; float:left;}

.jcdt_mtjj .jcdt_box ul{ width: 100%; height:202px; overflow: hidden; margin-top:28px;}
.jcdt_mtjj .jcdt_box ul li{ height:35px;line-height:35px; *height: 30px; *line-height: 30px;}
.jcdt_mtjj .jcdt_box ul li i{ width:5px; height:5px; background:#c0c0c0; float:left; margin-top:16px; }
.jcdt_mtjj .jcdt_box ul li a{ font-size: 16px; width:84%; height: 100%;display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:left; color: #474747; text-indent:1em;}
.jcdt_mtjj .jcdt_box ul li span{float: right; width: 12%; text-align: right; color: #a7a7a7; }
.jcdt_mtjj .jcdt_box ul li a:hover{color: #b21023;}

/*媒体聚焦
.jcdt_mtjj .mtjj_box{ width:350px; float:right;}
.jcdt_mtjj .mtjj_box .mtjj_img{ width:350px; height:230px; position:relative; margin-top:28px;}
.jcdt_mtjj .mtjj_box .mtjj_img .img img{ width:350px; height:230px;}
.jcdt_mtjj .mtjj_box p{ width:100%;  height:36px; line-height:36px; position:absolute; left:0; bottom:0;background:rgba(0, 0, 0, 0.49) none repeat scroll 0 0 !important; filter:alpha(opacity=49); background:#000;}
.jcdt_mtjj .mtjj_box p b{ display:block; width:90%; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; position:relative; text-align:center; font-weight:normal;}
*/
.jcdt_mtjj .ggxx_box{ width:350px; float:right;}
.jcdt_mtjj .ggxx_box ul{ overflow:hidden; height:auto; margin-top:29px;}
.jcdt_mtjj .ggxx_box ul li{ height:38px; background:#eeeeee; margin-bottom:16px; padding:20px 30px;}
.jcdt_mtjj .ggxx_box ul li:first-child+li+li+li+li{ margin-bottom:0;}
.jcdt_mtjj .ggxx_box ul li a{ display:block; width:290px;}
.jcdt_mtjj .ggxx_box ul li a p{width:290px;font-size: 16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jcdt_mtjj .ggxx_box ul li a em{ color:#666; margin-top:5px; display:inline-block;}

/*热点图片、贵州巧桥梁报*/
.rdtp_gzqlb{ margin-top:35px; height:auto; overflow:hidden;}
.rdtp_gzqlb .ygfc_box{ width:820px; float:left;}
.rdtp_gzqlb .ygfc_box h2 a{display:block; font-size:32px; color:#0066dd;}
.rdtp_gzqlb .ygfc_box ul{/* height:357px; */overflow:hidden;margin-top:10px;}
.rdtp_gzqlb .ygfc_box ul li{ width:260px; height:160px; margin:18px 18px 0 0; float:left; position:relative;}
.rdtp_gzqlb .ygfc_box ul li:first-child+li+li,.rdtp_gzqlb .ygfc_box ul li:first-child+li+li+li+li+li{ margin-right:0;}
.rdtp_gzqlb .ygfc_box ul li img{ width:260px; height:160px;}
.rdtp_gzqlb .ygfc_box ul li p{ width:100%;  height:36px; line-height:36px; position:absolute; left:0; bottom:0;background:rgba(0, 0, 0, 0.49) none repeat scroll 0 0 !important; filter:alpha(opacity=49); background:#000;}
.rdtp_gzqlb .ygfc_box ul li p b{ display:block; width:90%; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; position:relative; text-align:center; font-weight:normal;}

/*贵州桥梁报*/
.gzqlb_box{ width:350px; float:right;}
.gzqlb_box .gzqlb_img_list{ width:350px; height:338px; background:#eeeeee; margin-top:28px;}
.gzqlb_img_list{ width:350px;}		
.gzqlb_img_list .bd{/* padding:20px 15px; */height:298px;width:320px;clear:both;position:relative;overflow:hidden;}	
.gzqlb_img_list .bd .tempWrap{ width:320px !important; height:298px !important;}
.gzqlb_img_list .bd .conWrap{ width:320px; height:100%;}	
.gzqlb_img_list .bd .conWrap .con{ height:100%;}
.gzqlb_img_list .bd .conWrap .con .qlb_img{ width:188px; height:260px; background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:65px; overflow:hidden;}
.gzqlb_img_list .bd .conWrap .con .qlb_img img{ width:188px; height:260px;}
.gzqlb_img_list .prev,.gzqlb_img_list .next{ position:absolute; left:15px; top:138px; }	
.gzqlb_img_list .next{ left:auto; right:15px; }	
.gzqlb_img_list .prevStop,.tabBar .nextStop{ display:none;  }	
.gzqlb_img_list .bd p{ position:absolute; top:260px; text-align:center; padding-bottom:10px; margin-top:15px; width:320px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


@media screen and (max-width:750px ) {
    /*banner*/
    .banner-box{width:100%;margin:0 auto;height:160px;min-width: auto;background: url(../images/xwzx_banner_app.png) no-repeat center top;background-size: auto 100%;}
    
    .w1200{width:auto;/* padding:0 10px; */}
    .Warp{ max-width:100%; min-width:100%;}
    .gsyw_ggxx .gsyw_box{ width:100%; float:none;}
    
    .first_yw{ height:auto;}
    .gsyw_ggxx .gsyw_box .first_yw h4 a{white-space:normal;text-overflow:clip;overflow:hidden;}
    .gsyw_box .yw_qt{ height:auto;}

    /*焦点图*/
    .gsyw_box .yw_qt .focusBox{float:none;width: 100%;}
    .gsyw_box .yw_qt .focusBox .num li{ font-size:0;}
    .tempWrap{ width:100% !important;}
    .yw_qt .focusBox .pic img{ width: calc(100vw - 20px);height: 220px; overflow: hidden; box-sizing: border-box; object-fit: cover;}

    .gsyw_box .yw_qt .right_yw_list{ width:100%; float: none; margin-top:20px;}
    .gsyw_box .yw_qt .right_yw_list ul li a{max-width:71%; text-indent: 0.5em;}
    .gsyw_box .yw_qt .right_yw_list ul li span{width: 26%;}
.gsyw_ggxx .gsyw_box .first_yw h4{height: 28px;}
	.gsyw_ggxx .gsyw_box .first_yw h4 a{height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gsyw_ggxx .gsyw_box .first_yw p{height: 68px;overflow: hidden;}


    /*公告信息*/
    .gsyw_ggxx .ggxx_box{ float:none; width:100%; margin-top:20px;}
    .gsyw_ggxx .ggxx_box ul li{ padding:20px;}
    .gsyw_ggxx .ggxx_box ul li a{width: 100%;}
    .gsyw_ggxx .ggxx_box ul li a p{font-size:16px;width: 100%;}

    /*基层动态*/
    .jcdt_mtjj{/* margin:28px 20px 20px 20px; */}
    .jcdt_mtjj .jcdt_box ul{ margin-top:20px;}
    .jcdt_mtjj .jcdt_box{width:100%;float:none;}
    .jcdt_mtjj .jcdt_box ul li a{ max-width:65%;}
    .jcdt_mtjj .jcdt_box ul li span{width: 28%;}

     /*媒体聚焦*/
    .jcdt_mtjj .mtjj_box{ width:100%; margin-top:28px; float:none;}
    .jcdt_mtjj .mtjj_box .mtjj_img,.jcdt_mtjj .mtjj_box .mtjj_img .img img{ width:100%;}
	.jcdt_mtjj .ggxx_box{ float:none; width:100%; margin-top:20px;}
    .jcdt_mtjj .ggxx_box ul li{ padding:20px;}
    .jcdt_mtjj .ggxx_box ul li a{width: 100%;}
    .jcdt_mtjj .ggxx_box ul li a p{font-size:16px;width: 100%;}

    /*热点图片*/
    .rdtp_gzqlb{/* margin:28px 20px 20px 20px; */}
    .rdtp_gzqlb .ygfc_box{ width:100%; float:none;}
    .rdtp_gzqlb .ygfc_box ul{ height:auto;}
    .rdtp_gzqlb .ygfc_box ul li{ width:100%; height:220px;}
    .rdtp_gzqlb .ygfc_box ul li img{ width:100%; height:220px;}

    .gzqlb_box{ width:100%; margin-top:28px; float:none;}
    .gzqlb_box .gzqlb_img_list{ width:100%;}
    .gzqlb_img_list .bd{ width:100%;}
    
}