.index-body{background:url("../images/background.png") top no-repeat;} .block10{height:10px;clear:both;} .block20{height:20px;clear:both;} /*头部*/ .header{ height:170px;} .header .mainHeader { width: 1180px;margin:0 auto;} .header .mainHeader .logo{ width:300px; height:80px; float: left; margin-top: 15px;} .header .mainHeader .logo a img { width:137px;height:154px;} .header .mainHeader .headerRight { width: 340px; float: right;} .header .mainHeader .headerRight .headerNav { height: 45px;} .header .mainHeader .headerRight .headerNav ul li { float: right; padding: 0 6px;} .header .mainHeader .headerRight .headerNav ul li a { font:300 12px/45px "微软雅黑"; color: #333333; } .header .mainHeader .headerRight .search { width: 338px; height:40px; border: 1px solid #e7ebef; background: #ffffff;} .header .mainHeader .headerRight .search .searchInput { float:left;} .header .mainHeader .headerRight .search .searchInput input{ width: 278px; height: 40px; border: none; line-height: 40px; color:#999999; padding-left: 10px;} .header .mainHeader .headerRight .search .searchBtn { width: 50px; height: 40px; float: right;} .header .mainHeader .headerRight .search .searchBtn input { width: 50px; height: 40px; border: none; background: url("../images/search_btn.jpg"); cursor: pointer;} /*导航栏begin*/ .nav { width: 100%; height: 50px; background: #b88e3e;} .nav .mainNav { width: 1200px; margin: 0 auto;} .nav .mainNav ul {height: 50px;} .nav .mainNav ul li{ width:150px; height: 50px; text-align: center; float: left;} .nav .mainNav ul li a{ display: block;font:300 16px/50px "微软雅黑"; color: #fff; text-align: center;} .nav .mainNav ul li a.on,.nav .mainNav ul li a:hover{ border-bottom:3px solid #ffffff; text-decoration: none; height:48px;} /*导航栏end*/ /*底部*/ .footer{background: #262c2e;position: relative;bottom: 0;width: 100%;} .footer-dl{background: #262c2e;position: absolute;bottom: 0;width: 100%;} .mainFooter{margin:0 auto;padding:20px;} .mainFooter p{text-align:center;;font:300 14px/30px "微软雅黑";color:#ffffff;} /*主体内容*/ .content{width:1200px;margin:0 auto;overflow:hidden;background:#ffffff;} /*轮播图begin*/ #slider{float:left;overflow: hidden; position: relative; border-radius: 5px;} .slider-conbox{overflow: hidden;} .slider-ctag{position:relative;} .slider-ctag img{width:1200px;height:400px;} .slider-mask{position: absolute;bottom: 0;left: 0;width: 100%;height: 37px;line-height: 37px;font-size: 14px;color: #fff;background: url(../images/mask-bg.png);} .slider-mask .ellipsis{display: block;margin-left: 20px;width: 210px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-decoration: none;text-align:left;} .slider-switcher{position: absolute;right: 50%;bottom: 14px;height: 8px;} .slider-stag{float: left;margin-right: 9px;height: 8px;width: 8px;background: url(../images/stag.png) no-repeat;cursor: pointer;} .slider-stag.cur {background-image: url(../images/stag_active.png);} /*轮播图end*/ /*公共部分*/ .box{float:left;} .box-hd{height:50px;border-bottom:1px solid #e7e7e7; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .box-hd h4{ height:50px;float:left;font:300 20px/50px "微软雅黑";border-bottom:1px solid #b88e3e; /*width: 870px;*/ } .more{ float:right;font:300 12px/50px "微软雅黑";color:gray;padding-right:10px;} .more:hover{color:#000;} .box-bd{width:100%;border-bottom:1px solid #e7e7e7;overflow:hidden;} .info-items{padding:5px 5px;} .info-item{height:30px;} .info-item a{ font:300 14px/30px "微软雅黑"; float:left;text-indent: 10px;background: url(../images/bgd.jpg) left center no-repeat;} .info-item a:hover{ color:#0777c0} .info-item span{float:right;font:300 12px/30px "微软雅黑";color:#646464;} /*新闻头条*/ .ht{ height:80px;border:1px solid #e7e7e7;padding:10px;border-radius:5px;} .ht img{ width:100px; height:80px;float:left;border-radius:5px;} .ht .text{ width:1000px;font:300 14px/20px "微软雅黑";padding:10px 20px;float:left;} .ht .text a h5{ height:30px;font:500 20px/30px "微软雅黑";padding-bottom:5px;} .ht .text a:hover{ color:red;} .ht .text span{color:grey;} /*集团要闻*/ /*业务资讯*/ .news-media{width:425px;padding-right:25px;} /*;height:340px;*/ .box-bd-top{height:120px;} .box-bd-top h5{height:35px;font:300 16px/35px "微软雅黑";} .box-bd-top img{ width:100px; height:80px;float:left;margin-left: 5px;} .txt{ width:300px;font:300 14px/20px "微软雅黑";padding: 10px;float:left;color:grey;} .txt a{color:#0777c0;} /*通知公告begin*/ #notice{ width:300px} .box-hd-n{height:50px;border-bottom:1px solid #b88e3e;} .box-hd-n h4{ height:50px;float:left;font:300 20px/50px "微软雅黑";} .box-bd-n{ font:300 14px/30px "微软雅黑";width:100%;border:1px solid #e7e7e7;border-top:none;overflow:hidden;} #colee{width:298px;overflow:hidden;text-align:left;} /*核心业务*/ #core{width:1200px;} .box-bd-core{ font:300 14px/30px "微软雅黑";width:100%; /*border-bottom:1px solid lightgrey;*/ /*overflow:hidden;*/ display: flex; flex-direction: row; justify-content: space-between; padding: 20px 0; } /*板块公共样式*/ .box-b{ width:270px;height:251px;float:left;} .box-bbd{ width:268px;height:249px;border:1px solid lightgrey;} .box-bbd:hover{border:1px solid #0777c0;} .box-bbd-top{text-align: center;width:269px;padding-top:20px;} .border{width:100px;height:100px;border:1px solid lightgrey;border-radius:50%;} .box-bbd-top img{ width:70px;height:65px;padding-top: 20px;} /*;*/ .box-bbd-top p{font:300 14px/20px "微软雅黑";padding:10px;} .box-bbd-top a:hover p{color:#0777c0;} .box-bbd-txt{width:245px;height:69px;padding:5px 12px;font:300 14px/25px "微软雅黑";} .box-bbd-txt span{ font:300 14px/10px "微软雅黑";color:grey;} .pdl{padding-left:30px;} /*专题栏目*/ #info{width:300px;overflow:hidden;} /*height:340px;*/ #info-bd{width:298px;border-bottom:1px solid lightgrey;} /*公司宣传片与专题栏目*/ #xcp ,#ztlm{height:239px; /*border-bottom:1px solid #e7e7e7;*/ border-bottom:none; padding:5px 0 5px 0; } #xcp img ,#ztlm img{ width:300px;height: 239px;} /*城投艺苑*/ #pass{width:300px;} #pass-bd{ width:298px;border-bottom:1px solid lightgrey;} /*height:260px;*/ .item{height:40px;padding:10px 10px 0 10px;} .item a{display: block;width:248px;height:40px;font:500 14px/45px "微软雅黑";background:#FBFBFB;padding-left:30px;} /*重大项目*/ #project{ width: 1200px;} .wyfc_sroll{height:210px; float: left;border-bottom:1px solid lightgrey} .wyfc_sroll .tempWrap{width:1200px !important;} .wyfc_sroll ul li{width: 208px; height:180px; padding:0 5px; float: left;} .wyfc_sroll ul li a img{width:208px; height:180px;} /*友情链接*/ .link{background-color:#ffffff;padding:10px;} .main-link{width:1200px;margin:0 auto;} .main-link img{position:relative;top:3px;width:18px;height:18px;padding-left:10px;} .main-link select{ width:250px;padding:5px;font:300 12px/20px "微软雅黑";color:grey;margin-left:105px;text-indent: 50px;} .main-link a{font:300 12px/30px "微软雅黑";} .main-link a:hover{color:#0777c0} /*列表页*/ .list-body{background:url("../images/backtop.png") top no-repeat;} .list-left{width:300px;float:left;} .list-right{float:left;} .list-right .subnav{width:868px; margin: 0 0 20px 30px;padding-top:5px; height:45px; border-bottom: 1px solid #ccc;} .list-right .subnav ul{float:left;} .list-right .subnav ul li{float:left; width:110px; height:45px; font:14px/45px "微软雅黑"; text-align: center;position:relative;} .list-right .subnav ul li span{height:8px; width:8px; background-color:#ccc; position:absolute;bottom:-4px; left: 50%;border-radius: 4px;display:block} .list-right .subnav ul li a{display:block} .list-right .subnav ul li a:hover{color:#0777c0;} .list-right .subnav ul li a:hover span{background-color:#0777c0;} .list-right .address{ font:14px/45px "微软雅黑"; float:right; color:grey;} .list-right .address a{ font:14px/45px "微软雅黑"; color:grey;} .list-text{width:868px;padding-left:30px;padding-top:10px;} .l-img{float:left;padding-right:10px;} .l-img img{ width:140px;height:117px;} .list-txt{float:left;padding-top:5px; } .list-width{width:718px;} .list-txt a{font:400 18px/30px "微软雅黑";padding:5px 0;} .list-txt a:hover{color:#0777c0;} .list-txt p{color:grey;padding-top:5px;font:300 14px/20px "微软雅黑";} .list-txt p span{color:grey;font:300 12px/20px "微软雅黑";padding-top:5px;} .list-width1{width:868px;} /*分页*/ /*.main-jump{width: 100%;margin:0 auto;height: 21px;padding-top: 30px;}*/ /*.main-jump a{display: block;border:1px solid lightgrey;margin-left:10px;float:left;padding:0 10px;font-size: 14px;}*/ /*.main-jump a:hover{border:1px solid #0777c0;color:#0777c0;}*/ /*.main-jump span{ display: block; margin-left: 15px;line-height: 21px;}*/ /*.main-jump .all ,.pageindex ,.current{float: left;}*/ /*分页样式*/ .leftpatr .box .box_bd .paging{text-align: center; height: 58px; font-family: "微软雅黑"; font-size: 14px; line-height: 58px; color: #333; clear: both;} .leftpatr .box .box_bd .page a{color: #333; text-decoration: none; padding-right: 6px; padding-left: 6px; height: 20px; padding-top: 6px; padding-bottom: 6px;} .paging {text-align: center;} .paging .all{padding-right:10px;} .paging .pageindex{padding-right:10px;} .paging .pagination{margin: 1px auto;} .paging .pagination a{padding: 0 10px; border: 1px solid #cccccc; margin: 5px;} .paging .pagination a:hover{border: 1px solid #006599; color: #ffffff; padding: 0 10px; margin: 0 5px; background-color: #006599; } /*内容页*/ .list-right .hd{width:868px; padding:10px 0 20px 0; margin: 0 0 10px 30px; border-bottom: 1px dashed #ddd;} .list-right .hd h3{font:bold 26px/50px "微软雅黑";} .list-right .hd span{font: 14px/20px "微软雅黑"; color: #a7a5a5;} .list-right .bd{width:868px; margin-left:30px; color:#232323; font:16px/34px "微软雅黑";} .list-right .bd p{text-indent: 25px;} .list-right .ft{width:868px; margin:20px 0 0 30px; border-top: 1px solid #cccccc; padding-top: 20px; font:14px/26px "微软雅黑"; color: #545353} .list-right .ft a{font:14px/26px "微软雅黑"; color: #545353} .list-right .ft a:hover{font:14px/26px "微软雅黑"; color: #0777c0} /*文章内容页*/ .list-all {padding-top: 30px;} .list-all .hd{width:1200px; padding:10px 0 20px 0; margin: 0; border-bottom: 1px dashed #ddd;} .list-all .hd h3{font:bold 26px/50px "微软雅黑";text-align: center;} .list-all .hd p{text-align: center;} .list-all .hd span{font: 14px/20px "微软雅黑"; color: #a7a5a5;} .list-all .bd{width:1200px; color:#232323; font:16px/34px "微软雅黑";} .list-all .bd p{text-indent: 25px;} .list-all .ft{width:1200px; margin:20px 0 0 0; border-top: 1px solid #cccccc; padding-top: 20px; font:14px/26px "微软雅黑"; color: #545353} .list-all .ft a{font:14px/26px "微软雅黑"; color: #545353} .list-all .ft a:hover{font:14px/26px "微软雅黑"; color: #0777c0} .address1{ font:14px/45px "微软雅黑";color:grey; position: absolute;} .address1 a{ font:14px/45px "微软雅黑"; color:grey;} /*专题栏目列表页*/ .list-ztlm .subnav{width:1200px; margin: 0 0 20px 0 ;padding-top:5px; height:45px; border-bottom: 1px solid #ccc;} .list-ztlm .subnav ul{float:right;} .list-ztlm .subnav ul li{float:right; width:110px; height:45px; font:14px/45px "微软雅黑"; text-align: center;position:relative;} .list-ztlm .subnav ul li span{height:8px; width:8px; background-color:#ccc; position:absolute;bottom:-4px; left: 50%;border-radius: 4px;display:block} .list-ztlm .subnav ul li a{display:block} .list-ztlm .subnav ul li a:hover{color:#0777c0;} .list-ztlm .subnav ul li a:hover span{background-color:#0777c0;} .address-ztlm{ font:14px/45px "微软雅黑"; float:right; color:grey;} .address-ztlm a{ font:14px/45px "微软雅黑"; color:grey;} .text-ztml{width:1200px;padding-top:10px;} .list-ztlm .l-img{float:left;padding-right:10px;} .list-ztlm .l-img img{ width:140px;height:117px;} .txt-ztlm{float:left;padding-top:5px; } .width-ztlm{width:718px;} .txt-ztlm a{font:400 18px/30px "微软雅黑";padding:5px 0;} .txt-ztlm a:hover{color:#0777c0;} .txt-ztlm p{color:grey;padding-top:5px;font:300 14px/20px "微软雅黑";} .txt-ztlm p span{color:grey;font:300 12px/20px "微软雅黑";padding-top:5px;} .width1-ztlm{width:1200px;}