@charset "utf-8"; @font-face { font-family: dincondmedium; src: url("../font/dincondmedium.otf"); } @font-face { font-family: dincondbold; src: url("../font/dincondbold.otf"); } * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;} html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;} input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;} img,input,textarea{ border: none; } h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;} table{width: 100%;border-collapse: collapse;} audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;} html.hide{overflow: hidden;} body.hide{overflow: hidden;} a{color: #333;} .fl{ float: left;} .fr{float: right;} .clear:after{ content: ''; display: table; clear: both; } p{line-height: 1.6em;} .img100 img{vertical-align: bottom;width: 100%;} .middle-box{display: table; height: 100%; width:100%; margin:0 auto; position:relative; table-layout: fixed;} .middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;} .pc-show{display: block;} .wap-show{display: none;} .position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .relative{position: relative;} .text-center{text-align: center;} .overhide{overflow: hidden;} ul{font-size: 0;} ul li{font-size: 14px;display: inline-block;vertical-align: top;} ul li:last-child{margin-right: 0;} .w1440{width: 1440px;max-width: 92%;margin: 0 auto;} .w1200{width: 1200px;max-width: 92%;margin: 0 auto;} .w1300{width: 1300px;max-width: 92%;margin: 0 auto;} body{padding-top: 100px;transition: all .4s;} .padding-tb60{padding: 40px 0;} /*header s*/ .menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:12px;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; z-index: 9;} .menu-handler .burger{transition: all .4s; height: 2px; background: #005bac; display: block;width: 20px; position: absolute; z-index: 5; left: 5px;transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;} .menu-handler .burger-2{top: 15px;} .menu-handler .burger-3{top: 22px;} .menu-handler.active .burger-1{top:15px;-moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header{background: #fff;position: fixed;z-index: 999;width: 100%;top:0;left: 0;transition: all .4s;border-bottom: 1px solid rgba(255,255,255,.7);} .logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);} .logo img{vertical-align: bottom;display: block;height: 59px;transition: all .4s;} .nav li{float: left;position: relative;margin:0 1px;} .nav li.active .nav-yi{color: #005bac;} .nav-yi{display: block;color: #666;line-height: 100px;padding: 0 35px; text-align: center;transition: all .4s;font-size: 16px;} .nav-er-box{position: absolute;top:100%;left: 50%;transform: translateX(-50%);white-space: nowrap; background: rgba(255,255,255,.9);display: none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;box-shadow: 0 1px 2px #ddd;} .nav-er-box a{display: block;color: #3e3e3e;line-height: 40px;transition: all .4s;padding:0 25px;position: relative;text-align: center;} /*.nav-er-box a:before{content: '';width: 6px;height: 6px;border-radius: 100%;left: 12px;top:50%;margin-top:-3px;transition: all .4s;background: #4d4d4d;display: inline-block;margin-right: 5px;vertical-align: middle;}*/ .nav-box{margin-right: 180px;} .search-box{position: absolute;right:88px;top:50%;margin-top: -16px; cursor: pointer;z-index: 7;} .search-btn{width: 32px;height: 32px;border-radius: 32px; z-index: 5;position: relative;transition: all .4s;background:url("../images/search.png") no-repeat center;background-size:cover;text-align: center;} .search-con{position: absolute;width: 0;right: 0;height: 32px;top:73px;background: #fff;overflow: hidden;transition: all .4s;border-radius: 32px;box-shadow: 0 0 4px #ddd;} .search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 36px;} .search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;text-align: center;line-height: 32px;background:url("../images/gb64.png") no-repeat center;background-size:cover;} .search-sb{position: absolute;right:6px;top:0;cursor: pointer;display: none;} .search-box.active .search-con{width: 200px;} .search-box.active .search-sb{display: block;} .search-text{margin-right: 32px;} .language{position: absolute;right: 0;top:50%; z-index: 9;margin-top: -16px;} .language-val{text-transform: uppercase; transition: all .4s;display: inline-block;vertical-align: middle;line-height: 32px;padding-right: 16px;} .guoqi{width: 32px;display: inline-block;vertical-align: middle;margin-right: 5px;} .language i{position: absolute;right: 0;top:50%;margin-top: -3px; width: 12px;height: 6px;background: url("../images/23x12-333.png") no-repeat center;background-size: 100% 100%;transition: all .4s;} .language.active i{transform: rotate(180deg);} .language-box{position: absolute;top:100%;background: #fff;width: 80px;;left: 50%;margin-left: -40px;display: none;box-shadow: 0 0 2px #ddd;margin-top: 5px;} .language-box a{display: block;text-align: center;line-height: 24px;transition: all .4s;} .language-box a:hover{background: #005bac;color: #fff;} .index-body{padding-top: 0 !important;} body.active{padding-top: 80px;} body.active .logo{width: 188px;} body.active .header{box-shadow: 0 2px 4px #ddd;} body.active .nav-yi{line-height: 80px;} body.active .logo img{height: 52px;} body.active .search-con{top:63px;} /*header e*/ /*footer s*/ .footer{background: #eff4fe;} .footer-top{padding: 70px 0;} .guding{position: fixed;z-index: 999;right: -85px;top:50%;transform: translateY(-50%); width: 65px;transition: all .4s;text-align: center;} .gudings{background: #005bac;cursor: pointer;margin-bottom: 1px;transition: all .4s;} .gudings.return{display: flex;justify-content: center;align-items: center;height: 64px;} .gudings:nth-child(3){display: none;} .gudings:nth-child(4){display: none;} .gudings:hover{background: #00bf6a;} .guding.active{right: 0;} .guding .img img{width: 30px;vertical-align: bottom;} .guding .img span{display: block;font-size: 12px;color: #d7dbe7;margin-top: 2px;} .gudings>a{display: block;padding: 8px 0;position: relative;} .gudings-hide{position: absolute;right: 100%;margin-right: 4px;top:0;width:0;overflow: hidden;transition: all .4s;} .weixin-code img{width: 130px;vertical-align: bottom;border:1px solid #ddd;} .gudings:hover .gudings-hide{width: 132px;} .footer-logo{position: absolute;top:50%;transform: translateY(-50%); left: 0;} .footer-logo img{height: 52px;vertical-align: bottom;} .footer-nav{display: flex;justify-content: space-around;margin-left: 300px;} .footer-nav dt{font-size: 18px;} .footer-nav dd{font-size: 16px;color: #4b4b4b;margin-bottom: 5px;} .footer-nav dd a{transition: all .4s;} .footer-nav dd a:hover{color: #005bac;} .footer-bot{text-align: right;padding-bottom: 20px;} .mg-bt15{margin-bottom: 15px;} .beian span,.beian a{display: inline-block;color: #808080;} .gongan a{display: inline-block;color: #808080;font-size: 12px;text-decoration: underline;margin-right: 10px;} .gongan a:last-child{margin-right: 0;} .forlink{display: inline-block;} .forlink span{color: #808080;} .bdsharebuttonbox.forlink a{width: 27px;height: 27px;padding: 0;margin: -5px 0 0 10px;display: inline-block;position: relative;background-color: #aeaeae;border-radius: 100%;transition: all .4s;} .bdsharebuttonbox.forlink a:hover{background-color: #005bac;} .ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;} .ermwarp{position: absolute;top:50%;left: 50%;margin: -147px 0 0 -125px;padding: 10px;background: #fff;width: 250px;height: 294px;border:1px solid #d8d8d8;} #erm{width: 185px;height: 185px;margin: 15px auto;} .erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;} .ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;} .erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;} .gongan img{display: inline-block;width: 14px;margin-right: 5px;margin-top: -2px; vertical-align: middle;} .qq-box{background: #fff;font-size: 16px;} .qq-box p{line-height: 64px;} .qq-box img{width: 30px;display: inline-block;vertical-align: middle;margin-right: 0;} .qq-box span{display: inline-block;vertical-align: middle;} .qq-box{width: 150px;border:1px solid #ddd;} .qq2.gudings:hover .gudings-hide{width: 150px;} /*footer e*/ /*index s*/ .banner-des h2{font-size: 48px;color: #fff;font-weight: bold;} .banner-des h3{font-size: 72px;color: #fff;font-weight: bold;margin-bottom:6%;} .banner-des img{width: 62.29%;vertical-align: bottom;} .bannerDot{position: absolute;z-index: 9;left: 0;width: 100%;bottom:40px;} .bannerDot .swiper-pagination-bullet{opacity: 1;width: 15px;height: 16px;background: url("../images/dot1.png") no-repeat center;background-size: 100% 100%;margin: 6px;} .bannerDot .swiper-pagination-bullet-active{background: url("../images/dot2.png") no-repeat center;background-size: 100% 100%;} .about li{display: block;margin-bottom: 40px;} .about li:last-child{margin-bottom: 0;} .about li:nth-child(odd) .about-img{float: right;} .about li:nth-child(odd) .about-con{float: left;} .about li:nth-child(even) .about-img{float: left;} .about li:nth-child(even) .about-con{float: right;} .about-img{width: 58.4%;} .about-con{width: 34%;padding-top: 60px;} .title36 h2{font-size: 36px;} .title36 h2 span{display: inline-block;vertical-align: top;margin-left: 8px;margin-top: 10px; font-size: 14px;line-height: normal;} .title36 h2 sup{font-size: 14px;margin-left: 5px;} .title-color h2{color: #005bac;} .mg-bt30{margin-bottom: 30px;} .mg-bt40{margin-bottom: 40px;} .des16 p{font-size: 16px;text-align: justify;} .des-color p{color: #005bac;} .more{display: inline-block;background: #005bac;border-radius: 6px;width: 140px;text-align: center;} .more span{display: inline-block;vertical-align: middle;line-height: 44px;color: #fff;font-size: 12px;margin-right: 10px;} .more i{display: inline-block;vertical-align: middle;width: 39px;height: 9px;background: url("../images/jt78x18.png") no-repeat center;background-size: 100% 100%;transition: all .4s;} .more:hover i{transform: translateX(5px);} .padding-tb80{padding: 40px 0;} .des16.text-center p{text-align: center;} .mg-bt25{margin-bottom: 25px;} .mg-bt60{margin-bottom: 60px;} .wst{width: 1270px;max-width: 100%;margin: 0 auto;} .wst li{width: 48%;margin-right: 4%;} .wst li:last-child{margin-right: 0;} .wst li a{display: block;position: relative;} .wst-con{background: rgba(0,91,172,.6);transition: all .4s;} .wst li a:hover .wst-con{background: rgba(0,91,172,.2);} .wst-con img{width: 65px;} .wst-con h3{font-size: 24px;color: #fff;} .mg-bt20{margin-bottom: 20px;} .news-list li{display: inline-block;font-size: 14px; width: 23.5%;margin-right: 2%;vertical-align: top;} .news-list li:nth-child(4n){margin-right: 0;} .news-list li i{display: block;width: 35px;height: 35px;background: url("../images/add.png") no-repeat center;background-size: cover; margin: -18px auto 0;position: relative;z-index: 9;transition: all .4s;} .news-con{margin-top: 35px;} .news-con h3{color: #333333;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;font-size: 18px;} .news-con p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;color: #999;} .news-list li:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .news-list li:hover h3{color: #005bac;} .news-list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .news-list li .img100 img{transition: all .4s;} .news-list li .img100{overflow: hidden;} .news-list li:hover h4{color: #0860a8;} .news-list li:hover p{color: #0860a8;} .news-list li:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .news-list li:hover span{color: #0860a8;} .news-list li p{transition: all .4s;} .news-list li h3{transition: all .4s;} .news-list li span{transition: all .4s;} .zindex9{z-index: 9;} .new-dot-big{z-index: -1;top:-217px;left: -60px;border-radius: 100%;background: rgba(50,169,80,0.05);width: 368px;height: 368px;position: absolute;} .new-dot-mid{z-index: -1;bottom:-50px;right: -20px;border-radius: 100%;background: rgba(11,101,170,0.07);width: 209px;height: 209px;position: absolute;} .new-dot-sm{z-index: -1;bottom:20px;right: 114px;border-radius: 100%;background: rgba(11,101,170,0.07);width: 134px;height: 134px;position: absolute;} .partner .img100{border:1px solid #eaeaea;transition: all .4s;} .partner .img100:hover{border-color: #005bac;} .swiperDot{margin-top: 40px;} .swiperDot .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;margin: 6px;background: #ddd;} .swiperDot .swiper-pagination-bullet-active{background: #005bac;} .des-a6a6a6 p{color: #a6a6a6;} /*index e*/ /*2.1欧力多低聚果糖 s*/ .ny-nav{height: 55px;position: absolute;bottom:0;left: 0;width: 100%;overflow: hidden;} .ny-navs{background: rgba(0,91,172,.7); height: 55px;text-align: center;} .ny-navs .w1440{font-size: 0;} .ny-navs a{display: inline-block;line-height: 55px;font-size: 16px;color: #fff;transition: all .4s;padding: 0 30px;margin-right: 1px;min-width: 150px;text-align: center;vertical-align: middle;height: 55px;} .ny-navs a:last-child{margin-right: 0;} .ny-navs a.active{background: #00bf6a;} .ny-navs a:hover{background: #00bf6a;} .ny-navs a sup{line-height: 1em;} .w1265{width: 1265px;max-width: 92%;margin: 0 auto;} .padding-b100{padding-bottom: 100px;} .des18 p{font-size: 18px;text-align: justify;line-height: 2em;} .des18 p sup{font-size: 14px;} .text-center .des18 p{text-align: center;} .old-title .des18{width: 960px;max-width: 100%;margin: 0 auto;} .old-title img{width: 1090px;max-width: 100%;} .title36-fff h2{color: #fff;} .des-fff p{color: #fff;} .bgfff{background: #fff;} .jkhy-bot{padding:60px;} .jkhy-list li{width: 30%;margin-right: 5%;border:1px solid #d5d5d5;transition: all .4s;background: #fff;margin-bottom: 20px;} .jkhy-list li:nth-child(3n){margin-right: 0;} .jkhy-icon{width: 43px;position: relative;margin-right: 40px;min-width: 43px;} .jkhy-icon img{transition: all .4s;} .jkhy-icon:before{content: "";position: absolute;height: 40px;top:50%;border-right: 1px solid #e1e1e1;margin-top: -20px;right: -20px;transition: all .4s;} .jkhy-warp{display: flex;align-items: center;height: 105px;padding: 0 22px;} .jkhy-warp p{line-height: normal;transition: all .4s;} .jkhy-list li:hover{background: #005bac; box-shadow: 0 5px 6px 0 rgba(0, 91, 172, 0.4);border-color: #005bac;} .jkhy-list li:hover p{color: #fff;} .jkhy-list li:hover .jkhy-icon:before{border-color: #fff;} .jkhy-list li:hover .jkhy-icon img{filter: brightness(2);} .des727272 p{text-align: justify;color: #727272;} .yingyong li{width: 22.45%;margin-right: 3.4%;} .yingyong li:nth-child(4n){margin-right: 0;} .mg-bt50{margin-bottom: 50px;} .old-more li{width: 47.2%;margin-right: 5.6%;text-align: center;padding: 16px;transition: all .4s;} .old-more li h3{min-height: 36px;} .old-more li:nth-child(2n){margin-right: 0;} .old-more-con{border-radius: 10px;padding: 80px 15px;transition: all .4s;} .old-more-con img{width: 62px;} .title24 h3{font-size: 24px;} .chengguo-hide-warp h3{font-size: 22px;} .title-color h3{color: #005bac;} .jt1{display: inline-block;width: 39px;height: 9px;background: url("../images/jt78x18-1.png") no-repeat center;background-size: 100% 100%;transition: all .4s;} .old-more li:hover{box-shadow: 1px 2px 10px 0 rgba(0, 91, 172, 0.4);} .old-more li:hover .old-more-con{background: rgba(123,187,40,.7);} .old-more li:hover .jt1{} .pdf{width: 31px;height: 35px;background: url("../images/pdf.png") no-repeat center;background-size: 100% 100%;display: inline-block;} .xz{width: 20px;height: 25px;background: url("../images/xz.png") no-repeat center;background-size: 100% 100%;display:inline-block;} .xiazai li{width: 32%;margin-right: 2%;margin-bottom: 2%;border:1px solid #d5d5d5;transition: all .4s;} .xiazai li:nth-child(3n){margin-right: 0;} .xiazai li a{display: block;position: relative;} .xiazai li a .pdf{position: absolute;top:50%;transform: translateY(-50%);left: 25px;} .xiazai li a .xz{position: absolute;top:50%;transform: translateY(-50%);right: 30px;} .xiazai li .des18{margin-left: 80px;margin-right: 60px;height: 100px;display: flex;align-items: center;} .xiazai li .des18 p{transition: all .4s;} .xiazai li:hover{background: #005bac;} .xiazai li:hover p{color: #fff;} .xiazai li:hover .xz{filter: brightness(2);} .xiazai li:hover .pdf{filter: brightness(2);} /*2.1欧力多低聚果糖 e*/ /*2.2.0高斯恩低聚半乳糖 s*/ .padding-tb100{padding: 40px 0;} .mg-bt80{margin-bottom: 40px;} .tdys{text-align: center;} .tdys li{width: 19%;margin-right: 1.25%;} .tdys li:nth-child(5n){margin-right: 0;} .tdyx-icon{width: 120px;max-width: 100%;margin: 0 auto 20px;border:1px solid #005aaa;border-radius: 100%;transition: all .4s;position: relative;} .tdyx-icon img{width: 100%;vertical-align: bottom;transition: all .4s;} .tdyx-icon .img2{position: absolute;top:0;left: 0;opacity: 0;} .tdys p{color: #005aaa;} .tdys .des18{height: 72px;display: flex;align-items: center;justify-content: center;flex-direction: column;} .tdyx-icon:hover .img1{opacity: 0;} .tdyx-icon:hover .img2{opacity: 1;} .tdyx-icon:hover{ border-color: #fff; background-image: -moz-linear-gradient( 90deg, rgb(14,18,18) 0%, rgb(0,91,172) 0%, rgb(123,187,40) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(14,18,18) 0%, rgb(0,91,172) 0%, rgb(123,187,40) 100%); background-image: -ms-linear-gradient( 90deg, rgb(14,18,18) 0%, rgb(0,91,172) 0%, rgb(123,187,40) 100%); } .yingyong-col3 li{width: 31%;margin-right: 3.5%;} .yingyong-col3 li:nth-child(3n){margin-right: 0;} .yingyong-bg3{position: absolute;width: 100%;top:0;z-index: -1;bottom:140px;} .padding-t80{padding-top: 40px;} /*2.2.0高斯恩低聚半乳糖 e*/ /*2.2.2添活益益生元 s*/ .ban-des h2{font-weight: bold;font-size: 60px;line-height: 1em;} .ban-des h2 span{font-size: 20px;line-height:1em;display: inline-block;vertical-align: top;} .ban-des h3{font-weight: bold;font-size: 48px;} .ban-des p{font-size: 22px;opacity: 0.75;} .ban-des-fff .ban h2{color: #fff;} .ban-des-fff .ban h3{color: #fff;} .ban-des-fff .ban p{color: #fff;} .ban-des-green .ban h2{color: #006428;} .ban-des-green .ban h3{color: #006428;} .ban-des-green .ban p{color: #006428;} .thy-ban-des p{width: 672px;max-width: 100%;margin: 0 auto;} .yjysy-ban-des p{width: 1080px;max-width: 100%;margin: 0 auto;} /*2.2.2添活益益生元e*/ /*2.4联系我们 s*/ .lxwm-l{width: 45%;} .lxwm-r{width: 50%;} .lxwm-l p{margin-bottom: 12px;} .lxwm-l p:last-child{margin-bottom: 0;} .ly-list{border:1px solid #d7d7d7;position: relative;} .ly-name{position: absolute;left: 16px;line-height: 50px;font-size: 16px;color: #9a9a9a;} .ly-input{margin-left: 65px;} .ly-input .text{display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;} .ly-list{float: left;width: 32%;margin-right: 2%;margin-bottom: 15px;} .ly-list:nth-child(3n){margin-right: 0;} .ly-list-full{float: none;width: 100%;margin-right: 0;} .tj{display: inline-block;text-align: center;color: #fff;background: #005bac;font-size: 18px;line-height: 50px;transition: all .4s;width: 180px;border-radius: 50px;} .tj:hover{background: #00bf6a;} .map{height: 640px;} .map h3{font-size: 16px;color: #005aaa;margin-bottom: 5px;} .map .BMap_bubble_content{padding: 0 8px;} /*2.4联系我们 e*/ /*3.1营养智造专家 s*/ .yyzj-a{height: 720px;} .zhili{width: 1020px;max-width: 100%;margin: 0 auto;} .zhili p{font-size: 40px;color: #fff;line-height: 2em;display: inline-block;position: relative;} .zhili img{width: 53px;position: absolute;} .zhili p:nth-child(1) img{left: -110px;top:-10px;} .zhili p:nth-child(2) img{position: static;margin-left: 50px;vertical-align: bottom;} .celue-con img{width: 62px;} .celue-l{width: 40%;position: absolute;height: 100%;top:0;left: 0;overflow: hidden;} .celue-bg{transition: all .4s;} .celue-l:hover .celue-bg{transform: scale(1.1);} .celue-r{width: 60%;} .celue-r li{width: 48%;margin-left: 2%;background: #fff;margin-top: 2%;min-height: 257px;transition: all .4s;} .celue-r li:nth-child(1){margin-top: 0;} .celue-r li:nth-child(2){margin-top: 0;} .celue-warp{padding: 30px 40px;} .celue-warp img{width: 67px;} .celue-warp p{height: 4.8em;} .title30 h2{font-size: 30px;} .celue-r li:hover{background: #005bac;} .celue-r li:hover h2{color: #fff;} .celue-r li:hover p{color: #fff;} .mg-bt10{margin-bottom: 10px;} .hzhb-logo{position: absolute;right: 15px;bottom:15px;width: 28%;} .hzhb-logo img{transform: scale(1) !important;} .hzhb p{line-height: 1.6em;} .hzhb img{max-width: 500px;} .hzhbBtn{position: absolute;z-index: 9;top:0;left: 0;width: 100%;bottom:76px;pointer-events: none;} .hzhbBtn div{pointer-events: auto;width: 30px;height: 60px;margin-top: -30px;top:50%;cursor: pointer;position: absolute;transition: all .4s;} .hzhbBtn1{left: 5px;background: url("../images/60x120-1.png") no-repeat center;background-size: cover;} .hzhbBtn2{right: 5px;background: url("../images/60x120-2.png") no-repeat center;background-size: cover;} .hzhbBtn1:hover{;background: rgba(255,255,255,.7) url("../images/60x120-3.png") no-repeat center;background-size: cover;} .hzhbBtn2:hover{;background: rgba(255,255,255,.7) url("../images/60x120-4.png") no-repeat center;background-size: cover;} .ban-des2 h2{color: #1774cf;line-height: 1.6em;} /*3.1营养智造专家 e*/ /*3.2.0产品品类 s*/ .pro-nav{position: relative;border-bottom:1px solid #d5d5d5;text-align: center;} .pro-nav .w1440{font-size: 0;} .pro-nav a{display: inline-block;font-size: 18px;line-height: 66px;position: relative;transition: all .4s;margin-right: 100px;min-width: 76px;text-align: center;} .pro-nav a:last-child{margin-right: 0;} .pro-nav a:after{content: '';position: absolute;right: -50px;top:50%;transform: translateY(-50%);height: 12px;border-right: 1px solid #afafaf;} .pro-nav a:before{content: '';position: absolute;left: 50%;bottom:-1px;height:3px;width:0;transform: translateX(-50%);transition: all .4s;border-right: 1px solid #afafaf;opacity: 0;background: #005bac;} .pro-nav a.active{color: #005bac;} .pro-nav a.active:before{width: 100%;opacity: 1;} .pro-nav a:hover{color: #005bac;} .pro-nav a:hover:before{width: 100%;opacity: 1;} .pro-nav a:last-child:after{display: none;} .cp li{margin-bottom: 80px;width: 23.5%;margin-right: 2%;text-align: center;} .cp li:nth-child(4n){margin-right: 0;} .cp .img100{transition: all .4s;border:1px solid #d0d0d0;background: #fff;display: flex;align-items: center;justify-content: center;} .cp .img100 img{max-width: 100%;max-height: 100%;} .cp p{font-size: 18px;transition: all .4s;} .cp a:hover .img100{border-color: #005bac;box-shadow: 0 0 10px 0 rgba(0, 91, 172, 0.5);} .cp a:hover p{color: #005bac;} /*3.2.0产品品类 e*/ /*3.2.1产品品类详情 s*/ .no-banner .header{border-bottom: 1px solid #d9d9d9;} .cpxl-img{width: 50%;background: #f5f5f5;border:1px solid #d0d0d0;display: flex;align-items: center;justify-content: center;height: 520px;transition: all .4s;} .cpxl-img:hover{border-color: #005bac;} .cpxl-img img{max-height: 85%;max-width: 85%;width: auto;} .cpxl li{width: 100%;margin-bottom: 45px;position: relative;} .cpxl li:nth-child(odd) .cpxl-img{float: left;} .cpxl li:nth-child(odd) .cpxl-con{float: right;} .cpxl li:nth-child(even) .cpxl-img{float: right;} .cpxl li:nth-child(even) .cpxl-con{float: left;} .cpxl li:last-child{margin-bottom: 0;} .cpxl-con{width: 50%;padding: 30px 80px;} .cpxl-bot h3{font-size: 18px;margin-bottom: 5px;} .cpxl-bot h3 p{display: inline-block;} .cpxl-bot p{font-size: 16px;color: #6b6a6a;margin-bottom: 5px;} .sqly{display: inline-block;cursor: pointer;background: #005bac;color: #fff;border-radius: 10px;width: 160px;line-height: 50px;font-size: 20px;text-align: center;transition: all .4s;border-radius: 50px;} .sqly:hover{background: #00bf6a;} .qtpf-table td{background: #f5f5f5;border:1px solid #d0d0d0;padding: 5px 20px;height: 56px;font-size: 16px;color: #6b6a6a;text-align: center;} .qtpf-table td:nth-child(1){text-align: left;} .qtpf-table th{font-weight: normal; background: #005bac;border:1px solid #d0d0d0;padding: 5px 20px;height: 56px;font-size: 24px;color: #fff;text-align: center;} .qtpf-table td:nth-child(1){width: 50%;} .qtpf-table th:nth-child(1){width: 50%;} .fixed-style{position: fixed;width: 100%;left: 0;top:0;height: 100%;z-index: 9999;background: rgba(0,91,172,.5);display: none;} .hznre{padding: 60px 15px;border-radius: 10px;} .hzzx-warp{width: 740px;max-width: 100%;margin: 0 auto;} .tj-50{margin: 0 auto;} .gb48{width: 48px;height: 48px;cursor: pointer;transition: all .4s;position: absolute;right: 10px;top:10px;background: url("../images/gb96.png") no-repeat center;background-size: cover;} /*3.2.1产品品类详情 e*/ /*3.3研发创新 s*/ .title-bold h2{font-weight: bold;} .cyjs-box .title36{width: 720px;max-width: 100%;margin: 0 auto;;} .cyjs-box .title36 h2{line-height: 1.6em;} .cyjs-box{height: 680px;} .title36 h2{line-height: 1.6em;} .gzz li{width: 28.3%;margin-right: 7.55%;} .gzz li:nth-child(3n){margin-right: 0;} .xuexiao{display: flex;justify-content: space-between;flex-wrap: wrap;} .xuexiao li{text-align: center;} .xuexiao li img{width: 132px;vertical-align: bottom;max-width: 100%;} .xuexiao li p{font-size: 20px;color: #fff;} .xuexiao-bg{width: 100%;bottom:0;left: 0;height: 434px;z-index: -1;position: absolute;} .chengguo-l{width: 42.22%;} .chengguo-m{width: 27.77%;margin-left: 1.12%;} .chengguo-r{width: 27.77%;margin-left: 1.12%;} .chengguo-l-top .chengguo-item{width: 48.7%;margin-bottom: 2.6%;} .chengguo-r .chengguo-item:nth-child(1){margin-bottom: 3.78%;} .chengguo-item{position: relative;} .chengguo-show{position: absolute;left: 0;width: 320px;bottom:0;transition: all .4s;background: rgba(0,91,172,.7);max-width: 92%;padding: 15px 20px;border-top-right-radius: 20px;} .chengguo-show .i{width:14px;height: 14px;background: #fff;margin-bottom: 5px;} .chengguo-show p{min-height: 3.2em;} .chengguo-hide{background: rgba(123,187,40,.8);transition: all .4s;opacity: 0;} .chengguo-hide-warp{width:320px;max-width: 92%;margin: 0 auto;} .chengguo-hide-warp h3{line-height: 1.6em;} .chengguo-hide-warp p{line-height: 2em;} .chengguo-item:hover .chengguo-show{opacity: 0;} .chengguo-item:hover .chengguo-hide{opacity: 1;} .title-fff h3{color: #fff;} /*3.3研发创新 e*/ /*3.4生产智造 s*/ .jixing li{padding: 80px 0 120px;display: block;width: 100%;z-index: 9;position: relative;margin-bottom: 60px;} .jixing li:last-child{margin-bottom: 0;} .jixing li .i{transition: all .4s;background: rgba(0,91,172,.5);z-index: -1;} .jixing-bot{width: 630px;max-width: 100%;margin: 0 auto;background: rgba(255,255,255,.8);display: flex;height: 223px;align-items: center;justify-content: center;} .jixing-item{width: 50%;text-align: center;position: relative;} .jixing-item strong{font-size: 60px;color: #005bac;font-family: dincondmedium;font-weight: normal;} .jixing-item span{font-size: 16px;color: #005bac;} .jixing-item p{font-size: 18px;font-weight: bold; color: #005bac;} .jixing-item:after{content: "";height: 176px;background: url("../images/line.png") no-repeat center;background-size: 100% 100%;width: 1px;right: 0;top:50%;transform: translateY(-50%);position: absolute;} .jixing-item:last-child:after{display: none;} .jixing li:hover .i{background: rgba(123,187,40,.5);} .chejian li{width: 47.84%;margin-right: 4.32%;} .chejian li:last-child{margin-right: 0;} .chejian li .position-full{padding: 60px;} .rz li{width: 170px;margin-right: 20px;text-align: center;margin-bottom: 50px;} .rz li .img100{border:1px solid #a6a6a6;border-radius: 8px;background: #fff;width: 127px;max-width: 100%;margin: 0 auto 20px;} .rz{display: flex;justify-content:center;flex-wrap: wrap;} .rz p{color: #4c4948;font-size: 16px;} .rzs li{width: 30%;margin-right: 5%;} .rzs li:nth-child(3n){margin-right: 0;} .rzs li:last-child{margin-right: 0;} .rzs-bg{height: 530px;} .des16-gys{width: 820px;max-width: 100%;margin: 0 auto;} /*3.4生产智造 e*/ /*3.6服务流程 s*/ .lc-img{width: 120px;position: relative;background: rgba(255,255,255,.1);border-radius: 100%;margin: 0 auto 10px;padding: 9px;max-width: 100%;transition: all .4s;} .lc-imgs{padding: 6px; border-radius: 100%;background: rgba(0,91,172,.4);} .lc-imgs .img100{border-radius: 100%;background: #fff;} .lc .i{position: absolute;width: 18px;height: 15px;background: url("../images/lc36x30.png") no-repeat center;background-size: cover;right: -9px;top:52px;} .lc li{text-align: center;width: 20%;position: relative;padding: 0 10px;} .lc li h3{color: #fff;font-size: 18px;} .lc li p{color: #cddbf6;width: 200px;max-width: 100%;margin: 0 auto;} .lc li :last-child .i{display: none;} .lc{padding: 140px 0;} .lc li:last-child .i{display: none;} .lc li:hover .lc-img{background: #00bf6a;} /*3.6服务流程 e*/ /*3.7合作咨询 s*/ .hezuo .ly-name{;font-weight: bold;color: #333;left: 1em;display: inline-block;position: relative;} .hezuo{padding: 40px 60px;} /*.hezuo .tj{width: 372px;max-width: 35%;}*/ .hezuo .ly-list{border:none;} .hezuo .ly-input{border:1px solid #d7d7d7;margin-left: 0;} .hezuo .ly-input .text{text-indent: 1em;} .hezuo .ly-input .text::-webkit-input-placeholder{color:#c8c8c8;} .hezuo .ly-input .text:-moz-placeholder{color:#c8c8c8;} .hezuo .ly-input .text::-moz-placeholder{color:#c8c8c8;} .hezuo .ly-input .text:-ms-input-placeholder{color:#c8c8c8;} .hezuo{width: 1200px;max-width: 100%;margin: 0 auto;} .padding-b80{padding-bottom: 40px;} /*3.7合作咨询 e*/ /*4.1泰莱集团 s*/ .jituan-img{width: 50%;} .jituan-con{width: 50%;margin-top: 50px;} .jituan-warp{padding: 70px;} .jituan-con .i{position: absolute;width: 141%;left: 0;top:0;bottom:0;background: #f6f6f6;z-index: -1;} .zindex5{z-index: 5;} .jituan-warp p{color: #676767;margin-bottom: 15px;} .jituan-warp p:last-child{margin-bottom: 0;} .jt-logo1 img{height: 50px;vertical-align: bottom;} .jt-logo2 img{height: 68px;vertical-align: bottom;} .jituan-warp{min-height: 520px;} /*4.1泰莱集团 e*/ /*4.3技术与创新 s*/ .jishu li{background: url("../images/dbx1.png") no-repeat center;background-size: 100% 100%;width: 28%;margin-right: 8%;padding: 70px 15px;min-height: 505px;transition: all .4s;} .jishu li:nth-child(3n){margin-right: 0;} .jishu li .title24{margin: 25px auto;width: 200px;max-width: 100%;} .jishu li .des797979{margin: 0 auto;width: 310px;max-width: 100%;} .des797979 p{text-align: justify;color: #797979;} .text-center .des797979 p{text-align: center;} .jishu li h3{transition: all .4s;} .jishu li p{transition: all .4s;} .jishu-icon{width: 140px;margin: 0 auto;max-width: 100%;border:1px solid #005bac;border-radius: 100%;overflow: hidden;position: relative;transition: all .4s;} .jishu-icon .img100{margin: 10px;background: #fff;border-radius: 100%;overflow: hidden;} .jishu li:hover{background: url("../images/dbx2.png") no-repeat center;background-size: 100% 100%;} .jishu li:hover .jishu-icon{background: #4dd297;border-color: #4dd297;} .jishu li:hover h3{color: #fff;} .jishu li:hover p{color: #fff;} .jishu .li{background: url("../images/dbx1.png") no-repeat center;background-size: 100% 100%;padding: 70px 15px;min-height: 505px;transition: all .4s;} .jishu .li .title24{margin: 25px auto;width: 200px;max-width: 100%;} .jishu .li .des797979{margin: 0 auto;width: 310px;max-width: 100%;} .jishu .li h3{transition: all .4s;} .jishu .li p{transition: all .4s;} .jishu .li:hover{background: url("../images/dbx2.png") no-repeat center;background-size: 100% 100%;} .jishu .li:hover .jishu-icon{background: #4dd297;border-color: #4dd297;} .jishu .li:hover h3{color: #fff;} .jishu .li:hover p{color: #fff;} /*4.3技术与创新 e*/ /*4.4荣誉资质 s*/ .ryzz li{width: 30%;margin-right: 5%;margin-bottom: 60px;} .ryzz li:nth-child(3n){margin-right: 0;} .ryzz li .img{display: flex;align-items: center;justify-content: center;border:1px solid #d0d0d0;transition: all .4s;} .ryzz li .img img{max-width: 100%;max-height: 100%;vertical-align: bottom;} .ryzz li p{color: #797979;transition: all .4s;line-height: 1.6em;} .ryzz li:hover p{color: #005bac;} .ryzz li:hover .img{box-shadow: 0 3px 7px 0 rgba(0, 65, 123, 0.47);background: #005bac;border-color: #005bac;} /*4.4荣誉资质 e*/ /*4.5发展历程 s*/ .preview .swiper-slide{width: 14.285%;text-align: center;height: 80px;cursor: pointer;} .lishi-dot{width: 24px;height: 24px;border:2px solid transparent;border-radius: 100%;position: absolute;left: 50%;bottom:0;margin-left: -15px; transition: all .4s;} .lishi-dot i{position: absolute;top:0;right: 0;bottom:0;left:0;background: #fff;border-radius: 100%;transition: all .4s;} .lishi-year{font-size: 24px;color: #fff;font-family: dincondmedium;width: 100%;position: absolute;left: 0;text-align: center;bottom:45px;transition: all .4s;} .preview:before{content: "";position: absolute;left: 0;right: 0;bottom:11px;border-top: 1px solid #fff;z-index: -1;} .preview .swiper-slide.active-nav .lishi-year{font-size: 36px;} .preview .swiper-slide.active-nav .lishi-dot{border-color: #fff;} .preview .swiper-slide.active-nav .lishi-dot i{background: #00bf6a;} .preview .swiper-slide:hover .lishi-year{font-size: 36px;} .preview .swiper-slide:hover .lishi-dot{border-color: #fff;} .preview .swiper-slide:hover .lishi-dot i{background: #00bf6a;} .his-arrow{width: 44px;height: 44px;cursor: pointer;position: absolute;z-index: 9;transition: all .4s;} .his-arrow:hover{background-color: #00bf6a;} .arrow-left{background: url("../images/88x88-1.png") no-repeat center;background-size: cover;bottom:-11px;left: -44px;} .arrow-right{background: url("../images/88x88-2.png") no-repeat center;background-size: cover;bottom:-11px;right: -44px;} .lishi-bot{background: #fff;padding: 30px;display: flex;align-items: center;} .lishi-img{width: 48%;margin-right: 5%;} .lishi-con{width: 47%;} .lishi-title h3{font-size: 48px;color: #005bac;font-family: dincondmedium;} .lishi-title .i{width: 32px;height: 3px;background: #005bac;} .lishi-des p{font-size: 18px;color: #005bac;} /*4.5发展历程 e*/ /*4.6幸福企业建设 s*/ .xf-title{display: flex;} .xf-title li{width: 32%;margin-right: 2%;display: inline-block;background:#f0f0f0;transition: all .4s;position: relative;cursor: pointer;} .xf-title li:last-child{margin-right: 0;} .xf-title li a{display: block;text-align: center;padding: 40px 10px;} .xf-title h3{font-size: 24px;color: #005bac;transition: all .4s;} .xf-title p{color: #797979;transition: all .4s;} .xf-title li .i{width: 33px;height: 21px;background: url("../images/sjx66x42.png") no-repeat center;background-size: 100% 100%;position: absolute;top:100%;left: 50%;margin-left: -16px;transition: all .4s;opacity: 0;} .xf-title li.active{background: #005bac;} .xf-title li.active h3{color: #ffffff;} .xf-title li.active p{color: #ffffff;} .xf-title li.active .i{opacity: 1;} .xf-title li:hover{background: #005bac;} .xf-title li:hover h3{color: #ffffff;} .xf-title li:hover p{color: #ffffff;} .xf-title li:hover .i{opacity: 1;} .xf-tabs{padding:0;} .xf-tabs li{display: none;} .xf-tabs li.active{display: block;} .xf-tabs li img{width: auto;} /*4.6幸福企业建设 e*/ /*5.1新闻中心s*/ .nxq-con{margin-bottom: 25px;} .nxq-search{width: 260px;height: 40px;border:1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;background: #fff;position: relative;} .nxq-search .text{width: 100%;height: 38px;text-indent: 1em;border-radius: 4px;-webkit-border-radius: 4px;} .nxq-search .submit{width: 44px;height: 100%;position: absolute;right: 0;top:0;background: url("../images/ss.jpg") no-repeat center;background-size: cover;cursor: pointer;} .moshi{width: 120px;line-height: 38px; height: 40px; border:1px solid #ddd;border-radius: 4px;-webkit-border-radius: 4px;background: #0075c1;margin-left: 20px;} .moshi a{display: block;text-align: center;color: #fff;} .moshi a i{display: inline-block;width: 16px;height: 16px;vertical-align: middle;margin: -2px 5px 0 0;} .lbms i{background: url("../images/lbms.png") no-repeat center;background-size: cover;} .moshi .tpms{display: none;} .tpms i{background: url("../images/tpms.png") no-repeat center;background-size: cover;} .moshi.active .lbms{display: none;} .moshi.active .tpms{display: block;} .news-list2 li{margin-bottom: 5%;} .news-list2 .news-con span{color: #666;margin-bottom: 15px;display: block;font-family: dincondbold;} .news-list2 .news-con h4{margin-bottom: 10px;font-weight: bold;line-height: 1.6em;height: 3.2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: "Microsoft YaHei";font-family: dincondbold;} .pdf-list{display: none;} .xwlbs.active .news-list{display: none;} .xwlbs.active .pdf-list{display: block;} .pdf-list li{background: #fff;position: relative;margin-bottom: 12px;display: block;} .pdf-list li a{display: block;} .pdf-time{position: absolute; left: 0; top: 0; width: 130px;height: 100%;border: 1px solid #ddd; box-sizing: border-box; border-right: none;background: #fff;} .pdf-time h4{font-weight: bold;font-size: 18px;color: #595959;font-family: dincondBold;} .pdf-r{padding: 0 130px;border: 1px solid #ddd;border-left: none;box-sizing: border-box;padding-right: 10px;} .pdf-r-text {padding: 0 35px; line-height: 64px; padding-right: 0;} .pdf-r-text h5 {font-size: 14px; font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pdf-list li:hover .pdf-time{background: #0075c1;} .pdf-list li:hover h4{color: #fff;} .pdf-list li:hover h5{color: #0075c1;} .benefits-clo-4 li{width: 21.25%;} .div32{font-size: 20px;color: #0075c1;} /*5.1新闻中心e*/ /*5.2新闻详情s*/ .positions{margin-top: 15px;} .positions a{color: #999;} .positions a:last-child{color: #666;} .xwxq-a h3{font-size: 22px; color: #333;margin-bottom: 20px;font-weight: bold;} .xwxq-a span{display: inline-block;color: #808080;margin: 0 20px;} .look{position: relative;padding-left: 20px;} .look:before{content: '';position: absolute;width: 16px;height: 12px;background: url("../images/look.png");left: 0;top:50%;margin-top: -6px;} .xwxq-b{border-top: 1px solid #e0e0e0;margin-top: 20px;padding-bottom: 50px;border-bottom: 1px solid #e0e0e0;} .xwxq-b img{display: inline-block;max-width: 100%;width: auto !important;height: auto !important;margin: 0 auto;vertical-align: bottom;} .xwxq-list{margin-top: 32px;} .xwxq-b p{line-height: 24px;margin-top: 20px;} .title200{text-align: center;font-size: 16px; margin-top: 50px;} .xwfy-a{max-width: 48%;} .xwfy{padding-top: 15px} .xwfy a{position: relative;color: #8c8c8c;display: block;transition: all .4s;} .xwfy a:hover{color: #005ca0;} .fy-go{position: absolute;top:0;} .xwfy .fl .fy-go{left: 0;padding-right: 20px;} .xwfy .fr .fy-go{right: 0;padding-left: 20px;} .xwfy .fl.xwfy-a a{padding-left: 70px;} .xwfy .fr.xwfy-a a{padding-right: 70px;text-align: right;} .xwfy .fy-go span{position: absolute;top:0;} .xwfy .fl.xwfy-a span{right: 0;} .xwfy .fr.xwfy-a span{left: 0;} .w900{width: 900px;margin: 0 auto;max-width: 92%;} .fanghui1 a{display: block;width: 120px;line-height: 40px;-webkit-border-radius: 40px;border-radius: 40px;border:1px solid #ddd;margin: 0 auto;color: #666;transition: all .4s;} .fanghui1 a:hover{border-color: #005bac;color: #005bac;} .fanghui1{margin-top: 60px;} .xwxqfanghui{margin-top: 30px;} /*5.2新闻详情s*/ .imgmax img{max-width: 100%;vertical-align: bottom;} .maodian{position: absolute;left: 0;top:-80px;} .maodian2{position: absolute;left: 0;top:-200px;} .jishuDot .swiper-pagination-bullet{background: #fff;} .jishuDot .swiper-pagination-bullet-active{background: #00bf6a;} .xing{position: absolute;top:2px;right: 100%;margin-right:3px; color: #f00;} .dgpt img{width: 104px;} .dgpt dd{margin-bottom: 10px;} .page{text-align: center;font-size: 0;} .page a{font-size: 14px;line-height: 30px;border:1px solid #d1d1d1;color: #666;display: inline-block;padding: 0 10px;margin: 0 6px;transition: all .4s;} .page a.active{background: #005bac;color: #fff;border-color: #005bac;} .page a:hover{background: #005bac;color: #fff;border-color: #005bac;} .sptbn{position: relative;margin: 0 auto;text-align: center;width: 654px;max-width: 100%;cursor: pointer;} .poster11{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 9;} .poster11:after{content: '';position: absolute;width: 64px;height: 64px;background-image: url("../images/play.png");top:50%;left: 50%;margin: -32px 0 0 -32px;} .sptbn video{background: #000;width: 100%;display: block;} .search-choose{border-bottom: 1px solid #ddd;margin-bottom: 40px;} .search-choose a{float: left;font-size: 16px;margin-right: 35px;line-height: 44px;} .search-tab{min-height: 480px;} .search-choose a.active{color: #005bac;} .search-tabs{display: none;} .search-tabs.active{display: block;} .news-list li .img100{overflow: hidden;} /*.tjimg-con{max-width: 300px;}*/ /*.paginations{margin-top: 20px;}*/ /*.paginations.swiper-pagination-bullets .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #ddd;margin: 0 8px;}*/ /*.paginations.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005bac;}*/ /*.pagination1{display: none;}*/ .search-body .header{border-bottom: 1px solid #f3f2f3;} .imgscale .img100{overflow: hidden;} .imgscale .img100 img{transition: all .4s;} .imgscale:hover .img100 img{transform: scale(1.1);} .background-cover{ background-repeat: no-repeat; background-size: cover; background-position: center; } .lc li:nth-child(1){animation-delay: 200ms !important;} .lc li:nth-child(1) .i{animation-delay: 400ms !important;} .lc li:nth-child(2){animation-delay: 600ms !important;} .lc li:nth-child(2) .i{animation-delay: 800ms !important;} .lc li:nth-child(3){animation-delay: 1000ms !important;} .lc li:nth-child(3) .i{animation-delay: 1200ms !important;} .lc li:nth-child(4){animation-delay: 1400ms !important;} .lc li:nth-child(4) .i{animation-delay: 1600ms !important;} .lc li:nth-child(5){animation-delay: 1800ms !important;} .lc li:nth-child(5) .i{animation-delay: 2000ms !important;} .slideUp,.swiper-slide-active .banner-des{ animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out; } @keyframes slideUp{ 0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);} 100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);} } .slideDown{ animation:slideDown 1s both ease-out;-webkit-animation:slideDown 1s both ease-out; } @keyframes slideDown{ 0%{opacity:0;-webkit-transform: translateY(-60px);transform: translateY(-60px);} 100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);} } .slideLeft,.about li:nth-child(even) .about-img,.lc li,.lc li .i{ animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out; } @keyframes slideLeft{ 0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .slideRight,.about li:nth-child(odd) .about-img{ animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out; } @keyframes slideRight{ 0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .tobig{ animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out; } @keyframes tobig{ 0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }