.layui-fluid{padding: 0} .layui-container{padding: 0} html,body{ font-family:Arial,"Microsoft YaHei","微软雅黑"; font-size:14px; color:#505050; background-color:#ffffff; } body,img,ul,li,p,table,tr,td,th{margin:0;padding:0;border:0;} table{border-collapse:collapse;} .table{display: table;width: 100%;} .tr,.row{display: table-row;overflow:hidden;} .td,.cell{display: table-cell;*float:left; *width:auto; *zoom:1;vertical-align: top} ul,li{list-style:none;} a{text-decoration:none;color:#505050;} a:hover{text-decoration:none;color:#0093dd;} a:active{color:#0093dd;} .clear{clear:both;} .sm-clear, .xs-clear { height: 0!important; width: 0!important; padding: 0!important; margin: 0!important } .fl{float:left;} .fr{float:right;} /*首页banner开始*/ .slideBoxbanner {position: relative;height:437px;} .slideBoxbanner .bd{width:100% !important;} .slideBoxbanner .bd ul{display: block;width:100% !important;height:100% !important;position: absolute !important;top: 0 !important;left: 0 !important;} .slideBoxbanner .bd li{position: absolute;top: 0;left: 0;display: block;background-position: center;background-repeat: no-repeat;height: 100%;width:100% !important;} .slideBoxbanner .hd{bottom:35px;left:0;width: 100%;position:absolute;} .slideBoxbanner .hd ul{text-align:center;height:10px;} .slideBoxbanner .hd li{ display:inline-block; margin:0 10px; background-color:#ffffff; width:18px;height:18px; border-radius:50%; } .slideBoxbanner .hd li.on{background-color:#ffc600;} .slideBoxbanner .next,.slideBoxbanner .prev{display: block;width:61px;height:61px;top:250px;position: absolute;background-position: center;background-repeat: no-repeat;} .slideBoxbanner .next{right:0;background-image: url(../images/in-right.png);} .slideBoxbanner .prev{left:0;background-image: url(../images/in-left.png);} /*首页banner结束*/ .in-title{line-height:25px;height:25px;padding-bottom:8px;} .in-title p{float:left;font-weight:bold;} .in-title .more{ float:right; font-size:12px; padding-right:10px; background:url(../images/jiao.png) no-repeat right center; color:#646464; } .in-title .more:hover{color:#0093dd;} .in-part01 .lun{position:relative;width:100%;} .in-part01 .lun .name{ position:absolute; left:0; bottom:0; background:url(../images/index02.png) top center; line-height:38px; height:38px; width:100%; } .in-part01 .lun .name a{ color:#ffffff; font-weight:bold; margin-left:15px; display:inline-block; width:70%; } .in-part01 .lun .name a:hover{color:#fae001;} .in-part01 .lun ul{float:right;width:55px;margin-top:15px;} .in-part01 .lun li{ float:left; background:url(../images/yuan01.png) no-repeat center center; width:8px;height:8px; margin-right:6px; } .in-part01 .lun li.on{ background:url(../images/yuan02.png) no-repeat center center; } .lun-tu{position: relative;width:340px;height: 245px;overflow: hidden;} .lun-tu .hd{;z-index: 9;position: absolute;right: 0;bottom: 15px; } .lun-tu .hd li{float: left;background: #000000;color: #ffffff;display: block;width: 10px;height: 10px;border-radius: 100%;margin-right: 10px;background: #ffffff}.lun-tu .hd li.on{background: #88c112} .lun-tu .bd,.lun-tu .bd ul{width:100%;} .lun-tu .bd li{position:absolute;left: 0;top:0;width: 100%;height: 100%;} .lun-tu .bd li img{width: 100%;height:100%;} .lun-tu .bd li p{position: absolute;bottom: 0;left: 0;width: 100%; color: #ffffff;height: 40px;line-height: 40px;padding-left:20px;background-image: url(../images/black.png); background-position: top left;} .lun-tu .bd li p .nowrap{color:#ffffff; font-weight:bold; margin-left:15px; display:inline-block; width:70%;} .in-news .in-title{border-bottom:2px solid #eeeeee;} .in-news .in-title p a{padding-bottom:8px;margin-right:30px;display:inline-block;} .in-news .in-title p a.on{color:#0093dd;border-bottom:2px solid #0093dd;} .in-news li a{color:#666666;display:inline-block;width:75%;} .in-news li a:hover{color:#0093dd;} .in-news li .date{float:right;color:#b4b4b4;} .in-part02{margin-top:15px;} .in-part02 li{ background-image:url(../images/index05.png); background-repeat:no-repeat; background-position:bottom right; color:#ffffff; float:left; } .in-part02 li .content a{color:#ffffff;} .in-part02 .company01{background-color:#91c81f;} .in-part02 .company02{ background-image:url(../images/index06.png); background-color:#47c261; } .in-part02 .company03{ background-image:url(../images/index07.png); background-color:#0093dd; } .in-part02 .company04{ background-image:url(../images/index08.png); background-color:#1d7ccc; } .in-part02 .company05{ background-image:url(../images/index15.png); background-color:#4f70c9; } .in-part03 .lun{position:relative;width:100%;} .in-part03 .lun .hd{ position:absolute; left:0; bottom:0; background:url(../images/index02.png) top center; width:100%; text-align:center; } .in-part03 .lun .hd li{ background:url(../images/yuan01.png) no-repeat center center; width:8px;height:8px; margin:8px 3px; display:inline-block; } .in-part03 .lun .hd li.on{ background:url(../images/yuan02.png) no-repeat center center; } .lun1-tu{position: relative;width:340px;height: 245px;overflow: hidden;} .lun1-tu .hd{z-index: 9;position: absolute;right: 0;bottom: 15px; } .lun1-tu .hd li{float: left;background: #000000;color: #ffffff;display: block;width: 10px;height: 10px;border-radius: 100%;margin-right: 10px;background: #ffffff}.lun1-tu .hd li.on{background: #a50283} .lun1-tu .bd,.lun1-tu .bd ul{width:100%;} .lun1-tu .bd li{position:absolute;left: 0;top:0;width: 100%;height: 100%;} .lun1-tu .bd li img{width: 100%;height:100%;} .lun1-tu .bd li p{position: absolute;bottom: 0;left: 0;width: 100%; color: #ffffff;height: 40px;line-height: 40px;padding-left:20px;background-image: url(../images/black.png); background-position: top left;} .lun-tu1 .bd li p .nowrap{color:#ffffff; font-weight:bold; margin-left:15px; display:inline-block; width:70%;} .in-part03 .list li a{color:#666666;display:inline-block;width:100%;} .in-part03 .list li a:hover{color:#0093dd;} .in-part03 .in-link{margin-top:17px;} .in-part03 .in-link select{ background:url(../images/index10.jpg) no-repeat right center; appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; -webkit-appearance:none; border:1px solid #dcdcdc; width:100%; height:36px; margin-bottom:5px; padding:0 10px; } .in-part03 .in-link .search{border:1px solid #dcdcdc;padding:0 10px;} .in-part03 .in-link input{ height:34px; width:90%; border:none; } .in-part03 .in-link a{background:url(../images/search.png) no-repeat right center;width:10%;height:34px;} /*内页内容开始*/ .main-title{text-align:center;padding:45px 0 40px 0;} .main-title strong{font-weight:normal;color:#000000;font-size:28px;} .main-title span{font-size:24px;color:#b4b4b4;} .all-main{background-color:#f2f2f2;padding:40px 0 60px 0;} .about01{padding:55px 0;} .about01 strong{color:#0093dd;display:block;font-size:24px;margin:10px 0 30px 0;} .about02{ background:url(../images/about09.jpg); background-repeat:no-repeat; background-position:top center; padding:60px 0 10px 0; } .about02 .title{text-align:center;margin-bottom:60px;} .about02 .title strong{font-weight:normal;color:#000000;font-size:28px;} .about02 .title span{font-size:24px;color:#91c81f;} .about02 .content{text-align:center;} .about02 .content li{float:left;} .about02 .content li p{color:#4b4b4b;font-weight:bold;margin-top:20px;} .about03{ background:url(../images/about10.jpg) no-repeat top center; } .about03 .line{color:#ebebeb;margin:0 30px;font-size:45px;display: inline-block;} .about03 li{display:inline-block;color:#ffffff;} .about03 li strong{ font-family:"Microsoft YaHei","微软雅黑"; color:#91c81f; font-size:65px; margin:0 10px; } .about04{ background:url(../images/about11.png) no-repeat right bottom #f2f2f2; padding:25px 0; } .organization{ text-align:center; background-color:#f2f2f2; padding:40px 0 60px 0; } .organization .name{text-align:left;} .organization .name strong{ background:url(../images/line.jpg) no-repeat right center; color:#333333; font-size:18px; padding-right:110px; } .organization .name span{color:#46c260;font-size:46px;} .contact{background-color:#f5f5f5;} .enterprise .list{ text-align:center; background-color:#90c81f; color:#ffffff; } .enterprise .list2{background-color:#46c260;} .enterprise .list3{background-color:#0193de;} .enterprise .list4{background-color:#1d7ccc;} .enterprise .company .name{font-weight:bold;color:#90c81f;} .enterprise .company2 .name{color:#46c260;} .enterprise .company3 .name{color:#0193de;} .enterprise .company4 .name{color:#1d7ccc;} /*news-detail开始*/ .news-detail{text-align:center;} .news-detail .title{ text-align:center; color:#aaaaaa; border-bottom:1px dashed #dcdcdc; padding-bottom:20px; margin-bottom:45px; } .news-detail .title strong{ display:block; color:#505050; line-height:150%; font-size:22px; margin-bottom:15px; font-weight:normal; } .news-detail p{text-align:left;} .news-detail img{max-width:100%;margin:20px 0;} /*专题开始*/ .subject .list .top{ border-bottom:1px solid #e6e6e6; margin-bottom:32px; line-height:45px; } .subject .list .top a{color:#999999;} .subject .list .top a:hover{color:#0093dd;} .subject .list li{ background:url(../images/yuan-s.png) no-repeat left center; padding-left:15px; line-height:275%; } .subject .list li a{ color:#646464; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; } .subject .list li a:hover{color:#0093dd;} .news01 .content{color:#646464;} .news01 .content .date span{color:#0093dd;} .news01 .content .name{margin:20px 0;} .news01 .content .name a{color:#000000;} .leader li{color:#767676;} .leader li .content{background-color:#fcfcfc;border-left:3px solid #0093dd;padding:18px 20px;} .leader li .name{color:#000000;} /*样式1*/ .style01{margin-top:7px;} .style01 ul{margin:-27px -27px 0 -27px;} .style01 li{padding:20px 27px;} .style01 li .w-bg{padding:20px 20px 25px 20px;background-color:#ffffff;} .style01 li .date{color:#878787;} .style01 li .date p{color:#0093dd;font-size:36px;} .style01 li .content{color:#767676;} .style01 li .content .name{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:100%; color:#000000; font-size:16px; margin:18px 0 20px 0; } .style01 li .content p{line-height:175%;height:72px;overflow:hidden;} .style01 li .content .more{margin-top:20px;} .style01 li .content .more a{color:#aaaaaa;} .style01 li .content .name:hover,.style01 li .content .more a:hover{color:#0093dd;} /*样式2*/ .style02 li .content{background-color:#ffffff;} .style02 li .content p{background:url(../images/line-b.jpg) no-repeat left center;} .style02 li .content p a{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:100%; color:#000000; } .style02 li .content .date{color:#aaaaaa;} .style02 li:hover p a{color:#0093dd;} /*样式3*/ .style03 li{ border-bottom:1px solid #e6e6e6; padding-bottom:25px; margin-bottom:25px; } .style03 li .date{ color:#ffffff; background-color:#0093dd; padding:15px 18px; } .style03 li .date p{font-size:26px;font-weight:bold;} .style03 li .content{color:#767676;} .style03 li .content a,.style03 li .content p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .style03 li .content a{ display:block; color:#000000; font-size:16px; } .style03 li:hover a{color:#0093dd;} /*资料下载样式*/ .download{color:#969696;} .download li{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px; } .download li p{color:#000000;font-size:16px;} .download li .more{ background:url(../images/download.png) no-repeat left center; display:inline-block; float:right; } .download li .more:hover{color:#0093dd;} /*公用样式开始*/ .nowrap{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .detail p{line-height:210%;margin:25px 0;color:#646464;} .detail img{max-width:100%!important;} .back{text-align:center;padding-top:40px;} .back a{ background-color:#9b9b9d; color:#ffffff; line-height:36px; padding:0 30px; display:inline-block; } .back a:hover{background-color:#0093dd;} /*公用样式结束* /*超大屏幕*/ @media screen and (min-width: 1272px){ } @media screen and (min-width: 1200px){ .layui-container{width:1200px} } /*大屏幕*/ @media screen and (max-width: 1200px) and (min-width:779px){ .layui-container{width:1200px} .layui-fluid{width: 1200px} } /*电脑端*/ @media screen and (min-width:780px){ .sm-clear { clear: both; } .header{ width:100%; height:80px; } .header .top{postion:relative;z-index:9999;background:#ffffff;} .header .nav{text-align:right;margin-top:15px;} .header .nav li{display:inline-block;} .header .nav li a{display:block;padding:0 10px;height:65px;line-height:58px;} .header .nav li.on{background-color:#0093dd;} .nav li.on a{color:#ffffff;} .nav li:hover{background-color:#0093dd;} .nav li:hover a{color:#ffffff;} /* .header .nav-line{width: 34px;height: 3px;background: #a50283;position: absolute;bottom: 0;transition:all .4s cubic-bezier(.4,0,.2,1);display: none;} */ /*下拉效果开始*/ .xiala{ /*display:none; */ opacity: 0; width:100%; position:absolute; top:80px; z-index:999; pointer-events: none; background-color:rgba(0,0,0,0.5); } .xiala-show{ opacity: 1; pointer-events: inherit; } .xiala .list a{color:#c8c8c8;margin-left:25px;line-height:55px;} .xiala .list a:hover{color:#ffffff;} .party-xl{background-color:initial;} .party-xl .list{margin-left:577px;} .party-xl .list a{color:#ffffff;} .government-xl .list{margin-left:610px;} .news-xl .list{margin-left:575px;} .project-xl .list{margin-left:650px;} .major-xl .list{margin-left:650px;} .security-xl{background-color:initial;} .security-xl .list{margin-left:910px;} .security-xl .list a{color:#ffffff;} .job-xl .list{margin-left:945px;} .bidding-xl .list{margin-left:935px;} .asset-xl .list{margin-left:0;text-align:right;} .about-xl .list{margin-left:0;text-align:right;} .company-xl .list a{margin-left:14px;} .company-xl .list a:first-child {margin:0;} /*下拉效果结束*/ /*首页banner开始 .in-banner{height:437px;background:url(../images/in-banner.jpg) no-repeat center center;} .slideBoxbanner .bd ul{display: block;width: 100% !important;height:437px !important} .slideBoxbanner .bd li{display: block;width: 100% !important;height:437px !important} .slideBoxbanner .hd{top:410px;left:0;width: 100%;position:absolute;} .slideBoxbanner .hd2{width:150px;margin:0 auto;text-align:center;height:20px;} .slideBoxbanner .hd2 li{float:left;margin:0 5px;background:url(../images/yuan02.png) no-repeat center center;width:20px;height:20px;} .slideBoxbanner .hd2 li.on{background:url(../images/yuan01.png) no-repeat center center;} 首页banner结束*/ .clear-xs{padding:0;} .banner{ background:url(../images/ab-banner.jpg) no-repeat top center; height:300px; } .ab-banner{background:url(../images/ab-banner.jpg) no-repeat top center;} .party-banner{background:url(../images/party-banner.jpg) no-repeat top center;} .lz-banner{background:url(../images/lz-banner.jpg) no-repeat top center;} .news-banner{background:url(../images/news-banner.jpg) no-repeat top center;} .proj-banner{background:url(../images/proj-banner.jpg) no-repeat top center;} .sec-banner{background:url(../images/sec-banner.jpg) no-repeat top center;} .major-banner{background:url(../images/major-banner.jpg) no-repeat top center;} .job-banner{background:url(../images/job-banner.jpg) no-repeat top center;} .zb-banner{background:url(../images/zb-banner.jpg) no-repeat top center;} .asset-banner{background:url(../images/asset-banner.jpg) no-repeat top center;} .in-mian{padding:35px 0;} .ind-left{padding-right:25px;} .in-part01 .lun{float:left;width:340px;} .in-part01 .lun img{height:245px;} .in-news{float:right;width:510px;} .in-news ul{margin-top:30px;font-size:13px;} .in-news li{margin-top:12px;} .in-part02 li{ background-position-x:90px; height:120px; width:150px; } .in-part02 .on{width:275px;} .in-part02 .on .h2{display:block;} .in-part02 li .content{padding:18px 0 0 20px;} .in-part02 li .content p{width:110px;font-size:15px;line-height:160%;margin-bottom:15px;} .in-part02 li .h2{margin:22px 0 0 20px;} .in-part02 li .h2 img{width:110px;height:76px;} .in-part02 li .h2 .name{margin:0 0 0 125px;} .in-part02 li .h2 .name p{ line-height:180%; width:135px; } .in-part02 li:hover{width:275px;} .in-part02 li:hover .content a{color:#fae001;} .in-part02 li:hover .h2{ display:block; transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .in-part03 .lun{width:300px;} .in-part03 .list{margin-top:15px;font-size:13px;} .in-part03 .list li{margin-top:12px;} .in-part03 .lun img{height:155px;} /*footer内容*/ .footer{ background-color:#464646; color:#828282;padding:15px 0; font-size:13px;line-height:230%; } .footer a{color:#828282;} .footer a:hover{color:#fae001;} .footer .fl{margin-top:10px;} .footer .fr{text-align:right;} .footer .fr p{line-height:180%;margin:25px 15px 0 0;} /*内页菜单栏*/ .main-nav{ line-height:49px; border-bottom:1px solid #f2f2f2; } .main-nav li{ display:inline-block; padding:0 35px; } .main-nav li a{ padding-top:5px; display:block; } .main-nav li.on{background-color:#0093dd;} .main-nav li.on a{color:#ffffff;} .main-nav .position{ background:url(../images/home.png) no-repeat left center; padding:5px 0 0 25px; color:#b4b4b4; } /*内页内容*/ .about01 .detail{padding-right:50px;} .about02 .content .pic{padding:0 20%;} .about02 .content li{width:21%;margin:0 2% 40px 2%;} .about02 .three{margin-left:150px;width:100%;} .about03{height:190px;text-align:center;} .about03 li{font-size:17px;} .about03 ul{padding-top:50px;} /* .leader{padding:50px 0;} .leader .left{padding-right:50px;} */ .contact{padding-bottom:40px;} .contact .list{ background-color:#fcfcfc; text-align:center; color:#4c4c4c; font-family:"Microsoft YaHei","微软雅黑"; font-size:30px; height:225px; padding-top:45px; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5; line-height:160%; } .contact .list .name{font-size:18px;} .contact .list .add{ color:#787878; font-size:14px; line-height:150%; padding:0 95px; } .enterprise .list{ font-size:16px; line-height:54px; height:54px; } .enterprise{background-color:#ffffff;} .enterprise .company{padding:35px;} .enterprise .company .name{font-size:22px;} .enterprise .company .left{width:700px;} .enterprise .company .right{width:400px;margin-top:25px;} .enterprise .company .detail .nomt{margin-top:0;} /*专题内容*/ .subject{margin-bottom:60px;} .subject .list{margin-bottom:40px;} .subject .list .top span{ background-color:#999999; color:#ffffff; font-weight:bold; padding:0 38px; font-size:15px; } .subject .list .pic{width:450px;margin-right:50px;} .subject .list .pic img{height:268px;} .news01{background-color:#f9f9f9;margin-bottom:50px;} .news01 .content{line-height:200%;} .news01 .pic{width:500px;} .news01 .pic img{height:360px;} .news01 .content{float:left;width:610px;padding:40px 40px 0 50px;} .news01 .content .date span{font-size:28px;} .news01 .content .name{font-weight:bold;font-size:18px;} .news01 .content .more{text-align:right;margin-top:35px;} .news01 .content .more a{ display:inline-block; color:#ffffff; background:url(../images/round.png) no-repeat center center; width:165px; line-height:48px; text-align:center; } .news01 .content .more a:hover{color:#fae001;} .leader ul{width:105%;overflow:hidden;margin-top:30px;} .leader li{ float:left; width:580px; margin:0 40px 20px 0; line-height:150%; } .leader li .name{float:left;font-size:18px;display:inline-block;padding-right:15px;} .leader li p{margin-left:80px;} /*样式2*/ .style02{margin-top:7px;} .style02 ul{margin:-27px -27px 0 -27px;} .style02 li{padding:20px 27px;} .style02 li .pic {overflow:hidden;} .style02 li .pic img{height:273px;} .style02 li img{ transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; } .style02 li .content{padding:10px 20px;} .style02 li .content p{padding-left:10px;} .style02 li .content p a{font-size:16px;line-height:230%;} .style02 li:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05); } /*样式3*/ .style03 ul{margin-bottom:60px;} .style03 li .date{font-size:16px;} .style03 li .content{ float:left; margin:10px 0 0 25px; line-height:220%; width:77%; } .style03 li .more{ background:url(../images/jia.png) no-repeat center center; width:26px; height:26px; margin:27px 25px 0 0; } .style03 li:hover .more{ background:url(../images/jia02.png) no-repeat center center; transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } /*资料下载样式*/ .download li .content{float:left;width:80%;line-height:200%;} .download li p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .download li .more{ margin-top:15px; padding-left:35px; line-height:26px; } /*公共样式内容*/ .layui-col-space24{margin:-12px;} .layui-col-space24>*{padding:12px;} .layui-col-space54{margin:-27px;} .layui-col-space54>*{padding:27px;} .page{text-align:center;margin-top:40px;} .page a{ border:#9b9b9d 1px solid; margin:0 4px; color:#797979; line-height:34px; width:34px; display:inline-block; } .page a:hover{ color:#ffffff; background-color:#9b9b9d; font-weight:bold; } .page .current { color: #ffffff; background-color:#9b9b9d; font-weight: bold; } .no-data{text-align:center;margin-top:60px;} } .lun .swiper-container{ position:relative; text-align:center; } .lun .pagination{ display:inline-block; width:100%; position:absolute; left:0;bottom:0 !important; z-index: 666; padding:4px 0; background:rgba(0,0,0,.6); } .lun .swiper-pagination-bullet{ background:#fff; opacity:1; } .lun .swiper-pagination-bullet-active{ background:#88c112; } .dangjian .bd,.dangjian .bd ul,.dangjian .bd li,.dangjian .bd li img{width: 100%!important;height: 100%!important;} .dangjian{height: 160px;} .dangjian .bd,.dangjian .bd ul{position: absolute!important; width: 100%!important; top: 0; left: 0;}