/* 首页 ***************************************/ /* 头部 */ .header { width: 100%; float: left; } .header_top { width: 100%; height: 30px; float: left; box-shadow: border-box; } .header_top1 { width: 100%; height: 30px; float: left; box-shadow: border-box; border-bottom: solid 1px #eeeeee; } .ce_text { float: left; line-height: 30px; color: #666666; } .ce_text a { display: block; padding: 0px 10px; line-height: 30px; float: left; color: #666666; } .ce_text span { display: block; float: left; line-height: 30px; color: #666666; } .dz_text { float: right; line-height: 30px; color: #666666; text-align: right; } .dz_text a { color: #666666; } .dz_text span { color: #666666; } .header_center { width: 100%; height: 110px; float: left; } .logo_img { float: left; width: 455px; margin-top: 10px; } .logo_img img { width: 455px; } .search_input { width: 400px; height: 40px; float: right; margin-top: 35px; border: solid 2px #16a241; border-radius: 20px; z-index: 999; overflow: hidden; } .search_input input { display: block; width: 335px; height: 40px; line-height: 40px; float: left; text-indent: 2rem; border: 0px; } .search_input button { display: block; width: 65px; height: 40px; float: left; cursor: pointer; border: 0px; outline: none; background: url(../images/fdj.png) no-repeat center #16a241; } .nav { width: 100%; height: 45px; line-height: 45px; float: left; background: #16a241; } .nav ul { width: 100%; height: 45px; } .nav ul li { width: calc(100%/11); height: 45px; line-height: 45px; float: left; text-align: center; font-size: 16px; position: relative; } .nav ul li a { color: #fff; } .nav ul li:hover { background: #09822e; } .nav ul li:hover .two-nav { display: block; } .alert-title { background: #09822e; } .content-nav { width: 1200px; margin: 0 auto; } .two-nav { display: none; position: absolute; top: 45px; left: -55px; width: 190%; overflow: hidden; float: left; background: #16a241; z-index: 99999; opacity: 0.9; } .two-nav a { display: block; width: 100%; height: 45px; line-height: 45px; float: left; } .two-nav a:hover { background: #09822e; } /* 头部 end */ /* 主体部分 */ .box-one { width: 100%; height: 350px; float: left; } .swiper-img { position: relative; width: 700px; height: 350px; float: left; overflow: hidden; } .swiper-img .swiper-container { width: 100%; height: 100%; float: left; color: #fff; text-align: center; } .swiper-img .swiper-slide { position: relative; } .swiper-img .swiper-text { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50px; line-height: 50px; background: rgba(23, 23, 23, 0.5); z-index: 999; } .swiper-img .S-Text { width: 80%; line-height: 50px; text-indent: 2rem; font-size: 18px; text-align: left; color: #fff; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ } .swiper-img .swiper-slide img { width: 100%; height: 100%; } .swiper-img .swiper-slide p { font-style: italic; font-size: 25px; } .swiper-img .arrow-left, .swiper-img .arrow-right { display: none; } .swiper-img .arrow-left { background: url(../images/left-btn.png) no-repeat left top; position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 40px; height: 80px; z-index: 999; } .swiper-img .arrow-right { background: url(../images/right-btn.png) no-repeat left top; position: absolute; right: 0px; top: 50%; margin-top: -15px; width: 40px; height: 80px; z-index: 999; } .swiper-img .pagination { position: absolute; z-index: 20; right: 30px; bottom: 15px; } .swiper-img .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #b3aba5; margin-right: 5px; border: 1px solid #b3aba5; cursor: pointer; } .swiper-img .swiper-active-switch { background: #fff; border: 1px solid #fff; } .swiper-img .swiper-dynamic-links { text-align: center; } .swiper-img .swiper-dynamic-links a { display: inline-block; padding: 5px; border-radius: 3px; border: 1px solid #ccc; margin: 5px; font-size: 12px; text-decoration: none; color: #333; background: #eee; } .tab_alert { width: 480px; height: 350px; float: right; } .tab_alert .tabPane_two_ul { width: 480px; height: 40px; float: left; box-sizing: border-box; border-bottom: solid 1px #16a241; } .tab_alert .tabPane_two_ul li { padding: 0px 12px; height: 40px; float: left; font-size: 18px; line-height: 40px; text-align: center; cursor: pointer; color: #16a241; } .tab_alert .tabPane_two_ul a { display: block; width: 28px; height: 28px; float: right; margin-top: 8px; } .tab_alert .tabPane_two_ul .hit { background: #16a241; color: #fff; } .tab_alert .panes_two { width: 480px; overflow: hidden; } .tab_alert .pane { width: 480px; height: 310px; border-top: 0; min-height: 100px; background-color: #fff; display: none; } .tab_alert .tabPane_two { width: 100%; height: 350px; float: left; } .tab_alert .first_li { width: 115px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; float: left; background: url(../images/input_img.jpg) no-repeat center left; } .tab_alert .pane_two_ul { width: 100%; height: 310px; overflow: hidden; padding-top: 5px; } .tab_alert .pane_two_ul li { width: 100%; height: 31px; color: #666666; line-height: 31px; font-size: 14px; } .tab_alert .pane_two_ul li a { color: #666666; } .tab_alert .pane_two_ul li a:hover { color: #16a241; } .tab_alert .pane_two_ul .ico-d { display: block; width: 15px; text-align: center; float: left; } .tab_alert .pane_two_ul .pane_list { display: block; float: left; color: #16a241; padding-right: 10px; } .tab_alert .pane_two_ul .pane_text { display: block; width: 385px; height: 31px; float: left; overflow: hidden; zoom: 1; } .tab_alert .pane_two_ul .pane_time { display: block; width: 80px; height: 31px; float: right; font-size: 14px; overflow: hidden; zoom: 1; } .box-two { width: 100%; height: 85px; float: left; } .list_img-left, .list_img-left img, .list_img-right, .list_img-right img { width: 595px; height: 85px; } .list_img-left { float: left; } .list_img-right { float: right; } .box-three { width: 100%; height: 360px; float: left; } .dt-box { width: 49.9%; height: 360px; float: left; } .dt-box:first-child { box-sizing: border-box; border-right: dashed 1px #bfbfbf; } .dt-width { width: 570px; height: 360px; overflow: hidden; } .title-top { width: 100%; height: 48px; float: left; box-sizing: border-box; border-bottom: solid 2px #16a241; } .title-top span { display: block; line-height: 48px; font-size: 26px; float: left; color: #333333; } .title-top a { display: block; width: 28px; height: 28px; float: right; margin-top: 10px; } .dt-box ul { width: 100%; height: 310px; float: left; padding-top: 5px; } .dt-box ul li { width: 100%; height: 30px; line-height: 30px; float: left; } .dt-box ul li span { display: block; } .dt-box ul li .ico { width: 15px; height: 30px; line-height: 26px; text-align: left; float: left; font-size: 10px; } .dt-box ul li .list-text { width: 465px; height: 30px; line-height: 30px; float: left; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ } .dt-box ul li .time { width: 85px; height: 30px; line-height: 30px; float: right; } .dt-box ul li:hover a { color: #16a241; } .ico-btn-box { width: 100%; height: 280px; margin-top: 20px; float: left; } .ico-btn-one { width: 33.333333%; height: 135px; float: left; box-sizing: border-box; border-right: solid 1px #fff; background: #cce5ff; } .ico-btn-one span { display: block; } .ico-btn-one .i-b-img { width: 100%; height: 50px; overflow: hidden; text-align: center; margin-top: 25px; } .ico-btn-one .i-b-text { width: 100%; height: 30px; line-height: 30px; text-align: center; color: #16a241; margin-top: 15px; } .ico-btn-two { width: 50%; height: 135px; float: left; margin-top: 10px; border-right: solid 1px #fff; box-sizing: border-box; } .ico-btn-two img { width: 100%; } .box-four { width: 100%; height: 130px; float: left; } .box-four img { width: 100%; height: 100%; } .box-five { width: 100%; height: 235px; float: left; } .box-five ul { width: 100%; height: 160px; margin-top: 28px; float: left; } .box-five ul li { width: 190.8px; height: 160px; float: left; margin-left: 11px; background: #7db99d; } .box-five ul li:first-child { margin-left: 0px; } .box-five ul li span { display: block; } .box-five .ico-hy { width: 100%; height: 60px; overflow: hidden; margin-top: 30px; text-align: center; } .box-five .text-hy { width: 100%; height: 30px; line-height: 30px; text-align: center; margin-top: 15px; font-size: 18px; color: #ffffff; } .box-six { width: 100%; height: 80px; float: left; } .box-six a { display: block; width: 295px; height: 80px; float: left; margin-left: 6px; } .box-six a:first-child { margin-left: 0px; } .box-seven { width: 100%; height: 390px; float: left; margin-top: 40px; } .tab-box { width: 590px; height: 390px; float: left; border-right: dashed 1px #bfbfbf; } .tab-box .tabPane_two_ul { width: 560px; height: 40px; float: left; box-sizing: border-box; border-bottom: solid 1px #16a241; } .tab-box .tabPane_two_ul li { padding: 0px 12px; height: 40px; float: left; font-size: 18px; line-height: 40px; text-align: center; cursor: pointer; color: #16a241; } .tab-box .tabPane_two_ul a { display: block; width: 28px; height: 28px; float: right; margin-top: 8px; } .tab-box .tabPane_two_ul .hit { background: #16a241; color: #fff; } .tab-box .panes_two { width: 560px; overflow: hidden; } .tab-box .pane { width: 560px; height: 350px; border-top: 0; min-height: 100px; background-color: #fff; display: none; } .tab-box .tabPane_two { width: 560px; height: 390px; float: left; } .tab-box .first_li { width: 115px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; float: left; background: url(../images/input_img.jpg) no-repeat center left; } .tab-box .pane_two_ul { width: 100%; height: 350px; overflow: hidden; padding-top: 5px; } .tab-box .pane_two_ul li { width: 100%; height: 31px; color: #666666; line-height: 31px; font-size: 14px; } .tab-box .pane_two_ul li a { color: #333333; } .tab-box .pane_two_ul .ico-d { display: block; width: 15px; text-align: center; float: left; } .tab-box .pane_two_ul .pane_list { display: block; float: left; color: #8bcd9b; padding-right: 10px; } .tab-box .pane_two_ul .pane_text { display: block; width: 460px; height: 31px; float: left; overflow: hidden; zoom: 1; } .tab-box .pane_two_ul .pane_time { display: block; width: 80px; height: 31px; float: right; font-size: 14px; overflow: hidden; zoom: 1; } .ggfw-box { width: 260px; height: 390px; float: left; margin-left: 30px; } .ggfw-box ul { width: 100%; height: 330px; float: left; padding-top: 10px; } .ggfw-box ul li { width: 100%; height: 72px; float: left; margin-top: 10px; background: #cce5ff; } .ggfw-box ul li span { display: block; } .ggfw-box ul li .img-ico { width: 45px; overflow: hidden; float: left; margin: 12px 0px 0px 30px; } .ggfw-box ul li .img-text { width: 170px; height: 25px; line-height: 25px; float: left; margin-top: 28px; text-indent: 1rem; font-size: 18px; color: #16a241; } .hd-box { width: 260px; height: 405px; float: right; } .hd-box .jq22 { width: 260px; height: 390px; background-color: #ebf4ff; } .hd-box .menu { margin-bottom: 30px; } .hd-box .menu a { padding-right: 20px; } .box-eight { width: 100%; overflow: hidden; float: left; } .index-link-cont { margin-top: 75px; } .link-nav { width: 100%; /* overflow: hidden; */ /* margin-bottom: 20px; */ margin-bottom: 8px; zoom: 1; height: 52px; clear: both; } .link-nav li { width: 265px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #16a241; border-radius: 5px; font-size: 16px; color: #16a241; float: left; margin-right: 44px; cursor: pointer; font-weight: bold; } .link-nav li:hover { color: #8bcd9b; } .link-nav li:last-child { margin-right: 0; } .link-nav li.active { background: #8bcd9b; color: #fff; height: 60px; border: 1px solid #8bcd9b; border-bottom: 0; margin-bottom: -1px; } .link-show { border: 1px solid #8bcd9b; background: #8bcd9b; display: none; } .link-show ul { position: relative; bottom: 2px; left: 0; width: 100%; zoom: 1; overflow: hidden; padding-bottom: 30px; padding-top: 10px; } .link-show ul li { width: 265px; text-align: center; line-height: 50px; border-bottom: 1px dashed #fff; font-size: 12px; float: left; margin-left: 15px; margin-right: 10px; } .link-show ul li:hover a { color: #fff; } /*.link-show ul li:nth-child(5n+5) {*/ /*margin-right: 0;*/ /*}*/ .link-show ul li a { color: #fff; } /*.box-eight ul {*/ /*width: 100%;*/ /*float: left;*/ /*zoom:1;*/ /*overflow: hidden;*/ /*}*/ /*.box-eight ul li {*/ /*line-height: 50px;*/ /*text-align: center;*/ /*float: left;*/ /*box-sizing: border-box;*/ /*border: solid 1px #16a241;*/ /*border-radius: 3px;*/ /*margin-right: 40px;*/ /*color: #16a241;*/ /*font-weight: bold;*/ /*width: 270px;*/ /*}*/ /*.box-eight ul li a{*/ /*color: #16a241;*/ /*display: block;*/ /*}*/ /*.box-eight ul li:last-child{*/ /*margin-right: 0;*/ /*}*/ .box-nine { width: 100%; height: 120px; float: left; margin-bottom: 30px; } .box-nine img { width: 100%; height: 100%; } .box-ten { width: 100%; height: 330px; float: left; margin-top: 30px; } .top-title-text { width: 100%; height: 50px; line-height: 50px; font-size: 26px; color: #333333; box-sizing: border-box; border-bottom: solid 2px #16a241; overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ } .img-wf-box { width: 100%; height: 280px; float: left; } .img-wf-box .device { width: 1200px; height: 260px; margin: 0px auto; overflow: hidden; margin-top: 20px; position: relative; } .img-wf-box .swiper-container { width: 1350px; height: 260px; color: #fff; text-align: center; } .img-wf-box .swiper-slide { width: 335px; height: 260px; float: left; } .img-wf-box .Swiper-img { width: 90%; height: 200px; margin-left: 2.5px; float: left; } .img-wf-box .Swiper-img img { width: 100%; height: 200px; } .img-wf-box .Swiper-text { width: 90%; height: 50px; line-height: 50px; float: left; color: #666; padding-top: 5px; font-size: 18px; color: #666666; } .img-wf-box .pagination { display: none; position: absolute; z-index: 20; left: 10px; bottom: 10px; } .img-wf-box .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .img-wf-box .swiper-visible-switch { background: #aaa; } .img-wf-box .swiper-active-switch { background: #fff; } .img-wf-boxtwo { width: 100%; height: 280px; float: left; } .img-wf-boxtwo .device { width: 1200px; height: 260px; margin: 0px auto; overflow: hidden; margin-top: 20px; position: relative; } .img-wf-boxtwo .swiper-container { width: 1350px; height: 260px; color: #fff; text-align: center; } .img-wf-boxtwo .swiper-slide { width: 335px; height: 260px; float: left; } .img-wf-boxtwo .Swiper-img { width: 90%; height: 200px; margin-left: 2.5px; float: left; } .img-wf-boxtwo .Swiper-img img { width: 100%; height: 200px; } .img-wf-boxtwo .Swiper-text { width: 90%; height: 50px; line-height: 50px; float: left; color: #666; padding-top: 5px; font-size: 18px; color: #666666; } .img-wf-boxtwo .pagination { display: none; position: absolute; z-index: 20; left: 10px; bottom: 10px; } .img-wf-boxtwo .swiper-pagination-switch { display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #222; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .img-wf-boxtwo .swiper-visible-switch { background: #aaa; } .img-wf-boxtwo .swiper-active-switch { background: #fff; } /* 主体部分 end */ /* 脚部 */ .footer { min-width: 1200px; width: 100%; overflow: hidden; float: left; background: #16a241; } .footer-nav { width: 550px; overflow: hidden; margin: 0 auto; margin-top: 30px; text-align: center; } .footer-nav a { display: block; padding: 0px 35px; height: 15px; line-height: 15px; float: left; color: #fff; box-sizing: border-box; border-left: solid 1px #fff; } .footer-nav a:first-child { border: 0px; } .ewm { width: 100%; overflow: hidden; margin-top: 35px; text-align: center; } .ewm img { width: 85px; } .ewm span { display: block; width: 100%; text-align: center; line-height: 25px; font-size: 14px; color: #fff; } .gs-text { width: 100%; overflow: hidden; margin: 35px 0px 28px 0px; } .gs-text p { width: 100%; height: 28px; line-height: 28px; text-align: center; overflow: hidden; color: #fff; } .gs-text p a { color: #fff; } /* 脚部 end */ .index-gzh { position: relative; } .index-gzhimg { width: 88px; height: 90px; /* border: 1px solid red; */ text-align: center; background: #fff; line-height: 90px; position: absolute; right: 0; top: 25px; z-index: 999; display: none; } /* 脚部 end */ .index-gzh1 { position: relative; } .index-gzhimg1 { width: 88px; height: 90px; /* border: 1px solid red; */ text-align: center; background: #fff; line-height: 90px; position: absolute; right: 0; top: 25px; z-index: 999; display: none; } /* 首页 ***************************************/ .list_zscx .row { margin-top: 30px; } .list_zscx .row input { border: 1px solid #acacac; border-radius: 3px; width: 50%; height: 35px; padding-left: 1rem; } .news-listimg-ul-box1 { width: 100%; float: left; overflow: hidden; height: auto; margin-bottom: 50px; } .news-listimg-ul-box1 table { border: 1px solid #dbdbdb; border-collapse: collapse; border-spacing: 0; margin: 0 auto; margin-top: 50px; max-width: 100%; width: 80%; } .news-listimg-ul-box1 td { padding: 14px 10px; padding-left: 25px; color: #333; text-align: left; border: 1px solid #dbdbdb; font-size: 14px; font-weight: bold; } .news-listimg-ul-box1 .bt { text-align: right; padding-right: 30px; width: 25%; } .news-listimg-ul-box1 li { margin-top: 50px; font-size: 16px; color: #999; } #sousuo { display: inline-block; margin: 0 5px; margin-top: 20px; width: 80px; height: 35px; font-size: 16px; border-radius: 3px; color: #fff; background: #16a241; border: 1px solid #16a241; outline: none; } .clear:after, .clear:before { content: ""; clear: both; overflow: hidden; display: table; }