/*reset*/ * {padding: 0;margin: 0;list-style: none;} html,body {margin: 0 auto;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,section,footer {margin: 0;padding: 0} body,button,input,select,textarea {font: 12px/1.5 "寰蒋闆呴粦";color: #666666;} body { overflow-x: hidden;} address,cite,dfn,em,var,i { font-style: normal} ul,ol,dl { list-style: none} a { text-decoration: none; outline: none; font-family: "寰蒋闆呴粦"; color: #666666; cursor: pointer; font-size: 12px;} li { font-size: 12px; font-family: "寰蒋闆呴粦"; list-style: none; margin: 0; padding: 0;} em { font-style: normal; font-size: 12px;} body,p,span {font-family: "寰蒋闆呴粦";} img {border: none;} p { margin: 0px; padding: 0px; word-wrap: break-word;} :focus { outline: none;} img {border: 0;vertical-align: middle;display: inline-block;} .fl {float: left;} .fr {float: right;} .clear {clear: both;} .clear:after {display: block;mainContent: "";clear: both;} /* */ .header{width: 1200px;margin: 0 auto;height: 80px;} .header .logo{float: left;font-size: 0;line-height: 80px;} .header .nav{float: right;} .header .nav ul{overflow: hidden;} .header .nav ul li{float: left;margin-left: 30px;} .header .nav ul li a{display: block;line-height: 80px;font-size: 16px;color: #333;position: relative;transition: all 0.3s;} .header .nav ul li a:before{position: absolute;left: 0;bottom: 0;height: 2px;width: 0;content: "";background: #388F39;transition: all 0.3s;} .header .nav ul li a.on{color: #388f39;} .header .nav ul li a.on:before{width: 100%;} .header .nav ul li a:hover{color: #388F39;} .header .nav ul li a:hover:before{width: 100%;} /* */ .banner{position: relative;max-width: 1920px;margin: 0 auto;} .banner .hd{position: absolute;bottom:50px;left: 0;right: 0;font-size: 0;z-index: 1;text-align: center;} .banner .hd ul{display: inline-block;overflow: hidden;} .banner .hd ul li{ float:left; margin:0 5px;width:24px; height:24px; cursor:pointer; border-radius: 50%;border: 1px solid transparent;position: relative;font-size: 0;} .banner .hd ul li:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 10px;height: 10px;border-radius: 50%;content: "";background: #fff;} .banner .hd ul li.on{border: 1px solid #388f39;} .banner .hd ul li.on:before{background: #388f39;} .banner .bd li{position: relative;height: 650px;overflow: hidden;} .banner .bd li img{position: absolute;left: -960px;top: 0;margin-left: 50%;} /* */ .index-title{text-align: center;margin: 50px 0;overflow: hidden;} .index-title p{font-size: 30px;color: #333;} .index-title p em{font-size: 30px;color: #388F39;} .index-title span{color: #999;font-size: 14px;text-transform: uppercase;} /* */ .index-news-nav{text-align: center;} .index-news-nav ul{display: inline-block;overflow: hidden;} .index-news-nav ul li{float: left;margin: 0 17px;} .index-news-nav ul li a{font-size: 16px;color: #666666;display: block;line-height: 43px;border: 1px solid #eaeaea;width: 207px;height: 43px;border-radius: 43px;transition: all 0.3s;} .index-news-nav ul li a:hover{border-color: #388F39;color: #388F39;background: rgba(56,143,57,0.1);} .index-news-nav ul li.on a{border-color: #388F39;color: #388F39;background: rgba(56,143,57,0.1);} .index-news{width: 1200px;margin: 0 auto;} .index-news-list{margin-top: 50px;} .bd-list{position: relative;float: left;width: 650px;height: 454px;} .bd-list .hd{position: absolute;right: 20px;bottom: 28px;z-index: 99;} .bd-list .hd ul{overflow: hidden;} .bd-list .hd ul li{float: left;width: 7px;height: 7px;border: 1px solid #fff;border-radius: 50%;margin: 0 4px;font-size: 0;} .bd-list .hd ul li.on{background: #0284d8;border-color: #0284D8;} .bd-list .bd dl{position: relative;} .bd-list .bd dl dt{width: 650px;height: 454px;font-size: 0;text-align: center;line-height: 454px;overflow: hidden;} .bd-list .bd dl dt img{max-width: 100%;max-height: 100%;} .bd-list .bd dl dd{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.3);line-height: 65px;font-size: 18px;color: #fff;text-indent: 20px;} .list-item{float: right;width: 520px;} .list-item p{line-height: 45px;height: 45px;overflow: hidden;} .list-item p a{display: block;font-size: 16px;color: #333;padding-left: 15px;position: relative;transition: all 0.3s;} .list-item p a span{font-size: 14px;color: #999;float: right;} .list-item p a::before{position: absolute;left: 0px;top: 23px;width: 6px;height: 2px;background: #cccccc;content: "";transition: all 0.3s;} .list-item p a:hover{color: #388F39;} .list-item p a:hover::before{background: #388F39;} /* */ .index-product-box{height: 954px;background: url(product-bg.png) no-repeat center;margin-top: 90px;overflow: hidden;background-size: 100% 100%;} .index-product-box .index-title p{margin-top: 10px;} .index-product-nav{width: 1200px;margin: 0 auto;position: relative;} .index-product-nav::before{position: absolute;top: 90px;left: 0;width: 100%;height: 1px;content: "";background: #e5e5e5;} .index-product-nav ul{overflow: hidden;background: #fff;} .index-product-nav ul li{height: 90px;} .index-product-nav ul li a{display: block;line-height: 90px;float: left;width: 160px;background: #388F39;font-size: 18px;color: #fff;text-align: center;font-weight: bold;} .index-product-nav ul li ul{float: left;overflow: hidden;} .index-product-nav ul li ul li{float: left;} .index-product-nav ul li ul li a{background: #fff;font-size: 16px;color: #333;font-weight: normal;width: auto;margin-left: 60px;transition: all 0.3s;} .index-product-nav ul li ul li a:hover{color: #388F39;} .index-product-list{width: 1212px;margin: 50px auto;height: 444px;} .index-product-list dl{float: left;background: #fff;padding: 30px 25px 35px;margin: 0 6px;width: 240px;position: relative;transition: all 0.3s;top: 0;} .index-product-list dl dt{height: 200px;font-size: 0;text-align: center;line-height: 200px;overflow: hidden;} .index-product-list dl dt img{max-width: 100%;} .index-product-list dl dd h3{font-size: 18px;color: #388F39;font-weight: normal;text-align: center;margin-top: 20px;overflow: hidden;height: 27px;} .index-product-list dl dd p{font-size: 14px;color: #333;margin: 10px 0 40px 0;height: 42px;overflow: hidden;} .index-product-list dl dd span{display: block;line-height: 45px;background: #a8a8a8;text-align: center;color: #fff;font-size: 16px;transition: all 0.3s;} .index-product-list dl:hover{top: -10px;box-shadow: 0 0 3px 1px rgb(56 143 57 / 0.3);} .index-product-list dl:hover span{background: #388F39;} /* */ .index-case-box{height: 953px;background: url(case-bg.png) no-repeat center;overflow: hidden;} .index-case-list{width: 1200px;margin: 0 auto;} .index-case-list .hd ul{overflow: hidden;margin-top: 5px;} .index-case-list .hd li{width: 228px;height: 172px;padding: 5px;text-align: center;font-size: 0;float: left;border: 1px solid transparent;} .index-case-list .hd li.on{border: 1px solid #388F39;background: rgba(56,143,57,0.1);} .index-case-list .hd li img{max-width: 100%;max-height: 100%;} .index-case-list .bd li dl{overflow: hidden;} .index-case-list .bd li dl dt{overflow: hidden;float: left;width: 715px;height: 536px;font-size: 0;text-align: center;line-height: 536px;} .index-case-list .bd li dl dt img{max-width: 100%;max-height: 100%;} .index-case-list .bd li dl dd{float: right;width: 485px;} .index-case-list .bd li dl dd .bd-page{height: 190px;background: #388F39;overflow: hidden;position: relative;} .index-case-list .bd li dl dd .bd-page:before{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 0;width: 1px;height: 40px;background: #fff;content: "";} .index-case-list .bd li dl dd .bd-page h3{font-size: 24px;color: #fff;font-weight: normal;margin: 50px 45px 0;} .index-case-list .bd li dl dd .bd-page p{font-size: 14px;color: rgba(255,255,255,0.15);text-transform: uppercase;margin: 0 45px;} .index-case-list .bd li dl dd .bd-page div{position: absolute;bottom: 35px;right: 35px;font-size: 22px;color: #fff;font-family: cursive;} .index-case-list .bd li dl dd .bd-page div em{font-size: 30px;color: #fff;font-family: cursive;} .index-case-list .bd li dl dd .bd-currentPage{overflow: hidden;position: relative;} .index-case-list .bd li dl dd .bd-currentPage:before{position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;width: 1px;height: 40px;background: #388F39;content: "";} .index-case-list .bd li dl dd .bd-currentPage h3{font-size: 24px;color: #333;font-weight: normal;margin: 75px 45px 0;} .index-case-list .bd li dl dd .bd-currentPage p{font-size: 16px;margin: 15px 45px 0;} .index-case-list .bd li dl dd .bd-currentPage span{width: 180px;height: 50px;display: block;margin: 50px 45px 0;border: 1px solid #dcdcdc;text-align: center; line-height: 50px;color: #333;font-size: 16px;} /* */ .index-about dl{width: 1200px;margin: 0 auto 60px;overflow: hidden;} .index-about dl dt{float: left;width: 628px;height: 376px;font-size: 0;text-align: center;line-height: 376px;overflow: hidden;} .index-about dl dt img{max-width: 100%;max-height: 100%;} .index-about dl dd{float: right;width: 530px;} .index-about dl dd h3{font-size: 24px;color: #333;margin-top: 20px;} .index-about dl dd span{font-size: 12px;text-transform: uppercase;} .index-about dl dd p{font-size: 16px;line-height: 30px;margin: 30px 0 60px;height: 120px;overflow: hidden;} .index-about dl dd ul{overflow: hidden;} .index-about dl dd ul li{float: left;width: 25%;} .index-about dl dd ul li i{display: block;width: 45px;height: 45px;display: block;overflow: hidden;margin: 0 auto;position: relative;} .index-about dl dd ul li i img{position: absolute;left: 0;top: 0;transition: all 0.3s;} .index-about dl dd ul li:hover i img{top: -45px;} .index-about dl dd ul li em{font-size: 16px;color: #333;display: block;text-align: center;margin-top: 5px;} /* */ .footer{background: #515151;height: 215px;overflow: hidden;} .footer dl{width: 1200px;margin: 52px auto;overflow: hidden;} .footer dl dt{float: right;width: 112px;height: 112px;background: #fff;font-size: 0;text-align: center;line-height: 112px;overflow: hidden;} .footer dl dt img{max-width: 100%;max-height: 100%;} .footer dl dd{float: left;} .footer dl dd div{overflow: hidden;margin-top: 15px;} .footer dl dd div span{float: left;color: #fff;opacity: 0.6;font-size: 16px;margin-right: 20px;} .footer dl dd div ul{float: left;overflow: hidden;} .footer dl dd div ul li{float: left;margin-right: 50px;} .footer dl dd div ul li a{font-size: 16px;color: #fff;opacity: 0.6;} .footer dl dd p{font-size: 14px;color: #fff;opacity: 0.6;margin-top: 20px;} /* */ .innerBanner{height: 410px;position: relative;overflow: hidden;} .innerBanner img{position: absolute;top: 0;left: 50%;margin-left: -960px;} .innerNav-position-box{height: 78px;background: #fff;box-shadow: 0px 5px 5px -2px #d2d2d2;position: relative;} .innerNav-position{width: 1200px;margin: 0 auto;overflow: hidden;} .innerNav-position .innerNav{float: left;} .innerNav-position .innerNav ul{overflow: hidden;} .innerNav-position .innerNav ul li{float: left;} .innerNav-position .innerNav ul li a{display: block;font-size: 16px;line-height: 78px;width: 186px;text-align: center;transition: all 0.3s;} .innerNav-position .innerNav ul li a.on{background: #388f39;color: #fff;} .innerNav-position .innerNav ul li a:hover{background: #388f39;color: #fff;} .innerNav-position .position{float: right;line-height: 78px;font-size: 14px;padding-left: 20px;background: url(index.png) no-repeat left center;color: #999999;} .innerNav-position .position a{line-height: 78px;font-size: 14px;color: #999999;} /* */ .innerAbout{background: #f3f3f3;overflow: hidden;} .innerAbout-brief{width: 1200px;margin: 0 auto;overflow: hidden;} .innerAbout-brief dt{float: left;width: 610px;height: 376px;overflow: hidden;font-size: 0;text-align: center;line-height: 376px;} .innerAbout-brief dt img{max-width: 100%;} .innerAbout-brief dd{float: right;width: 554px;} .innerAbout-brief dd .innerAbout-brief-list{font-size: 16px;} .innerAbout-culture{height: 540px;margin: 90px 0 60px;background: url(about-img02.jpg) no-repeat center;overflow: hidden;} .innerAbout-culture-item{width: 1200px;margin: 82px auto;overflow: hidden;background: #fff;} .innerAbout-culture-item dt{float: right;} .innerAbout-culture-item dd{float: left;width: 480px;margin-left: 55px;} .innerAbout-culture-item .index-title{text-align: left;} .innerAbout-culture-list{font-size: 16px;} .innerAbout-honor-brief{width: 1200px;margin: 0 auto;background: #fff;overflow: hidden;} .innerAbout-honor-brief dt{float: left;} .innerAbout-honor-brief dd{float: right;} .innerAbout-honor-brief dd .innerAbout-honor-brief-div{height: 310px;overflow-y: auto;margin: 33px 60px;width: 470px;font-size: 16px;} .innerAbout-honor-item{width: 1200px;margin: 0 auto;position: relative;margin-top: 20px;} .innerAbout-honor-item .prev,.innerAbout-honor-item .next{position: absolute;top: 60px;background: rgba(0,0,0,0.4);width: 26px;height: 62px;text-align: center;line-height: 62px; z-index: 99;} .innerAbout-honor-item .prev{left: 0;} .innerAbout-honor-item .next{right: 0;} .innerAbout-honor-item .bd{overflow: hidden;} .innerAbout-honor-item .bd li{width: 272px;margin-right: 37px;} .innerAbout-honor-item .bd li dt{width: 272px;height: 182px;font-size: 0;text-align: center;line-height: 182px;overflow: hidden;} .innerAbout-honor-item .bd li dt img{max-width: 100%;} .innerAbout-honor-item .bd li dd{font-size: 16px;text-align: center;line-height: 40px;} .innerAbout-responsibility{height: 576px;background: url(about-img03.jpg) no-repeat center;overflow: hidden;} .innerAbout-responsibility .innerAbout-culture-item{margin: 100px auto;} /* */ .innerNews{background: #F3F3F3;overflow: hidden;} .innerNews dl{width: 1100px;margin: 45px auto;background: #fff;padding: 50px;overflow: hidden;box-shadow: 0 0 10px 5px #d2d2d2;transition: all 0.3s;position: relative;top: 0;} .innerNews dl:hover{top: -10px;} .innerNews dl dt{float: right;font-size: 0;text-align: center;line-height: 182px;height: 182px;overflow: hidden;width: 324px;} .innerNews dl dt img{max-width: 100%;} .innerNews dl dd{float: left;width: 730px;} .innerNews dl dd h3{font-size: 24px;color: #333;transition: all 0.3s;} .innerNews dl:hover h3{color: #388F39;} .innerNews dl dd p{font-size: 16px;color: #999;margin-top: 40px;position: relative;} .innerNews dl dd p:before{position: absolute;top: -25px;left: 0;width: 28px;height: 1px;background: #b4b4b4;content: "";} .innerNews dl dd div{margin-top:50px;overflow: hidden;} .innerNews dl dd div em{float: left;width: 140px;height: 40px;font-size: 16px;color: #999;border: 1px solid #e5e5e5;border-radius: 40px;text-align: center; line-height: 40px;transition: all 0.3s;} .innerNews dl:hover dd div em{color: #388F39;border-color: #388F39;} .innerNews dl dd div span{float: right;font-size: 16px;color: #999;line-height: 40px;} /* */ .innerDetails{background: #f3f3f3;overflow: hidden;} .innerDetails-list{width: 1050px;margin: 75px auto;padding: 75px;background: #fff;} .innerDetails .innerDetails-title{text-align: center;} .innerDetails .innerDetails-title h3{font-size: 30px;color: #333;font-weight: normal;} .innerDetails .innerDetails-title p{font-size: 16px;color: #999;margin-top: 15px;} .innerDetails .innerDetails-content{margin: 50px 0;font-size: 16px;line-height: 28px;} .innerDetails .innerDetails-content *{max-width: 100%;} .innerDetails .innerDetails-prevNext p{font-size: 16px;line-height: 30px;} .innerDetails .innerDetails-prevNext p a{font-size: 16px;color: #324F79;} /* */ .innerProduct{background: #F3F3F3;overflow: hidden;} .innerProduct-list{width: 1210px;overflow: hidden;margin: 50px auto;} .innerProduct-list dl{float: left;padding:30px 25px;background: #fff;margin: 12px 6px;width: 240px;transition: all 0.3s;} .innerProduct-list dl:hover{box-shadow: 0 0 5px 1px rgb(56 143 57 / 0.3);} .innerProduct-list dl dt{font-size: 0;width: 240px;height: 200px;font-size: 0;text-align: center;line-height: 200px;overflow: hidden;} .innerProduct-list dl dt img{max-width: 100%;} .innerProduct-list dl dd h3{font-size: 18px;color: #388F39;text-align: center;line-height: 40px;font-weight: normal;margin-top: 15px;} .innerProduct-list dl dd p{font-size: 14px;color: #333;} .innerProduct-list dl dd span{display: block;height: 45px;line-height: 45px;color: #fff;background: #0284D8;text-align: center;opacity: 0.6;font-size: 16px; margin-top: 40px;transition: all 0.3s;} .innerProduct-list dl:hover dd span{background: #388F39;} /* */ .innerProductDetails{background: #F3F3F3;overflow: hidden;} .innerProductDetails-brief{width: 1100px;background: #FFFFFF;margin: 50px auto 30px;padding: 50px;overflow: hidden;} .innerProductDetails-brief dt{float: left;width: 340px;height: 270px;text-align: center;line-height: 270px;font-size: 0;background: rgba(0,0,0,0.03);} .innerProductDetails-brief dt img{max-width: 100%;max-height: 100%;} .innerProductDetails-brief dd{float: right;width: 710px;} .innerProductDetails-brief dd h3{font-size: 30px;color: #388F39;font-weight: normal;margin-bottom: 30px;} .innerProductDetails-brief dd p{font-size: 16px;color: #666;line-height: 29px;} .innerProductDetails-brief dd p span{color: #388F39;} .innerProductDetails-brief dd div{margin-top: 30px;padding-top: 15px;border-top: 1px solid #e5e5e5;overflow: hidden;} .innerProductDetails-brief dd div img{float: left;margin-top: 9px;} .innerProductDetails-brief dd div span{float: left;font-size: 16px;line-height: 44px;margin: 0 10px;} .innerProductDetails-brief dd div em{float: left;font-size: 24px;color: #388F39;line-height: 44px;} .innerProductDetails-brief dd div a{float: right;width: 150px;height: 44px;background: #388F39;color: #fff;text-align: center;line-height: 44px;font-size: 16px;border-radius: 10px;} .innerProductDetails-content{padding: 50px;background: #fff;width: 1100px;margin: 0 auto;} .innerProductDetails-more{width: 1210px;margin: 0 auto 100px;} .innerProductDetails-more .index-title{text-align: left;width: 1200px;margin: 50px auto;position: relative;} .innerProductDetails-more .index-title span{position: absolute;left: 150px;top: 10px;} .innerProductDetails-more-list{overflow: hidden;} .innerProductDetails-more-list dl{float: left;margin: 0 6px;} .innerProductDetails-more-list dl dt{padding: 25px;background: #fff;width: 240px;height: 200px;overflow: hidden;font-size: 0;text-align: center;line-height: 200px;} .innerProductDetails-more-list dl dt img{max-width: 100%;} .innerProductDetails-more-list dl dd{font-size: 16px;color: #fff;background: #388F39;line-height: 70px;text-align: center;} /* */ .innerCase{background: #F3F3F3;overflow: hidden;} .innerCase-list{width: 1200px;margin: 65px auto;overflow: hidden;} .innerCase-left{float: left;width: 820px;} .innerCase-left dl{background: #fff;padding: 30px 25px;margin-bottom: 25px;overflow: hidden;} .innerCase-left dl dt{float: left;width: 375px;height: 280px;overflow: hidden;font-size: 0;text-align: center;line-height: 280px;} .innerCase-left dl dt img{max-width: 100%;} .innerCase-left dl dd{float: right;width: 350px;} .innerCase-left dl dd h3{font-size: 24px;color: #333;font-weight: normal;margin-top: 15px;} .innerCase-left dl dd p{font-size: 16px;margin: 20px 0 50px 0;} .innerCase-left dl dd span{display: block;width: 177px;height: 52px;background: #388F39;color: #fff;text-align: center;line-height: 52px;font-size: 16px;} .innerCase-right{float: right;width: 350px;} .innerCase-right-title{height: 79px;background: url(title-bg.png) no-repeat center;color: #fff;text-align: center;line-height: 79px;} .innerCase-right-title span{font-size: 24px;margin-right: 20px;} .innerCase-right-title em{font-size: 16px;text-transform: uppercase;opacity: 0.4;} .innerCase-right-list{background: #fff;padding: 13px 26px;} .innerCase-right-list dl{padding: 13px 0;overflow: hidden;} .innerCase-right-list dl dt{float: left;width: 153px;height: 128px;font-size: 0;text-align: center;line-height: 128px;} .innerCase-right-list dl dt img{max-width: 100%;} .innerCase-right-list dl dd{float: right;width: 135px;} .innerCase-right-list dl dd h3{font-size: 18px;font-weight: normal;color: #333;margin-top: 10px;height: 27px;overflow: hidden;} .innerCase-right-list dl dd p{font-size: 14px;color: #999;margin-top: 10px;} .innerCase-right-contact{background: url(tel02.png) no-repeat left center;padding-left: 60px;margin-top: 20px;} .innerCase-right-contact span{font-size: 16px;} .innerCase-right-contact b{font-size: 24px;color: #388F39;display: block;} /* */ .innerWanted{background: #F3F3F3;overflow: hidden;} .innerWanted-list{width: 1140px;margin:35px auto;padding: 30px;background: #FFFFFF;} .innerWanted-title{font-size: 18px;color: #333;} .innerWanted-title span{float: right;width: 20px;height: 20px;background: #e6e6e6;cursor: pointer;color: #999999;text-align: center;line-height: 20px;font-size: 25px;} .innerWanted-title span.on{color: #fff;background: #388F39;} .innerWanted-content{display: none;margin-top: 15px;} /* */ .innerForm{width: 1200px;margin: 50px auto;} .innerForm form{overflow: hidden;} .innerForm form div{overflow: hidden;float: left;margin: 10px 0;width: 100%;} .innerForm form div span{float: left;font-size: 16px;color: #333;line-height: 34px;} .innerForm form div input{float: left;width: 420px;border: 1px solid #e5e5e5;height: 34px;border-radius: 5px;font-size: 16px;} .innerForm form div.left{float: left;width: auto;} .innerForm form div.right{float: right;width: auto;} .innerForm form div textarea{width: 1150px;resize: none;font-size: 16px;border: 1px solid #e5e5e5;border-radius: 5px;height: 200px;} .innerForm form div .layui-btn{display: block;width: 212px;height: 40px;margin: 30px auto;float: none;background: #388F39;} /* */ .layui-laypage{width: 100%;text-align: center;margin: 30px 0;} .layui-laypage .layui-laypage-count, .layui-laypage .layui-laypage-limits, .layui-laypage .layui-laypage-skip{padding: 0 10px;} .layui-laypage .layui-laypage-curr .layui-laypage-em{background: #388F39;} .layui-laypage a:hover{color: #388F39;} .pc{display: block;} .wap{display: none;max-width: 750px;margin: 0 auto;} @media only screen and (max-width: 1200px) and (min-width: 750px) { .header{width: 95%;} .header .nav ul li{margin-left: 15px;} .header .logo{width: 40%;} .header .logo img{max-width: 100%;} .index-news{width: 95%;} .bd-list{width: 54%;overflow: hidden;} .list-item{width: 43%;overflow: hidden;} .index-product-nav{width: 95%;} .index-product-nav ul li a{width: 13.33%;} .index-product-nav ul li ul li a{margin-left: 30px;} .index-product-list{width: 95%;} .index-product-list dl{width: 19%;margin: 0 0.75%;padding: 30px 2.25% 35px;} .index-case-list{width: 95%;} .index-case-list .hd li{width: 19%;height: auto;padding: 0.5%;border-left: none;border-right: none;position: relative;} .index-case-list .hd li:before{position: absolute;left: 0;top: 0;width: 1px;height: 100%;content: "";background: transparent;} .index-case-list .hd li:after{position: absolute;right: 0;top: 0;width: 1px;height: 100%;content: "";background: transparent;} .index-case-list .hd li.on{border-right: none;border-left: none;} .index-case-list .hd li.on:before{background: #388F39;} .index-case-list .hd li.on:after{background: #388F39;} .index-case-list .bd li dl dt{width: 60%;} .index-case-list .bd li dl dd{width: 40%;} .index-about dl{width: 95%;} .index-about dl dt{width: 52.5%;} .index-about dl dd{width: 44%;} .footer dl{width: 95%;} .footer dl dd{width: 80%;} .innerNav-position{width: 95%;} .innerNav-position .innerNav ul li a{width: 130px;} .innerAbout-brief{width: 95%;} .innerAbout-brief dt{width: 50%;} .innerAbout-brief dd{width: 46%;} .innerAbout-culture-item{width: 95%;} .innerAbout-culture-item dt{width: 50%;text-align: center;line-height: 376px;font-size: 0;} .innerAbout-culture-item dd{width: 40%;} .innerAbout-honor-brief{width: 95%;} .innerAbout-honor-brief dt{width: 50%;line-height: 376px;overflow: hidden;} .innerAbout-honor-brief dd{width: 50%;} .innerAbout-honor-brief dd .innerAbout-honor-brief-div{width: 90%;margin:7% auto;} .innerAbout-honor-item{width: 95%;} .innerAbout-honor-item .bd li{margin-right: 0;width: 25%;overflow: hidden;} .innerAbout-honor-item .bd li dl{width: 95%;margin: 0 auto;} .innerAbout-honor-item .bd li dt{max-width: 100%;} .innerNews dl{width: 90%;padding: 3%;} .innerNews dl dd{width: 65%;} .innerNews dl dt{width: 32%;} .innerDetails-list{width: 85%;padding: 3%;margin: 45px auto;} .innerProduct-list{width: 95%;} .innerProduct-list dl{width: 20%;padding: 1.5%;margin: 1%;} .innerProduct-list dl dt{width: 100%;} .innerProductDetails-brief{width: 85%;padding: 3%;} .innerProductDetails-brief dt{width: 31%;} .innerProductDetails-brief dt img{width: 100%;height: 100%;} .innerProductDetails-brief dd{width: 64.5%;} .innerProductDetails-content{width: 85%;padding: 3%;} .innerProductDetails-more{width: 95%;} .innerProductDetails-more-list dl{width: 25%;} .innerProductDetails-more-list dl dt{width: 90%;padding: 4%;margin: 1%;} .innerCase-list{width: 95%;} .innerCase-left{width: 68%;} .innerCase-left dl dt{width: 57%;} .innerCase-left dl dd{width: 38%;} .innerCase-left dl dd p{height: 72px;overflow: hidden;} .innerCase-right{width: 30%;} .innerCase-right-list dl dt{width: 49%;} .innerCase-right-list dl dd{width: 46%;} .innerWanted-list{width: 90%;} .innerForm{width: 90%;} .innerForm form div textarea{width: 100%;} .innerForm form div input{width: 390px;} .index-case-list .bd li dl dt img{height: 100%;width: 100%;} } @media only screen and (max-width: 1100px) and (min-width: 750px) { .list-item p a span{display: none;} /* .index-product-list dl{width: 17%;} */ .innerAbout-brief dt{width: 100%;display: none;} .innerAbout-brief dd{width: 100%;} .innerAbout-honor-brief dd .innerAbout-honor-brief-div{width: 85%;} .innerForm form div input{width: 350px;} } @media only screen and (max-width: 1000px) and (min-width: 750px) { .header .logo{width: 30%;} .header .nav ul li{margin-left: 10px;} .index-news-nav ul li{margin: 0 14px;} .innerForm form div input{width: 300px;} }