*{ box-sizing: border-box; } img{ max-width: 100%; } .swiper-container{ position: relative; overflow: hidden; } body .swiper-button-next, body .swiper-button-prev{ width: 50px; height: 50px; background: #ccc; border-radius: 50%; } body .swiper-button-next:hover, body .swiper-button-prev:hover{ background: #de0025; } body .swiper-button-next::after, body .swiper-button-prev::after{ font-size: 14px; color: #fff; } .head{ width: 100%; color: #fff; padding: 25px 0; } .head ul{ background: #0079ea; border-radius: 20px; width: 650px; height: 46px; line-height: 46px; padding: 0 30px; } .head .download{ padding-top: 17px; position: relative; padding-right: 40px; } .head .download a{ margin-right: 20px; } /*导航*/ .nav{ background: #e5e5e5; height: 58px; line-height: 58px; } .navlist li{ width: calc(100% / 9); text-align: center; position: relative; } .navlist li a{ display: block; line-height: 58px; } .navlist li ul{ display: none; position: absolute; width: 200px; left: 0px; top: 58px; background: #e5e5e5; z-index: 99; } .navlist li ul li{ width: 230px; background: #fff; border-bottom: 1px solid #eeeeee; text-align: left; padding-left: 10px; font-size: 15px; } .navlist li ul li ul{ position: absolute; left: 100%; top: 0px; } .navlist li ul li:hover, .navlist li:hover{ background: #0079ea; } .navlist li ul li:hover > a, .navlist li:hover > a{ color: #fff; } .navlist li.active{ background: #0079ea; } .navlist li.active > a{ color: #fff; } /*搜索*/ #header-search { position: absolute; right: 0px; top: 18px; } .search-box-wrap { background: #ffffff; display: none; position: absolute; right: 0; top: 59px; padding: 25px 30px 25px; z-index: 9991; box-shadow: 0 0 6px #00000036; } #header-search a.search-icon { padding: 0px 0 0; display: block; font-size: 13px; color: #fff; } #header-search img{ margin-right: 0px; } .header-social-wrapper .social-links ul li a::before { color: #fff; } #header-search form.search-form { position: relative; } #header-search input.search-field { width: 100%; border: 2px solid #f7f7f7; border-radius: 50px; padding: 17.5px 25px; } #header-search .search-submit { margin-top: 15px; } #header-search .searchform { width: 300px; margin: 0 auto; max-width: 100%; } .#header-search searchform-inner { position: relative; } #header-search input.search-submit, input.search-submit:visited { position: absolute; top: 0; margin: 0; right: 0; font-size: 13px; padding: 16px 20px; border-radius: 0 50px 50px 0; } input[type="button"], input[type="reset"], input[type="submit"], button { background: #006df2; color: #fff; font-size: 16px; line-height: 1.5; padding:10px 35px; border: none; height: auto; width: auto; cursor: pointer; display: inline-block; } .flaticon-search-1{ color: #000; font-size: 20px; } /*产品*/ .global_title{ padding-top: 70px; position: relative; text-align: center; position: relative; } .global_title h4{ position: absolute; width: 100%; font-size: 72px; font-weight: bold; text-align: center; color: #f1f1f1; text-transform: uppercase; top: 46px; line-height: 72px; } .global_title h3{ font-size: 32px; font-weight: bold; position: relative; z-index: 1; } .global_title p.des{ position: relative; z-index: 1; font-size: 16px; margin-bottom: 35px; color: #b5b5b5; } .global_title span{ display: inline-block; width: 30px; height: 1px; border:1px solid #0079ea; margin:10px auto; } /*产品*/ .protype { margin-bottom: 30px; } .protype ul li{ width: 290px; height: 50px; text-align: center; line-height: 50px; background: #e5e5e5; } .protype ul li:hover{ background: #0078e9; } .protype ul li:hover a{ color: #fff; } .com_inner.case .protype{ margin-bottom: 0px; } .com_inner.case .protype ul li{ background: #fff; margin-bottom: 0px; } .com_inner.case .protype ul li:hover{ background: #0078e9; } .goods_index{ /*padding-bottom: 50px;*/ } .goods_index .pro_index_box{ position: relative; overflow: hidden; } .goods_index .pro_index_box ul li{ width: 362px; background: #e5e5e5; padding: 10px; border-radius: 10px; margin-right: 20px; transition: all .5s ease; float: left; } .goods_index .pro_index_box ul li .cici{ height: 266px; } .goods_index .pro_index_box ul li h3{ font-size: 18px; line-height: 18px; margin:20px 0 15px; text-align: center; padding: 0 15px; } .goods_index .pro_index_box ul li .cc{ line-height: 26px; font-size: 15px; padding: 0 15px; } .goods_index .pro_index_box ul li a.more{ display: block; width: 155px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background: #fff; border-radius: 20px; margin:20px auto; } .goods_index .pro_index_box ul li:hover{ background: #0078e9; } .goods_index .pro_index_box ul li:hover h3, .goods_index .pro_index_box ul li:hover .cc{ color: #fff; } /*简介*/ .com_index{ } .com_index .box .img, .com_index .box .text{ width: 50%; } .com_index .box .text{ background: #f4f4f4 url(/uploads/image/szimages/b.jpg) no-repeat center; } .com_index .box .text .c{ width: 600px; padding: 70px 0 20px 40px; } .com_index .box .text h3{ font-size: 30px; font-weight: bold; line-height: 30px; } .com_index .box .text .content{ line-height: 30px; color: #555555; margin:20px 0 30px; } .adv{ box-shadow: 0 0 10px 0 #dddddd; } .adv ul li{ width: 25%; padding: 50px 20px 50px 30px; border-right: 1px solid #dddddd; } .adv ul li:last-child{ border:none; } .adv ul li h4{ font-size: 24px; font-weight: bold; line-height: 24px; } .adv ul li h4 i{ float: right; font-size: 18px; color: #b0b0b0; } .adv ul li p{ font-size: 16px; line-height: 18px; margin-top: 12px; } /*解决方案*/ .slo .box{ position: relative; background: #eeeeee; } .slo .panes .pane{ display: none; } .slo .box ul{ position: absolute; z-index: 99; width: 100%; left: 0px; bottom: 0px; } .slo .box ul li{ width: calc(100% / 3); height: 75px; line-height: 75px; background: rgba(0,0,0,.6); color: #fff; position: relative; padding-left: 140px; } .slo .box ul li:after{ content: ''; display: block; width: 25px; height: 25px; background: url(/uploads/image/szimages/arr.png) no-repeat center; position: absolute; top: 25px; right: 30px; transition: all .5s ease; opacity: 0; } .slo .box ul li a{ color: #fff; display: block; } .slo .box ul li.active{ background: rgba(34,129,226,.9); font-weight: bold; } /*.slo .box ul li:hover{ padding-left: 55px; }*/ .slo .box ul li:hover:after, .slo .box ul li.active:after{ opacity: 1; } /*工程案例*/ .case_index{ padding-bottom: 50px; } .case_index .title{ background: #eeeeee; text-align: center; padding: 0 10px; height: 50px; line-height: 50px; } .case_index .swiper-slide:hover .title{ background: #0079ea; color: #fff; } .case_index .cici{ height: 500px; } /*ad*/ .ad{ height: 245px; background: url(/uploads/image/szimages/ad.jpg) no-repeat center; color: #fff; } .ad .container{ display: flex; align-items: center; height: 245px; } .ad .box{ width: 100%; } .ad .text{ padding-top: 20px; } .ad .text h3{ font-size: 32px; font-weight: bold; line-height: 32px; } .ad .text p{ font-size: 24px; color: #fff; margin-top: 8px; } .ad .ht{ text-align: right; } .ad .ht img{ margin-left: 20px; width: 110px; height: 110px; } .ad .ht p{ display: inline-block; padding: 5px 20px; background: #f80000; border-radius: 20px; font-size: 14px; margin: 20px 0 10px; } .ad .ht h4{ font-size: 30px; font-weight: bold; } /*新闻*/ .news_index{ padding-bottom: 50px; } .news_index .img{ width: 580px; } .news_index .img .inner{ display: none; } .news_index .img .inner .cici{ height: 420px; } .news_index .text{ width: 600px; } .news_index .text ul li{ position: relative; padding: 20px 0 20px 150px; border-bottom: 1px dashed #dddddd; } .news_index .text ul li:before{ content: ''; position: absolute; width: 81px; height: 72px; left: 30px; top: 30px; } .news_index .text ul li:first-child::before{ background: url(/uploads/image/szimages/001-.png) no-repeat center; } .news_index .text ul li:nth-child(2)::before{ background: url(/uploads/image/szimages/002-.png) no-repeat center; } .news_index .text ul li:last-child::before{ background: url(/uploads/image/szimages/003-.png) no-repeat center; } .news_index .text ul li:first-child:hover::before{ background: url(/uploads/image/szimages/01.png) no-repeat center; } .news_index .text ul li:nth-child(2):hover::before{ background: url(/uploads/image/szimages/02.png) no-repeat center; } .news_index .text ul li:last-child:hover::before{ background: url(/uploads/image/szimages/03.png) no-repeat center; } .news_index .text ul li:last-child{ border-bottom:none; padding-bottom: 0px; } .news_index .text ul li .time{ color: #888888; font-size: 14px; } .news_index .text ul li h3{ font-size: 18px; padding: 5px 0; } .news_index .text ul li .content{ line-height: 26px; color: #888888; } .news_index .text ul li:hover h3, .news_index .text ul li.active h3{ color: #0079e9; font-weight: bold; } /*底部*/ .footer{ background: #282828; color: #fff; } .footer .inout{ padding: 50px 0; } .footer .footlist{ width: 80%; } .footer .footlist .nats ul { margin-right: 30px; } .footer .footlink{ width: 30%; } .footer .footlist ul{ margin:0px; padding: 0px; } .footer .footlist ul h3{ font-size: 18px; color: #fff; margin-bottom: 20px; } .footlink h3{ font-size: 24px; color: #fff; margin-bottom: 20px; } .footer .footlink .zx{ margin-bottom: 20px; } .footer .footlink .zx p{ margin-bottom: 5px; } .footer .footlink img{ margin-bottom: 20px; } .footlink .zx h4{ font-size: 30px; color: #fff; } .footer .footlist ul li{ margin-bottom: 11px; } .footer .footlist ul li, .footer .footlist ul li a, .footer .footlink p a{ font-size: 14px; color: #aaaaaa; transition: all 0.5s; } .footer .footlist ul li a:hover, .footer .footlink p a:hover{ color: #fff; } .footer .footlink p{ font-size: 14px; margin-bottom: 11px; } .footer .er{ width: 100px; font-size: 12px; text-align: center; line-height: 20px; color: #aaaaaa; } .footer .er img{ width: 100px; height: 100px; margin-bottom: 10px; } .bottom{ padding: 20px 0; background: #000; color: #fff; font-size: 14px; color: #aaaaaa; } .bottom a{ color: #aaaaaa; } .bottom a:hover{ color: #fff; } /*内页开始*/ .in_banner{ height: 365px; background-position: center; background-repeat: no-repeat; text-align: center; color: #fff; background: #313131; padding-top: 130px; } .in_banner h3{ font-size: 32px; font-weight: bold; margin-bottom: 10px; } .in_banner p, .in_banner p a{ font-size: 16px; color: #fff; } /*简介*/ .com_inner .company{ padding-top: 50px; } .com_inner .company .text{ width: 510px; } .com_inner .company .text h3{ font-size: 26px; font-weight: bold; } .com_inner .company .text .title p{ font-size: 12px; text-transform: uppercase; } .com_inner .company .text .title{ margin-bottom: 25px; } .com_inner .company .box{ width: 630px; display: flex; align-items: center; } .com_inner .adv{ margin-top: 40px; } .com_inner ul.adv li{ width: 280px } /*产品*/ /*侧边栏*/ .com_inner.cp{ background: #f5f5f5; padding: 50px 0; } .sider{ width: 285px; } .prolu{ width: 100%; height: 63px; background: #0079ea; height: 100px; color: #fff; padding-top: 19px; border-bottom: 4px solid #fff; } .prolu h3{ font-size: 30px; font-weight: bold; } .prolu p{ font-size: 14px; text-transform: uppercase; } .list { width: 100%; } .list ul li { background-color: #fff; line-height: 50px; transition: all .5s ease; border-bottom: 1px solid #edf0f8; position: relative; } .list ul li a{ transition: all .5s ease; } .list > ul > li:hover{ background: #006df2; } .list > ul > li:hover > a{ color: #fff; } .list li.top,.list li.top > a{ background: #006df2; color: #fff; } .list li ul li a:hover{ color: #006df2; } .list li ul li.intop > a{ color: #006df2; } .list ul.erji li:last-child{ border-bottom: none; } .list ul li a { padding-left: 20px; color: #666; font-size: 15px; display: inline-block; height: 36px; line-height: 36px; position: relative; z-index: 99; } .list ul li span { display: inline-block; width: 100%; height: 50px; position: absolute; font-size: 22px; color: #ccc; left: 0px; top: 0px; cursor: pointer; } .list ul li span:before{ right: 15px; top: 15px; position: absolute; } /*.list li.top span{ color: #fff; }*/ /*.list ul li ul li span:after{ content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }*/ .list ul li ul { display: none; } .list ul li ul li { border-top: 2px solid #fff; } .list ul li ul li ul { display: none; } .list ul li ul li a { font-size: 15px; padding-left: 50px; } .list ul li ul li ul li:first-child { background: #fff; border-top: 1px solid #edf0f8; } .last { background-color: #d6e6f1; border-color: #6196bb; } .list ul li ul li ul li a { color: #666; font-size: 14px; padding-left: 70px; } .list li a.sect{ color: #0079ea; } .pro_list_box{ width: 890px; } .pro_list_box .hotsale{ background: #fff; padding: 30px 40px 30px 25px; } .pro_list_box .hotsale .img{ width: 380px; height: 280px; } .pro_list_box .hotsale .text{ width: 400px; display: flex; align-items: center; } .pro_list_box .hotsale .text h3{ font-size: 24px; border-bottom: 1px solid #e5e5e5; padding-bottom: 6px; display: block; padding-right: 10px; } .pro_list_box .hotsale .text .tags{ font-size: 14px; line-height: 26px; color: #66686c; margin:20px 0; } .pro_list_box .hotsale .text .more{ } .pro_list_box .hotsale .text .more a{ display: inline-block; width: 150px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 14px; background: #00428d; } .pro_list_box .hotsale .text .more a:last-child{ background: #da0000; margin-left: 8px; } .pro_list_box .horzn{ height: 540px; margin-top: 15px; position: relative; } .pro_list_box .swiper{ height: 100%; width: 100%; } .pro_list_box .swiper-slide { text-align: center; font-size: 16px; background: #fff; height: calc((100% - 15px) / 2); padding: 10px; } .pro_list_box .swiper-slide:hover img{ transform: scale(1.05); } .pro_list_box .swiper-slide:hover a{ color: #00428d; } .pro_list_box .swiper-slide p{ width: 220px; } .pro_list_box .swiper-slide .title{ height: 40px; line-height: 50px; padding: 0 10px; text-align: left; } .pro_list_box .swiper-slide .title i{ float: right; margin-top: 17px; } .pro_list_box .horzn .swiper-pagination{ bottom: -40px; } .pro_list_box .horzn .swiper-pagination-bullet{ width: 12px; height: 12px; } .pro_list_box .horzn .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px; height: 12px; background: #00428d; border-radius: 20px; } /*产品*/ .pro_list_box ul li { text-align: center; font-size: 16px; background: #fff; padding: 10px 10px 0 10px; width: 285px; margin-right: 15px; margin-bottom: 15px; } .pro_list_box ul li:nth-child(3n){ margin-right: 0px; } .pro_list_box ul li .cici{ height: 200px; } .pro_list_box ul li:hover img{ transform: scale(1.05); } .pro_list_box ul li:hover a{ color: #00428d; } .pro_list_box ul li p{ width: 220px; } .pro_list_box ul li .title{ height: 40px; line-height: 50px; padding: 0 10px; text-align: left; } .pro_list_box ul li .title i{ float: right; margin-top: 17px; } .pro_list_box.ab{ padding: 25px 15px 50px; background: #fff; } .pro_list_box .proinfo .img{ width: 420px; position: relative; } .pro_list_box .proinfo .text{ width: 400px; display: flex; align-items: center; } .pro_list_box .proinfo .text h3{ font-size: 24px; } .pro_list_box .proinfo .text span{ display: inline-block; width: 100%; border:1px solid #e4e4e4; margin:15px 0 10px 0; } .pro_list_box .proinfo .text .content{ line-height: 24px; margin-bottom: 15px; font-size: 14px; color: #66686c; } .pro_list_box .proinfo .text h4{ font-size: 16px; } .pro_list_box .proinfo .text h4 span{ font-size: 24px; color: #da0000; border:none; display: inline-block; font-weight: bold; width: auto; } .pro_list_box .proinfo .text .sub{ width: 400px; margin-top: 30px; } .pro_list_box .proinfo .text .sub a{ display: inline-block; width: 150px; background: #006df2; height: 40px; line-height: 40px; font-size: 14px; text-align: center; color: #fff; } .pro_list_box .proinfo .text .sub a.submit{ background: #da0000; color: #fff; } .pro_list_box .proinfo .text .sub a:hover{ font-weight: bold; } .pro_list_box .info_center{ margin-top: 40px; } .pro_list_box .info_center .center-title{ background: #eeeeee; color: #fff; } .pro_list_box .info_center .center-title b{ font-size: 16px; font-weight: bold; display: inline-block; padding: 8px 30px; background: #006df2; } .pro_list_box .info_center .center-content{ padding: 30px 0; } .pro_list_box .info_center .center-content img{ display: inherit; margin:0 auto; } .pro_list_box .info_center ul{ margin: 3% 0; } .pro_list_box .info_center ul li{ width: 49%; margin-bottom: 2%; padding: 0px; margin-right: 2%; position: relative; } .pro_list_box .info_center ul li .cici{ height: 300px; } .pro_list_box .info_center ul li:nth-child(2n){ margin-right: 0px; } .pro_list_box .info_center ul li .co{ width: 100%; position: absolute; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; color: #fff; left: 0px; bottom: 0px; background: #006df2; font-size: 15px; } /*企业风采*/ .com_inner.case{ padding-bottom: 50px; } .com_inner.case ul{ padding: 50px 0 0px; } .com_inner.case ul li{ width: 385px; margin-right: 15px; margin-bottom: 15px; background: #f5f5f5 } .com_inner.case ul li:nth-child(3n){ margin-right: 0px; } .com_inner.case ul li .cici{ height: 288px; } .com_inner.case ul li .title{ height: 50px; line-height: 50px; background: #eeeeee; padding: 0 15px; } .com_inner.case ul li:hover .title{ background: #0078e9; color: #fff; } /*荣誉资质*/ .com_inner .hon ul li{ width: 285px; margin-right: 15px; height: 430px; background: #fff; } .com_inner .hon ul li:nth-child(3n){ margin-right: 15px; } .com_inner .hon ul li:nth-child(4n){ margin-right: 0px; } .com_inner .hon ul li .coco{ height: 380px; } .com_inner .hon ul li .title{ text-align: center; height: 50px; line-height: 50px; background: #fff; font-size: 15px; padding: 0 15px; } .com_inner .hon ul li:hover .title{ background: #0078e9; } .com_inner .hon ul li:hover a{ color: #fff; } /*联系*/ /*联系*/ .com_inner.contact{ padding-top: 50px; padding-bottom: 50px; } #ditucontent img{ max-width: none; } .com_inner.contact .de-contact{ background: #f3f3f3; } .com_inner.contact .de-contact .contact-list{ width: 480px; padding: 50px; background: #0079ea; } .com_inner.contact .de-contact .contact-list h3{ font-size: 36px; color: #fff; font-weight: bold; font-family: 'impact'; text-transform: uppercase; } .com_inner.contact .de-contact .contact-list h4{ font-size: 18px; color: #fff; line-height: 18px; border-bottom: 1px solid rgba(255,255,255,.7); padding-bottom: 20px; } .com_inner.contact .de-contact .contact-list .tl{ padding: 15px 0; color: #fff; font-size: 30px; } .com_inner.contact .de-contact .contact-list .tl p{ font-size: 30px; font-weight: bold; } .com_inner.contact .de-contact .contact-list .tl img{ margin-right: 10px; } .com_inner.contact .de-contact .contact-list p{ line-height: 36px; font-size: 16px; color: #fff; } .com_inner.contact .de-contact .contact-list p a{ color: #fff; } .com_inner.contact .de-contact .contact-list p:hover a{ font-weight: bold; } .com_inner.contact .de-contact .contact-map{ width: 720px; } .com_inner.contact .de-contact .contact-map #ditucontent{ width: 100%; height: 420px; } .contact-liuyan .form-right{ display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; } .contact-liuyan .inputbox{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; } .contact-liuyan input[type=text]{ width: 48.5%; line-height: 45px; border:1px solid #eee; padding-left: 15px; outline: none; background: #f1f1f1; font-size:14px; color:#333; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin-bottom: 8px; } .message.ser .contact-liuyan input[type=text]{ width: 33%; } .contact-liuyan input:focus{ border:1px solid #0079ea; } .contact-liuyan input[type=text]::placeholder{ font-size:14px; color:#999; } .contact-liuyan input[name=captcha]{ width: 40%; margin-right: 15px; } .contact-liuyan .verify{ height: 45px; width: 20%; } .contact-liuyan .verify img{ height: 100%; } .contact-liuyan textarea{ width:100%; height: 155px; border:1px solid #eee; background: #f1f1f1; padding:15px; outline: none; resize: none; font-size:14px; color:#333; margin-bottom: 8px; font-family: "microsoft yahei"; } .contact-liuyan textarea::placeholder{ font-size:14px; color:#999; } .contact-liuyan textarea:focus{ border:1px solid #0079ea; } .contact-liuyan .pink-btn{ padding: 16px 145px; background: #0079ea; border:none; color: #fff; cursor: pointer; } /*新闻*/ .com_inner.news{ padding: 50px 0; } .com_inner .news_list ul li{ width: 380px; border:1px solid #f3f3f3; padding: 10px; margin-right: 15px; margin-bottom: 15px; transition: all .5s ease; } .com_inner .news_list ul li:nth-child(3n){ margin-right: 0px; } .com_inner .news_list ul li .cici{ height: 240px; position: relative; } .com_inner .news_list ul li .cici .time{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #fff; display: inline-block; padding: 5px 15px; background: #0079ea; } .com_inner .news_list ul li .box{ padding: 25px 10px 15px 10px; } .com_inner .news_list ul li h4{ font-size: 18px; font-weight: bold; margin-bottom: 8px; } .com_inner .news_list ul li .content{ line-height: 26px; margin-bottom: 10px; color: #666666; font-size: 15px; } .com_inner .news_list ul li a.more{ font-size: 14px; } .com_inner .news_list ul li:hover .box a{ color: #0079ea; } .com_inner .news_list ul li:hover{ box-shadow: 0 0 10px #eee; } .com_inner.news .in_inner .news-detail img{ margin:10px auto; } .com_inner.news .in_inner .news-detail-title{ text-align: center; } .com_inner.news .in_inner .news-detail-title .h3{ font-size: 23px; } .com_inner.news .in_inner .news-detail-title .b{ border-bottom: 1px solid #f3f3f3; padding: 10px 0; border-bottom: 1px solid #f3f3f3; } .com_inner.news .in_inner .news-detail{ padding: 30px 0; } .newspage { background: #f6f6f6; margin-top: 50px; } .newspage .left,.newspage .right{ width: 46%; padding: 25px 40px; box-sizing: border-box; overflow: hidden; } .newspage .right{ text-align: right; border-left:1px solid #ccc; } .newspage .left{ border-right:1px solid #ccc; } .newspage .page-a{ overflow: hidden; } .newspage a{ color: #000; } .newspage .cent{ width: 8%; height: 70px; line-height: 70px; color: #000; text-align: center; } .newspage .cent i{ font-size: 24px; transition: all 0.5s ease; line-height: 70px; color: #ccc; } .newspage .cent:hover i{ color: #122c68; } .page .page-a{ height: 50px; line-height: 50px; border-bottom: 1px solid #ececec; } .de-page-mian { overflow: hidden; text-align: center; font-size: 0; margin: 35px 0 0 0; } .de-page-mian .page-inner { display: inline-block; overflow: hidden; } .de-page-mian .page-inner a { display: block; float: left; min-width: 26px; padding: 0 14px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden; } .de-page-mian .page-inner a.active, .de-page-mian .page-inner a:hover { color: #fff; border-color: #003a92; background: #003a92; } .de-page-mian .page-inner a.prev { margin-right: 10px; background: #fff url(/uploads/image/szimages/prev.jpg) no-repeat center; } .de-page-mian .page-inner a.prev.on { background: #fff url(/uploads/image/szimages/prev-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.prev:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.next { margin-left: 10px; margin-right: 15px; background: #fff url(/uploads/image/szimages/next.jpg) no-repeat center; } .de-page-mian .page-inner a.next.on { background: #fff url(/uploads/image/szimages/next-hover.jpg) no-repeat center; } .de-page-mian .page-inner a.next:hover { background-color: #fff; border-color: #dddddd; } .de-page-mian .page-inner a.page-btn { font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px; } .de-page-mian .page-inner span { display: block; font-size: 12px; color: #333; float: left; line-height: 38px; } .de-page-mian .page-inner input { display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; }