@charset "utf-8"; body {margin:0;padding:0;font-size:14px;font-family:微软雅黑;line-height:1.5;background-color: #fff;} ul,li,dd,dl,ol {list-style: none;margin:0;padding:0;} @font-face {font-family: "iconfont";src: url('/public/images/iconfont.woff2?t=1631018942122') format('woff2'),url('/public/images/iconfont.woff?t=1631018942122') format('woff'),url('/public/images/iconfont.ttf?t=1628') format('truetype');} .iconfont {font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} *{box-sizing: border-box;} .clear:after{content:none!important;} a{text-decoration: none; color: #454545;cursor: pointer;} a:hover,a:focus {color: #1b6d3d;} .container{display:block;width:100%;height:100%;overflow: hidden;} .contpad{display:block;width:1280px;overflow: hidden;margin-left:auto;margin-right:auto;} /**分页样式**/ .pages{display:block;width:100%;text-align: center;padding:15px 0;} .pagination{display:inline-flex;} .pagination > li{display:inline-block;margin:3px;} .pagination > li.disabled{background-color: #eee;border-radius: 4px;color:#333;} .pagination > li > span,.pagination > li > a{display:block;line-height:28px; font-size:14px;width:30px;height:30px;border:solid 1px #d3d3d3;border-radius: 4px;} .pagination > li > a:hover,.pagination > li.active{background-color: #339933;border-radius: 4px;color:#fff;} /*top.html*/ header{display:block;width:100%;height:80px;background-color: #fff;position: -webkit-sticky; position:sticky;top:0px;z-index:100;} .line{border-bottom:1px solid #eee;-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.10);box-shadow: 0 0 15px rgba(0,0,0,0.10);-webkit-transition: top 300ms ease;transition: top 300ms ease;} .header-container{width:1280px;margin:0 auto;display: flex;padding:5px 0;} .logo{height:70px;width:240px;background-image: url(/public/images/background.png);background-repeat: no-repeat;background-position: 0 0;} .head-menu{width:810px;margin:20px 0 10px 0;height:40px;line-height: 40px;} .head-menu > a{display:inline-block;padding:0 12px;font-size:15px;font-weight:500;} .head-menu > a.on{color:#1b6d3d;font-weight: 600;border-bottom:1px solid #1b6d3d;} .header-tel {width:230px;height:60px;margin:5px 0;border-radius: 8px;background-image: url(/public/images/background.png);background-repeat: no-repeat;background-position: -250px 0;} /*footer.html*/ footer{display:block;width:100%;margin-top:30px;} .footer-layer{border-top:1px solid #ccc;padding:10px 0;} .footer-layer > p{margin:0 auto;padding:0;line-height:2.0;text-align:center;} .crumb{width:100%;text-align:right;padding-top:5px;padding-right:10px;line-height:35px;font-size:12px;color:#666;border-bottom: 1px solid #ccc;} .crumb:before{content: "\e617";font-family: "iconfont";margin-right:5px;} /*index*/ .banner-layer{width:1280px;margin:0 auto;} .banner-layer > img{float:left;margin-right:40px;} .banner-layer > h4{width:620px;float:left;padding-top:72px;padding-bottom:5px;font-size:27px;line-height:48px;letter-spacing:2.5px;background-image: url(/public/images/background.png);background-repeat: no-repeat;background-position: -503px 28px;} .banner-layer > p{display:block;width:620px;float:left;font-size:16px;line-height:29px;color:#666;text-align: justify;} .banner-layer > a{margin-top:35px;display: inline-block;width:160px;height:50px;color:#fff;background-color: #1b6d3d;border:0;letter-spacing:1px;text-align:center;line-height:50px;border-radius: 8px;} .count-layer{display:flex;width:85%;height:160px;margin:20px auto;} .count-layer > li{width:20%;text-align:center;padding-top:55px;} .count-layer > li > label{display:block;color:#999;font-size:15px;line-height:45px;} .count-layer > li > i{display:block;color:#454545;font-size:24px;font-style: normal;font-weight: 600;font-family: "comic sans ms";} .count-layer > li > i > span{margin-left:5px;font-size:12px;color:#ccc;} .count-icon1{background-image: url(/public/images/icon1.png);background-repeat: no-repeat;background-position: center 0;} .count-icon2{background-image: url(/public/images/icon2.png);background-repeat: no-repeat;background-position: center 0;} .count-icon3{background-image: url(/public/images/icon3.png);background-repeat: no-repeat;background-position: center 0;} .count-icon4{background-image: url(/public/images/icon4.png);background-repeat: no-repeat;background-position: center 0;} .count-icon5{background-image: url(/public/images/icon5.png);background-repeat: no-repeat;background-position: center 0;} .index-about{display:block;background-color: #1b6d3d;} .about-title > h3{color:#fff!important;} .about-title > h4{color:#d9d9d9!important;} .index-about-txt{display:block;margin:40px auto;width:85%;text-align: justify;line-height:1.75;} .index-about-txt > h4{font-size:24px;margin-bottom:55px;padding:0;color:#333;} .index-about-txt > p{font-size:15px;color:#f3f3f3;text-indent: 2em;} .banner01,.banner02{margin:45px auto;width:1140px;height:290px;text-align: center;background-repeat: no-repeat;border-radius: 8px;background-image: url(/public/images/banner.png);background-repeat: no-repeat;} .banner01 > h3,.banner02 > h3{font-size:35px;padding-top:60px;color:#333;margin:0;line-height:60px;letter-spacing:2px;} .banner01 > p,.banner02 > p{line-height:35px;padding-top:20px;font-size:16px;color:#1b6d3d;} .banner02{background-position: 0 -290px;} /*大块的背景板*/ .index-count,.index-service,.index-work,.index-news{background-image: url(/public/images/service-back.png);} .feedback-title{margin-bottom:20px!important;} .feedback-layer{display: table; width:100%;background-image: url(/public/images/banner.png);background-repeat: no-repeat;background-position: 680px -580px;} .feedback-layer > img{float:left;} .feedback-layer > h4{margin-bottom:0;width:600px;float:right;color:rgba(255,255,255,0.7);padding:65px 20px 32px 140px;font-size:27px;line-height:48px;letter-spacing:2.5px;} .feedback-layer > p{font-style: italic; width:600px;float:right;font-size:16px;padding:0 50px 0 190px;line-height:28px;color:rgba(255,255,255,0.7);text-align: justify;} .feedback-layer > label{width:600px;float:right;padding:20px 0 0 150px;line-height:20px;font-style: normal;color:#4abaf9;font-size:15px;} .index-title{width:380px;border-bottom:2px solid #24a88e;text-align: center;margin:0 auto;} .index-title > h3{font-size:28px;padding-top:40px;color:#333;margin:0;line-height:60px;} .index-title > h4{font-size:14px;padding:0;margin:10px auto;color:#999;} .index-info{width:640px;margin: 30px auto;text-align: center;line-height: 1.8;color: #999;font-size: 12px;} .work-layer{display:flex;width:1140px;margin:0 auto 15px auto;flex-wrap: wrap;} .work-layer > li{display:block;float:left;width:20%;padding:0 14px 30px 14px;} .work-layer > li > img{display:block;margin:0 auto;width:200px;height:145px;border-radius: 12px;border:5px solid rgba(192,192,192,0.15);} .work-layer > li > p{line-height:24px;color:#666;margin-bottom:0;} .work-layer > li > i{color:#999;font-size:12px;} .honor-layer{display:flex;width:1140px;margin:30px auto 0 auto;flex-wrap: wrap;} .honor-layer > li{display:block;float:left;width:25%;padding:0 14px 30px 14px;} .honor-layer > li > img{display:block;margin:0 auto;width:240px;height:170px;border-radius: 8px;border:5px solid rgba(192,192,192,0.15);} .service-contpad{padding:15px;margin-bottom:30px;} .service-layer{width:295px;height:430px;position: relative;-webkit-box-shadow: 1px 4px 10px 1px rgba(0,0,74,0.1);-moz-box-shadow: 1px 4px 10px 1px rgba(0,0,74,0.1);box-shadow: 1px 4px 10px 1px rgba(0,0,74,0.1);border-radius: 20px;transition: .3s ease;background: #fff;border: 10px solid #fff;} .service-layer > img{width:275px;height:205px;border-radius: 8px 8px 0 0;} .service-layer > label{display: block;text-align: center;font-weight: 600;font-size: 16px;padding-top:65px;color:#333;} .service-layer > p{line-height:1.75;font-size:14px;color:#666;text-align: center;} .service-layer > i.service-icon{position: absolute;font-family: "iconfont";font-size:48px;color:#1b6d3d;width: 95px;height: 88px;background: #fff;text-align: center;border-radius: 14px;top:160px;left:89px;-webkit-box-shadow: -3px 10px 15px 0 rgba(57,175,0,0.11);-moz-box-shadow: -3px 10px 15px 0 rgba(57,175,0,0.11);box-shadow: -3px 10px 20px 0 rgba(57,175,0,0.11);font-style: normal;} .service-layer > i.icon1:before{content: "\e796";} .service-layer > i.icon2:before{content: "\e61d";} .service-layer > i.icon3:before{content: "\e617";} .service-layer > i.icon4:before{content: "\e608";} .service-layer > i.icon5:before{content: "\e91f";} .news-layer{display:flex;width:1140px;margin:30px auto;flex-wrap: wrap;} .news-layer > li{display:block;float:left;width:50%;padding:25px 25px 35px 25px;} .news-layer > li > img{float:left;width:200px;height:145px;border-radius: 8px;margin-right:15px;border:5px solid rgba(27,109,61,0.15);} .news-layer > li > h4 {display:inline-block;width:290px;height:35px;overflow:hidden;font-size: 15px;line-height:33px;margin:0;color:#333;font-weight: 600;} .news-layer > li > p{display:inline-block;width:290px;height:66px;font-size:12px;overflow:hidden;line-height:22px;color:#666;margin-top:0;margin-bottom:7px;} .news-layer > li > a{display:inline-block;text-align:center;color:#fff;background-color: #1b6d3d;font-size:12px;width:75px;height:23px;line-height:23px;} /*内页通用*/ .inner-nav{height:360px;margin:2px auto 20px auto;background-image: url(/public/images/inner-nav-back.jpg);background-repeat: no-repeat;} .inner-nav > h3{text-align:center;margin:145px 0 20px 0;color:#fcfcfc;font-size: 42px;font-weight: 600;letter-spacing: 3px;} .inner-nav > h4{text-align:center;color:rgba(240,240,240,0.5);} .inner-nav > h4:before,.inner-nav > h4:after{display: inline-block; content: '';width: 30px;height: 4px;border-top: 2px solid rgba(240,240,240,0.5);} .inner-nav > h4:before{margin-right:10px;} .inner-nav > h4:after{margin-left:10px;} .main{display: flex;padding: 0 50px;} aside{display:block;} aside > h3{width:220px;height:159px;color:#fff;font-size:26px;margin:0;padding:80px 20px 35px 40px;letter-spacing: 2px; background-image: url(/public/images/background.png);background-position: 0 -100px;background-repeat: no-repeat;} aside > ul{display:block;margin:0;background-position: 0 -274px;} aside > ul > li{height:62px;display:block;margin:0;padding:7px 0;text-align:center;background-image: url(/public/images/background.png);background-repeat: no-repeat; background-position: 0 -274px;} aside > ul > li:last-child{height:36px;background-position: 0 -350px;} aside > ul > li > a{display:block;height:45px;line-height:45px;font-size:14px;font-weight:600;color:#666;} aside > ul > li > a:after{float: right;margin-top: 17px;margin-right: 20px;height: 0px;width: 0px;border-top: solid 5px transparent;border-left: solid 5px #666;border-right: solid 5px transparent;border-bottom: solid 5px transparent;content:'';display: inline-block;} aside > ul > li > a.on{color:#278d4a;background-image: url(/public/images/background.png);background-repeat: no-repeat;background-position: -250px -100px;background-color: #f9f9f9;} aside > ul > li > a.on:after{border-left: solid 5px #278d4a;} aside > ul > li > a:hover{color:#278d4a;background-image: url(/public/images/background.png);background-repeat: no-repeat; background-position: -250px -100px;background-color:#f9f9f9;} aside > ul > li > a:hover:after{border-left: solid 5px #278d4a;} main{display:block;width:960px;padding:10px 15px 45px 45px;} .main-layer{margin:20px 0;padding:15px 0;} .main-layer-container {text-align: justify;line-height:1.75;} .main-layer-container > p{text-indent:2em;} .main-layer-container > h3{font-size:16px;margin: 15px 0;text-align: center;} .main-layer-container > h4{font-size:15px;margin: 10px 0;} .main-layer-container > h5{font-size:12px;font-weight:400;margin:0;line-height:30px;border-bottom:1px solid #eee;text-align: center;color:#848484;} .main-honor-list{display:flex;width:85%;margin:30px auto 0 auto;flex-wrap: wrap;} .main-honor-list > li{display:block;float:left;width:25%;padding:0 9px 25px 9px;} .main-honor-list > li > img{display:block;margin:0 auto;width:174px;height:117px;border-radius: 8px;border:3px solid rgba(192,192,192,0.15);} /*典型案例*/ .inner-nav-work{background-image: url(/public/images/inner-nav-back-work.jpg);background-repeat: no-repeat;} .inner-work{width:100%;flex-wrap: wrap;} .inner-work > li{width:25%;} /*新闻动态*/ .inner-nav-news{background-image: url(/public/images/inner-nav-back-news.jpg);background-repeat: no-repeat;} .inner-news{display:block;width:810px;margin:0 43px 25px 42px;} .inner-news > li{width:100%;height:170px;border-bottom:1px solid #ddd;margin:0 auto;padding:28px 15px 10px 20px;} .inner-news > li > img{float:left;margin-right:30px;width:150px;height:110px;border-radius: 10px;border:4px solid rgba(192,192,192,0.15);} .inner-news > li > a{display:inline-block;width:500px;padding-top:10px;font-size:16px;color:#333;letter-spacing: 1px;} .inner-news > li > i{display:inline-block;font-style: normal; font-size:10px;color:#999;} .inner-news > li > p{display:block; color:#848484;line-height:1.7;margin:10px auto 5px auto;} .inner-news-layer{width:840px;margin: 0 auto;} /*药剂设备*/ .inner-nav-product{background-image: url(/public/images/inner-nav-back-product.jpg);background-repeat: no-repeat;} .inner-product{display:flex;width:840px;margin:0 auto 15px auto;flex-wrap: wrap;} .inner-product > li{display:block;position: relative; width:280px;height:360px;padding:10px 17px 40px 18px;margin-bottom:30px;} .inner-product > li > a{display:block;width:245px;height:340px;position:absolute;z-index:20;} .inner-product > li > img{display:block;margin:0 auto;width:245px;height:210px;border-radius: 15px;border:4px solid rgba(192,192,192,0.15);} .inner-product > li > div{float:left;top:170px;position: absolute;padding-top:15px;z-index:10;width:250px;height:200px;background-image: url(/public/images/background.png);background-repeat: no-repeat;background-position: -300px -260px;} .inner-product > li > div > a{display:block; font-weight:600;width:180px;margin:0 auto;line-height:40px;text-align:center;} .inner-product > li > div > p{display:block; width:180px;text-align: justify ;color:#666;margin:0 auto;color:#999;font-size:10px;line-height: 20px;height:60px;overflow: hidden;} .inner-product > li > div > i{display:block; color:#cccc;font-size:9px;width:180px;margin:0 auto!important;text-align:left;margin:0;line-height:20px;font-style: normal;}