/*banner*/ .banner{height: auto;max-width: 1920px;margin:0 auto!important;position: relative;} .banner .bd li{float: left;width: 100%;line-height: 0;} .banner .bd li img{width: 100%;} .banner .bd li a{display: block;height: 100%;} .banner .prev{position:absolute;top:48%;left:3%;z-index: 10;cursor: pointer;} .banner .next{position:absolute;top:48%;right:3%;z-index: 10;cursor: pointer;} .banner i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(0,0,0,0.5);} .banner i img{height: 30px;display: inline-block;margin-top: 15px;} .banner .hd{position: absolute;right: 11%;bottom: -93px;border-bottom: 1px solid #008689;} .banner .hd ul{width: 118px;height: 117px;background: #26b458;text-align: center;} .banner .hd ul li{font-size: 30px;color: #84d5a1;font-size: 26px;color: #fff;display: none;} .banner .hd ul li.on{display: block;} .banner .hd ul li em{display: block;font-size: 50px;color: #fff;position: relative;line-height: 66px;} .banner .hd ul li em:after{content: "";background: no-repeat center;position: absolute;bottom: -10px;right: 50px;width: 17px;height: 18px;} .banner .hd ul li span{display: block;padding-top: 10px;} /* 搜索 */ .search{height: 92px;border-bottom: 1px solid #e8e8e8;} .search p{color: #333;float: left;line-height: 92px;} .search p a{color: #666;margin-left: 10px;} .search p a:hover{color:#26b458; } .srk{float: right;height: 92px;border-bottom: 1px solid #26b458;margin-right: 218px;width: 262px;} .search .txt{border: 0;float: left;color: #cdcdcd;margin-top: 40px;opacity: 0.5;line-height: 30px;width: 230px;} .search .sbt{border: 0;float: right;margin-top: 45px;background: no-repeat center center;width: 19px;height: 19px;background-size: 100% 100%;cursor: pointer;} /*公共标题*/ .title{text-align: center;font-size: 42px;line-height: 42px;font-weight: normal;} .title a{display: block;color: #000000;} .title em{color: #26b458;font-weight: bold;} .title i{color: #333333;font-size: 20px;display: block;margin-top: 5px;} /* 出口品质 */ .yz h2{padding-top: 60px;} .yz ul{margin-top: 60px;} .yz ul li{float: left;width: 144px;margin-left: 122px;position: relative;} .yz ul li:last-of-type:after{content: none;} .yz ul li:after{content: "";background: no-repeat center center;width: 41px;height: 78px;position: absolute;top: 24px;right: -80px;} .yz ul li i img{display: block;width: 144px;height: 107px;} .yz ul li em{text-align: center;display: block;font-size: 16px;color: #666666;font-weight: bold;margin-top: 20px;} /* 产品中心 */ .pro h2{padding-top: 50px;} .pro-t{margin-top: 39px;border-bottom: 1px solid #e5e5e5;height: 48px;} .pro-t h3{font-size: 32px;font-weight: bold;word-spacing: 5px;float: left;} .pro-t h3 a{color: #26b458} .pro-t h3 i{color: #666666;font-size: 20px;font-weight: normal;} .pro-t ul{float: right;} .pro-t ul li{float: left;padding: 0 22px;height: 33px;line-height: 31px;font-size: 16px;box-sizing: border-box;} .pro-t ul li a{color: #666;display: block;} .pro-t ul li:last-of-type{padding-right: 0;} .pro-t ul li:hover{border:1px solid rgba(38,180,88,1);border-radius:17px;margin: -1px;} .pro-t ul li:hover a{color: #26b458} .pro-t ul li:last-of-type:hover{border: 0;margin: 0;} .pro-c ul{} .pro-c li{width: 264px;height: 418px;float: left;margin-top: 26px;margin-left: 27px;overflow: hidden;} .pro-c li a{display: block;cursor: pointer;} .pro-c .gx{width: 322px;margin-left: 0;} .pro-c li img{width: 322px;height: 418px;display: block;} .pro-c li i{display: block;width: 264px;height: 352px;overflow: hidden;} .pro-c li i img{display: block;width: 264px;height: 352px;} .pro-c li em{display: block;height: 65px;line-height: 65px;text-align: center;border-bottom: 1px solid #dfdfdf;} .pro-c li:hover em{border-color: #26b458;color: #26b458;} .pro-b{height: 476px;background: #f5f5f5;margin-top: 116px;} .pro-b h3{width: 320px;height: 68px;background: #26b458;border-radius:10px 10px 0px 0px;line-height: 68px;text-align: center;font-size: 32px;font-weight: bold;position: relative;top: -68px;} .pro-b h3 a{color: #fff;display: block;} .pro-b dl{height: 476px;width: 320px;background: #fff;padding:0 22px;box-sizing: border-box;margin-top: -68px;float: left;} .pro-b dl dt{height: 208px;border-bottom: 1px solid #cdcdcd;padding-top: 7px;} .pro-b dl dt li{font-size: 17px;margin-top: 22px;background: no-repeat left 8px;padding-left: 15px;width: 150px;float: left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .pro-b dl dt li:nth-of-type(2n){width: 96px;} .pro-b dl dt li:hover{background: no-repeat left center;} .pro-b dl dt li a{color: #666;} .pro-b dl dt li:hover a{color: #26b458; } .pro-b dl dd{margin-top: 35px;margin-left: 8px;overflow: hidden;width: 260px;height: 196px;} .pro-b dl dd img{width: 260px;height: 196px;display: block;} .pro-b .you{float: left;margin-top: -20px;} .pro-b .you li{float: left;margin-left: 29px;width: 264px;} .pro-b .you li i{width: 264px;height: 352px;display: block;overflow: hidden;} .pro-b .you li img{width: 264px;height: 352px;display: block;} .pro-b .you li em{text-align: center;font-size: 18px;color: #666;display: block;margin-top: 20px;} .pro-b .you li:hover em{color: #26b458;} /* 好品质看得见 */ .lc{height: 461px;background: no-repeat center;margin-top: 66px;} .lc .content{position: relative;} .lc h2{color: #fff;margin-top: 0;padding-top: 90px;} .lc h2 a{color: #fff;} .lc h2 em{color: #fff;} .lc h2 i{color: #fff;} .lc ul{margin-top: 50px;} .lc ul li{width: 193px;height: 100px;background: #fff;opacity: 0.9;border-radius:20px 0px 20px 0px;float: left;margin-left: 8px;position: relative;transition: all .25s linear;} .lc ul li:first-of-type{margin-left: 0;} .lc ul li i{width: 36px;height: 34px;display: block;margin: 0 auto;padding-top: 24px;} .lc ul li i img{width: 36px;height: 34px;display: block;} .lc ul li span{width: 36px;height: 34px;display: block;margin: 0 auto;padding-top: 24px;display: none;} .lc ul li span img{width: 36px;height: 34px;display: block;} .lc ul li em{font-size: 16px;color: #333;text-align: center;display: block;margin-top: 5px;} .lc ul li b{display: block;font-weight: normal;font-size: 16px;color: #fff;position: absolute;bottom: -29px;left: 45%;} .lc ul li.on{background: #e78a06;opacity: 0.95;} .lc ul li.on i{display: none;} .lc ul li.on span{display: block;} .lc ul li.on em{color: #fff;} .lc p{text-align: center;font-size: 17px;color: #ffffff;width: 368px;margin: 0 auto;margin-top: 58px;font-weight: bold;position: relative;} .lc p:before{content: "";width: 397px;height: 1px;background: #fff;position: absolute;top: 13px;left: 385px;} .lc p:after{content: "";width: 397px;height: 1px;background: #fff;position: absolute;top: 13px;right: 385px;} /* 案例 */ .case h2{padding-top: 60px;} .case-t{margin-top: 30px;} .case-t .tit{width: 228px;height: 547px;background: #099f3e;float: left;overflow: hidden;} .case-t .tit ul{padding-top: 46px;} .case-t .tit li{width: 172px;height: 51px;background: #fff;margin: 0 auto;margin-bottom: 28px;border-radius: 25px 0 0 25px;position: relative;} .case-t .tit li:after{content: "";display: block;background: no-repeat center;width: 30px; height: 61px;position: absolute;right: -30px;top: 0;} .case-t .tit li i{display: block;float: left;padding: 9px 0 0 10px;} .case-t .tit li i img{display: inline-block;width: 33px;height: 33px;} .case-t .tit li i img:last-of-type{display: none;} .case-t .tit li span{line-height: 51px;margin-left: 28px;color: #333;} .case-t .tit li.on{background: #ff8a00;} .case-t .tit li.on img:first-of-type{display: none;} .case-t .tit li.on img:last-of-type{display: block;} .case-t .tit li.on span{color: #fff;} .case-t .con{float: left;width: 972px;height: 547px;overflow: hidden;} .case-t .con dl{width: 972px;height: 547px;position: relative;} .case-t .con dt img{display: block;width: 972px;height: 547px;} .case-t .con dd{width: 972px;height: 114px;position: absolute;left: 0;bottom: 0;background: rgba(255, 255, 255, 0.8);padding: 0 72px;box-sizing: border-box;} .case-t .con dd em{display: block;font-size: 20px;color: #333333;text-align: center;font-weight: bold;padding: 14px 0;} .case-t .con dd p{color: #666;font-size: 14px;line-height: 25px;overflow: hidden;} .case-b{margin-top: 50px;position: relative;} .case-b li{float: left;width: 216px;float: left;margin-right: 30px;} .case-b li img{width: 216px;height: 121px;display: block;border:1px solid #eee;} .case-b li em{display: block;text-align: center;margin-top: 14px;} .case-b li:hover em{color: #099f3e;} .case-b .prev{position: absolute;left: -85px;top: 37px;} .case-b .next{position: absolute;right: -85px;top: 37px;} .case-b .next i,.case-b .next em,.case-b .next i img,.case-b .next em img{width: 48px;height: 48px;display: block;} .case-b .prev i,.case-b .prev em,.case-b .prev i img,.case-b .prev em img{width: 48px;height: 48px;display: block;} .case-b .next em{display: none;} .case-b .prev em{display: none;} .case-b .next:hover i{display: none;} .case-b .next:hover em{display: block;} .case-b .prev:hover i{display: none;} .case-b .prev:hover em{display: block;} /* 优势 */ .ys h2{padding-top: 82px;} .ys1{height: 700px;background: no-repeat center;margin-top: 45px;} .ys1 .content{position: relative;height: 700px;} .ys1-zt{height: 174px;background: #099f3e;position: absolute;bottom: 0;left: 0;width: 100%;} .ys1-zt h3{font-size: 43px;color: #fff;background: no-repeat left 35px;padding-left: 80px;margin-left: 17px;margin-top: 50px;float: left;} .ys1-zt h3 em{font-size: 18px;color: #fff;display: block;font-weight: normal;margin-top: 5px;} .ys1-zt p{float: left;margin-top: 70px;margin-left: 38px;padding-left: 50px;border-left: 1px solid rgba(255, 255, 255, 0.2)} .ys1-zt p em{display: block;color: #fff;line-height: 30px;background: no-repeat left center;padding-left: 15px;} .ys2{height: 596px;margin: 26px 0;} .ys2 dt{width: 600px;display: block;float: left;} .ys2 dt i{width: 600px;height: 547px;display: block;overflow: hidden;} .ys2 dt img{width: 600px;height: 547px;display: block;} .ys2 dt em{height: 49px;line-height: 16px;text-align: center;font-size: 16px;display: block;margin-top: 16px;} .ys2 dd{float: right;width: 600px;padding-left: 34px;box-sizing: border-box;} .ys2 dd h3{font-size: 43px;color: #333;text-align: center;background: no-repeat 70px 12px;margin-top: 85px;} .ys2 dd h3 em{font-size: 18px;color: #333;display: block;font-weight: normal;margin-top: 8px;} .ys2 dd h3:after{content: "";width: 50px;height: 2px;background: #099f3e;display: block;margin: 0 auto;margin-top: 20px;} .ys2 dd p{margin-top: 40px;line-height: 32px;} .ys2 dd p em{font-size: 15px;color: #333;display: block;background: no-repeat left center;padding-left: 18px;} .ys2 dd .con{margin-top: 26px;position: relative;width: 533px;overflow: hidden;} .ys2 dd li{display: block;width: 258px;float: left;margin-right: 17px;} .ys2 dd li img{display: block;width: 258px;height: 157px;} .ys2 dd li em{display: block;text-align: center;font-size: 16px;color: #333;margin-top: 18px;} .ys2 .con .next{width: 35px;height: 35px;background: #099f3e;position: absolute;right: 0;top: 34%;display: none;} .ys2 .con .next img{width: 25px;height: 25px;display: block;margin: 0 auto;margin-top: 5px;} .ys2 .con .prev{width: 35px;height: 35px;background: #099f3e;position: absolute;left: 0;top: 34%;display: none;} .ys2 .con .prev img{width: 25px;height: 25px;display: block;margin: 0 auto;margin-top: 5px;} .ys2 .con:hover .prev,.ys2 .con:hover .next{display: block;} .ys3{background:#099f3e url(/uploads/image/images/ys3-bg.jpg) no-repeat left center;background-size: 44.6% auto;position: relative;} .ys3 dt{float: right;width: 55.4%;line-height: 0;} .ys3 dt img{width: 100%;} .ys3 dd{float: left;width: 37vw;background: #fff;height: 26vw;margin-top: 2.5vw;left: 12.5vw;position: absolute;box-sizing: border-box;padding: 4.5vw 5vw 0 2vw;} .ys3 dd h3{font-size: 43px;line-height: 43px;color: #333;background: url(/uploads/image/images/ys3-bg2.png) no-repeat left top;padding-left: 85px;} .ys3 dd h3 span{display: block;font-size: 15px;color: #666;line-height: 16px;font-weight: normal;margin-top: 16px;} .ys3 dd h3 span:after{content: "";display: block;width: 50px;height: 2px;background: #099f3e;margin-top: 16px;margin-bottom: 35px;} .ys3 dd p{margin-left: 83px;} .ys3 dd p em{display: block;background: url(/uploads/image/images/ys-icon1.png) no-repeat left center;padding-left: 20px;font-size: 14px;line-height: 30px;white-space: nowrap;} .ys3 dd i a{width: 7vw;height: 2vw;background: #ff8a00;text-align: center;line-height: 2vw;color: #fff;font-size: 0.85vw;display: block;margin-left: 83px;margin-top: 1vw;} /* 新闻聚焦 */ .new .content{overflow: hidden;} .new h2{padding-top: 90px;} .new h2 em{padding-top: 90px;font-weight: normal;} .new .tit{height: 42px;border-bottom: 1px solid #e5e5e5;margin-top: 45px;} .new .tit h3{font-weight: normal;display: inline-block;font-size: 18px;} .new .tit h3 a{display: inline-block;margin-right: 70px;} .new .tit h3 a.on{color: #099f3e;font-weight: bold;} .new .tit h3 a:first-of-type{background: no-repeat left center;padding-left: 40px;} .new .tit h3 a:last-of-type{background: no-repeat left center;padding-left: 40px;} .new .tit em{background: no-repeat right center;padding-right: 36px;float: right;font-size: 18px;} .new .tit h3 a:first-of-type.on{background: no-repeat left center;} .new .tit h3 a:last-of-type.on{background: no-repeat left center;} .new-l{float: left;margin-top: 29px;width: 600px;} .new-l dt{width: 600px;height: 338px;overflow: hidden;} .new-l dt img{width: 600px;height: 338px;display: block;} .new-l dd h3{font-size: 18px;height: 60px;line-height: 60px;font-weight: normal;} .new-l dd h3 a{color: #16120f;display: block;} .new-l dd h3 a:hover{color: #099f3e;} .new-l dd h3:after{content: "";display: block;width: 100px;height: 2px;background: #099f3e;margin-top: -10px;} .new-l dd p{color: #666;} .new-r{float: right;width: 600px;padding-left: 114px;box-sizing: border-box;padding-top: 44px;} .new-r h3{background: no-repeat right center;} .new-r h3 i{font-size: 40px;font-weight: bold;display: inline-block;height: 54px;vertical-align: middle;position: relative;} .new-r h3 i:after{content: "";display: block;width: 69px;height: 2px;background: #099f3e;position: absolute;right: -76px;top: 26px;} .new-r h3 em{font-size: 14px;color: #a1a1a1;display: inline-block;padding-left: 84px;vertical-align: middle;} .new-r h3 span{font-size: 15px;color: #000000;display: inline-block;padding-left: 5px;} .new-r h3:hover span{color: #099f3e;} .new-r p{padding-top: 10px;color: #666;} .new-r li{margin-top: 34px;} .new-r li:first-of-type{margin-top: 0;} /* 关于 */ .abt{margin-top: 78px;background: url(/uploads/image/images/abt-pic.jpg) no-repeat center 140px;} .abt-zt{margin-top:751px;} .abt-l{width: 304px;height: 228px;background: #099f3e;float: left;} .abt-l h3{font-size: 24px;padding-top: 58px;padding-left: 12px;line-height: 35px;} .abt-l h3 a{display: block;color: #fff;} .abt-l h3 em{display: block;font-size: 20px;font-weight: normal;} .abt-l span{font-size: 14px;text-align: center;width: 92px;height: 30px;line-height: 30px;display: block;border: 1px solid #fff;border-radius: 15px;margin-left: 21px;margin-top: 52px;transition: all .25s linear;} .abt-l span a{display: block;color: #fff;} .abt-l span:hover{background: #fff;} .abt-l span:hover a{color: #099f3e;font-weight: bold;} .abt-r{float: right;width: 896px;box-sizing: border-box;padding-left: 23px;} .abt-r p{font-size: 16px;color: #666;line-height: 35px;margin-top: 62px;} .abt-r .tit{margin-top: 35px;} .abt-r .tit h3{font-size: 22px;float: left;margin-right: 102px;} .abt-r .tit h3 a{color: #333;} .abt-r .tit h3.on a{color: #099f3e;vertical-align: bottom;} .abt-r .tit h3 i{padding-right: 8px;display: inline-block;vertical-align: bottom;position: relative;top: -2px;line-height:0;} .abt-r .tit h3 i img{width: 27px;height: 26px;} .abt-r .tit h3 i img:last-of-type{display: none;} .abt-r .tit h3.on i img:first-of-type{display: none;} .abt-r .tit h3.on i img:last-of-type{display: inline-block;} .abt .con{margin-top: 21px;} .abt .con li{width: 288px;float: left;margin-right: 12px;} .abt .con li i{width: 288px;height: 216px;display: block;overflow: hidden;} .abt .con li img{width: 288px;height: 216px;display: block;} .abt .con li em{display: block;height: 45px;line-height: 45px;text-align: center;font-size: 16px;} .abt .con li:hover em{font-weight: bold;color: #099f3e;}