锘?*banner*/ @media screen and (min-width: 320px) { .banner-min{ padding-bottom: 16.5%; background-position: center center; -webkit-background-size: cover; background-size: cover;} } @media screen and (min-width: 992px) { .banner-min{margin-top: 5px;} } @media screen and (min-width: 1140px) { .banner-min{padding-bottom: 0; height: 205px;} } /*menu*/ @media screen and (min-width: 320px) { .menu{ width: 100%; padding-top: 15px;} .menu li{ margin-bottom: 1px;} .menu li a{ background: #f7f7f7; display: block; padding: 10px 35px 10px 10px; overflow: hidden; position: relative;} .menu li span{line-height: 26px; font-size: 14px; } .menu li a i{ float: right; margin-top: -14px; position: absolute; right: 10px; top: 50%; font-size: 14px; line-height: 28px; color: #999;} .menu li a:hover span,.menu li a:hover i{ color: #00913a;} .menu li.on a{ background: #00913a;} .menu li.on a span,.menu li.on a i{ color: #fff;} .menu li.on div a{background: #fff; border-bottom: solid 1px #f7f7f7; color: #00913a;} .menu li.on-01 i{-webkit-transform: rotate(90deg); transform: rotate(90deg);} .menu li.on div a.on-02{ font-weight: bold;} } @media screen and (min-width: 992px) { .menu{ width: 190px; float: left; padding-right: 30px; padding-top: 20px;} .menu li span{font-size: 16px; line-height: 26px; } .menu li.on div a{ font-size: 16px;} } /*menu-sub*/ @media screen and (min-width: 320px) { .menu-sub{ padding-top: 15px;} .menu-sub ul{ margin: 0 -5px; overflow: hidden;} .menu-sub li{ padding: 5px; width: 50%; float: left;} .menu-sub li a{border: solid 1px #ddd; background: #eee; display: block; text-align: center; padding: 0 5px; line-height: 32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis;} .menu-sub li a:hover{border: solid 1px #79c519; color: #00913a;} .menu-sub ul li a.on{ border: solid 1px #79c519; background: #8ace33; color: #fff;} } @media screen and (min-width: 992px) { .menu-sub li{ width: 20%;} } /*闈㈠寘灞?/ @media screen and (min-width: 320px) { .dz { border-bottom: solid 1px #eee; padding-bottom: 10px;} .dz b{ font-size: 16px; color: #00913a;} .dz div{ font-size: 12px; color: #888;} .dz div a{ color: #888;} } @media screen and (min-width: 992px) { .dz{ padding-bottom: 0; border: none; overflow: hidden;} .dz b{ font-size: 22px; line-height: 46px;} .dz div{float: right; line-height: 46px;} } /*鍐呭鐩掑瓙*/ @media screen and (min-width: 320px) { .content-box,.content-bd{ padding: 15px 0 0 0; color: #333; font-size: 14px;} .content-box *{ color: #111; font-size: 14px; line-height: 1.75 !important;} .content-r{ padding-top: 15px;} .row{ margin: 0 -10px; overflow: hidden;} .col-12{ width: 100%; padding: 10px;} .col-6{ width: 100%; padding: 10px;} } @media screen and (min-width: 992px) { .content-box,.content-bd{ padding: 15px 0;} .content-box hr{ margin: 20px 0;} .content-r{ padding-top: 20px; overflow: hidden;} .row{ margin: 0 -12px;} .col-12{ padding: 12px;} .col-6{ width: 50%; padding: 12px; float: left;} } /*鍗忎細涓撳*/ @media screen and (min-width: 320px) { .xhzj-t{ padding-top: 15px; border-bottom: solid 1px #ddd; padding-bottom: 15px; color: #000;} .xhzj-tips{ color: #999; padding-bottom: 10px;} i.pic-scale-xhzj-02{ padding-bottom: 96.97%;} .xhzj-list ul{overflow: hidden; margin: -5px;} .xhzj-list li{ width: 50%; float: left; padding: 5px;} .xhzj-bd{ border:solid 1px #dcdcdc; position: relative;} .xhzj-bd span{ position: absolute; left: 50%; top: 50%; width: 100px; height: 32px; line-height: 30px; border: solid 1px #fff; margin: -16px 0 0 -50px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; font-size: 12px; color: #fff; font-weight: normal; font-style: normal; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; z-index: 9;} .xhzj-mess{ border: solid 1px #dcdcdc; border-top: none; padding: 10px; position: relative;} .xhzj-mess b{display: block; text-align: center; font-size: 14px; font-weight: normal; color: #00913a; position: relative; z-index: 9;} .xhzj-mess span{display: block; text-align: center; font-size: 14px; color: #000; padding-bottom: 3px; position: relative; z-index: 9;} .xhzj-mess p{height: 32px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 16px; font-size: 12px; color: #888; position: relative; z-index: 9; text-align: center;} .xhzj-bg-t{ width: 100%; height: 0; position: absolute; top: 0; left: 0; background: #000; background: rgba(0,0,0,.3); opacity: 0;} .xhzj-bg-b{ width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background: #00913a; opacity: 0;} .xhzj-list li a:hover .xhzj-bg-t{ height: 100%; opacity: 1;} .xhzj-list li a:hover .xhzj-bd span{ -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .xhzj-list li a:hover .xhzj-mess .xhzj-bg-b{ height: 100%; opacity: 1;} .xhzj-list li a:hover .xhzj-mess b{color: #fff;} .xhzj-list li a:hover .xhzj-mess span{color: #fff;} .xhzj-list li a:hover .xhzj-mess p{color: #57d188;} } @media screen and (min-width: 992px) { .xhzj-t{ padding-top: 20px;} .xhzj-list ul{overflow: hidden; margin: -10px;} .xhzj-list li{ width: 20%; padding: 10px;} } /*鏂伴椈*/ @media screen and (min-width: 320px) { i.pic-scale-news-02{ padding-bottom: 63.84%;} .news-list-02{ margin-top: -15px;} .news-list-02 dl{ overflow: hidden; padding: 15px 0; border-bottom: solid 1px #ddd;} .news-list-02 dt{ float: left; width: 182px; padding-right: 15px;} .news-list-02 dd{ overflow: hidden;} .news-list-02 dd b{ overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 16px; line-height: 24px; color: #222;} .news-list-02 dd .time{ font-size: 12px; color: #999; padding: 5px 0;display: block;} .news-list-02 dd p{ color: #888; font-size: 14px; line-height: 24px; max-height: 48px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .news-list-02 a:hover b{ color: #00913a;} .news-list-02 a:hover p{ text-decoration: underline;} .news-list-02 a:hover dt img{ -webkit-transform: scale(1.1); transform: scale(1.1);} } @media screen and (min-width: 992px) { .news-list-02{ margin-top: -25px;} .news-list-02 dl{ padding: 25px 0;} .news-list-02 dd b{ font-size: 18px;} } /*鏂伴椈鍐呴〉*/ @media screen and (min-width: 320px) { .news-title{ font-size: 18px; text-align: center; line-height: 1.5; padding-bottom: 10px;} .news-mess{ text-align: center; background: #eee; padding: 4px 10px;} .news-mess-l{ display: inline-block; overflow: hidden;} .news-mess-l div{ line-height: 28px;display: inline;} .news-mess-p{ padding: 0 10px; line-height: 28px !important; color: #000;} .news-mess-p a.author{ color: #036dcb;} div.news-mess-fx{ display: inline-block; overflow: hidden; float: left; line-height: 28px !important; color: #000;} .news-mess-r{ display: inline-block; overflow: hidden;} .news-cont{ padding: 15px 0; position: relative;} .news-cont,.news-cont *{line-height: 2.2 !important;} .news-link{ border-top: solid 1px #ccc; padding-top: 15px;} .news-link span{ display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 2 !important;} .news-content h1{ font-size: 24px !important;} .news-content h2{ font-size: 20px !important;} .news-content h3{ font-size: 18px !important;} .news-content h4{ font-size: 16px !important;} .news-content h5{ font-size: 15px !important;} .news-content h6{ font-size: 14px !important;} .news-content,.news-content *{ font-size: 14px !important;} .f-max h1{ font-size: 32px !important;} .f-max h2{ font-size: 28px !important;} .f-max h3{ font-size: 24px !important;} .f-max h4{ font-size: 20px !important;} .f-max h5{ font-size: 18px !important;} .f-max h6{ font-size: 16px !important;} .f-max,.f-max *{ font-size: 16px !important;} .f-medium h1{ font-size: 24px !important;} .f-medium h2{ font-size: 20px !important;} .f-medium h3{ font-size: 18px !important;} .f-medium h4{ font-size: 16px !important;} .f-medium h5{ font-size: 15px !important;} .f-medium h6{ font-size: 14px !important;} .f-medium,.f-medium *{ font-size: 14px !important;} .f-min h1{ font-size: 20px !important;} .f-min h2{ font-size: 18px !important;} .f-min h3{ font-size: 16px !important;} .f-min h4{ font-size: 14px !important;} .f-min h5{ font-size: 13px !important;} .f-min h6{ font-size: 12px !important;} .f-min,.f-min *{ font-size: 12px !important;} } @media screen and (min-width: 992px) { .news-title{ font-size: 22px; font-weight: bold; padding-bottom: 15px;} .news-mess{ height: 36px;} .news-cont{ padding: 20px 0;} .news-link{ padding-top: 20px;} .news-mess-p{ float: left; padding: 0 10px;} } /*鏀跨瓥娉曡*/ @media screen and (min-width: 320px) { i.pic-scale-zcfg{ padding-bottom: 56.6%;} .zcfg-list ul{padding: 0; margin:-5px; overflow: hidden;} .zcfg-list li{ padding: 5px; width: 50%; float: left;} .zcfg-list-bd{ border: solid 1px #d1e7da; display: block;} .zcfg-list .more{ position: absolute; left: 0; bottom: 0; z-index: 9; width: 100%; color: #fff; background: #00913a; background: rgba(0,145,58,.9); text-align: center; height: 38px; line-height: 38px; font-style: normal; -webkit-transform: translateY(38px); transform: translateY(38px); opacity: 0;} .zcfg-list .more i{ font-size: 20px; display: inline-block; line-height: 38px; overflow: hidden;} .zcfg-list .more b{ font-size: 14px; display: inline-block; line-height: 38px; overflow: hidden; font-weight: normal; padding-left: 5px;} .zcfg-list-b{padding: 10px;} .zcfg-list-b b{overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; display: block; color: #333; padding-bottom: 5px;} .zcfg-list-b p{ font-size: 12px; color: #888; line-height: 22px; height: 66px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .zcfg-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .zcfg-list a:hover .more{-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;} } @media screen and (min-width: 992px) { .zcfg-list ul{ margin:-10px;} .zcfg-list li{ padding: 10px; width: 33.333%;} .zcfg-list-b b{ font-size: 16px;} } /*鍏泭绀惧尯-鍒楄〃*/ @media screen and (min-width: 320px) { i.pic-scale-gysq{ padding-bottom: 57.93%;} .gysq-t b{ font-size: 16px; display: block; color: #00913a; text-align: center;} .gysq-t p{ font-size: 14px; padding: 5px 0 15px 0;} .gysq-list ul{margin: -10px; overflow: hidden;} .gysq-list li{padding: 10px; width: 50%; float: left;} .gysq-list dl{ } .gysq-list dd{ border: solid 1px #ddd; padding: 10px;} .gysq-list dd b{ font-size: 14px; text-align: center; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #000; padding-bottom: 5px;} .gysq-list dd p{ color: #888; font-size: 12px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height:60px;} .gysq-list dd div{ text-align: center; padding-top: 10px;} .gysq-list dd span{ padding: 0 25px; color: #888; background: #f1f1f1; font-size: 12px; line-height: 32px; height: 32px; display: inline-block;} .gysq-list dd i{ font-size: 12px; padding-right: 10px; color: #888;} .gysq-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .gysq-list a:hover b{ color: #00913a;} .gysq-list a:hover span{ background: #00913a; color: #fff;} .gysq-list a:hover span i{ color: #fff;} a.gysq-btn{ width: 100%; max-width: 280px; text-align: center; margin: 0 auto; display: block; margin-top: 15px; line-height: 50px; background: #00913a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; color: #fff; transition: .3s; border: none;} a.gysq-btn:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); color: #fff;} } @media screen and (min-width: 992px) { .gysq-t b{ font-size: 18px;} .gysq-list dd{ padding: 15px 10px;} .gysq-list dd b{ font-size: 16px;} .gysq-list li{ width: 33.3333%;} a.gysq-btn{ margin-top: 25px;} } /*琛ㄥ崟*/ @media screen and (min-width: 320px) { .gysq-mess-tit{ font-size: 16px; color: #000; text-align: center; font-weight: bold; padding-bottom: 5px;} .gysq-mess-tit-sub{ padding-bottom: 5px; text-align: center; color: #555; font-size: 12px; line-height: 20px;} .gysq-form dl{ overflow: hidden;} .gysq-form dt{ width: 110px; float: left; padding-right: 10px; text-align: right; line-height: 36px; color: #000;} .gysq-form dd{ overflow: hidden;} .form-inp-01,.form-inp-02{ width: 100%; height: 36px;border: solid 1px #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 10px;} .gysq-form hr{ margin: 20px 0;} .gysq-form-tit{ display: block; color: #00913a; font-size: 16px;} .form-inp-02{height: 108px; min-height: 108px; line-height: normal; padding: 10px;} .gysq-form b{ padding-bottom: 10px; display: block;} .download-box{ margin-top: 15px; padding: 15px; border: solid 1px #5f91e6; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-align: center;} .download-box span{ display: block; text-align: center; line-height: 24px; color: #5f91e6; padding-bottom: 10px;} .download-box a{ padding: 0 8px; line-height: 24px; background: #5f91e6; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #fff;} .download-box a:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); color: #fff;} .submit-btn{ width: 100%; max-width: 280px; text-align: center; margin: 0 auto; display: block; margin-top: 15px; line-height: 50px; background: #00913a; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; color: #fff; transition: .3s; border: none;} .submit-btn:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); color: #fff;} .up-zj{ overflow: hidden; margin: -3px;} .up-zj li{ width: 100%; float: left; padding: 3px;} .up-btn{ width: 100%; padding-bottom: 60%; background-color: #f5f5f5; position: relative; -webkit-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat;} .up-btn i{ color: #6bc63e; width: 48px; height: 48px; line-height: 48px; font-size: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin: -36px 0 0 -24px; z-index: 9;} .up-btn span{ color: #888; position: absolute; width: 100%; padding: 0 15px; left: 0; top: 50%; margin-top: 20px; z-index: 9;} .up-btn div{ background: #000; background: rgba(0,0,0,.9); opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .pic-on i, .pic-on span{opacity: 0;} .pic-on:hover i,.pic-on:hover span,.pic-on:hover div{opacity: 1;} .form-bd{ border: solid 1px #ddd; padding: 15px;} .form-bd b{ font-weight: normal; color: #00913a; text-align: center;} .form-bd div{ text-align: center;} .form-bd div span{ padding: 5px 0; display: block;} .money{ padding-right: 40px; position: relative;} .money span{ position: absolute; right: 0; top: 0; line-height: 36px;} .gysq-form .long-txt dt{ width: 250px;} .add-user-box{ } .add-user{ background: #f5f5f5; display: block; text-align: center; height: 56px; line-height: 56px;} .add-user i{ padding-right: 10px; color: #6bc63e; line-height: 56px; display: inline-block; overflow: hidden; font-size: 18px;} .add-user span{color: #888; line-height: 56px; display: inline-block; overflow: hidden;} .add-user:hover{ background: #6bc63e;} .add-user:hover *{ color: #fff;} .gysq-form .zygl-list dt{ width: 75px;} .zygl-list ul{ margin: -5px;} .zygl-list li{ padding: 5px;} .gysq-form .zygl-list-mess{ padding: 0 0 15px 0; margin-bottom: 15px; position: relative; border-bottom: solid 1px #ddd;} .gysq-form .zygl-list .close{ width: 100%; height: 36px; line-height: 36px; text-align: center; background: #f5f5f5; color: #d00; cursor: pointer; display: block; margin-top: 10px;} .gysq-form .zygl-list .close i{ padding-right: 10px; display: inline-block; overflow: hidden; line-height: 36px;} .gysq-form .zygl-list .close span{ display: inline-block; overflow: hidden; line-height: 36px;} .gysq-form .zygl-list .close:hover{ background: #d00;} .gysq-form .zygl-list .close:hover *{ color: #fff;} .gysq-form .del input{ border-color: #d00; color: #d00;} .gysq-box-r{ width: 156px; margin: 0 auto; height: 184px;} .gysq-box-r .up-btn{ height: 100%; padding: 0;} } @media screen and (min-width: 992px) { .gysq-mess-tit{ font-size: 24px; } .gysq-mess-tit-sub{ font-size: 14px;} .download-box span{ display: block; text-align: center;} .gysq-form hr{ margin: 24px 0;} .download-box{ width: 650px; margin: 0 auto; margin-top: 25px;} .download-box span{ padding-bottom: 0; display: inline-block; font-size: 16px; padding: 15px;} .submit-btn{ margin-top: 25px;} .download-box{ margin-top: 25px;} .up-zj li{ width: 33.3333%;} .form-bd{ padding: 40px 60px;} .form-bd b{ font-size: 16px; padding-bottom: 15px;} .form-bd div span{ display: inline-block; line-height: 36px; padding: 0 10px;} .form-bd div input{ width: 220px;} .zygl-list ul{ overflow: hidden; padding-right: 50px;} .zygl-list li{ width: 25%; float: left;} .gysq-form .zygl-list-mess{ padding: 0 0 15px 0;} .gysq-form .zygl-list .close{ width: 36px; position: absolute; right: 0; top: -5px; text-align: center;} .gysq-form .zygl-list .close i{ padding-right: 0;} .gysq-form .zygl-list .close span{display: none;} .gysq-box-t{ overflow: hidden; position: relative;} .gysq-box-l{ padding-right: 180px;} .gysq-box-r{ position: absolute; right: 0; top: 12px; z-index: 2;} } /*浼氬憳鍚嶅綍-鍒楄〃*/ @media screen and (min-width: 320px) { .hyml-menu{ overflow: hidden; margin: -3px;} .hyml-menu li{ padding: 3px; float: left;} .hyml-menu a{ background: url(../img/hyml-btn-r.jpg) right center no-repeat; padding-right: 23px; line-height: 34px; height: 34px; display: block;} .hyml-menu span{ color: #fff; font-weight: bold; text-shadow: 1px 1px 0px rgba(11,3,6,.2); background: url(../img/hyml-btn-l.jpg) left center no-repeat; padding-left: 23px; display: block; line-height: 34px;} .hyml-menu a.on,.hyml-menu a:hover{ background-image: url(../img/hyml-btn-r-on.jpg);} .hyml-menu a.on span,.hyml-menu a:hover span{ background-image: url(../img/hyml-btn-l-on.jpg);} .hyml-mess{ position: relative; text-align: center; overflow: hidden; padding: 15px 0;} .hyml-mess span{ color: #888; position: relative;} .hyml-mess span:before{ content: ' '; position: absolute; left: -1000%; width: 1000%; border-bottom: solid 1px #dddddd; top: 50%; margin-left: -10px;} .hyml-mess span:after{ content: ' '; position: absolute; right: -1000%; width: 1000%; border-bottom: solid 1px #dddddd; top: 50%; margin-right: -10px;} i.pic-scale-hyml{ padding-bottom: 58.8%;} i.pic-scale-hyml-02{ padding-bottom: 122%;} .hyml-list{ margin: -10px; overflow: hidden;} .hyml-list li{ padding: 10px;} .hyml-list dl{ background: #f8f8f8; } .hyml-list a{border: solid 1px #ddd; display:block;} .hyml-list dt{ padding: 20px; } .hyml-list dt b{ color: #00913a; display: block; font-size: 18px;} .hyml-list dt .company{ color: #000000; display: block; font-weight: bold; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} .hyml-list dt p{ font-size: 12px; color: #555; line-height: 22px; height: 88px; margin: 5px 0;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;} .hyml-list dt .more{ color: #00913a;} .hyml-list dd{} .hyml-list i{ width:50%; float:left;} .hyml-list a:hover{ border: solid 1px #2ba74d;} .hyml-list a:hover dt{ background: #e8f6e9;} .hyml-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .hyml-list-02{ margin: -10px; overflow: hidden;} .hyml-list-02 li{ padding: 10px;} .hyml-list-02 a{ border: solid 1px #ddd; display:block;} .hyml-list-02 dt{ width: 100px; float: left;} .hyml-list-02 dd{ padding: 15px 20px; overflow: hidden; background: #f8f8f8; height: 122px;} .hyml-list-02 .dt{ width: 100%; height: 100%; display: table;} .hyml-list-02 .dtc{ display: table-cell; vertical-align: middle;} .hyml-list-02 .company{ font-weight: bold; display: block; color: #000;} .hyml-list-02 b{ font-weight: normal; color: #000; margin:0 0 5px 0; display: block; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height:44px;} .hyml-list-02 .more{ text-align: right; display: block; color: #555; margin-top: -5px;} .hyml-list-02 a:hover{ border: solid 1px #2ba74d;} .hyml-list-02 a:hover dd{ background: #e8f6e9;} .hyml-list-02 a:hover .more{ color: #00913a;} } @media screen and (min-width: 992px) { .hyml-mess{ padding: 20px 0;} .hyml-list dl{ overflow: hidden;} .hyml-list dt{width: 60%; float: left; height: 214px;} .hyml-list dd{ width: 40%; float: left;} .hyml-list-02{ margin: -15px; overflow: hidden;} .hyml-list-02 li{ padding: 15px; width: 50%; float: left;} } @media screen and (min-width: 1140px) { .hyml-menu a{ padding-right: 34px;} .hyml-menu span{ padding-left: 34px;} .hyml-list dt{ padding: 18px 40px;} } /*浼氬憳鍚嶅綍-鍐呭*/ @media screen and (min-width: 320px) { .hyml-t b{ font-size: 16px; display: block; color: #00913a; text-align: center; padding-top: 15px;} .hyml-min-tit { overflow: hidden; padding-bottom: 15px;} .hyml-min-tit span{ background: #00913a; height: 30px; line-height: 30px; padding: 0 10px; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .hyml-min-tit span *{ line-height: 30px !important;} .hyml-min-tit span i{ color: #6ec742; padding-right: 5px;} .hyml-min-tit span b{ color: #fff;} .hyml-info{ overflow: hidden; padding-top: 10px;} .hyml-info li{ border-right: solid 1px #fff; border-bottom: solid 1px #fff; height: 150px; width: 50%; float: left; background: #f5f5f5; padding-top: 30px;} .hyml-info li i{ width: 40px; height: 40px; margin: 0 auto; display: block; border: solid 1px #6ec742; text-align: center; line-height: 38px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; font-size: 26px; color: #6ec742;} .hyml-info li span{ display: block;padding: 15px; text-align: center; font-size: 12px; color: #666;} } @media screen and (min-width: 992px) { .hyml-t b{ font-size: 18px; padding-bottom: 15px;} .hyml-info li{ width: 25%;} } /*鍩硅鎶ュ悕-鍒楄〃*/ @media screen and (min-width: 320px) { i.pic-scale-pxbm{ padding-bottom: 45.45%;} .pxbm-list{ margin: -10px; overflow: hidden;} .pxbm-list li{padding: 10px; float: left; width: 100%;} .pxbm-list dd{ border: solid 1px #ddd; padding: 15px 20px; position: relative;} .pxbm-list .time{ text-align: right; position: absolute; padding-right: 20px; left: 20px; top: 15px;} .pxbm-list .time b{display: block; font-size: 18px; line-height: 22px; color: #080808;} .pxbm-list .time span{display: block; font-size: 12px; line-height: 16px; color: #666;} .pxbm-list .time i{ width: 0; height: 30px; border-right: solid 1px #ccc; position: absolute; right: 0; top: 50%; margin-top: -15px;} .pxbm-list .more{ position: absolute; right: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; line-height: 20px; font-size: 12px; background: #ccc; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ececec;} .pxbm-list .tit{ padding: 0 30px 0 80px; height: 38px; color: #000; overflow: hidden;} .pxbm-list .tit .dt{display: table; height: 100%; width: 100%; } .pxbm-list .tit .dtc{ display: table-cell; vertical-align: middle;} .pxbm-list .tit .ovh{ text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 38px; line-height: 19px;} .pxbm-list a:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);} .pxbm-list a:hover .more{ background: #00913a; color: #8fcfa8;} } @media screen and (min-width: 992px) { .pxbm-list { margin: -15px;} .pxbm-list li{ width: 50%; padding: 15px;} } /*鍩硅鎶ュ悕-鍒楄〃*/ @media screen and (min-width: 320px) { .map{ width: 100%; height: 230px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: solid 1px #ddd;} .contact-box dd { padding-top: 15px;} .contact-box dd li{ padding: 5px 0; overflow: hidden;} .contact-box dd i{ width: 30px; height: 30px; border: solid 2px #95cd11; display: block; float: left; line-height: 26px; text-align: center; font-size: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #95cd11; margin-right: 10px;} .contact-box dd span{ line-height: 20px; padding: 5px 0; display: block; overflow: hidden;} } @media screen and (min-width: 992px) { .pxbm-list { margin: -15px;} .pxbm-list li{ width: 50%; padding: 15px;} .contact-box dt{ width: 470px; float: left; padding-right: 30px;} } /*鍗忎細涓撳-鍒楄〃椤?/ @media screen and (min-width: 320px) { .business-list{ overflow: hidden; margin: -5px 0;} .business-list li { float: left; width: 100%; padding: 5px 0;} .business-list li a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 10px; border: solid 2px #efefef; display: block;} i.pic-scale-business{ padding-bottom: 120%;} .business-list dl{ overflow: hidden;} .business-list dt{ float: left; width: 140px; overflow: hidden;} .business-list dd{overflow: hidden; padding-left: 10px;} .business-list dd b{ font-weight: normal; font-size: 16px; color: #333; display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} /*.business-list dd i{ font-size:14px; color:#999; font-style:normal;}*/ .business-list dd i{ font-size:14px; color:#999; font-style:normal; max-height: 80px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 12px; margin: 10px 0; color: #666;} .business-list dd p{display:none;} .business-list dd span{ border: solid 1px #82bf34; height: 30px;line-height: 28px; display: inline-block; padding: 0 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color: #82bf34;} .business-list a:hover b{ color: #82bf34;} .business-list a:hover span{ color: #fff; background: #82bf34;} .business-list a:hover dt i{ -webkit-transform: scale(1.05); transform: scale(1.05);} .zj-mess{overflow:hidden;} .zj-l{text-align:center;} } @media screen and (min-width: 992px) { .business-list{ margin: -10px;} .business-list li{ width: 50%; padding: 10px;} .business-list dt{ width: 140px;} .business-list li a{padding: 20px;} .business-list dd b{ font-size: 22px;} .business-list dd{ padding-left: 20px;} .business-list dd p{ font-size: 14px; -webkit-line-clamp:2; max-height: 72px; margin: 5px 0 15px 0;} .zj-l{width:235px; float:left; padding-right:35px;} .zj-l img{width:100%;} .zj-r{overflow:hidden;} .zj-r img{width:100%;} }