*{margin:0;padding:0;} body{width:100%; overflow-x: hidden;font-family: 'hesc';color:#111;} body,input{color:#111;font-size: 18px;} a{text-decoration:none;color: #111;} a:hover{ text-decoration:none;} i,em{font-style:normal} img{border:0;display: block;} ul li{list-style: none} h1,b{font-weight:normal} button{border:none; background: none;} /*鍏叡鏍峰紡*/ .container{max-width:1550px;margin:0 auto} .pro-container{width:90%;margin:0 auto} .container-s{max-width:1400px;margin:0 auto} .wap-container{width:96%;margin:0 auto} input{outline: none;} .fl{float:left;} .fr{float:right;} .c{*zoom:1;} .c:after{content: ""; display: block; height: 0; clear: both;} @font-face{ font-family: 'he'; src:url(../fonts/he.otf); } @font-face{ font-family: 'hesc'; src:url(../fonts/hesc.otf); } /*澶撮儴*/ .header{width: 100%;padding:30px 0;transition: all .8s;z-index: 9999;transition: all .6s; background: #fff;} .headerfix{background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.1); position: fixed;top:0;left:0;width: 100%;z-index: 99999;} .header-con{max-width:1700px;margin:0px auto 0 auto;height:52px;} .headerfix .header-con{margin:0 auto} .header-con .logo{width:20%;} .header-right{float:right;} .header-zw{height: 112px;} .header-up{ position: fixed;top: -140px;transition: all .8s;box-shadow: 1px 1px 10px rgba(0,0,0,0.1); } .header-upfix{top:0;} .nav ul li{float:left;text-align: center;line-height: 32px;margin-right:55px;position: relative;margin-top:10px} .nav ul li a{text-align: center;padding-bottom:5px;font-size:17px;font-weight:600;font-family: 'he';} .nav ul li.on a{color:#FF2E33} .nav ul li:hover a{color:#FF2E33} .search span{font-size:18px;float:left} .search{height:25px; margin-top: 16px; background: url(../images/xian.png) no-repeat center right 67px; position:relative} .lang-icon{ background: url(../images/lang.png) no-repeat center right;padding-right:20px;cursor:pointer;} .search-icon{height: 22px;margin-top:3px;margin-right:41px;cursor: pointer;} .search-icon img{display: inline-block;} .link-a{margin-left:30px;margin-top:10px} .link-a a{display: inline-block;width:110px;height: 35px;line-height: 35px;text-align: center;border-radius:50px;border:1px solid #dddddd;font-size:16px;transition: all .3s;} .link-a a:hover{ background: #FF2E33;color:#fff} .search-form{ position: fixed;top:112px;left:0; background:#f5f5f5;width: 100%;height: 100px;display: none;z-index: 99999;} .search-form button{float:right;margin-top:30px;margin-right:60px;cursor: pointer;} .search-form button img{width: 40px;transition:all .4s ;} .search-form button:hover img{transform:rotate(180deg);} .search-form form{width:570px;margin:16px auto;overflow: hidden;border-radius:60px;height:70px;;} .search-form form span{float:left;margin-top:10px;} .search-form form input.text{width:500px;border-radius:50px;height: 50px;line-height: 50px;border:none;text-indent: 30px;margin-left:20px;} .search-form form input.submit{width:40px;height: 50px; background: url(../images/search.png) no-repeat center;border: none;} .lang-english{ background: #fff;width:120px; background: #fff;box-shadow: 0 0 7px rgb(0 0 0 / 15%); position:absolute;top:170%;right:0;z-index: 99999; visibility: hidden;transition: all .4s;} .lang-english:after{ content: '';position: absolute; top: 0; right: 0.25rem; width: 9px; height: 9px; -webkit-box-shadow: 1px -1px 2px 0 rgb(0 0 0 / 12%); box-shadow: 1px -1px 2px 0 rgb(0 0 0 / 12%); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background-color: #ffffff;z-index: 9;} .lang-english a{display: block;height: 50px;display: block;line-height: 50px;font-size:16px;border-bottom:1px solid #ddd;text-indent:1rem;} .lang-english a:hover{color:#EF0000} .lang-icon:hover .lang-english{ visibility:initial} /*banner*/ .banner{height:620px;width: 100%; position: relative;overflow: hidden;} .banner a{font-size:18px;color:#111;font-family: arial;} .banner .banner-wz{ position: relative;width: 1100px;text-align: center;float:none;margin:auto} .banner .banner-wz p{font-size: 50px;color:#fff;line-height: 50px;margin-top:-50px;margin-bottom:10px;font-weight: 700;font-family: 'he';} .banner .banner-wz h2{font-size:22px;color:#fff;max-width:85%;margin:0 auto;font-weight:normal;line-height: 26px;} .banner .banner-wz span{display: block;font-size:18px;line-height: 18px;color:#fff;margin-top:30px;} #product{padding-top:270px;margin-top:-200px} .banner .banner-wz a{line-height: 37px;display: block;} .banner .banner-wz a em{float:left;margin-left:12px;} .banner .swiper-slide{display: flex;} .banner .container .banner-img{margin-top:-5%} .banner .container{display: flex;justify-content: center;align-items: center;} .banner .swiper-pagination{ position: absolute;bottom:20px !important;left:0;right:0;margin:0 auto;text-align: center;} .banner .banner-num span{width:14px;height:14px; background: #fff; opacity: 1;} .banner .banner-num .swiper-pagination-bullet-active{ background: #FF2F34;} /*banner*/ /*鍏充簬鎴戜滑*/ .about{margin:80px 0} .more{width: 190px;height:45px;margin-top:100px} .more a{display: block;width: 100%;height: 100%;line-height: 45px;font-size:18px;background: url(../images/more.png) no-repeat center right 20px;text-indent: 20px;border:1px solid #111111;position: relative;overflow: hidden;transition: all .4s;} .more a:after{width: 400px;height: 400px; background: #EF0000;border-radius:100%;content: '';display: block;position: absolute;top:-60%;right:-200%;z-index: -999;transition: all .5s;} .more a:hover:after{right:-55%;width:400px} .more a:hover{color:#fff;background: url(../images/more-fff.png) no-repeat center right 30px;border-color:#EF0000} .title h2{font-size:40px;font-weight:600;line-height: 40px;margin-bottom:23px;font-family: 'he';} .title p{font-size:18px;line-height: 18px;color:#111} .about-left{margin-top:140px} .about-right{ position: relative;width:804px;top:180px;right: 10px;} .about-map img{width:85%} .about-h2 h2{font-size:18px;font-weight:400; position: absolute;color:#fff} .about-h2 h2 p{margin-top:58px;text-align: center;font-size: 17px;} .about-h2 h2.h2-1{ background: url(../images/map-icon1.png) no-repeat center;width:196px;height: 171px;left: 50%;top: -50%;} .about-h2 h2.h2-2{ background: url(../images/map-icon2.png) no-repeat center;width:172px;height: 191px;left: -22%; top: 17%;} .about-h2 h2.h2-3{ background: url(../images/map-icon3.png) no-repeat center;width:172px;height: 192px;right: -4%;top: 19%;} .about-h2 h2.h2-2 p{width: 130px;margin:63px 30px;} .about-h2 h2.h2-3 p{ width: 147px; margin: 66px 6px;} .about-h2 h2 p strong{font-weight:900;font-family: 'he';} /*瑙ｅ喅鏂规*/ .solution{margin-top:280px;margin-bottom:135px} .title-center{text-align: center;margin-bottom:75px} .solution .title-center{text-align: center;margin-bottom:55px} .solution-con dl{float:left;position: relative;width:calc(100%/2 - 25px);margin-right:50px;border-radius:10px;overflow: hidden;} .solution-con dl:nth-child(2){margin-right:0} .solution-con dl dt{width: 100%; position: relative;z-index:-9} .solution-con dl dt img{width: 100%;overflow: hidden;transition: all .5s;} .solution-con dl dd{ position: absolute; bottom: -160px;right: -105px;} .solution-con dl dd:after{width:300px;height: 300px;content: '';display: block; position: absolute;background: rgba(60,64,71,0.79);top:0;right:0;border-radius:100%;z-index: -8;transition: all .5s;} .solution-con dl dd span{display: block;width:300px;height: 300px;border-radius:100%;transition: all .5s;} .solution-con dl dd span{font-size:32px;color:#fff} .solution-con dl dd b{display: inline-block;color:#fff; position: relative; top: 40px; left: 60px; font-weight: 900; width:43%;font-family: 'he';} .solution-con dl:hover dd span{background: rgba(195,0,0,0.79);} .solution-con dl:hover dt img{width: 100%;transform: scale(1.1);} .solution-con dl:hover dd:after{width:1000px;height:1000px;background: rgba(195,0,0,0.12);top:-380px;border-radius: 0;right:100px;} /*璐ㄩ噺瀹夊叏*/ .quality{ background: url(../images/zl-bg.jpg) no-repeat center;height: 644px;} .quality .title-center{color:#fff;padding-top:210px;} .quality .title-center p{color:#fff;font-size:22px;} .quality .more{margin:0 auto;} .quality .more a{background:none;border-color:#fff;color:#fff;z-index: 99;} .quality .more a:after{width: 400px;height: 400px; background: #EF0000;border-radius:100%;content: '';display: block;position: absolute;top:-60%;right:-200%;z-index: -999;transition: all .5s;z-index:-5;} .quality .more a em{ position: relative;z-index: 999;background: url(../images/more-fff.png) no-repeat center right 30px;display: block; font-size: 19px;} .quality .more a:hover:after{right:-55%;width:400px} .quality .more a:hover{color:#fff;border-color:#EF0000} /*鎴戜滑鐨勫伐鍘�*/ .factory{margin-top:114px;margin-bottom:135px;} .factory-con dl{float:left;width: calc(100%/3 - 35px);margin-right:35px; position: relative;border-radius:15px;overflow: hidden} .factory-con dl:nth-child(3){margin-right:0} .factory-con dl dd{ position: absolute;bottom:0; background: url(../images/factory-png.png) no-repeat center;height: 334px; background-size: cover;width: 100%;} .factory-con dl dt img{width: 100%;transition: all .4s;} .factory-con dl dd b,.factory-con dl dd p{width:80%;margin:0 auto;color:#fff;display: block;} .factory-con dl dd b{font-size:30px;line-height: 30px;margin-bottom:25px;font-weight:900;font-family: 'he';} .factory-con dl dd p{line-height: 22px;font-size:18px;height: 95px;;} .factory-con dl dd div{ position: absolute;bottom:25px;left:0;right:0;margin:0 auto;width: 100%;} .factory-con dl:hover dt img{transform: scale(1.1);} /*搴曢儴*/ .footer{ background: #111111;padding-top:20px} .footer-top{padding:45px 0} .foot-nav{margin-top:19px} .foot-nav li{float:left;margin-left:45px;} .foot-nav li a{font-size:18px;color:#ffffff;line-height: 18px;} .foot-nav li a:hover{color:#EF0000} .footer-bottom .container{/*border-top:1px solid #434343*/} .footer-bottom .container{padding:40px 0;font-size:16px} .footer-bottom span,.footer-bottom a{color:#929292} .footer-bottom span{margin-right:14px;} .footer-bottom{color:#929292} .footer-bottom a:hover{color:#EF0000} /*鍏充簬鎴戜滑*/ /*鍐呴〉banner*/ .ny-banner {height: 400px;text-align: center;} .ny-banner h2{font-size:50px;line-height: 50px;margin-bottom:25px;color: #fff;padding-top:120px;font-family: 'he';} .ny-banner p{font-size: 22px;line-height: 30px;color: #fff;margin:0 auto} .about-banner{ background: url(../images/about-banner.jpg) no-repeat center;} .ny-about{margin:115px auto} .ny-about-right h2{ font-size: 32px; font-weight: 800;color:#111111;margin-top:10px;} .ny-about-right h2:after{content: '';display: block;width:50px;height:3px; background: #EF0000;margin:40px 0} .ny-about-right{width:50%;} .ny-about-p p{line-height: 28px;font-size:18px;color:#111;margin-top:24px;;} .ny-title{font-size:32px;font-weight: 800;color:#111111;text-align: center;margin:0 auto;} .ny-title:after{content: '';display: block;width:50px;height:3px; background: #EF0000;margin:30px auto} .ny-deve{margin:114px auto; background: url(../images/fz-bg.jpg) no-repeat center;height:823px} .ny-deve .ny-title{padding-top:100px;} .ny-deve-con .deve-time{font-weight: 500;font-size:20px;color:#EC191E;width:205px;margin-bottom:-20px;margin-top:10px;} .ny-deve-con .deve-content{font-size:16px;line-height: 20px;width:205px;} .ny-deve-con .deve-content span{display: block;margin-top:10px;} .ny-deve-con{ position: relative;height:520px;margin-top:70px} .ny-deve-con dl{position: absolute;} .ny-deve-con dl:nth-child(1){ background: url(../images/x1.png) no-repeat center left;height: 326px;width: 3px;} .ny-deve-con dl:nth-child(2){ background: url(../images/x2.png) no-repeat center;width: 3px;height: 67px;} .ny-deve-con dl:nth-child(3){ background: url(../images/x3.png) no-repeat center;width: 3px;height: 166px;} .ny-deve-con dl:nth-child(4){ background: url(../images/x4.png) no-repeat center;width: 3px;height: 50px;} .ny-deve-con dl:nth-child(5){ background: url(../images/x5.png) no-repeat center;width: 3px;height: 266px;} .ny-deve-con dl:nth-child(6){ background: url(../images/x6.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(7){ background: url(../images/x7.png) no-repeat center;width: 3px;height:185px;} .ny-deve-con dl:nth-child(8){ background: url(../images/x8.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(9){ background: url(../images/x9.png) no-repeat center;width: 3px;height: 261px;} .ny-deve-con dl:nth-child(10){ background: url(../images/x10.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(11){ background: url(../images/x11.png) no-repeat center;width: 3px;height: 216px;} .ny-deve-con dl:nth-child(12){ background: url(../images/x12.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(13){ background: url(../images/x13.png) no-repeat center;width: 3px;height: 235px;} .ny-deve-con dl:nth-child(14){ background: url(../images/x14.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(15){ background: url(../images/x15.png) no-repeat center top;width: 3px;height: 240px;} .ny-deve-con dl:nth-child(16){ background: url(../images/x16.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(17){ background: url(../images/x17.png) no-repeat center top;width: 3px;height: 253px;} .ny-deve-con dl:nth-child(18){ background: url(../images/x18.png) no-repeat center;width: 3px;height: 40px;} .ny-deve-con dl:nth-child(19){ background: url(../images/x19.png) no-repeat center top;width: 3px;height: 272px;} .ny-deve-con dl:nth-child(20){ background: url(../images/x20.png) no-repeat center;width: 3px;height: 51px;} .ny-deve-con dl:nth-child(21){ background: url(../images/x22.png) no-repeat center bottom;width: 3px;height: 203px;} .ny-deve-con dl:nth-child(22){ background: url(../images/x20.png) no-repeat center bottom;width: 3px;height: 51px;} .ny-deve-con dl:nth-child(23){ background: url(../images/x21.png) no-repeat center bottom;width: 3px;height: 81px;} .ny-deve-con dl:nth-child(1){left:0;top:0} .ny-deve-con dl:nth-child(2){left:60px;top:218px} .ny-deve-con dl:nth-child(3){left:120px;top:248px} .ny-deve-con dl:nth-child(4){left:180px;top:225px} .ny-deve-con dl:nth-child(5){left:240px;top:0} .ny-deve-con dl:nth-child(6){left:300px;top:223px} .ny-deve-con dl:nth-child(7){left:360px;top:227px} .ny-deve-con dl:nth-child(8){left:420px;top:217px} .ny-deve-con dl:nth-child(9){left:480px;top:0} .ny-deve-con dl:nth-child(10){left:540px;top:207px} .ny-deve-con dl:nth-child(11){left:600px;top:197px} .ny-deve-con dl:nth-child(12){left:660px;top:199px} .ny-deve-con dl:nth-child(13){left:720px;top:0} .ny-deve-con dl:nth-child(14){left:780px;top:190px} .ny-deve-con dl:nth-child(15){left:840px;top:180px} .ny-deve-con dl:nth-child(16){left:900px;top:184px} .ny-deve-con dl:nth-child(17){left:960px;top:0} .ny-deve-con dl:nth-child(18){left:1020px;top:178px} .ny-deve-con dl:nth-child(19){left:1080px;top:172px} .ny-deve-con dl:nth-child(20){left:1140px;top:165px} .ny-deve-con dl:nth-child(21){left:1200px;top:0px} .ny-deve-con dl:nth-child(22){left:1260px;top:149px} .ny-deve-con dl:nth-child(23){left:1320px;top:135px} .ny-deve-con dl div{height: 130px; position: relative;left:15px;} .ny-deve-con dl:nth-child(3) div{ position: absolute;bottom:-20px} .ny-deve-con dl:nth-child(7) div{ position: absolute;bottom:-20px} .ny-deve-con dl:nth-child(11) div{ position: absolute;bottom:-20px} .ny-deve-con dl:nth-child(15) div{ position: absolute;bottom:-13px} .ny-deve-con dl:nth-child(19) div{ position: absolute;bottom:-13px;height: 156px;} .ny-deve-con dl:nth-child(1) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(5) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(9) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(13) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(17) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(21) div .deve-time{ position: absolute;bottom:0} .ny-deve-con dl:nth-child(3) div .deve-content{ position: absolute;bottom:-50px} .ny-deve-con dl:nth-child(7) div .deve-content{ position: absolute;bottom:9px} .ny-deve-con dl:nth-child(11) div .deve-content{ position: absolute;bottom:29px} .ny-deve-con dl:nth-child(15) div .deve-content{ position: absolute;bottom:10px} .ny-deve-con dl:nth-child(19) div .deve-content{ position: absolute;bottom:-37px; width: 260px;} .ny-zuji-content{max-width: 1320px;margin:0 auto;} .ny-zuji-content p{font-size:18px;line-height: 28px;margin-bottom:30px;text-align: center;} .ny-zuji .about-right{width:1200px;top:0;margin:300px auto 150px auto;} .ny-zuji .about-right .about-map {text-align: center;} .ny-zuji .about-right .about-map img{width:auto; margin: 0 auto;} .ny-zuji .about-h2 h2.h2-3{right:0;top: 55%;} .ny-zuji .about-h2 h2.h2-2{left:0} .ny-zlzg{border-top:1px solid #EEEEEE;padding-top:110px;} .ny-zlzg-p{text-align: center;line-height: 28px;font-size: 18px; } .ny-zlzg-p span{display: block; margin-top: 20px;} .zy-fz .ny-zlzg-p span{display: block; margin-top: 0px;} .ny-zlzg-p a{color:#007AFF} .ny-zlzg-con{margin:110px auto} .ny-zlzg-right dl dt{font-size:20px;font-weight:500;line-height: 20px;margin-bottom: 15px;color:#DA251E} .ny-zlzg-right dl dd{font-size:17px;line-height: 20px;} .ny-zlzg-right dl{padding:12px 0;border-bottom:1px solid #EEEEEE; background: url(../images/about-icon1.png) no-repeat center left;padding-left:50px} .ny-zlzg-left{width:40%; margin-top: 10px} .ny-zlzg-left img{width: 100%;} .ny-zlzg-right{width: 50%;} /*鍝佽川涓庡畨鍏�*/ .quality-banner{ background: url(../images/quality-banner.jpg) no-repeat center;} .ny-culture .ny-zlzg-p{max-width: 672px;margin:0 auto} .ny-culture{margin-top:100px;} .ny-culture-con{height: 488px; background: #FAFAFA;margin:100px 0} .ny-culture-con .fl{ background: url(../images/quality-img1.jpg) no-repeat center left;width: 40%;height: 488px;} .ny-culture-con .fr{width:60%} .ny-culture-con .fr dl{width:75%;margin:0 auto;border-bottom:1px dashed #E3E3E3;padding:50px 0 40px 0} .ny-culture-con .fr dl dt{font-size:28px;font-weight:500;color:#222;line-height: 28px;margin-bottom:20px;font-family: 'he';;} .ny-culture-con .fr dl dd span{display: block;font-size:18px;line-height: 24px;} .ny-culture-con .fr dl dd span{display: block; max-width: 522px;} .ny-culture-con .fr dl:nth-child(1) {background: url(../images/quality-icon1.png) no-repeat center left;padding-left:88px;margin-top:20px;} .ny-culture-con .fr dl:nth-child(2) {background: url(../images/quality-icon2.png) no-repeat center left;padding-left:88px;border-bottom:0} .ny-link{ background: #F6F6F6;padding:100px 0} .ny-link-title{text-align: center;} .ny-link-title span{display: block;font-size:32px;line-height: 60px;font-weight:800;margin: 0 auto;} .ny-link-title em{display: block;font-size:32px;margin:20px 0;font-weight:800;line-height: 40px;} .ny-link-title p{color:#ff9e35;font-size:22px;font-weight:300;font-family: 'he'; margin-top:70px;} .ny-link-con{overflow: hidden;margin-top:65px;} .ny-link-con dl{float:left; background: #fff;border-radius:10px;width: calc(100%/2 - 139px);margin-right:18px;padding:30px 65px 45px 65px;margin-bottom:18px} .ny-link-con dl:nth-child(even){margin-right:0} .ny-link-con dl dt{height:152px} .ny-link-con dl b{display: block;font-size:28px;line-height: 28px;font-weight: 500;margin-bottom:20px;font-family: 'he';} .ny-link-con dl dd{margin-left:22px;} .ny-link-con dl dd p{font-size:18px;line-height: 24px;height: 120px;} .ny-ensure{margin:135px auto} .ny-ensure-con{margin:120px 0 90px 0} .ny-ensure-con dl{float:left;width:285px;padding-right:85px;text-align: center;background: url(../images/gua-xian.png) no-repeat center right 42px;} /*.ny-ensure-con dl:nth-child(1){ width: 299px;padding-right: 91px;}*/ .ny-ensure-con dl dt{text-align: center;} .ny-ensure-con dl dt img{display: initial;} .ny-ensure-con dl dd{font-size:18px;line-height: 24px;color:#111;margin-top:15px;text-align: left;} .ny-ensure-con dl:nth-child(4){padding-right:0;background: none;} .ny-ensure-img div{margin:60px auto;text-align: center;} .ny-ensure-img div img{margin:0 auto} .news-banner{ background: url(../images/news-banner.jpg) no-repeat center;} .ny-news{margin:70px auto} .ny-news .ny-title{margin-bottom:55px;} .ny-news-list{max-width: 1102px;margin:0 auto;} .ny-news-list li{margin-bottom:80px} .ny-news-list .pic{overflow: hidden;} .ny-news-list .pic img{width: 100%;transition: all .5s;} .ny-news-list li:hover .pic img{transform: scale(1.1);} .ny-news-list li:hover .info h2{color:#DA251E} .ny-news-list .info{ background: #F5F5F5;padding:35px} .ny-news-list .info h2{font-size:22px;color:#111;line-height: 22px;} .ny-news-list .info span{color:#999999;font-size:14px;line-height: 14px;margin:18px 0;display: block;} .ny-news-list .info p{font-size:18px;line-height: 28px;} .ny-news-list .info em{display: block;font-size:18px;color:#da251e;line-height: 18px;margin-top:40px;;} .ny-news-group{ background: #F5F5F5;padding:90px 0} .ny-news-group ul li{ background: url(../images/newsbg.png) no-repeat center;height: 210px;float:left;width:340px;display: flex;justify-content: center;align-items: center;} .ny-news-group ul li a{display:block; vertical-align: middle;text-align: center;padding:0 50px;} .ny-news-group ul li a:hover{color:#DA251E} .news-mySwiper{position: relative;overflow: hidden;left:0;margin-top:80px} /*椋熷搧瑙ｅ喅鏂规*/ .food-banner{ background: url(../images/food-banner.jpg) no-repeat center;} .food-banner span{display: inline-block;margin:0 40px} .ny-food-service{margin:114px 0} .ny-food-service .ny-zlzg-p span{display: block;} .ny-food-list{margin-top:90px;overflow: hidden;} .ny-food-list dl{border-right:1px solid #F4F4F4;border-bottom:1px solid #F4F4F4;float:left;height: 235px;width: calc(100%/3 - 1px);text-align: center;font-size:18px;line-height: 18px;color:#111;} .ny-food-list dl:nth-child(3){border-right:0} .ny-food-list dl:nth-child(4){border-bottom:0} .ny-food-list dl:nth-child(5){border-bottom:0} .ny-food-list dl:nth-child(6){border-bottom:0;border-right:0} .ny-food-list dl dt{width: 80px;height: 80px;text-align: center;margin:0 auto;margin-top:30px;transition: all .4s;} .ny-food-list dl:nth-child(1) dt{background: url(../images/food-icon1.png) no-repeat center;} .ny-food-list dl:nth-child(2) dt{background: url(../images/food-icon2.png) no-repeat center;} .ny-food-list dl:nth-child(3) dt{background: url(../images/food-icon3.png) no-repeat center;} .ny-food-list dl:nth-child(4) dt{background: url(../images/food-icon4.png) no-repeat center;} .ny-food-list dl:nth-child(5) dt{background: url(../images/food-icon5.png) no-repeat center;} .ny-food-list dl:nth-child(6) dt{background: url(../images/food-icon6.png) no-repeat center;} .ny-food-list dl dd{position: relative;top:23px;margin-top:30px} .ny-food-list dl:nth-child(1):after{content: '01';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-food-list dl:nth-child(2):after{content: '02';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-food-list dl:nth-child(3):after{content: '03';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-food-list dl:nth-child(4):after{content: '04';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-food-list dl:nth-child(5):after{content: '05';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-food-list dl:nth-child(6):after{content: '06';font-size:77px;color:#F7F7F7;font-weight:900;z-index: -99; position: relative;} .ny-center-list{background: #F7F7F7;margin-top:70px; position: relative;} .ny-center-list .fl,.ny-center-list .fr{width:50%;} .ny-center-list .fr {overflow: hidden;} .ny-center-list .fr div{width:180px;text-align: left;} .ny-center-list .fr img{width: 100%;} .ny-center-list .fl h2{font-size:28px;font-weight:500;line-height: 28px;} .ny-center-list .fl p{font-size:18px;line-height: 28px;;} .ny-center-list .fl p,.ny-center-list .fl h2{width:62%;margin:30px auto} .ny-center-list .fl h2{margin-top:150px} .ny-center-list .swiper-container-horizontal>.swiper-pagination-bullets{left:129px; bottom: 100px;} .ny-center-list .swiper-pagination-bullet{width:28px;height:2px;border-radius: 0;} .ny-product-con{margin:114px auto 130px auto} .ny-product-list{margin-top:70px} .ny-product-list dl{float:left;position:relative;background: #000;width:49%;margin-right:2%;cursor: pointer;overflow: hidden;} .ny-product-list dl:nth-child(2){margin-right:0} .ny-product-list dl dt{width: 100%;} .ny-product-list dl dt img{width: 100%;opacity: 0.7;transition: all .5s; } .ny-product-list dl dd{ position: absolute;top:0;left:0;width:100%;display: flex;justify-content: center;align-items: center;height: 103%;} .ny-product-list dl dd div{display: block;width:95%;border:1px solid rgba(255,255,255,0.2);margin:0 auto;height:89%;} .ny-product-list dl dd h2,.ny-product-list dl dd em{display: block;color:#fff;text-align: center;width: 100%;} .ny-product-list dl dd h2{font-size:40px;line-height: 40px;margin-bottom:35px;font-weight:500;margin-top:97px;font-family: 'he';} .ny-product-list dl dd em{display: block;width:160px;height:40px;line-height: 40px;border-radius:50px;border:1px solid rgba(255,255,255,0.3);margin:0 auto;font-size:18px; position: relative;transition: all .5s;} .ny-product-list dl:hover em{ background: #EF0000;} .ny-product-list dl:hover img{transform: scale(1.1);} .ny-pro-p{text-align: center;max-width:1000px;margin:0 auto} .ny-pro-p p{font-size:18px;line-height: 30px;} .ny-pro-p img{margin:50px auto} .ny-pro-p p a{color:#007AFF} .ny-pro-star-con{ position: fixed;top:0;left:0;width:100%; background:#fff;z-index: 999999;height:100vh; overflow-y: auto;display: none;} .ny-pro-star-con>div{padding-bottom:100px;} .ny-pro-star-con h2{font-size:40px;text-align: center;color:#111;margin:60px 0} .ny-pro-star-con li{float:left;width: calc(100%/3 - 20px);margin:10px;overflow: hidden;} .ny-pro-star-con li .pic{width: 100%;overflow: hidden;} .ny-pro-star-con li .pic img{width: 100%;transition: all .5s;} .ny-pro-star-con li:hover .pic img{transform: scale(1.1);} .ny-pro-star-con li .info{ background: #f5f5f5;height:50px;line-height: 50px;font-size:18px;text-indent: 2rem;color:#666} .ny-pro-star-con .close{transition: all .4s; cursor: pointer;position: absolute;right:50px;top:20px;background: #f5f5f5;width:60px;height: 60px;border-radius:100%;display: flex;justify-content: center;align-items: center;} .ny-pro-star-con .close img{width:26px;margin:0 auto} .ny-pro-star-con .close:hover{transform: rotate(180deg);} /*鎴戜滑鐨勫伐鍘�*/ .factory-banner{ background: url(../images/factory-banner.jpg) no-repeat center;} .ny-factory{width:200%;margin-left:-50%} .ny-factory-con{margin:115px 0;position: relative;overflow: hidden; padding:40px 0;} .ny-factory-con .swiper-wrapper{} .ny-factory-con .swiper-slide{float:left;transform: scale(0.8);opacity: 0.4;transition: all .4s;} .ny-factory-con .info{margin-bottom:30px} .ny-factory-con .info h2{font-size:15px;font-weight: 500;font-family: 'he';} .ny-factory-con .info p{font-size:18px;color:#111} .ny-factory-con .swiper-slide-active,.ny-factory-con .swiper-slide-duplicate-active{ transform: scale(1.11);opacity: 1;} .ny-factory-con .pic img{width: 100%;} .ny-factory-con .swiper-button-next{width:43px;height:43px;border-radius:100%;border:1px solid #ccc;right:38.5%;top: 10%;background: none !important;display: flex;justify-content: center;align-items: center;transition: all .4s;} .ny-factory-con .swiper-button-prev{width:43px;height:43px;border-radius:100%;border:1px solid #ccc;left:62%;top: 10%;background: none !important;display: flex;justify-content: center;align-items: center;transition: all .4s} .ny-factory-con .swiper-button-next em{display: inline-block;background: url(../images/fac-jtleft.png) no-repeat top !important;width:11px;height:17px;} .ny-factory-con .swiper-button-prev em{display: inline-block;background: url(../images/fac-jtright.png) no-repeat top !important;width:11px;height:17px;} .ny-factory-con .swiper-button-next:hover,.ny-factory-con .swiper-button-next.on{background:#DA251E !important;border:none} .ny-factory-con .swiper-button-prev:hover{background:#DA251E !important;border:none} .ny-factory-con .swiper-button-next:hover em,.ny-factory-con .swiper-button-next.on em{background: url(../images/fac-jtleft.png) no-repeat bottom !important;} .ny-factory-con .swiper-button-prev:hover em{background: url(../images/fac-jtright.png) no-repeat bottom !important;} .ny-factory-lc{ background: #F5F5F5;padding:120px 0} .ny-factory-lc-con .fl{width:200px;} .ny-factory-lc-con .fl li{width:200px;height:160px;display: flex;justify-content: center;align-items: center; position: relative;margin-bottom:33px;cursor: pointer;} .ny-factory-lc-con .fl li:nth-child(1){ background: url(../images/ji-img.jpg) no-repeat center ;} .ny-factory-lc-con .fl li:nth-child(2){ background: url(../images/rou-img.jpg) no-repeat center;} .ny-factory-lc-con .fl li:nth-child(3){ background: url(../images/mian-img.jpg) no-repeat center;} .ny-factory-lc-con .fl li:after{content: '';width:200px;height:160px;display: block; position: absolute;top:0;left:0; background: rgba(0,0,0,0.3);} .ny-factory-lc-con .fl li span{position: relative;z-index:2;color:#fff;font-size:20px;line-height:26px;width: 90%;text-align: center;font-weight:900} .ny-factory-lc-con .fl li:nth-child(3) span{width:100%;} .ny-lc-div h2{font-size:32px;color:#111;font-weight:900;} .ny-lc-div h2 em{display: inline-block;padding:0 15px;height:43px;line-height: 43px;text-align: center;color:#fff;font-size:18px; background: #C41D16;font-weight:300;vertical-align: middle;margin-left:20px} .ny-lc-div:nth-child(1) .ny-lc-ji{ background: url(../images/ji-bg.png) no-repeat center;height: 1082px;width: 1200px;position: relative;right:130px; margin-top:60px;} .ny-lc-ji dl{text-align: center;width: 300px;} .ny-lc-ji dl dt{font-size:22px;color:#d80000;line-height: 22px;margin-bottom:85px} .ny-lc-ji dl dd{font-size:16px;line-height: 20px;text-align: left;padding-left: 25px;} .ny-lc-ji dl:nth-child(1){position: absolute;top:3%;left:37.5%} .ny-lc-ji dl:nth-child(2){position: absolute;top:28%;left:60.5%;width:310px} .ny-lc-ji dl:nth-child(3){position: absolute;top:28%;left:19.5%;} .ny-lc-ji dl:nth-child(4){position: absolute;top:55%;left:18.5%;} .ny-lc-ji dl:nth-child(5){position: absolute;top:55%;left:60%;} .ny-lc-ji dl:nth-child(6){position: absolute;top:84%;left:61%;} .ny-factory-lc-con .fl li.on:after{background: rgba(196,29,22,0.5);} .ny-lc-div:nth-child(2) .ny-lc-rou{ background: url(../images/rou-bg.png) no-repeat center left;height:758px;width: 1200px;position: relative;right:180px;margin-top:100px} .ny-lc-div:nth-child(3) .ny-lc-mian{ background: url(../images/mian-bg.png) no-repeat center left;height: 884px;width: 1200px;position: relative;right:180px;margin-top:100px} .ny-lc-div:nth-child(2),.ny-lc-div:nth-child(3){display: none;} .ny-lc-rou dl:nth-child(1){position: absolute;top:5%; left: 36.5%;width: 239px;} .ny-lc-rou dl:nth-child(2){position: absolute;top:5%;left:69.5%;width:240px} .ny-lc-rou dl:nth-child(3){position: absolute;top:41%;left: 65.5%; width: 260px;} .ny-lc-rou dl:nth-child(4){position: absolute;top:41%;left:37.5%; width: 205px;} .ny-lc-rou dl:nth-child(5){position: absolute;top:79%;left:20.5%; width: 265px;} .ny-lc-rou dl:nth-child(6){position: absolute;top:79%;left:62%;} .ny-lc-mian dl:nth-child(1){position: absolute;top:3%;left:34.5%} .ny-lc-mian dl:nth-child(2){position: absolute;top:3%;left:69.5%;width:240px} .ny-lc-mian dl:nth-child(3){position: absolute;top:43%;left:68.5%;} .ny-lc-mian dl:nth-child(4){position: absolute;top:43%;left:24.5%;} .ny-lc-mian dl:nth-child(5){position: absolute;top:80%;left:16%;} .ny-lc-mian dl:nth-child(6){position: absolute;top:80%;left:59%;} .wap-ny-factory{margin: 0 auto;max-width:96%;} .wap-ny-factory ul{overflow:hidden;margin:20px 0} .wap-ny-factory li{float:left;border:1px solid #ddd;height:40px;line-height: 40px;width:calc(100%/3 - 10px);margin-right:11px;text-align: center;} .wap-ny-factory li.on{ background: #EF0000;color:#fff} .wap-ny-factory li:nth-child(3){margin-right:0} .ny-factory-con{margin:60px auto} .ny-factory-con .info h2{font-size:1.6rem} .ny-factory-con .info p{font-size:1rem;line-height: 26px;width:80%;margin-top: 10px;} .ny-factory-con .div{display: none;} .ny-factory-con .div:nth-child(1){display: block;} /*鏂伴椈璇︽儏*/ .news-xq{ background: #F5F5F5;padding:120px 0} .news-title{padding-bottom:45px;border-bottom:2px solid #FF2E33;margin-bottom:60px} .news-title h2{font-size:40px;line-height: 40px;margin-bottom:26px;} .news-title span{display: block;font-size:18px;color:#666} .news-title .fr a{width:90px;height:48px;line-height: 48px;border-radius:48px;color:#fff;background: url(../images/news-left.png) no-repeat center left 20px #FF2E33;padding:0 20px;display: block;text-indent: 38px;font-size:18px} .news-editbox p{font-size:18px;line-height: 28px;} .news-link{width: 100%;border-top:2px solid #ddd;margin-top:100px;padding-top:30px;font-size:18px;} .news-link a{font-size:18px;} .news-link a:hover{color:#EF0000} .news-xq .container-s{max-width:1200px;} /*鎴戜滑鐨勫師鍔ㄥ姏*/ .ny-ydl{margin-top:114px} .ny-title{margin-bottom:40px} .ydl-banner{ background: url(../images/ydl-banner.jpg) no-repeat center;} .ny-ydl-top .fr{border:1px solid #EEEEEE;padding:30px} .ny-ydl-fr{ position: relative;overflow: hidden;width:470px;height:360px;} .ny-ydl-top .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0px} .ny-ydl-con{max-width:1200px;margin:0 auto} .ny-ydl-top{margin:115px 0 50px 0} .ny-ydl-top .fl{max-width:500px} .ny-ydl-top .fl h2{font-size:28px;font-weight:500;line-height: 40px;margin-bottom:35px;margin-top:70px;font-family: 'he';} .ny-ydl-top .fl h2:after{content: '';display: block;width:50px;height:3px; background: #DA251E;margin-top:35px;} .ny-ydl-top .fl p{font-size:18px;line-height: 28px;color:#111;} .ny-ydl-top2{margin-top:50px;} .ny-ydl-top2 .fl{float:right;margin-right: 20px;} .ny-ydl-top2 .fr{float:left;border:none;padding-left:0} .ny-ydl-top2 .fr .ny-ydl-fr{width: auto;} /*鍥為绀句細*/ .kh-shehui{ background: url(../images/ydl-bg.jpg) no-repeat center;height: 635px;} .kh-shehui div{padding-top:200px} .kh-shehui h2,.kh-shehui p{color:#fff;text-align: center;} .kh-shehui h2{font-size:50px;line-height: 50px;margin-top:24px} .kh-shehui p{font-size:22px;line-height: 22px;margin-top:30px;;} .zy-fz{margin:0 auto} .zy-fz{margin:112px auto 0 auto;} .zy-fz .ny-zlzg-p{max-width:1400px;margin:0 auto} .ny-zlzg-img{overflow: hidden; max-width: 1147px; margin: 65px auto;} .ny-zlzg-img span{float:left;margin:0 20px} .ny-zlzg-img span img{display: inline;} .sq-hd{ background: #F5F5F5;padding:90px 0;} .sq-hd-con{margin-top:60px;overflow: hidden;} .sq-hd-con dl{float: left;width:100%; position: relative;border-radius:20px;overflow: hidden;margin:7px auto;} .sq-hd-con dl dt img{width: 100%;} .sq-hd-con dl dt {width: 100%;} .sq-hd-con dl dd{width: 100%;background: url(../images/ydl-activebg.png) no-repeat center bottom;background-size:cover; position: absolute;bottom:0;height: 380px;font-size:18px;color:#fff;line-height: 21px;} .sq-hd-con dl dd span{display: block;position: absolute;bottom:40px;height: 85px;width:92%;left:0;right:0;margin:0 auto;font-size:17px;} .hy-cl{margin:114px auto;} .hy-cl .ny-zlzg-p{max-width:1400px;margin:auto} .hy-swiper-wrap{position: relative;overflow: hidden;max-width: 1580px;margin:0 auto} .hy-cl-con{overflow: hidden;} .hy-cl-con-list{margin-top:80px} .hy-cl-con-list dl{float:left;width:100%;} .hy-cl-con-list dl dt,.hy-cl-con-list dl dd{height:273px;overflow: hidden;} .hy-cl-con-list dl dt img{width: 100%;} .hy-cl-con-list dl dd{ background: #F5F5F5;display: flex;justify-content: center;align-items: center;} .hy-cl-con-list dl dd span{display: block;width:83%;margin:0 auto;font-size:18px;line-height: 24px;text-align: center;} #ydl-jt{width:50px;height:50px;top: 58%;background-color: #fff !important;border-radius:100%} .hy-cl-con .swiper-button-prev{left:-73px} .hy-cl-con .swiper-button-next{right:-73px} .zyfz-banner{background: url(../images/add-banner.jpg) no-repeat center;} .add-us{margin:110px auto;max-width:1400px;} .addus-top div,.addus-bottom div{width:50%;height:390px;display: flex;justify-content: center;align-items: center;} .addus-top .fl{ background: url(../images/add-img1.jpg) no-repeat center;} .addus-top .fr{ background: #F6F6F6;} .addus-top .fr p,.addus-top .fl p{width:80%; font-size: 18px; line-height: 28px;} .addus-bottom .fr{ background: url(../images/add-img2.jpg) no-repeat center;} .addus-bottom .fl p{width:80%; font-size: 18px; line-height: 28px;} .addus-bottom .fl{ background: #F6F6F6;} .add-hr{ background: url(../images/add-bg.jpg) no-repeat center;height:591px} .add-hr .add-hr-con{margin:0 auto;max-width:1400px;} .add-hr .add-hr-con div{padding-top: 210px;max-width:940px} .add-hr .add-hr-con div h2{font-size:22px;font-weight:800;line-height: 40px;} .add-hr .add-hr-con div b{display: block;font-size:22px;line-height: 22px;font-weight: 800;} .add-hr .add-hr-con div p{font-size:18px;line-height: 28px;margin-top:30px;} .ny-jzg{margin-top:150px;border-top:1px solid #eee;padding-top:120px;} .ny-jzg .container-s{margin-top: 110px;} .ny-jzg dl{float:left;width: calc(100%/7);text-align: center;} .ny-jzg dl dt{margin:0 auto;height:60px} .ny-jzg dl dt img{display: inline-block;} .ny-jzg .c{margin-top: 100px;} /*2022.5.28*/ .values{border-top: 1px solid #eee;padding-top: 120px; margin-top: 150px;} .values-con{display: flex; margin: auto;justify-content: space-between; margin-top: 100px;} .values-left{margin-left: 5.3%} .values-left dl{margin-bottom: 23px;} .values-left dl:last-child{margin-bottom: 0} .values-left dl img{display: inline-block; vertical-align: middle; margin-right: 20px;} .values-pic{margin-right: 10%} /*2022.10.27 隐藏*/ .ny-zuji .about-right{display: none;} .about-h2 h2.h2-1,.about-h2 h2.h2-2,.about-h2 h2.h2-3{display: none;}