.full .el-loading-spinner .path{ stroke:#42b983 !important; } .full .el-loading-spinner .el-loading-text { color:#42b983; } .swiper-wrapper{align-items: center;} /* 二级公用 banner */ .banner-box{min-height:491px;overflow:hidden;} .banner-box .banner {min-height:491px;overflow:hidden;width:100%;position:relative;left:50%;margin-left:-50%;} .banner-box .banner li{position:absolute;float:left;width:100%;background:#f3efee;text-align:center;min-width:1280px;} .banner-box .banner li img {width:100%;vertical-align:middle;} .topbanner{width:100%;} .topbanner .img-outer{position:relative;width:100%;min-width:1280px;} .topbanner .img-outer img{width:100%;max-width:100%;} .brandStory .topbanner .img-outer{background:url(https://static.zg101.com/zg101-web/pc/images/level2/BrandStory_01.jpg) no-repeat center #044d3c;background-size:100%;} .page-header{position:absolute;z-index:8;left:0;top:0;right:0;height:88px;background:rgba(255,255,255,0);-webkit-transition: background .5s;-moz-transition: background .5s;-ms-transition: background .5s;transition: background .5s;} .page-header .container{width:1200px;margin:0 auto;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;/* justify-content:center; */position:relative;} .page-header .container .logo {width:120px;height:32px;position:absolute;left:46px;top:28px;} .page-header .container .logo a{width:120px;height:32px;background-image:url(https://static.zg101.com/zg101-web/pc/images/logo_white_new.png);display:inline-block;transition: background .3s;background-size:120px 32px;background-repeat:no-repeat;} .page-header .container .navlist{padding-left:200px;} .page-header .container .navlist .nav{padding-top:22px;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;} .page-header .container .navlist .nav>li{font-size:16px;position:relative;} /* .page-header .container .navlist .nav>li.overseas, .page-header .container .navlist .nav>li .drop-down .hairResearch, .page-header .container .navlist .nav>li .drop-down .zfyy{display:none;} */ .page-header .container .navlist .nav>li>a{padding:0 24px;color:rgba(255,255,255,.8);text-decoration:none;display:inline-block;height:44px;line-height:44px;letter-spacing:1px;transition: color .5s;white-space:nowrap;} .page-header .container .navlist .drop-down{position: absolute;width:100%;text-align:center;background-color:#fff;opacity:0;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;display:none;padding-top:22px;/* box-shadow: 0 0 10px rgba(0,0,0,.1); */} /* .page-header .container .navlist .drop-down li{padding:10px 15px;} */ .page-header .container .navlist .drop-down li a{display:block;height:44px;line-height:44px;letter-spacing:1px;color:#333; -moz-transition:color .5s; -webkit-transition:color .5s; -ms-transition:color .5s; transition:color .5s; padding:10px 15px; } .page-header .container .navlist .drop-down li:hover{cursor:pointer;background-color:#044d3c;} .page-header .container .navlist .drop-down li:hover a {color:#fff;} .page-header .container .navlist .nav>li:hover .drop-down{opacity:1;display:block;} .page-header .container .shop{margin: 23px 0 0 20px;position:relative;} .page-header .container .shop > a {border:1px solid #ffff;width:120px;height:40px;border-radius:44px;display:inline-block;color:rgba(255,255,255,.8);text-align:center;line-height:40px;/* width:38px;height:38px; */font-size:14px; -moz-transition:border .5s; -webkit-transition:border .5s; -ms-transition:border .5s; transition:border .5s; } .page-header .container .shop .shop-icon{font-size:20px;vertical-align:-1px;margin-right:3px;} .page-header .container .shop .shop-list{position:absolute;width:auto;background-color:#fff;padding:22px 0 0 0;text-align: center;display:none;opacity:0;left:50%;/* box-shadow: 0 0 10px rgba(0,0,0,.1);top:50px; */ -moz-justify-content: space-between; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-transition: all .5s; -ms-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .page-header .container .shop .shop-list li{text-align: center;padding:15px;} .page-header .container .shop .shop-list li:nth-last-child(1){display:none;} .page-header .container .shop .shop-list li a {display:-ms-flex;display:-moz-flex;display:-webkit-flex;display:flex;} .page-header .container .shop .shop-list li:hover{background-color: #f5f5f5;} .page-header .container .shop .shop-list .imgs img{width:30px;height:30px;} /* .page-header .container .shop .shop-list .imgs.tmall{background:url(https://static.zg101.com/zg101-web/pc/images/index/tmall.png) no-repeat;background-size:30px;} .page-header .container .shop .shop-list .imgs.jd{background:url(https://static.zg101.com/zg101-web/pc/images/index/jd.png) no-repeat;background-size:30px;} */ .page-header .container .shop .shop-list .texts{display:inline-block;white-space:nowrap;line-height:32px;margin-left:8px;} .page-header .container .shop:hover .shop-list{display:block;opacity:1;} .page-header:hover, .page-header.hover {background:#fff;} .page-header:hover .container .logo a, .page-header.hover .container .logo a{background-image:url(https://static.zg101.com/zg101-web/pc/images/logo_green_new.png);} .page-header:hover .container .navlist .nav>li>a, .page-header.hover .container .navlist .nav>li>a {color:#333;} .page-header:hover .container .shop > a, .page-header.hover .container .shop > a {border:1px solid #044d3c;color:#044d3c;} .pc-banner .swiper-banner {position:relative;} .pc-banner .swiper-banner .swiper-slide{background-color:#f6f6f6;} .pc-banner .swiper-banner img {width:100%;max-width:100%;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s;} .pc-banner .swiper-slide .img-outer{position:relative;width: 100%;min-width: 1280px;background-size:100%;min-height: 600px;} .pc-banner .swiper-banner:hover{opacity:.95;} .pc-banner .swiper-banner .swiper-pagination{bottom:35px;} .pc-banner .swiper-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:32px;height:4px;border-radius:2px;background:rgba(255,255,255,.75); opacity: .8;} .pc-banner .swiper-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(255,255,255, 1); opacity:1; } /* .swiper-banner .video-box{opacity:1;transition:all .3s;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;} */ .pc-banner .swiper-banner .video-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;} .pc-banner .swiper-banner .video-box .video-js{width:100%;height:100%;} .pc-banner .swiper-banner .video-preload{position:absolute;top:0;left:0;z-index:99;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;} .pc-banner #my-video{width:100%;max-width:100%;height:100%;background-color:#000;} .pc-banner #play-btn{position:absolute;width:80px;height:80px;font-size:80px;color:rgba(255,255,255,.95);top:50%;left:50%;margin-left:-40px;margin-top:-40px;z-index:88;cursor:pointer;line-height:80px;} /* .video-box .video-js .vjs-big-play-button{top:50%;left:50%;transform: translate(-50%, -50%);width:160px;height:80px;line-height:80px;font-size:52px;border: 1px solid #fff;border-radius:5px;} */ .pc-banner .video-box .video-js .vjs-big-play-button{top:50%;left:50%;width:120px;height:120px;line-height:120px;font-size:52px;border: 2px solid #fff;border-radius:50%; transform: translate(-50%, -50%); } .pc-banner .swiper-progress {position:absolute;text-align:center;bottom:40px;width:100%;z-index:99; display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; -moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; } .pc-banner .swiper-progress div {width:32px;height:30px;position:relative;margin:0 6px;cursor:pointer;} .pc-banner .swiper-progress div .filter{position:relative;width:32px;height:3px;background:rgba(255,255,255,.3);cursor:pointer;display:inline-block;border-radius:5px;} .pc-banner .swiper-progress div .line{position:absolute;width:0;height:3px;background:rgba(255,255,255,1);top:0;left:0;border-radius:5px;} /* transition:width 5s linear;-moz-transition:width 5s linear; -webkit-transition:width 5s linear; .swiper-progress div.full .line{width:100%;} */ .m-banner {display:none;} .m-banner {min-height:380px;background-color:#f9f9f9;} .m-banner .swiper-m-banner {position:relative;margin-top:56px;} .m-banner .swiper-m-banner .swiper-slide{background-color:#f6f6f6;} .m-banner .swiper-m-banner img {max-width:100%;} .m-banner .swiper-m-banner .swiper-pagination{bottom:20px;} .m-banner .swiper-m-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.75); opacity: .7;margin:0 3px;} .m-banner .swiper-m-banner .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:rgba(255,255,255, 1); opacity: 1; } .m-banner .swiper-m-banner .video-box{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;} .m-banner .swiper-m-banner .video-box .video-js {width:100%;height:100%;} .m-banner .swiper-m-banner .video-preload{position:absolute;top:0;left:0;z-index:99;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;} .m-banner .swiper-m-banner .video-box .video-js .vjs-control-bar {z-index:66;} .m-banner #myVideom{width:100%;max-width:100%;height:100%;background-color:#000;} .m-banner #play-btn{position:absolute;width:80px;height:80px;font-size:80px;color:rgba(255,255,255,.95);top:50%;left:50%;margin-left:-40px;margin-top:-40px;z-index:88;cursor:pointer;line-height:80px;} .m-banner .video-box .video-js .vjs-big-play-button{top:50%;left:50%;width:66px;height:66px;line-height:66px;font-size:32px;border: 2px solid #fff;border-radius:50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .m-banner .swiper-progress {position:absolute;text-align:center;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;bottom:40px;width:100%;z-index:99;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;} .m-banner .swiper-progress div {width:32px;height:30px;position:relative;margin:0 6px;cursor:pointer;} .m-banner .swiper-progress div .filter{position:relative;width:32px;height:3px;background:rgba(255,255,255,.3);cursor:pointer;display:inline-block;border-radius:5px;} .m-banner .swiper-progress div .line{position:absolute;width:0;height:3px;background:rgba(255,255,255,1);top:0;left:0;border-radius:5px;} .video-js.vjs-playing .vjs-tech { pointer-events: auto; } #homepagepc{display:none;} .main{padding-top:120px;} .main .partone, .main .parttwo { display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex;height:650px;margin:0 40px 120px 20px; -moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; } .main .parttwo {display:block;} .main .left-part{width:500px;padding:50px 20px 0 0;} .main .parttwo .left-part {padding-right:0;float:right;} .main .parttwo .right-part {padding-right:20px;float:left;} .main .left-part h2{font-size:60px;line-height:80px;text-transform:uppercase;letter-spacing:1px;} .main .left-part h3{font-size:40px;line-height:60px;letter-spacing:.5px;margin:60px 0 30px 0;} .main .left-part p {font-size:18px;line-height:28px;letter-spacing:.5px;text-indent:40px;} .line2{margin-top:10px;} .main .left-part .button-style {margin-top:50px;} .main .right-part {width:634px;height:650px;} .main .right-part img {width:100%;} .main .right-part img:hover{opacity:.8;} .main .partthree {height:720px;overflow:hidden;width:1240px;margin:0 auto;position:relative;} .main .partthree .swiper-pic-bottom .swiper-slide {background-color:#f6f6f6;min-height:720px;} .main .partthree .swiper-pic-bottom img {width:100%;max-width:100%;} .main .partthree .swiper-pic-bottom img:hover{opacity:.8;} .main .partthree .swiper-button-prev, .main .partthree .swiper-button-next {width:40px;height:40px;margin-top:-20px;display:none;} .main .partthree .swiper-button-prev {background-image: url(https://static.zg101.com/zg101-web/pc/images/bottom-left.png);background-size:40px;left:20px;} .main .partthree .swiper-button-next {background-image: url(https://static.zg101.com/zg101-web/pc/images/bottom-right.png);background-size:40px;right:20px;} .main .partthree .swiper-pagination-bottom {bottom:0;top:initial;z-index:20;} .main .partthree .swiper-pagination-progress .swiper-pagination-progressbar {background-color:#42b983;border-radius:6px;} .main .partthree .shop-part-box {position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.85);bottom:-100%;left:0;z-index:8;opacity:0;} .main .partthree .shop-part-box ul{display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:50px;} .main .partthree .shop-part-box ul li {width:50%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;height:310px;} .main .partthree .shop-part-box ul li a {height:100%;text-align:center;width:100%;display:block;transition:all .3s;} .main .partthree .shop-part-box ul li.borderbot{border-bottom:1px solid #e3e3e3;} .main .partthree .shop-part-box ul li.borderrig{border-right:1px solid #eee;} .main .partthree .shop-part-box ul li a .imgs{display:block;box-sizing:border-box;padding-top:50px;} .main .partthree .shop-part-box ul li a .texts{font-size:24px;letter-spacing:1px;display:inline-block;margin-top:20px;color:#000;} .main .partthree .shop-part-box ul li a:hover{transform: translate(-12px, -12px);} /* .main .partthree .shop-part-box ul li a .imgs.tmall{background:url(https://static.zg101.com/zg101-web/pc/images/index/tmall.png) no-repeat;} .main .partthree .shop-part-box ul li a .imgs.jd{background:url(https://static.zg101.com/zg101-web/pc/images/index/jd.png) no-repeat;} */ .footer-part{width:100%;background-color:#044d3c;position:relative;z-index:1;min-height:460px;} .footer-part .placeholder{background-color:#fff;height:100px;width:100%;} .main-container {margin:0 20px;} .footer-part .footer-top{padding:60px 0 40px 0;} .footer-part .footer-top .logo{margin-bottom:40px;width:124px;} .footer-part .footer-top .logo img{max-width:100%;} .footer-part .content-bottom{display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; } .footer-part .content-bottom .sitemap-list{display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; width:60%;border-right:1px solid rgba(255,255,255,.2);} .footer-part .content-bottom .sitemap-list dl {width:19%;} .footer-part .content-bottom .sitemap-list dl.home{width:15%;} .footer-part .content-bottom .sitemap-list dl.hotsite{width:28%;margin-left:8%;} .footer-part .content-bottom .sitemap-list dl dt{color:#fff;margin-bottom:30px;letter-spacing:1px;} .footer-part .content-bottom .sitemap-list dl dd{margin-bottom:20px;line-height:24px;} .footer-part .content-bottom .sitemap-list dl dd a, .footer-part .content-bottom .sitemap-list dl dd span{color:rgba(255,255,255,.7);letter-spacing:.8px;transition: color .5s;} .footer-part .content-bottom .sitemap-list dl dd a:hover, .footer-part .content-bottom .sitemap-list dl dd span:hover{color:rgba(255,255,255,1);} .footer-part .content-bottom .sitemap-list dl dd a.overseas {font-size:14px;letter-spacing:0;} .footer-part .content-bottom .sitemap-list dl.hotsite dd i{width:32px;height:32px;background-image:url(https://static.zg101.com/zg101-web/pc/images/footerSprite.png);background-repeat:no-repeat;background-size:32px 160px;display:inline-block;opacity:.5;transition: opacity .5s;margin-right:6px;vertical-align:-8px;} .footer-part .content-bottom .sitemap-list dl.hotsite dd a:hover i, .footer-part .content-bottom .sitemap-list dl.hotsite dd span:hover i{opacity:1;} /* .footer-part .content-bottom .sitemap-list dl dd.hairResearch, .footer-part .content-bottom .sitemap-list dl dd.overseas, .footer-part .content-bottom .sitemap-list dl dd.zfyy {display:none;} */ .footer-part .content-bottom .sitemap-list dl dd.hairResearch{display:none;} .footer-part .content-bottom .sitemap-list dl.hotsite dd i.icon-tmall{background-position:0 -36px;} .footer-part .content-bottom .sitemap-list dl.hotsite dd i.icon-jd{background-position:0 0;} .footer-part .content-bottom .sitemap-list dl.hotsite dd i.icon-phone{background-position:0 -72px;} .footer-part .content-bottom .code-list-box {text-align:center;margin-left:60px;} .footer-part .content-bottom .code-list-box .top-show {display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; } .footer-part .content-bottom .code-list-box .weibo {margin-left:80px;} .footer-part .content-bottom .code-list-box h2{color:#fff;font-size:16px;margin-bottom:25px;letter-spacing:1px;} .footer-part .content-bottom .code-list-box .img-box img{width:102px;height:102px;border:2px solid #fff;padding:4px;} .footer-part .content-bottom .code-list-box .text{color:rgba(255,255,255,.7);font-size:14px;margin-top:15px;letter-spacing:.5px;text-align:left;} .footer-part .content-bottom .code-list-box .bottom-show {margin-top:25px;text-align:left;padding-left:7px;} .footer-part .content-bottom .code-list-box .bottom-show a {color:rgba(255,255,255,.7);} .footer-part .content-bottom .code-list-box .bottom-show span {color:rgba(255,255,255,.7);letter-spacing:1.5px;transition: color .5s;font-size: 19px;} .footer-part .content-bottom .code-list-box .bottom-show i{width:32px;height:32px;background-image:url(https://static.zg101.com/zg101-web/pc/images/footerSprite.png);background-repeat:no-repeat;background-size:32px 160px;display:inline-block;opacity:.5;transition: opacity .5s;margin-right:10px;vertical-align:-8px;background-position:0 -72px;} .footer-part .content-bottom .code-list-box .bottom-show:hover span {color:rgba(255,255,255,1);} .footer-part .copyright{color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.5px;text-align:center;border-top:2px solid rgba(255,255,255,.2);padding:20px 0;} .footer-part .copyright p {line-height:24px;} .footer-part .copyright p a {color:rgba(255,255,255,.7);} .footer-part .copyright p a.sitemap{margin-left:10px;} .footer-part .copyright p a.sitemap:hover{color:#fff;} .gotop-box {position: fixed;bottom:8%;right:2.5%;z-index:999;} .gotop-box a {width:60px;height:60px;border-radius:50%;background-color:#19caa6;display:block;text-align:center;line-height:60px;} .gotop-box a img {width:35px;height:35px;} .preload-box {position:fixed;width:100%;height:100%;top:0;left:0;background-color:#044d3c;z-index:10000;transition:opacity .5s;} .preload-box .top-div{position:fixed;text-align:center;top:40%;left:50%;transform:translateX(-50%);} .preload-box .top-div .logo-show{width:130px;} .preload-box .top-div .logo-show img{width:100%;} .preload-box .top-div .progress-num{color:#fff;font-family:'Microsoft YaHei',sans-serif,Akzidenz Grotesk BQ Light,Helvetica;font-size:74px;line-height:96px;margin-top:30px;transition:all .3s;} .preload-box .preload-line{position:fixed;bottom:30%;transition:width .3s;height:2px;background-color:#fff;left:0;width:0;} /* 社会责任 */ .socialResponsibility {margin-top:88px;} .socialResponsibility .banner img {width:100%;max-width:100%;} .top-desc {border:1px solid #d2d2d2;padding:40px 60px;background-color:#fff;margin-top:-75px;overflow:hidden;position:relative;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.3); -ms-box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.3); -webkit-box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.3); box-shadow: 0 0 9px 0 rgba(50, 50, 50, 0.3); } .top-desc h2{font-size:26px;line-height:40px;letter-spacing:1px;} .top-desc p {font-size:18px;margin-top:10px;line-height:30px;letter-spacing:.5px;text-indent:40px;} .enterpriseHonor .top-desc p {text-indent:0;} .socialResponsibility .news-list-box{margin-top:100px;} .socialResponsibility .news-list-box > ul {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .socialResponsibility .news-list-box > ul li {width:394px;color:#292626;margin-bottom:80px;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;margin-right:48px;} .socialResponsibility .news-list-box > ul li:nth-child(3n) {margin-right:0;} .socialResponsibility .news-list-box > ul li img {width:394px;height:252px;} .socialResponsibility .news-list-box > ul li h2 {padding:20px 0 15px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;} .socialResponsibility .news-list-box > ul li .date-show .date {font-size:14px;color:#999;} .socialResponsibility .news-list-box > ul li .date-show .showbg {display:inline-block;font-size:12px;background-color:#f2f6f5;color:#003a2c;padding:3px 8px;letter-spacing:.2px;margin-left:10px;} .socialResponsibility .news-list-box > ul li .content-abridge {font-size:16px;margin-top:10px;line-height:28px;letter-spacing:.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient: vertical;transition:all .3s;} .socialResponsibility .news-list-box > ul li:hover {transform:translateY(-12px);} .socialResponsibility .news-list-box > ul li:hover .content-abridge{color:#044D3C;} .page-box {text-align:right;} .page-box .el-pagination.is-background .el-pager li{width:42px;height:42px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;text-align:center;line-height:42px;display:inline-block;color:#044D3C;background-color:#fff;border:1px solid #044D3C;font-size:16px;font-weight:normal;margin:0 8px;} .page-box .el-pagination.is-background .btn-prev, .page-box .el-pagination.is-background .btn-next{width:42px;height:42px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;color:#044D3C;font-weight:bold;} .page-box .el-pagination.is-background .btn-prev:disabled, .page-box .el-pagination.is-background .btn-next:disabled {color: #c0c4cc;} .page-box .el-pagination.is-background .el-pager li:not(.disabled).active{background-color:#044D3C;} .page-box .el-pagination.is-background .el-pager li:not(.disabled):hover{color:#fff;background-color:#044D3C;} /* 企业荣誉 */ .honor-content {width:1252px;margin:0 auto;margin-top:100px;margin-bottom:17px;} .honor-content .listshow {padding-bottom:50px;border-bottom:2px dashed #81a59d;margin-top:60px;} .honor-content .listshow.last {margin-bottom:0;border-bottom:0;} .honor-content .listshow h2{font-size:24px;letter-spacing:1px;color:#044d3c;font-weight:normal;margin-bottom:34px;padding-left:9px;} .honor-content .listshow h2 span {color:#030000;font-size:18px;} .honor-content .listshow .desc-list {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;margin-top:15px;} .honor-content .listshow .desc-list li {width:274px;letter-spacing:.5px;font-size:15px;line-height:21px;} .honor-content .listshow .img-box img{max-width:1252px;} .enterpriseHonor .top-desc {padding-bottom:60px;} .honor-content .img-box span {position:absolute;left:-9999px;} .enterpriseHonor .banner-box{height:675px;overflow:hidden;} .enterpriseHonor .banner-box .banner {height:675px;overflow:hidden;width:1920px;position:relative;left:50%;margin-left:-960px;} .enterpriseHonor .banner-box .banner li{position:absolute;float: left;width:100%;background:#f3efee;text-align:center;height:675px;} .enterpriseHonor .banner-box .banner li img {vertical-align:middle;} /* width:600px; margin: 200px auto 500px; box-shadow: 0 0 8px rgba(0,0,0,.2); border-radius: 6px; text-align: center; padding: 50px 20px; */ /* 招商加盟 */ .invitation-body {min-width:1400px;} .invitation-body .pos-text {position:absolute;left:-9999px;} .invitation {margin-top:88px;} .invitation .banner-box{height:827px;overflow:hidden;width:100%;background-color:#154039;} .invitation .banner-box .banner {height:827px;overflow:hidden;width:1920px;position:relative;left:50%;margin-left:-960px;} .invitation .banner-box .banner li{position:absolute;float: left;width:100%;background:#f3efee;text-align:center;height:827px;background-color:#1d4b31;} .invitation .banner-box .banner li img {vertical-align:middle;width:auto;} .invitation .main-content {width:100%;height:auto;background-color:#15472f;} .invitation .main-content .main1 {width:100%;height:1077px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg01.jpg);background-repeat:no-repeat;} .invitation .main-content .main2 {width:100%;height:1464px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg02.jpg);background-repeat:no-repeat;overflow:hidden;} .invitation .main-content .main3 {width:100%;height:1074px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg03.jpg);background-repeat:no-repeat;overflow:hidden;} /*display:none;*/ .invitation .main-content .main4 {width:100%;height:637px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg04.jpg);background-repeat:no-repeat;overflow:hidden;} .invitation .main-content .main5 {width:100%;height:1630px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg05.jpg);background-repeat:no-repeat;} .invitation .main-content .main6 {width:100%;height:1019px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg06.jpg);background-repeat:no-repeat;overflow:hidden;} .invitation .main-content .main7 {width:100%;height:1461px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg07.jpg);background-repeat:no-repeat;overflow:hidden;} .invitation .main-content .main8 {width:100%;height:1537px;background-image:url(https://static.zg101.com/zg101-web/pc/images/level2/invitation/main-bg08.jpg);background-repeat:no-repeat;overflow:hidden;} .invitation-main {width:1400px;margin:0 auto;} .invitation .part01 {margin-top:-6px;position:relative;} .invitation .boxShape {padding:97px 45px 95px;background-color:#fff;border-radius:60px;text-align: center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .invitation .part01 span { display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; } .invitation .advantage-box .advantage-content{padding:64px 100px 0 50px;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; justify-content:space-between; } .invitation .advantage-box .textPartShow .animated{margin-bottom:38px;opacity:0;transition:opacity 3s;} .imgPartShow .animated {opacity:0;transition:opacity 3s;} .invitation .empower-list {background-color:#fff;border-radius:60px;text-align: center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding-bottom:100px;} .invitation .empower-list .details-list {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;width:1269px;margin:0 auto;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .invitation .empower-list .details-list li {position:relative;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;} .invitation .empower-list .details-list li:nth-child(4n) {border-right:none;} .invitation .empower-list .details-list li .icon-circle {position:absolute;width:60px;height:60px;background-color:#fff;border-radius:50%;bottom:-30px;right:-30px;z-index:1;} .invitation .starlist {background-color:#fff;border-radius:60px;text-align: center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;margin-top:-2px;position:relative;padding-bottom:76px;} .invitation .starlist .product-list{width:1200px;margin:0 auto;} .invitation .starlist .product-list ul, .invitation .enabling-box ul, .invitation .introduce-box ul, .invitation .platform-box ul{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .invitation .starlist .product-list ul li, .invitation .enabling-box ul li {margin-bottom:25px;} .invitation .enabling-box{text-align:center;width:1200px;margin:0 auto;} .invitation .enabling-box ul.three-line {padding-top:12px;} .invitation .introduce-box{background-color:#fff;border-radius:60px;text-align: center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding-bottom:75px;} .invitation .introduce-box ul, .invitation .platform-box ul {width:1202px;margin:0 auto;} .invitation .introduce-box ul.line2 li {margin-bottom:20px;} .invitation .platform-box {text-align:center;} .invitation .platform-box .line-bottom, .invitation .platform-box .ul-bottom {margin-top:8px;} /* .invitation li img:hover {opacity:.8;} */ .invitation-body .footer-part .placeholder{display:none;} #invitationRoot {background-color:#0a2820;} #invitationRoot .invitation-main {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding:40px 25px 20px 20px;position:relative;border:1px dashed #666;width:1280px; background-color:rgba(255,255,255,.15); } #invitationRoot .addContactFrom .el-form-item.button-box .el-form-item__content {-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} #invitationRoot .form-box .submit-success-box {position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.95);left:0;top:0;z-index:5;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center; -moz-align-items:center; -ms-align-items:center; -webkit-align-items:center; align-items:center; } #invitationRoot .form-box .submit-success-box .icon-check{width:32px;height:32px;display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/icon-check.png) no-repeat;background-size:32px;margin-right:10px;} #invitationRoot .form-box .submit-success-box span {color:#000;letter-spacing:1px;} #invitationRoot .form-box h2 {text-align:center;letter-spacing:1px;margin-bottom:30px;color:#fff;} #invitationRoot .form-box .el-form-item__label {color:#fff;} #invitationRoot .addContactFrom .el-form-item .submit-btn {background-color:#42b983;} /* 品牌故事 */ .brandStory .part-box {margin: 0 40px 120px;overflow:hidden;} .brandStory .main {padding-top:60px;} .brandStory .main .right-part {width:685px;height:514px;} .brandStory .main .left-part {width:410px;padding-top:70px;min-width:410px;position:relative;} .brandStory .main .left-part p{text-indent:34px;line-height:29px;} .brandStory .main .left-part h3 {margin:0 0 20px;} .marginRight {margin-right:50px;} .brandStory .main .right-part img{width:auto;} .brandStory .part-box.part1 .right-part{float:left;} .brandStory .part-box.part1 .left-part{float:right;} .brandStory .main .part2 {-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .brandStory .part1 {height:516px;} .brandStory .part1 .left-part {padding-top:180px;} .brandStory .main .part2 .left-part{width:410px;min-width:410px;padding-top:130px;float:left;} .brandStory .main .part2 .right-part {width:700px;height:425px;float:right;} .brandStory .left-part-bg1 {position:absolute;width:402px;height:405px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/BrandStory_bg01.png) no-repeat;top:0;right:0;} .brandStory .left-part-bg2 {position:absolute;width:257px;height:344px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/BrandStory_bg02.png) no-repeat;top:0;left:0;} .brandStory .main .part4 {padding:100px 0; margin:0 40px;} .brandStory .main .part4 .spirit-title-box{text-align:center;position:relative;width:100%;} .brandStory .main .part4 .spirit-title-box .spirit-bg {position:absolute;width:325px;height:279px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/BrandStory_bg03.png) no-repeat;top:-110px;left:50%;margin-left:-162.5px;} .brandStory .main .part4 .spirit-title-box h2 {font-size:34px;font-weight:normal;letter-spacing:1.8px;color:#333;} .brandStory .main .part4 .spirit-title-box p {margin-top:10px;letter-spacing:.8px;color:#666;line-height:26px;text-align:left;text-indent:32px;} .brandStory .main .part4 .spirit-banner{margin-top:80px;} .brandStory .banner-box.height2 {min-height:579px;} .brandStory .banner-box.height2 .banner {min-height:579px;} .brandStory-body{min-width:1238px;} .brandStory-body .mainWrapper {width:1238px;} .brandStory-body .page-header.hover {background-color:transparent;} .brandStory-body .page-header.hover .container .logo a{background-image:url(https://static.zg101.com/zg101-web/pc/images/logo-white0.png);} .brandStory-body .page-header.hover .container .navlist .nav>li>a {color:#fff;} .brandStory-body .page-header.hover .container .shop > a {border:1px solid #fff;color:#fff;} .brandStory-body .page-header.hover:hover{background-color:#fff;} .brandStory-body .page-header.hover:hover .container .logo a{background-image:url(https://static.zg101.com/zg101-web/pc/images/logo-green0.png);} .brandStory-body .page-header.hover:hover .container .navlist .nav>li>a {color:#333;} .brandStory-body .page-header.hover:hover .container .shop > a {border:1px solid #044d3c;color:#044d3c;} /* 品牌历程 */ .brandHistory .banner-box{overflow:hidden;} .brandHistory .banner li{width:100%;background:#f3efee;} .brandHistory .banner li img {vertical-align:middle;} .brandHistory .history-wrapper {width:1258px;text-align:center;margin:0 auto;} .brandHistory .history-wrapper li span {position:absolute;left:-9999px;} .brandHistory .history-wrapper .history-content h2,.brandHistory .history-wrapper .history-content li{min-height:490px;} .brandHistory .history-wrapper .history-content h2 img,.brandHistory .history-wrapper .history-content li img{width:100%;} /* 联系我们 */ .contactUs .contactUs-list-top{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;margin:60px 0 75px;border-bottom:1px solid #dfdfdf;padding-bottom:50px;} .contactUs .contactUs-list-top dl {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;} .contactUs .contactUs-list-top dl dt img {max-width:65.5px;} .contactUs .contactUs-list-top dl dd.text {margin-left:28px;} .contactUs .contactUs-list-top dl dd.text strong {display:block;font-size:24px;letter-spacing:1px;font-weight:normal;color:#000;margin-bottom:10px;} .contactUs .contactUs-list-top dl dd.text span {color:#898989;letter-spacing:1px;} .contactUs .contactUs-list-top dl dd div {font-size:40px;color:#044d3c;line-height:65.5px;margin-left:38px;} .contactUs .contactUs-list-top dl.top-first {padding-right:101px;border-right:1px solid #dfdfdf;margin-right:101px;} .contactUs .contactUs-list-top dl dd a.chatShow {display:inline-block;width:150px;height:50px;border:1px solid #ddd;text-align:center;line-height:50px;margin-left:42px;letter-spacing:1px;transition:all .5s;} .contactUs .contactUs-list-top dl dd a.chatShow:hover {background-color:#044d3c;color:#fff;border:1px solid #044d3c;} .contactUs .contactUs-list-top dl dd.dd-chatClick-btn {line-height:65.5px;} .contactUs .contactUs-list-bottom {margin-bottom:75px;overflow:hidden;} .contactUs .contactUs-list-bottom .left {float:left;height:332px;} .contactUs .contactUs-list-bottom .left .group {height:10px;display:none;} .contactUs .contactUs-list-bottom .right {float:right;} .contactUs .contactUs-list-bottom div img {width:453px;} .contactUs .contactUs-list-bottom ul {color:#5f5d5e;letter-spacing:1px;width:808px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;border:1px solid #dcdedd;padding-left:37px;} .contactUs .contactUs-list-bottom ul li {margin-top:28px;} .contactUs .contactUs-list-bottom ul li:nth-child(1) span{font-size:18px;} .contactUs .contactUs-list-bottom ul span {display:block;margin-top:5px;} .contactUs .contactUs-list-bottom ul h2 {font-size:36px;font-weight:normal;} .contactUs .contactUs-list-bottom ul strong {font-size:18px;font-weight:normal;} .contactUs .banner-box{height:491px;overflow:hidden;} .contactUs .banner {height:491px;overflow:hidden;width:1920px;position:relative;left:50%;margin-left:-960px;} .contactUs .banner li{position:absolute;float: left;width:100%;background:#f3efee;text-align:center;height:491px;} .contactUs .main{padding-top:50px;} .address-box {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .address-box #map-box {width:808px;height:500px;margin-right:10px;} /*453px*/ .address-box .form-box {border:1px solid #f8f8f8;width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding:40px 25px 20px 20px;background-color:#f9f9f9;position:relative;} .address-box .form-box h2 {text-align:center;margin-bottom:20px;color:#333;letter-spacing:1px;font-weight:normal;font-size:24px;} .addContactFrom .el-form-item .el-input__inner:focus,.addContactFrom .el-textarea__inner:focus,.addContactFrom .el-form-item .el-select .el-input.is-focus .el-input__inner {border-color:#42b983;} .el-select-dropdown__item.selected {color:#42b983;} .addContactFrom .el-form-item .submit-btn {width:220px;letter-spacing:.5px;background-color:#044d3c;border-color:#044d3c;} .addContactFrom .el-form-item .submit-btn:hover{opacity:.8;} .addContactFrom .el-form-item .reset-btn {width:80px;letter-spacing:.5px;} .addContactFrom .el-form-item .reset-btn:hover, .addContactFrom .el-form-item .reset-btn:focus{color:#044d3c;border-color:#044d3c;background-color:#fff;} /* display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;*/ .addContactFrom .el-form-item.button-box .el-form-item__content{text-align:center;} .el-loading-spinner .path{stroke: #42b983;} .address-box .form-box .submit-success-box {position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.95);left:0;top:0;z-index:5;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-align-items:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} .address-box .form-box .submit-success-box .icon-check{width:32px;height:32px;display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/icon-check.png) no-repeat;background-size:32px;margin-right:10px;} .address-box .form-box .submit-success-box span {color:#000;letter-spacing:1px;} .fade-enter-active, .fade-leave-active { transition: opacity .5s; } .fade-enter, .fade-leave-to { opacity: 0; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } /* 溯源查询 */ .securitCheck .picture-box img {width:1280px;margin-bottom:50px;} /* .securitCheck .banner-box{height:491px;overflow:hidden;} .securitCheck .banner {height:491px;overflow:hidden;width:1920px;position:relative;left:50%;margin-left:-960px;} .securitCheck .banner li{position:absolute;float: left;width:100%;background:#f3efee;text-align:center;height:491px;} */ /* .securitCheck .securitCheck-box {width:700px;margin:200px auto 400px;box-shadow:0 0 8px rgba(0,0,0,.2);border-radius:6px;text-align: center;padding: 60px 20px 30px;} */ .securitCheck .securitCheck-box {width:720px;margin:100px auto 100px;text-align: center;padding: 60px 20px 30px;border:1px solid #dcdedd;background-color:#f9f9f9;} .securitCheck .securitCheck-box.white{background-color:#fff;box-shadow:0 0 8px rgba(0, 0, 0, .1);margin:50px auto 60px;} .securitCheck-box .code{width:300px;height:300px;margin-top:30px;} .securitCheck .securitCheck-box h2 { font-size:24px; color: #044d3c; letter-spacing: 1px; } .securitCheck .securitCheck-box p { font-size: 20px; color:#999; letter-spacing: .8px; margin: 10px 0; } .securitCheck .securitCheck-box .form-box{margin-top:40px;} .securitCheck .securitCheck-box .form-box .el-input__inner {height:52px;line-height:52px;font-size:16px;} .securitCheck .securitCheck-box .form-box .el-input__inner:hover, .securitCheck .securitCheck-box .form-box .el-input__inner:focus {border-color:#42b983;} .securitCheck .securitCheck-box .form-box .buttonStyle{padding-top:25px;text-align:right;} .securitCheck-box .form-box .el-form-item .submit-btn {width:300px;letter-spacing:.5px;background-color:#044d3c;border-color:#044d3c;height:50px;margin-left:30px;} .securitCheck-box .form-box .el-form-item .submit-btn:hover{opacity:.8;} .securitCheck-box .form-box .el-form-item .reset-btn {width:100px;letter-spacing:.5px;height:50px;} .securitCheck-box .form-box .el-form-item .reset-btn:hover, .securitCheck-box .form-box .el-form-item .reset-btn:focus{color:#044d3c;border-color:#044d3c;background-color:#fff;} .securitCheck-box .form-box .el-form-item .el-form-item__error{font-size:14px;} .securitCheck-box .tips{color:#333;font-size:18px;margin-top:30px;text-align:center;letter-spacing:.8px;padding:20px;background-color:#80b9ac;color:#fff;border-radius:4px;} .securitCheck-box .tips.en-tips-line {line-height:30px;} .securitCheck.en-font {font-family:Arial;} .top-box{text-align:center;color:#333;font-size:24px;border-bottom:1px solid #dcdedd;margin-bottom:50px;letter-spacing:1px;padding-bottom:25px;} .securitCheck .top-box {margin-top:138px;position: relative;} .securitCheck .top-box .lang-change {position: absolute;right:0;top:0;width:120px;} .el-select.lang-change .el-input.is-focus .el-input__inner, .el-select.lang-change .el-input__inner:focus{border-color:#42b983;} .lang-change .el-checkbox__input.is-checked+.el-checkbox__label{color:#42b983;} .lang-change .el-checkbox__input.is-checked .el-checkbox__inner, .lang-change .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color: #42b983;border-color: #42b983;} .lang-change .el-checkbox__inner:hover{border-color: #42b983;} /*英文字母字体小一些*/ .lang-en {transform:scale(0.8);} .contactUs .top-box{margin-bottom:0;} .hidenbsp .placeholder{display:none;} /* 企业动态 */ #artical .artical-box {margin-top:120px;} #artical .artical-box .title-box{width:1150px;margin:0 auto 20px;border-bottom:2px solid #044d3c;} #artical .artical-box .title-box h2{padding:20px 0;font-size:20px;color:#044d3c;letter-spacing:1px;text-align:left;} #artical .artical-box .title-box h2 i {font-size:20px;margin:0 8px;} #artical .artical-list {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;width:1150px;} #artical .artical-list-left {width:220px;position:relative;} #artical .artical-list-left h2 {padding:20px 0;font-size:18px;background-color:#044d3c;color:#fff;font-weight:normal;letter-spacing:1px;/* border-radius:16px 16px 0 0; */text-align:center;} /* #artical .artical-list-left h2 i {width:22px;height:22px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/news-icon.png) no-repeat;background-size:22px;display:inline-block;vertical-align: -3px;margin-right: 10px;} */ #artical .artical-list-left > h2 i {width:21px;height:20px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/news-icon4.png) no-repeat;background-size:21px;display:inline-block;vertical-align: -2px;margin-right: 8px;} #artical .artical-list-left ul {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;border-bottom:1px solid #eee; /*border-radius:0 0 16px 16px; */height:977px;overflow-y:scroll; -moz-box-shadow: 0 0 8px rgba(4,77, 60, .1); -ms-box-shadow: 0 0 8px rgba(4,77, 60, .1); -webkit-box-shadow: 0 0 8px rgba(4,77, 60, .1); box-shadow: 0 0 8px rgba(4,77, 60, .1); } #artical .artical-list-left ul.open {overflow:auto;height:auto;} #artical .artical-list-left ul li {text-align:center;padding:20px 0;border-bottom:1px solid #f8f8f8;font-size:15px;} #artical .artical-list-left ul li:nth-last-child(1) {border-bottom:none;/* border-radius:0 0 16px 16px; */} #artical .artical-list-left ul li:nth-child(1){border-top:1px solid #fff;} #artical .artical-list-left ul li:hover, #artical .artical-list-left ul li.current{background-color:#044d3c;} #artical .artical-list-left ul li:hover a, #artical .artical-list-left ul li.current a {color:#fff;} #artical .artical-list-right{width:910px;border:1px solid #eee;padding:30px 30px 42px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;position:relative; -moz-box-shadow:0 0 10px rgba(0,0,0,.1); -ms-box-shadow:0 0 10px rgba(0,0,0,.1); -webkit-box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow:0 0 10px rgba(0,0,0,.1); } #artical .artical-list-right > h2{padding:19px 0;font-size:22px;border-bottom:2px solid #f7f7f7;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;font-weight:normal;letter-spacing:1px;color:#000;margin-bottom:30px;} #artical .artical-list-right > h2 i {width:24px;height:24px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/news-icon2.png) no-repeat;background-size:24px;display:inline-block;vertical-align: -4px;margin-right: 10px;} /* 滚动条样式 */ #artical .artical-list-left ::-webkit-scrollbar { width: 0; } #artical .artical-list-left ::-webkit-scrollbar { width: 5px; border-radius: 8px; } /* 这是针对缺省样式 (必须的) */ #artical .artical-list-left ::-webkit-scrollbar-track { background-color: #f9f9f9; border-radius: 6px; } /* 滚动条的滑轨背景颜色 */ #artical .artical-list-left ::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 6px; } /* 滑块颜色 */ #artical .artical-list-left ::-webkit-scrollbar-button { display:none; } /* 滑轨两头的监听按钮颜色 */ #artical .artical-list-right dl {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;margin-bottom:20px;} #artical .artical-list-right dl dt .cover-pic-null{width:86px;height:86px;background-color:#044d3c;color:#fff;} #artical .artical-list-right dl dt span {display:block;text-align:center;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;} #artical .artical-list-right dl dt span.day-show {font-size:36px;padding-top:8px;} #artical .artical-list-right dl dt span.yearAndMonth-show {font-size:14px;padding-top:3px;} #artical .artical-list-right dl dt img {width:160px;} #artical .artical-list-right dl dd {flex:1;padding-left:20px;height:86px;background-color:#f9f9f9;} #artical .artical-list-right dl dd .right-content{transition:all .3s;padding-top:16px;position:relative;} #artical .artical-list-right dl dd h2{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} #artical .artical-list-right dl dd .title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;font-weight:normal;display:inline-block;width:600px;color:#000;} #artical .artical-list-right dl dd .count i {display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/level2/click2.png) no-repeat;width:24px;height:24px;background-size:24px;} #artical .artical-list-right dl dd:hover .right-content{transform:translateX(-8px);} #artical .artical-list-right dl dd:hover .title {color:#044d3c;} #artical .artical-list-right dl dd .date {font-size:14px;color:#999;letter-spacing:.5px;font-weight:normal;display:inline-block;} #artical .artical-list-right dl dd .content{font-size:16px;margin-top:10px;line-height:28px;letter-spacing:.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient: vertical;color:#666;} #artical .artical-list-right dl dd .group-box {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;padding-right:20px;margin-top:12px;} #artical .artical-list-right dl dd .author{font-size: 12px;background-color: #dfe9e6;color: #003a2c;padding: 3px 10px;letter-spacing: .2px;display:inline-block;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;height:22px;} #artical .artical-list-right dl dd .more {border: 1px solid #044d3c;color:#044d3c;font-size: 14px;display: inline-block;padding: 6px 5px 6px 10px;letter-spacing:1px;transition:all .3s;position: absolute;right: 20px;top:27px;} #artical .artical-list-right dl dd .more i {vertical-align:-1px;margin-left:4px;} #artical .artical-list-right dl dd:hover .more {background-color:#044d3c;color:#fff;} #artical .artical-list-right .page-box {margin-top:30px;} /* 新闻动态详情 */ #articalInfo {margin-top:100px;} #articalInfo .articalInfo-box {border:2px solid #f5f5f5;border-radius:5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding:50px 70px 30px;width:1150px;} #articalInfo .articalInfo-box .title {font-size:32px;color:#333;padding-bottom:30px;border-bottom:1px solid #f9f9f9;letter-spacing:1px;line-height:46px;text-align:center;} #articalInfo .articalInfo-box .desc { font-size:14px;color:#999;letter-spacing:.8px;padding:20px 0 25px;border-bottom:1px solid #f9f9f9;text-align:center;} #articalInfo .articalInfo-box .desc span {margin-right:30px;} #articalInfo .articalInfo-box .desc span.desc-time {margin:0 0 14px 0;display:block;font-weight:bold;color:#044d3c;font-family: NotoSans,'Microsoft YaHei New','Microsoft Yahei','微软雅黑','冬青黑体','Hiragino Sans GB',STHeitiSC,SimHei,Helvetica,sans-serif !important;letter-spacing:0;} #articalInfo .articalInfo-box .desc span.desc-share{cursor:pointer;} #articalInfo .articalInfo-box .desc span.desc-share img {width:28px;margin-left:3px;} #articalInfo .articalInfo-box .desc span .icon-date {display:inline-block;width:16px;height:16px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/date-icon1.png) no-repeat;background-size:16px;vertical-align:-1px;margin-right:8px;} #articalInfo .articalInfo-box .content-box { margin-top: 20px;} #articalInfo .articalInfo-box .content-box p, #articalInfo .articalInfo-box .content-box span, #articalInfo .articalInfo-box .content-box div { line-height:30px !important; font-size:16px !important; color:#333 !important; font-family: NotoSans,'Microsoft YaHei New','Microsoft Yahei','微软雅黑','冬青黑体','Hiragino Sans GB',STHeitiSC,SimHei,Helvetica,sans-serif !important; letter-spacing:1px !important; } #articalInfo .articalInfo-box .content-box img { max-width:100%; height: auto; margin: 10px 0; } #articalInfo .crumbs {width:1150px;padding: 40px 0 30px 0;font-size: 16px;} #articalInfo .crumbs a {color:#333;} #articalInfo .crumbs a:hover{text-decoration:underline;color:#999;} #articalInfo .crumbs span {color:#999;} .share-window { position: fixed; width:100%; height:100%;background:rgba(0,0,0,.75); top:0;left:0; z-index:999;} .share-window .middle {width:620px;height:320px;background-color:#fff;position:fixed;z-index:1000;top:50%;left:50%;margin-top: -160px; margin-left:-310px; -ms-box-shadow:0 0 8px rgba(255,255,255,.5); -moz-box-shadow:0 0 8px rgba(255,255,255,.5); -webkit-box-shadow:0 0 8px rgba(255,255,255,.5); box-shadow:0 0 8px rgba(255,255,255,.5); } .share-window .middle .box {padding:30px 20px 0;font-size:16px;} .share-window .middle .box > div {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;margin-bottom:30px;position:relative;} .share-window .middle .box > div .link {display: block;text-decoration: underline;cursor: pointer;width: 510px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .share-window .middle .box > div .copy-success {position:absolute;top:25px;color:#42b983;padding-left:48px;} .share-window .middle .box > div .platform {line-height:42px;} .share-window .middle .box > div.tips{color:#999;margin-bottom:0;font-size:14px;} .share-window .middle .title{ height: 50px; padding: 0 20px; background: #044d3c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .share-window .middle .title span { font-size: 16px; font-weight: 400; letter-spacing:1px; color:#fff; } .share-window .middle .title i { display: block; color:#fff; cursor: pointer; font-weight: 400; font-size:26px; } .share-window .middle .button-box {text-align:center;padding:30px 0;} .share-window .middle .button-box .btn-close {width:120px;} .share-window .middle .button-box .btn-close:hover {color: #fff;border-color: #fff;background-color: #044d3c;} /* 医发科技*/ .medicalTechnology .content-box {width:1254px;margin:100px auto 0;} .medicalTechnology .content-box .title-box, .hairResearch .content-box .title-box, .hairStory .content-box .title-box{text-align:center;} .medicalTechnology .content-box .title-box h2, .hairResearch .content-box .title-box h2, .hairStory .content-box .title-box h2 {font-size:34px;font-weight:normal;letter-spacing:1.8px;color:#333;} .medicalTechnology .content-box .title-box h2 span, .hairResearch .content-box .title-box h2 span, .hairStory .content-box .title-box h2 span{background-color:#bebebe;display:inline-block;width:40px;height:1px;margin-right:8px;vertical-align:10px;} .medicalTechnology .content-box .title-box h2 span.last, .hairResearch .content-box .title-box h2 span.last , .hairStory .content-box .title-box h2 span.last{margin-right:0;} .medicalTechnology .content-box .title-box p, .hairResearch .content-box .title-box p, .hairStory .content-box .title-box p {margin-top:20px;letter-spacing: .8px;color:#666;} .medicalTechnology .content-box .img-box {margin-top:70px;height:578px;} .medicalTechnology .content-box .img-box img { -moz-box-shadow:0 0 10px rgba(0,0,0,.2); -ms-box-shadow:0 0 10px rgba(0,0,0,.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2); width:100%; height:100%; } .medicalTechnology .content-box > div {margin-bottom:120px;} .medicalTechnology .content-box > div.part4 {margin-bottom:0;} .medicalTechnology .content-box .tab-box {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;margin-top:80px;} .medicalTechnology .content-box .tab-box .tab-div-show-img{transition:all .25s ease-in;} .medicalTechnology .content-box .tab-box .tab-div-show-img img { -moz-box-shadow:0 0 10px rgba(0, 0, 0, .3); -ms-box-shadow:0 0 10px rgba(0, 0, 0, .3); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3); box-shadow:0 0 10px rgba(0, 0, 0, .3); width:100%; height:100%; } .medicalTechnology .content-box .tab-box .tab-div-show-img div {display:none;-moz-align-items:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;height:100%;width:560px;background-color:#f6f6f6;} .medicalTechnology .content-box .tab-box#software .tab-div-show-img div{height:758px;} .medicalTechnology .content-box .tab-box .tab-div-show-img div:nth-child(1) {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;} .medicalTechnology .content-box .tab-box .patent-navlist {margin-left:100px; display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-align-items:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;} .medicalTechnology .content-box .tab-box .patent-navlist li {transition:all .3s;font-size:16px;position:relative;padding-left:26px;cursor:pointer;color:#666;letter-spacing:1px;margin-bottom:30px;} .medicalTechnology .content-box .tab-box .patent-navlist li:after{content: "";width:4px;height:14px;background:#f9f9f9;/* border-radius:50%; */position:absolute;left:0;top:6px;/* border:2px solid #42b983; */-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;background-color:#666;} .medicalTechnology .content-box .tab-box .patent-navlist span {font-size:14px;color:#999;line-height:28px;display:none;} .medicalTechnology .content-box .tab-box .patent-navlist li.active, .medicalTechnology .content-box .tab-box .patent-navlist li:hover { color:#42b983; -webkit-transform:translateX(20px); -moz-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px); } .medicalTechnology .content-box .tab-box .patent-navlist li.active:after, .medicalTechnology .content-box .tab-box .patent-navlist li:hover:after{background:#42b983;} #software {-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} #software .patent-navlist {margin-left:0;margin-right:200px;} #software .patent-navlist li.active, #software .patent-navlist li:hover { -webkit-transform:translateX(-20px); -moz-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); } .medicalTechnology .content-box > div.part4 .end-list { display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; -moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between; margin-top:80px; } .medicalTechnology .content-box > div.part4 .end-list li { width:396px; height:260px; background:#f6f6f6; } .medicalTechnology .content-box > div.part4 .end-list li img { width:100%; height:100%; } /* 毛发研究院 */ .hairResearch .banner-box{height:602px;} .hairResearch .banner-box .banner {height:602px;} .hairResearch .banner-box .banner li{height:602px;} .hairResearch .part1 {background-color:#f6faf6;padding:110px 0 60px;} .hairResearch .inner {width:1254px;margin:0 auto;} .hairResearch .content-box .levelOne-title h2{font-size:26px;font-weight:normal;margin-bottom:10px;} .hairResearch .content-box .levelOne-title h3 {font-size:30px;font-weight:normal;color:#000;} .hairResearch .content-box .title-box p {line-height:30px;} .hairResearch .hairResearch-sub-title {text-align:center;} .hairResearch .hairResearch-sub-title span {display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch-title-bg.png) no-repeat;width:530px;height:51px;line-height:51px;font-weight:normal;font-size:26px;letter-spacing:1;} .hairResearch .part1 .main-bottom {margin-top:60px} .hairResearch .part1 .main-bottom p {text-align:center;margin-top:42px;} .hairResearch .part2 {background-color:#eaf6fd;padding:60px 0;} .hairResearch .part2 .main-content {margin-top:70px;} .hairResearch .part2 .main-content .intro-top {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .hairResearch .part2 .main-content h4 {letter-spacing:.8px;font-size:18px;margin-bottom:10px;} .hairResearch .part2 .main-content p {line-height:29px;} .hairResearch .part2 .main-content p strong {font-size:16px;color:#666;font-weight:normal;} .hairResearch .part2 .main-content p.lines {margin-top:20px;} .hairResearch .part2 .main-content p.lines strong {font-size:18px;} .hairResearch .part2 .main-content p.p-img-box {text-align:center;margin-top:50px;} .hairResearch .part2 .main-content h4.h4-line2{margin-top:30px;} .hairResearch .part2 .main-content .intro-middle {margin-top:35px;} .hairResearch .part2 .main-content .intro-middle span{ background-color:#bebebe;display:inline-block;width:55px;height:2px;margin-right:8px; } .hairResearch .part2 .main-content .intro-middle span:nth-last-child(1){margin-right:0;} .hairResearch .part3 {background-color:#f6faf6;padding:90px 0 70px;} .hairResearch .part4 {background-color:#eaf6fd;padding:90px 0 70px;} .hairResearch .part5 {background-color:#f6faf6;padding:90px 0 70px;} .hairResearch .part3 .inner {position:relative;} .hairResearch .swiper-container.swiper-constitution, .hairResearch .swiper-container.swiper-auditreport {margin-top:70px;} .hairResearch .swiper-container.swiper-auditreport .swiper-auditreport-prev,.hairResearch .swiper-container.swiper-auditreport .swiper-auditreport-next {display:none;} .hairResearch .swiper-container.imgShadow span {padding:10px;width:397px;display:block;} .hairResearch .swiper-container.imgShadow span img { width: 100%; -moz-box-shadow:0 0 10px rgba(0,0,0,.25); -ms-box-shadow:0 0 10px rgba(0,0,0,.25); -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); box-shadow:0 0 10px rgba(0,0,0,.25); } /* 四列的样式 */ .hairResearch .swiper-container.imgShadow.swiper-auditreport4 span { padding:10px; width: 100%; display:block; } .hairResearch .swiper-container.imgShadow.swiper-auditreport4 img{width: 100%;} .hairResearch .part3 .inner .swiper-button-prev, .hairResearch .part3 .inner .swiper-button-next {width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:55%;} .hairResearch .part3 .inner .swiper-button-prev {background-size:61px;background-position:0 0;left:-48px;} .hairResearch .part3 .inner .swiper-button-next {background-size:61px;background-position:-33px 0;right:-48px;} .hairResearch .part5 p {text-align:center;margin-top:80px;} .hairResearch .content-box.professional-team {margin-top:107px;} .professional-team .swiper-container-professional .swiper-slide {background-position:center;background-size:cover;width:300px;height:400px;-moz-box-shadow:0 0 10px rgba(0,0,0,.25); -ms-box-shadow:0 0 10px rgba(0,0,0,.25); -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); box-shadow:0 0 10px rgba(0,0,0,.25); position:relative;overflow:hidden;} .professional-team .loaded {margin-top:50px;background-color:#f9f9f9;padding-bottom:10px;} .professional-team .loaded .swiper-container-professional {padding:50px 0;} .professional-team .loaded .swiper-container-professional .swiper-pagination-bullet {width:14px;height:14px;background-color:#ddd;opacity:0.5;} .professional-team .loaded .swiper-container-professional .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#42b983;opacity: 1;} .professional-team .loaded .swiper-container-professional .expert-intro {position:absolute;width:300px;height:400px;background-color:rgba(0, 134,51,.35);color:#fff;text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;padding:15px 20px;bottom:-315px;transition:all .5s;z-index:88;} .professional-team .loaded .swiper-container-professional .expert-intro .name{letter-spacing:1.5px;font-size:20px;} .professional-team .loaded .swiper-container-professional .expert-intro .intro{letter-spacing:1px;font-size:14px;padding:5px 0 18px;} .professional-team .loaded .swiper-container-professional .expert-intro .desc {font-size:16px;line-height:26px;letter-spacing:1.2px;} .professional-team .loaded .swiper-container-professional .swiper-slide:hover .expert-intro{bottom:0;padding-top:35%;} /* .professional-team .loaded .swiper-container-professional .expert-intro:hover .intro{display:none;} */ .professional-team .loaded .swiper-container-professional .swiper-slide:hover .expert-intro .intro{border-bottom:1px solid #fff;margin-bottom:20px;} .professional-team .loaded-list {margin-top:50px} .professional-team .loaded-list .hairResearch-sub-title {margin-bottom:50px;} .professional-team .loaded-list ul {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .professional-team .loaded-list ul li {width:auto;position:relative;margin-bottom:40px;background-color:#f6f6f6;overflow:hidden;transition:all.5s;} .professional-team .loaded-list ul li .expert-show-intro { position:absolute;width:221px;height:50px;left:6px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;background-color:rgba(0, 134,51,.4);color:#fff;z-index:88;font-size:16px;letter-spacing:1.5px;padding:15px 20px;bottom:6px;transition:all .5s;z-index:88; } .professional-team .loaded-list ul li:hover .expert-show-intro { padding-top:30%; bottom:6px; height:301px; } .professional-team .loaded-list ul.last li .expert-show-intro {width:184px;} .professional-team .loaded-list ul li span {font-size:18px;display:inline-block;padding-bottom:15px;border-bottom:1px solid #fff;width:100%;margin-bottom:15px;} .professional-team .loaded-list ul li img {padding:6px;} .hairResearch .content-box.research-scope {margin-top:70px;} .research-scope .part-top {border:2px dashed #adadad;padding-top:40px;text-align:center;margin-top:40px;} .research-scope .part-top > div {margin-bottom:40px;} .research-scope .part-top h4 {font-size:25px;letter-spacing:1px;margin-bottom:5px;color:#333;} .research-scope .part-top p {font-size:17px;color:#666;line-height:32px;} .research-scope .part-middle, .ul-horizontal, .research-scope .part-bottom {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .research-scope .part-middle .part-middle-left {flex: 0 0 720px;margin-right: 20px;} .research-scope .part-middle li span, .research-scope .part-bottom li span{display:block;letter-spacing:1px;margin-top:15px;} .research-scope .part-middle .ul-horizontal {width: 100%; margin-top:73px;} .research-scope .part-middle .ul-horizontal .ul-horizontal-li {width: 355px;} .research-scope .part-bottom-right {width:780px;} .research-scope .part-bottom-right .ul-top-dis{margin-top:28px;} .research-scope .part-middle {margin-top:40px;} .research-scope .part-bottom{margin-top:30px;} .hairResearch .content-box.contant-us {margin-top:70px;} .part-middle .img {width: 100%;} /* 联系我们 */ #hairResearchRoot {border:1px solid #f8f8f8;width:100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding:40px 25px 20px 20px;background-color:#f9f9f9;position:relative;margin-top:50px;} #hairResearchRoot .addContactFrom .el-form-item.button-box .el-form-item__content {-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} #hairResearchRoot .form-box .submit-success-box {position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,.95);left:0;top:0;z-index:5;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-align-items:center; -ms-align-items:center; -webkit-align-items:center; align-items:center;-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center; justify-content:center;} #hairResearchRoot .form-box .submit-success-box .icon-check{width:32px;height:32px;display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/icon-check.png) no-repeat;background-size:32px;margin-right:10px;} #hairResearchRoot .form-box .submit-success-box span {color:#000;letter-spacing:1px;} /* 头发故事 */ .hairStory .inner {width:1254px;margin:0 auto;} .hairStory .content-box .part1{background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairStory_top_bg.jpg) no-repeat;height:990px;width:100%;background-position:center;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;padding-top:135px;} .hairStory .part1 .vedio-box {margin-top:70px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;position:absolute; -moz-box-shadow:0 0 20px rgba(198,196,195,.95); -ms-box-shadow:0 0 20px rgba(198,196,195,.95); -webkit-box-shadow:0 0 20px rgba(198,196,195,.95); box-shadow:0 0 20px rgba(198,196,195,.95); } #customer-video {width:1254px;height:595px;background-color:#fff;} #customer-video .vjs-big-play-button {width:80px;height:80px;border-radius:50%;left:50%;top:50%;line-height:80px;margin-left:-40px;margin-top:-40px;border-width:2px;} #customer-video.video-js .vjs-tech {width:100%;height:100%;object-fit:fill;} #customer-video .vjs-control-bar {bottom:10px;} #customer-video .vjs-poster{background-color:#0b5c49;background-size:1254px;} .hairStory .content-box .part3 {margin-top:100px;} .hairStory .content-box .part3 .letter-list {margin-top:60px;} .hairStory .content-box .part3 .letter-list ul{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;-webkit-justify-content:space-between;margin-bottom:30px;} .hairStory .content-box .part3 .letter-list ul li {width:397px;height:260px;background-color:#f9f9f9;} .hairStory .content-box .part3 .letter-list ul img { -moz-box-shadow:0 0 10px rgba(198,196,195,.95); -ms-box-shadow:0 0 10px rgba(198,196,195,.95); -webkit-box-shadow:0 0 10px rgba(198,196,195,.95); box-shadow:0 0 10px rgba(198,196,195,.95); width:100%; height:100%; } .hairStory .line-top, .hairStory .line-bottom { position:absolute;width:1214px;background-color:#fff;height:9px;left:20px;z-index:8; display:none; } .hairStory .line-top {top:11px;} .hairStory .line-bottom {bottom:11px;} /* 海外代理 */ .overseas .banner-box{height:710px;overflow:hidden;} .overseas .banner-box .banner {height:710px;overflow:hidden;width:1920px;position:relative;left:50%;margin-left:-960px;} .overseas .banner-box .banner li{position:absolute;float: left;width:100%;background:#f3efee;text-align:center;height:710px;} .overseas .banner-box .banner li .video-js {width:100%;height:100%;} /* .overseas .banner-box .banner li .video-js .vjs-tech {object-fit:fill;} */ .overseas .banner-box .banner li .video-js .vjs-big-play-button {opacity:0;} .overseas .content {width:1200px;margin:80px auto 0;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .overseas .content .left-intro {width:540px;} .overseas .content .left-intro h2 {font-family:Arial;font-size:36px;color:#515151;margin:8px 0 15px;} .overseas .content .left-intro p {font-size:14px;color:#515151;line-height:24px;} .overseas .content .right-intro {width:640px;height:360px;position:relative;} .overseas .content .right-intro .video-js{width:640px;height:360px;background-color:#000;} .overseas .content .right-intro .video-js .vjs-big-play-button{top:50%;left:50%;width:63px;height:63px;line-height:63px;font-size:40px;border: 2px solid #fff;border-radius:50%; transform: translate(-50%, -50%); } .overseas .content-middle {width:1200px;margin:110px auto;} .overseas .content-middle h2 {text-align:center;font-family:Arial;font-size:36px;color:#515151;padding-bottom:17px;border-bottom:1px solid #d2d2d2;position:relative;} .overseas .content-middle h2 .line-current {position:absolute;width:110px;height:6px;background-color:#044d3c;top:56px;left:50%;margin-left:-55px;} .overseas .content-middle .bottom-content {margin-top:110px; display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:center; -ms-justify-content:center; -webkit-justify-content:center;} .overseas .content-middle .bottom-content .left-contact, .overseas .content-middle .bottom-content .right-contact {width:600px;text-align:center;} .overseas .content-middle .bottom-content .right-contact{display: none;} .overseas .button-style {width:106px;height:37px;line-height:37px;border-radius:18px;border-color:#044d3c;color:#044d3c;font-size:14px;padding:0;-moz-transition: all .5s; -webkit-transition: all .5s; -ms-transition: all .5s; transition: all .5s;} .overseas .button-style:after {display:none;} .overseas .button-style:hover{color:#fff;background-color:#044d3c;} .overseas .content-middle .bottom-content .left-contact .button-style {margin-left:5px;} .overseas .content-middle .bottom-content .right-contact .button-style {margin-left:-10px;} .overseas .content-middle .bottom-content .contact-bottom{margin-top:50px;} .overseas .content-middle .bottom-content .contact-bottom p{font-size:14px;line-height:28px;} .overseas .overseas-footer {background-color:#044d3c;padding-top:90px;} .overseas .overseas-footer .footer-inner-top{width:1200px;margin:0 auto;display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;} .overseas .overseas-footer .footer-inner-top .footer-top-left h1 {color:#fff;font-family:arial;font-size:40px;font-weight:normal;} .overseas .overseas-footer .footer-inner-top .footer-top-left .text-box {color:#fff;margin-top:30px;font-size:20px;line-height:40px;font-family:arial;} .overseas .overseas-footer .footer-inner-top .footer-top-left .text-box a{vertical-align:-1px;} .overseas .overseas-footer .footer-inner-top .footer-top-left .text-box a, .overseas .footer-top-right .bottom-phoneNum .right-phone a{color:#fff;} .overseas .overseas-footer .footer-inner-top .footer-top-right {width:330px;margin-right:60px;} .overseas .overseas-footer .footer-inner-top .footer-top-right .top-code-box{display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between; -ms-justify-content:space-between; -webkit-justify-content:space-between;color:#fff;} .overseas .footer-top-right .top-code-box dt h3{font-size:28px;font-family:arial;text-align:center;margin:50px 0 28px;font-weight:normal;} .overseas .footer-top-right .top-code-box dd {border:2px solid #fff;padding:4px;text-align:center;} .overseas .footer-top-right .bottom-phoneNum {display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex; -moz-justify-content:center;-ms-justify-content:center;-webkit-justify-content:center; justify-content:center;margin-top:30px;} .overseas .footer-top-right .bottom-phoneNum span {padding-right:14px;border-right:1px dotted #fff;} .overseas .footer-top-right .bottom-phoneNum .right-phone{color:#fff;padding-left:14px;font-size:20px;} .overseas .overseas-footer .copyright-bottom{padding:24px 0;text-align:center;border-top:2px solid rgba(255,255,255,.2);margin-top:60px; display:-moz-flex;display:-ms-flex;display:-webkit-flex;display:flex;-moz-align-items:center;-ms-align-items:center;-webkit-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;-webkit-justify-content:center; justify-content:center;} .overseas .overseas-footer .logo-img{width:118px;} .overseas .overseas-footer .copyright-bottom span.text {font-size:26px;font-family:arial;color:#fff;margin-left:60px;} .shadow-style { box-shadow:0 0 10px rgba(0,0,0,.25); -moz-box-shadow:0 0 10px rgba(0,0,0,.25); -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); -ms-box-shadow:0 0 10px rgba(0,0,0,.25); } /* m端的banner展示 */ .page-header-m{position:fixed;z-index:88;left:0;top:0;right:0;height:56px;background:rgba(255,255,255,0);width:100%;-webkit-transition: background .5s;-moz-transition: background .5s;transition: background .5s;} .page-header-m .container{width:100%;display:-moz-flex;display:-webkit-flex;display:flex; position:relative;height:56px;padding:0 12px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);box-shadow: 0 0 10px rgba(0,0,0,.25);-moz-justify-content:space-between;-webkit-justify-content:space-between; justify-content:space-between;-moz-align-items:center;-webkit-align-items:center;align-items:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .page-header-m .container .menu-btn .iconfont {font-size:28px;color:#044d3c;} .page-header-m .container .logo {width:100px;height:27px;} .page-header-m .container .logo a{width:100px;height:27px;background-image:url(https://static.zg101.com/zg101-web/m/images/logo_green_new.png);display:inline-block;background-size:100px 27px;background-repeat:no-repeat;-moz-transition: background .3s;-webkit-transition: background .3s;transition: background .3s;} #page-menu-m{text-align:center;position:fixed;left:0;top:0;height:100%;overflow:hidden;z-index:15;} #page-menu-m .mask{background:#000;opacity:.4;position:fixed;left:0;top:0;bottom:0;right:0;width:100%;height:100%;display:none;} #page-menu-m .m-nav-container{position:fixed;top:0;width:0;height:100%;background:#fff;overflow:hidden;z-index:9999;-webkit-transition:width .5s;-moz-transition:width .5s;transition:width .5s;/* background-color:#F6F6F6; */} #page-menu-m .m-nav-container.expand{width:70%;} #page-menu-m .nav-top{width:100%;text-align:center;padding:16px 0;background-color:#044d3c;min-width:260px;} #page-menu-m .nav-top .close{position:absolute;left:16px;top:10px} #page-menu-m .nav-top .close i{color:#fff;font-size:20px;} #page-menu-m .nav-top .logo-expand img{width:100px;} #page-menu-m .swiper-container-nav-list{background-color:#fff;} #page-menu-m .swiper-container-nav-list .nav > li{min-height:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:260px;} /* #page-menu-m .swiper-container-nav-list .nav > li.overseas, #page-menu-m .swiper-container-nav-list .nav .drop-down li.hairResearch, #page-menu-m .swiper-container-nav-list .nav .drop-down li.zfyy {display:none;} */ #page-menu-m .swiper-container-nav-list .nav > li > a{display:block;height:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;width:100%;text-align:left;letter-spacing:1px;border-bottom:1px solid #f1f1f1;padding:1.25em 16px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;} #page-menu-m .swiper-container-nav-list .nav > li > a i{float:right;color:#333;font-size:22px;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);} #page-menu-m .swiper-container-nav-list .nav > li > a.levelSingle i{-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);} #page-menu-m .swiper-container-nav-list .nav .drop-down{border-bottom:1px solid #f1f1f1;display:none;background-color:#f9f9f9;} #page-menu-m .swiper-container-nav-list .nav .drop-down li{margin-left:40px;} #page-menu-m .swiper-container-nav-list .nav .drop-down li a {font-size:16px;padding:18px 0;display:block;color:#666;text-align:left;border-bottom:1px solid #f1f1f1;letter-spacing:1px;} #page-menu-m .swiper-container-nav-list .nav .drop-down li:nth-last-child(1) a {border-bottom:none;} #page-menu-m .swiper-container-nav-list .nav > li.on >a{color:#044d3c;} #page-menu-m .swiper-container-nav-list .nav > li.on > a i{color:#044D3C;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);} #page-menu-m .swiper-container-nav-list.swiper-container .swiper-slide {height:auto !important;} #page-menu-m .shop-mall-menu{position:fixed;top:0;width:0;height:100%;background:#fff;overflow:hidden;z-index:9999;-webkit-transition:width .5s;-moz-transition:width .5s;transition:width .5s;right:0;} #page-menu-m .shop-mall-menu.expand{width:70%;} #page-menu-m .shop-mall-menu .shop-mall-menu-top{text-align:center;padding:16px 0;min-width:260px;background-color:#044d3c;color:#fff;letter-spacing:1px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;} #page-menu-m .shop-mall-menu .shop-mall-menu-top .close{color:#fff;position:absolute;right:10px;top:10px;} #page-menu-m .shop-mall-menu .shop-mall-menu-top .close i{font-size:20px;} #page-menu-m .shop-mall-menu .shop-list li{padding:16px 0 16px 20px;border-bottom:1px solid #f1f1f1;min-width:260px;text-align:left;} #page-menu-m .shop-mall-menu .shop-list li:nth-last-child(1){border-bottom:none;display:none;} #page-menu-m .shop-mall-menu .shop-list .imgs img{width:32px;height:32px;} /* #page-menu-m .shop-mall-menu .shop-list .imgs.tmall{background:url(https://static.zg101.com/zg101-web/pc/images/index/tmall.png) no-repeat;background-size:32px;} #page-menu-m .shop-mall-menu .shop-list .imgs.jd{background:url(https://static.zg101.com/zg101-web/pc/images/index/jd.png) no-repeat;background-size:32px;} */ .page-header-m .container .shop{position:relative;} .page-header-m .container .shop > a {border:1px solid #ffff;width:30px;height:30px;border-radius:50%;display:inline-block;color:rgba(255,255,255,.8);text-align:center;line-height:30px;font-size:14px;-moz-transition:border .5s;-webkit-transition:border .5s;transition:border .5s;} .page-header .container .shop .shop-icon{font-size:20px;} .page-header-m.hover {background:#fff;} .page-header-m.hover .container .navlist .nav>li>a {color:#333;} .page-header-m.hover .container .shop > a {border:1px solid #044d3c;color:#044d3c;} .footer-part .content-bottom .code-list-box h2.pc-scan{display:block;} .footer-part .content-bottom .code-list-box h2.m-gowx{display:none;} .pc-navigation {display:block;} .m-navigation {display:none;} @media screen and (max-width: 1280px) { .page-header .container{width:auto;} .page-header .container .logo{left:40px;} .page-header .container .shop .shop-list{right:40px;} .main{width:100%;} .main .partone, .main .parttwo {height:600px;} .footer-part .footer-top{width:auto;margin:0 20px;} .main .right-part{width:600px;height:600px;} /* .brandStory .main .right-part{width:595px;height:395px;} */ } @media screen and (max-width: 1180px) { .main .right-part{width:540px;height:540px;} /* .brandStory .main .right-part{width:595px;height:395px;} */ } @media screen and (max-width: 1080px) { .main .right-part{width:500px;height:500px;} /* .brandStory .main .right-part{width:595px;height:395px;} */ } .left-part-h2-m {display:none;} #headerM {display:none;} .brandStory .banner-box-m, .brandHistory .banner-box-m, .socialResponsibility .banner-box-m, .medicalTechnology .banner-box-m{display:none;} .medicalTechnology .tab-box-m, .hairStory .banner-box-m,.hairStory .letter-list-m, .enterpriseHonor .banner-box-m, .hairResearch .banner-box-m,.hairResearch .loaded-m, .research-scope .part-middle li span.m-hide, .research-scope .part-bottom li span.m-hide, .research-scope .part-top p.m-hide,.hairResearch .loaded-list-m, .overseas .top-banner, .overseas .content .left-intro p.m-hide, .overseas .m-header-show, .contactUs .banner-box-m, .invitation .pos,.invitation .banner-box-m,.invitation .main-m-content, #artical .cover-pic-null.cover-pic-null-m, #articalInfo .desc-m,#artical .artical-filter-list,#articalInfo .share-window-m, .footer-part .m-footer-bar{display:none;} #hairResearchPage {display:none;font-size:0;overflow:hidden;} p.m-show {display:none;} @media screen and (max-width:768px) { .footer-part .content-bottom .sitemap-list dl dd.hairResearch{display:block;} #chatBtn {bottom:14% !important;} .topbanner {display:none;} .pc-navigation {display:none;} .m-navigation {display:block;} /* 首页的 媒体查询*/ body, html { min-width:auto; } .mainWrapper { width:94%; margin:0 auto; } .page-header-m .container .shop .shop-icon{font-size:18px;} .pc-banner{display:none;} .m-banner {display:block;width:100%;} .left-part-h2-pc {display:none;} .left-part-h2-m {display:block;} #headerM {display:block;} #header {display:none;} #home-bottom { display:none; } .main .partone, .main .parttwo {display:block; height:auto;margin:0;} .main .right-part {height:auto;} .main{padding-top:40px;} .main .parttwo {margin-top:56px;} .main .left-part{width:100%;padding:0;overflow:hidden;} .main .right-part{width:100%;padding:26px 0 0 0;overflow:hidden;} .main .parttwo .left-part {padding-right:0;} .main .parttwo .right-part {padding-right:0;} .main .left-part h2{font-size:32px;line-height:42px;text-transform:uppercase;letter-spacing:1px;} .main .left-part h3{font-size:22px;line-height:29px;letter-spacing:.5px;margin:10px 0 20px 0;} .main .left-part p {font-size:14px;line-height:26px;letter-spacing:.5px;text-indent:32px;} .main .left-part .button-style {margin-top:20px;float:right;padding:10px 15px;font-size:14px;line-height:18px;} .main .right-part {width:100%;} .main .right-part img {width:100%;} .footer-part .footer-top {padding:40px 0 20px 0;} .footer-part .footer-top .main-container {margin:0;} .footer-part .content-bottom {display:block;} .footer-part .content-bottom .sitemap-list {width:100%;border-right:0;} .footer-part .content-bottom .sitemap-list dl dt {display:none;} .footer-part .content-bottom .sitemap-list dl {width:25%;text-align:center;} .footer-part .content-bottom .sitemap-list dl dd {font-size:14px;} .footer-part .content-bottom .sitemap-list dl.home{display:none;} .footer-part .footer-top {margin:0;} .footer-part .content-bottom .code-list-box {margin-left:0;margin-top:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:30px;} .footer-part .content-bottom .code-list-box .top-show{justify-content:center;} .footer-part .content-bottom .code-list-box h2 {font-size:14px;margin-bottom:10px;} .footer-part .content-bottom .code-list-box h2.pc-scan{display:none;} .footer-part .content-bottom .code-list-box h2.m-gowx{display:block;} .footer-part .content-bottom .code-list-box h2 .goWxApp{color:#fff;text-decoration:underline;} .footer-part .content-bottom .code-list-box .img-box img{width:80px;height:80px;} .footer-part .content-bottom .code-list-box .bottom-show {padding:0;margin-top:10px;text-align:center;} .footer-part .content-bottom .code-list-box .bottom-show i {transform:scale(0.85);-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);margin-right:5px;vertical-align:-11px;} .footer-part .content-bottom .code-list-box .bottom-show span{font-size:16px;} .footer-part .copyright {border-width:1px;padding:20px 5% 40px;} .footer-part .footer-top .logo {padding-left:12px;width:118px;box-sizing:border-box;} .footer-part .placeholder{width:100%;height:60px;} .footer-part .m-footer-bar {display:block;z-index:100;position:fixed;bottom:0;width:100%;border-top:1px solid #f1f1f1;display:flex;justify-content:space-around;background-color:#fff;box-shadow:0 0 8px rgba(255,255,255,.2);padding:6px 0 10px;} .footer-part .m-footer-bar a{width:25%;text-align:center;position:relative;} .footer-part .m-footer-bar img {width:66px;} .footer-part .m-footer-bar .text { position:absolute; width: 100%; bottom: 0; left: 0; font-size: 14px; letter-spacing: 1px; } /* 品牌故事 */ .brandStory .banner-box-m {display:block;} .brandStory .banner-box {display:none;} .brandStory .banner-box-m {width:100%;margin-top:56px;} .brandStory .banner-box-m img{width:100%;} .brandStory .main{padding-top:40px;} .brandStory .main .part4 .spirit-title-box .spirit-bg{transform: scale(0.7);} .brandStory .main .part4 .spirit-title-box h2 {font-size:22px;} .brandStory .main .part4 {padding:60px 0;margin:0;} .brandStory .main .part4 .spirit-title-box p{font-size:14px;line-height:24px;} .brandStory .part1{height:auto;display:block;margin:0;} .brandStory .left-part-bg1{display:none;} .brandStory .part1 .left-part{width:100%;min-width:100%;} .brandStory .main .right-part {width:100%; height:auto;} .brandStory .main .right-part img {width:100%;} .brandStory .main .left-part {padding:0;} .brandStory .left-part-bg2{display:none;} .brandStory .main .part2 .left-part {padding-top:40px;width:auto;min-width:auto;margin-right:0;} .brandStory .part-box.part2 {margin:0;} .brandStory .main .part2 .right-part {width:100%;height:auto;} /* 品牌历程 */ .brandHistory.main-top{margin-top:0;} .brandHistory .banner-box {display:none;} .brandHistory .banner-box-m {display:block;width:100%;margin-top:56px;} .brandHistory .banner-box-m img{max-width:100%;} .brandHistory .history-wrapper{width:94%;} .brandHistory .history-wrapper img {width:100%;} .brandHistory .history-wrapper .history-content h2, .brandHistory .history-wrapper .history-content li{min-height:auto;} /* 社会责任 */ .socialResponsibility {margin-top:0;} .socialResponsibility .banner {display:none;} .socialResponsibility .banner-box-m {display:block;width:100%;margin-top:56px;} .socialResponsibility .banner-box-m img{max-width:100%;} .top-desc {padding:20px 15px;margin-top:-35px;} .top-desc h2 {font-size:16px;line-height:24px;} .top-desc p {font-size:14px;line-height:24px;text-indent:32px;} .socialResponsibility .news-list-box {margin-top:50px;} .socialResponsibility .news-list-box > ul li {width:100%;margin-bottom:40px;} .socialResponsibility .news-list-box > ul li img {width:100%;height:auto;} .socialResponsibility .news-list-box > ul li h2 {padding:16px 0 10px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:1px;} .socialResponsibility .news-list-box > ul li .date-show .date {font-size:14px;color:#999;} .socialResponsibility .news-list-box > ul li .date-show .showbg {display:inline-block;font-size:12px;background-color:#f2f6f5;color:#003a2c;padding:3px 8px;letter-spacing:.2px;margin-left:10px;} .socialResponsibility .news-list-box > ul li .content-abridge {font-size:14px;margin-top:10px;line-height:21px;letter-spacing:.5px;display: -webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient: vertical;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;} /* 匠心科技 */ .medicalTechnology.main-top{margin-top:0;} .medicalTechnology .banner-box-m {display:block;width:100%;margin-top:56px;} .medicalTechnology .banner-box-m img {max-width:100%;} .medicalTechnology .banner-box {display:none;} .medicalTechnology .content-box {width:94%;margin:50px auto 0;} .medicalTechnology .content-box .title-box h2 span, .hairResearch .content-box .title-box h2 span, .hairStory .content-box .title-box h2 span{background-color:#bebebe;display:inline-block;width:16px;height:1px;margin-right:8px;vertical-align:10px;} .medicalTechnology .content-box .title-box h2 span.last, .hairResearch .content-box .title-box h2 span.last , .hairStory .content-box .title-box h2 span.last{margin-right:0;} .medicalTechnology .content-box .title-box h2 span.m-hide,.hairResearch .content-box .title-box h2 span.m-hide, .hairStory .content-box .title-box h2 span.m-hide {display:none;} .medicalTechnology .content-box .title-box h2, .hairResearch .content-box .title-box h2, .hairStory .content-box .title-box h2 {font-size:22px;font-weight:normal;letter-spacing:1.8px;color:#333;} .medicalTechnology .content-box .title-box p, .hairResearch .content-box .title-box p, .hairStory .content-box .title-box p {margin-top:12px;letter-spacing: .8px;color:#666;font-size:14px;line-height:24px;} .medicalTechnology .content-box .img-box {margin-top:30px;min-height:auto;height:auto;} .medicalTechnology .content-box .img-box img {-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);width:100%;} .medicalTechnology #patent{display:none;} .medicalTechnology #software{display:none;} .medicalTechnology .content-box > div.part4 .end-list {display:block;margin-top:40px;} .medicalTechnology .content-box > div.part4 .end-list li {margin-bottom:16px;width:auto;height:auto;} .medicalTechnology .content-box > div.part4 .end-list li img {max-width:100%;} .medicalTechnology .content-box > div {margin-bottom:40px;} .medicalTechnology .content-box .tab-box-m {overflow:hidden;padding:30px 0 0;} /* .medicalTechnology .content-box .tab-box-m .swiper-container .sw-img-box img{width:100%;height:100%;box-shadow:none;} */ .medicalTechnology .content-box .tab-box-m .swiper-container .high-salary-text {margin-top:16px;font-size:16px;letter-spacing:.8px;} .medicalTechnology .content-box .tab-box-m .swiper-container .high-salary-text span{color:#666;font-size:14px;display:none;} .medicalTechnology .content-box .tab-box-m .swiper-container img{width:80%;-moz-box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);} .medicalTechnology .content-box .tab-box-m .swiper-wrapper{text-align:center;} .medicalTechnology .content-box .tab-box-m .swiper-button-prev, .medicalTechnology .content-box .tab-box-m .swiper-button-next {width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:46%;-moz-transform: scale(0.6);-webkit-transform: scale(0.6);transform: scale(0.6);} .medicalTechnology .content-box .tab-box-m .swiper-button-prev {background-size:61px;background-position:0 0;left:-5px;} .medicalTechnology .content-box .tab-box-m .swiper-button-next {background-size:61px;background-position:-33px 0;right:-5px;} .medicalTechnology .tab-box-m{display:block;} /* 头发故事 */ .hairStory .banner-box, .hairStory .letter-list{display:none;} .hairStory .banner-box-m {display:block;width:100%;margin-top:56px;} .hairStory .banner-box-m img {width:100%;} .hairStory .letter-list-m {display:block;} .hairStory.main-top{margin-top:0;} .hairStory .inner {width:94%;} .hairStory .content-box .part3 {margin-top:60px;} .hairStory .content-box .part3 .letter-list-m {margin-top:30px;} .hairStory .content-box .part3 .swiper-button-prev, .hairStory .content-box .part3 .swiper-button-next {width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:46%;-moz-transform: scale(0.4); -webkit-transform: scale(0.4); transform: scale(0.4); } .hairStory .content-box .part3 .swiper-letter-list .swiper-slide{text-align:center;} .swiper-letter-list .swiper-slide .sw-img-box{width:88%;min-height:200px;display:inline-block;} .hairStory .content-box .part3 .swiper-button-prev {background-size:61px;background-position:0 0;left:-8px;} .hairStory .content-box .part3 .swiper-button-next {background-size:61px;background-position:-33px 0;right:-8px;} .hairStory .content-box .part3 .swiper-letter-list img{width:100%;} .hairStory .content-box .part1 {padding:45px 0 20px;height:auto;background:transparent;} .hairStory .part1 .vedio-box {-moz-box-shadow:0 0 10px rgba(198,196,195,.8);-webkit-box-shadow:0 0 10px rgba(198,196,195,.8);box-shadow:0 0 10px rgba(198,196,195,.8);background-color: #fff;margin-top:30px;padding:0;position:relative;width:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #customer-video {background-color:#fff;width:100%;height:190px;} #customer-video .vjs-big-play-button {width:60px;height:60px;border-radius:50%;left:50%;top:50%;line-height:60px;margin-left:-30px;margin-top:-30px;} #customer-video.video-js .vjs-tech {width:100%;height:100%;object-fit:fill;} #customer-video .vjs-control-bar {bottom:10px;} #customer-video .vjs-poster {background-size:100%;} .hairStory .line-top, .hairStory .line-bottom { position:absolute;width:98%;background-color:#fff;height:3px;left:4px;z-index:8; } .hairStory .line-top {top:5px;} .hairStory .line-bottom {bottom:5px;} /* 社会信誉 */ .enterpriseHonor .banner-box {display:none;} .enterpriseHonor .banner-box-m {display:block;width:100%;margin-top:56px;} .enterpriseHonor .banner-box-m img {width:100%;} .enterpriseHonor.main-top{margin-top:0;} .enterpriseHonor .top-desc{padding-bottom:30px;margin-top:-42px;} .enterpriseHonor .honor-content{width:94%;margin:0 auto;} .honor-content .listshow .img-box img {width:100%;max-width:100%;} .honor-content .listshow h2{font-size:20px;margin-bottom:15px;} .honor-content .listshow h2 span {font-size:14px;} .honor-content .listshow {padding-bottom:25px;margin-top:30px;} /* 毛发研究院 */ .hairResearch .banner-box {display:none;} .hairResearch .banner-box-m {display:block;width:100%;margin-top:56px;} .hairResearch .banner-box-m img {width:100%;} .hairResearch.main-top{margin-top:0;} .hairResearch .inner{width:94%;} .hairResearch .part1 {padding:40px 0 30px;} .hairResearch .content-box .levelOne-title h2{font-size:20px;margin-bottom:5px;} .hairResearch .content-box .levelOne-title h3 {font-size:24px;} .hairResearch .part1 .main-bottom {margin-top:30px;} .hairResearch .hairResearch-sub-title {text-align:center;} .hairResearch .hairResearch-sub-title span {display:inline-block;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch-title-bg.png) no-repeat;width:300px;height:29px;line-height:29px;font-weight:normal;font-size:16px;letter-spacing:1px;background-size:300px;} .hairResearch .part1 .main-bottom {margin-top:30px} .hairResearch .part1 .main-bottom p {text-align:center;margin-top:24px;} .hairResearch .part1 .main-bottom p img{width:100%;} p.pc-show {display:none;} p.m-show{display:block;text-align:left;text-indent:28px;} .hairResearch .part2 {padding:30px 0;} .hairResearch .part2 .main-content {margin-top:15px;} .hairResearch .part2 .main-content .intro-top {display:block;} .hairResearch .part2 .main-content h4 {font-size:14px;margin-bottom:8px;} .hairResearch .part2 .main-content p {font-size:14px;line-height:22px;} .hairResearch .part2 .main-content p.p-img-box img{width:100%;max-width:100%;} .style-topdis {margin-top:14px;} .hairResearch .part2 .main-content p.p-img-box {margin-top:25px;text-align:center;} .hairResearch .part2 .main-content .intro-middle {margin-top:20px;} .hairResearch .part2 .main-content .intro-middle span{background-color:#bebebe;display:inline-block;width:15%;height:1px;margin-right:2%;} .hairResearch .part2 .main-content .intro-middle span.m-hide{display:none;} .hairResearch .part2 .main-content .intro-middle span:nth-child(6){margin-right:0;} .hairResearch .part2 .main-content p {line-height:24px;} .hairResearch .part2 .main-content h4.h4-line2{margin-top:20px;} .hairResearch .part2 .main-content p strong {font-size:14px;} .hairResearch .part3 {padding:45px 0 35px;} .hairResearch .swiper-container.swiper-constitution, .hairResearch .swiper-container.swiper-auditreport{margin-top:35px;} .hairResearch .swiper-container.swiper-constitution, .hairResearch .swiper-container.swiper-auditreport {margin-top:35px;} .hairResearch .swiper-container.imgShadow span {padding:10px;display:block;text-align:center;width:auto;} .hairResearch .swiper-container.imgShadow span img {width:85%; -moz-box-shadow:0 0 10px rgba(0,0,0,.25); -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); box-shadow:0 0 10px rgba(0,0,0,.25); } .hairResearch .part3 .inner .swiper-button-prev, .hairResearch .part3 .inner .swiper-button-next, .hairResearch .part4 .inner .swiper-button-prev, .hairResearch .part4 .inner .swiper-button-next {width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:55%; -moz-transform: scale(0.65); -webkit-transform: scale(0.65); transform: scale(0.65); } .hairResearch .part3 .inner .swiper-button-prev,.hairResearch .part4 .inner .swiper-button-prev {background-size:61px;background-position:0 0;left:0;} .hairResearch .part3 .inner .swiper-button-next, .hairResearch .part4 .inner .swiper-button-next {background-size:61px;background-position:-33px 0;right:0;} .hairResearch .part4 .inner .swiper-button-prev, .hairResearch .part4 .inner .swiper-button-next {top:50%;} .hairResearch .part4 {padding:45px 0 35px;} .hairResearch .swiper-container.swiper-auditreport .swiper-auditreport-prev,.hairResearch .swiper-container.swiper-auditreport .swiper-auditreport-next {display:block;} .hairResearch .part5 {padding:45px 0 35px;} .hairResearch .part5 p{margin-top:40px;} .hairResearch .part5 p img{width:100%;max-width:100%;} .hairResearch .loaded-m{display:block;} .hairResearch .loaded-pc{display:none;} .hairResearch .content-box.professional-team{margin-top:50px;} .hairResearch .content-box.professional-team .swiper-container-professional .swiper-slide {width:80%;height:100%;} .hairResearch .content-box.professional-team {margin-top:50px;} .hairResearch .content-box.professional-team .swiper-container-professional .swiper-slide {position:relative;overflow:hidden;text-align:center;width:80%;} .professional-team .swiper-container-professional .swiper-slide img{width:100%;-moz-box-shadow:0 0 10px rgba(0,0,0, .35);-webkit-box-shadow:0 0 10px rgba(0,0,0, .35);box-shadow:0 0 10px rgba(0,0,0, .35);} .professional-team .loaded {margin-top:25px;background-color:#f9f9f9;padding-bottom:10px;} .professional-team .loaded .swiper-container-professional {padding:30px 0;} .professional-team .loaded .swiper-container-professional .swiper-pagination-bullets{bottom:0;} .professional-team .loaded .swiper-container-professional .swiper-pagination-bullet {width:10px;height:10px;background-color:#ddd;opacity:0.5;} .professional-team .loaded .swiper-container-professional .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#42b983;opacity: 1;} .professional-team .loaded .swiper-container-professional .expert-intro {position:absolute;width:100%;height:auto;background-color:rgba(0, 134,51,.45);color:#fff;text-align:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px;bottom:0;z-index:88;-moz-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;} .professional-team .loaded .swiper-container-professional .expert-intro .name{letter-spacing:1.5px;font-size:18px;} .professional-team .loaded .swiper-container-professional .expert-intro .intro{letter-spacing:1px;font-size:14px;padding:5px 0 8px;} .professional-team .loaded .swiper-container-professional .expert-intro .desc {font-size:12px;line-height:20px;letter-spacing:1.2px;} .professional-team .loaded .swiper-container-professional .swiper-slide .expert-intro .intro{border-bottom:1px dashed #fff;margin-bottom:8px;} .hairResearch .loaded-list-m{display:block;} .hairResearch .loaded-list-pc{display:none;} .professional-team .loaded-list-m {margin-top:30px;} .professional-team .loaded-list-m .hairResearch-sub-title {margin-bottom:25px;} .professional-team .loaded-list-m ul {display:-moz-flex; display:-ms-flex; display:-webkit-flex; display:flex; flex-wrap:wrap;display:-webkit-flex;display:-moz-flex;display:-ms-flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between; display:none; } .professional-team .loaded-list-m .swiper-container-expert-list .swiper-slide {max-width:180px;} .professional-team .loaded-list-m .swiper-container-expert-list .img-wrapper {background-color:#f1f9f6;padding:8px;display:block;} .professional-team .loaded-list-m .swiper-container-expert-list img{width:100%;} .professional-team .loaded-list-m .swiper-container-expert-list .expert-show-intro { width:100%;height:auto;color:#333;z-index:88;font-size:16px;letter-spacing:1.5px;padding:0 8px 10px;z-index:88; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:all .5s; -webkit-transition:all .5s; transition:all .5s; background-color:#f1f9f6; } .professional-team .loaded-list-m .swiper-container-expert-list .expert-show-intro span {font-size:14px;} .professional-team .loaded-list-m .swiper-container-expert-list .expert-show-intro p{font-size:12px;color:#666;margin-top:3px;} .professional-team .loaded-list-m ul.last li .expert-show-intro {width:184px;} .professional-team .loaded-list-m ul li span {font-size:18px;display:inline-block;padding-bottom:15px;border-bottom:1px solid #fff;width:100%;margin-bottom:15px;} .professional-team .loaded-list-m ul li img {padding:6px;} .research-scope .part-middle {display:block;} .research-scope .part-middle .part-middle-left {width:100%;} .research-scope img {width:100%;max-width:100%;} .research-scope .part-middle .ul-horizontal {display:block;margin-top:30px;} .research-scope .part-middle li span, .research-scope .part-bottom li span {font-size:14px;margin:10px 0 30px;display:block;} .research-scope .part-middle li span.pc-hide{display:none;} .research-scope .part-middle li span.m-hide{display:block;} .research-scope .part-bottom {display:block;} .research-scope .part-bottom-right {width:100%;} .research-scope .ul-horizontal{display:block;} .research-scope .part-bottom li span.pc-hide{display:none;} .research-scope .part-bottom li span.m-hide{display:block;} .hairResearch .content-box.contant-us{margin-top:50px;} .hairResearch .content-box.contant-us p a {color:#666;vertical-align:-1px;} .research-scope .part-top h4 {font-size:20px;} .research-scope .part-top p {font-size:14px;line-height:21px;} .research-scope .part-top p.m-hide{display:block;} .research-scope .part-top p.pc-hide{display:none;} .research-scope .part-top{padding:20px 10px 0;margin-top:20px;text-align:center;} .research-scope .part-top > div {margin-bottom:20px;} #hairResearchRoot {margin-top:30px;} /* 防伪查询 */ .securitCheck .top-box{margin-top:80px;font-size:14px;display:flex;justify-content:space-between;align-items:center;text-align:left;} .securitCheck .top-box .lang-change{position:static;width:100px;} .securitCheck .top-box .left-title{width:75%;font-size:16px;} .securitCheck .securitCheck-box{margin:60px auto 0;width:94%;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 10px 30px;} .securitCheck .securitCheck-box h2 {font-size:20px;} .securitCheck .securitCheck-box p {font-size:18px;} .securitCheck .securitCheck-box .form-box .el-input__inner {font-size:14px;} .securitCheck-box .form-box .el-form-item .submit-btn {width:120px;margin-left:10px;} /* 海外代理 start*/ .overseas .banner-box{display:none;} .overseas .top-banner{position:relative;width:100%;margin-top:56px;display:block;} .overseas .top-banner .img-box img{width:100%;max-width:100%;} .overseas .top-banner .video-js .vjs-big-play-button{opacity:0;width:100%;height:100%;left:0;top:0;} .overseas #overseas-video-boss-m{position:absolute;left:0;top:0;width:100%;max-width:100%;height:100%;background-color:#000;z-index:1; opacity:0;} .overseas .filtertype{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;z-index:2;} .overseas .desc-box {width:100%;padding:0 10px;box-sizing:border-box;font-family:Arial;} .overseas .desc-box .title{color:#515151;font-size:22px;padding:24px 0 8px;} .overseas .desc-box p{line-height:20px;color:#515151;word-break:break-all;font-size:14px;} .overseas .video-intro{width:100%;padding:0 10px;box-sizing:border-box;margin-top:15px;} #overseas-video-ali{width:100%;max-width:100%;height:100%;background-color:#fff;} #overseas-video-ali .vjs-poster{background-size:100% 100%;} #overseas-video-ali .vjs-big-play-button{top:50%;left:50%;width:63px;height:63px;line-height:63px;font-size:40px;border:2px solid #fff;border-radius:50%;transform:translate(-50%, -50%);} .overseas .content{width:94%;display:block;margin-top:24px;} .overseas .content .left-intro, .overseas .content .right-intro {width:100%;height:auto;} .overseas .content .right-intro {height:200px;margin-top:15px;} .overseas .content .left-intro p.pc-hide{display:none;} .overseas .content .left-intro p.m-hide{display:block;font-size:14px;line-height:21px;} .overseas .content .left-intro h2{margin-bottom:8px;font-size:22px;} .overseas .desc-box{font-family:Arial;} .overseas .content-middle{width:94%;margin:30px auto 50px;} .overseas .content-middle h2 {width:100%;text-align:center;font-family:Arial;font-size:18px;color:#515151;padding-bottom:11px;border-bottom:1px solid #d2d2d2;position:relative;} .overseas .content-middle h2 .line-current{position:absolute;width:56px;height:4px;background-color:#044d3c;top:31px;left:50%;margin-left:-28px;} .overseas .content-middle .bottom-content{margin-top:45px;display:block;} .overseas .content-middle .bottom-content .left-contact, .overseas .content-middle .bottom-content .right-contact{width:100%;} .overseas .content-middle .bottom-content img{width:100%;max-width:100%;} .overseas .content-middle .bottom-content .contact-bottom{margin-top:20px;} .overseas .content-middle .bottom-content .right-contact{margin-top:50px;} .overseas .button-style {background-color:#044d3c;color:#fff;margin-top:10px;} .overseas .overseas-footer .footer-inner-top {width:94%;display:block;} .overseas .overseas-footer {padding-top:30px;} .overseas .overseas-footer .footer-inner-top .footer-top-left h1{font-size:20px;font-weight:bold;font-family:inherit;} .overseas .overseas-footer .footer-inner-top .footer-top-left .text-box{font-size:14px;line-height:24px;margin-top:14px;} .overseas .overseas-footer .footer-inner-top .footer-top-right {width:100%;margin-right:0;} .overseas .overseas-footer .footer-inner-top .footer-top-right .top-code-box{justify-content:center;} .overseas .top-code-box dl:nth-child(1){margin-right:39px;} .overseas .footer-top-right .top-code-box dt h3 {font-size:18px;margin:40px 0 18px;font-weight:bold;font-family:inherit;} .overseas .footer-top-right .top-code-box dd, .overseas .footer-top-right .top-code-box dd img{width:100px;height:100px;} .overseas .footer-top-right .bottom-phoneNum span img{width:35px;} .overseas .footer-top-right .bottom-phoneNum {-ms-align-items:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;} .overseas .footer-top-right .bottom-phoneNum .right-phone{font-size:16px;} .overseas .overseas-footer .copyright-bottom{margin-top:35px;} .overseas .overseas-footer .logo-img{width:60px;} .overseas .overseas-footer .copyright-bottom span.text{font-size:12px;font-weight:bold;margin-left:10px;font-family:inherit;} .overseas .m-header-show {display:block;} /* 联系我们 */ .contactUs .banner-box{display:none;} .contactUs .banner-box-m{width:100%;display:block;} .contactUs .banner-box-m img{width:100%;max-width:100%;} .contactUs.main-top{margin-top:56px;} .contactUs .top-box{font-size:18px;} .contactUs .main{padding:0;} .contactUs .contactUs-list-top{display:block;margin:40px 0 35px;padding-bottom:40px;} .contactUs .contactUs-list-top dl.top-first{margin:0;padding:0;border:none;margin-bottom:30px;} .contactUs .contactUs-list-top dl dt img{width:40px;max-width:40px;} .contactUs .contactUs-list-top dl dd.text strong{font-size:16px;margin-bottom:0;} .contactUs .contactUs-list-top dl dd.text span{font-size:14px;} .contactUs .contactUs-list-top dl dd div{font-size:24px;line-height:40px;margin-left:20px;} .contactUs .contactUs-list-top dl dd div .tel{color:#044d3c;} .contactUs .contactUs-list-top dl dd.text{margin-left:14px;} .contactUs .contactUs-list-top dl dd a.chatShow{margin-left:0;} .contactUs .contactUs-list-top dl {-ms-align-items:center;-moz-align-items:center;-webkit-align-items:center;align-items:center;} .contactUs .contactUs-list-bottom{display:block;margin-bottom:30px;} .contactUs .contactUs-list-bottom div img{width:100%;max-width:100%;} .contactUs .contactUs-list-bottom .left{width:100%;margin-top:10px;padding:20px;height:auto;} .contactUs .contactUs-list-bottom ul li{margin-top:0;margin-bottom:16px;} .contactUs .contactUs-list-bottom ul li:nth-last-child(1){margin-bottom:0;} .contactUs .contactUs-list-bottom ul h2{font-size:24px;font-weight:normal;} .contactUs .contactUs-list-bottom ul li:nth-child(1) span, .contactUs .contactUs-list-bottom ul li span{font-size:14px;} .contactUs .contactUs-list-bottom ul strong{font-size:16px;font-weight:normal;} .contactUs .contactUs-list-bottom ul a{color:#5f5d5e;} .contactUs .address-box{display:block;} .address-box #map-box{width:100%;height:300px;margin-bottom:20px;} .address-box .form-box{width:100%;} /* 招商加盟 */ .invitation{margin-top:56px;} .invitation .banner-box{display:none;} .invitation .banner-box-m{width:100%;display:block;} .invitation .banner-box-m img{width:100%;max-width:100%;} .invitation-main{width:94%;} .invitation .main-pc-content{display:none;} .invitation .main-m-content{display:block;} .invitation-body {min-width:100%;} #invitationRoot .invitation-main{width:100%;} .invitation .img-wrapper img{width:100%;} .invitation .img-wrapper .img-inner-wrapper{display:-moz-flex;display:-webkit-flex;display:flex;} .invitation .img-wrapper .img-inner-wrapper span{width:50%;} .invitation .img-wrapper .img-inner-wrapper-col3{display:-moz-flex;display:-webkit-flex;display:flex;} .invitation .invitation-text{position:absolute;left:-9999px;} .footer-part .copyright p{line-height:21px;} #invitationRoot .form-box h2{font-size:18px;} /* 企业动态 */ #artical .artical-box{margin-top:56px;} #artical .artical-box .title-box{display:none;} #artical .artical-list{width:auto;padding-top:73px;} #artical .artical-list-left{display:none;} #artical .artical-list-right{width:100%;padding:0;box-shadow:none;border:none;} #artical .artical-list-right dl dd .title{width:100%;} .page-box .el-pagination.is-background .el-pager li, .page-box .el-pagination.is-background .btn-prev, .page-box .el-pagination.is-background .btn-next{width:32px;height:32px;line-height:32px;background-color:#fff;} .page-box .el-pagination.is-background .el-pager li{margin:0 6px;} #artical .artical-list-right dl{display:block;} #artical .cover-pic-null.cover-pic-null-pc {display:none;} #artical .cover-pic-null.cover-pic-null-m {display:block;} #artical .artical-list-right dl dt .cover-pic-null.cover-pic-null-m{width:100%;background-color:#044d3c;color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px;height:auto;} #artical .artical-list-right dl dt i{font-size:20px;} #artical .artical-list-right dl dt span{display:inline-block;} #artical .artical-list-right dl dt span.day-show {font-size:18px;padding:10px 0;margin-left:5px;letter-spacing:.8px;} #artical .artical-list-right dl dd{padding:20px 12px;background-color:#fff;height:auto;} #artical, #artical .footer-part .placeholder{background-color:#f1f1f1;} #artical .artical-list-right dl dd .right-content{padding-top:0;} #artical .artical-list-right dl dd .more{position:static;border:1px solid #ddd;color:#666;} #artical .artical-list-right dl dd:hover .more {background-color:#fff;color:#666;} #artical .artical-list-right dl dd .group-box{margin-top:20px;padding-right:0;} #artical .artical-list-right dl dd .author{font-size:14px;padding:5px 10px;letter-spacing:.5px;height:29px;} .artical-filter-list {background-color:#fff;padding:0 12px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:56px;z-index:87;border-top:1px solid #ebedf0;box-shadow:0 0 8px rgba(0,0,0,.2);} #artical .artical-filter-list, #articalInfo .share-window-m{display:block;} .artical-filter-list > ul{height:52px;line-height:52px;display:-moz-flex;display:-webkit-flex;display:flex;-moz-justify-content:space-between;-webkit-justify-content:space-between;justify-content:space-between;} .artical-filter-list > ul > li{font-size:16px;cursor:pointer;} .artical-filter-list > ul > li.active{color:#42b983;} .artical-filter-list > ul > li.active i {-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);} .artical-filter-layer{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);left:0;top:0;z-index:86;} .artical-filter-list .filter-type-list{position:absolute;width:100%;background-color:#fff;z-index:89;left:0;height:0;overflow-y:scroll; -moz-transition:height .5s; -webkit-transition:height .5s; transition:height .5s; } .artical-filter-list .filter-type-list.expand {height:275px;} .artical-filter-list .filter-type-list li, .artical-filter-list .filter-sort-list li{border-top:1px solid #ebedf0;padding:15px 12px;cursor:pointer;font-size:14px;} .artical-filter-list .filter-type-list li i, .artical-filter-list .filter-sort-list li i {font-weight:bold;float:right;font-size:18px;color:#42b983;} .artical-filter-list .filter-sort-list li i{display:none;} .artical-filter-list .filter-sort-list li.current i{display:block;} .artical-filter-list .filter-type-list li.current a, .artical-filter-list .filter-sort-list li.current a{color:#42b983;} .artical-filter-list .filter-sort-list {position:absolute;width:100%;background-color:#fff;z-index:89;left:0;-moz-transition:height .4s; -webkit-transition:height .4s; transition:height .4s;height:0;overflow-y:scroll;} .artical-filter-list .filter-sort-list.expand {height:100px;} #artical .page-header-m .container{box-shadow:none;} #artical .artical-list-right dl dd:hover .right-content{transform:translateX(0);} /* 新闻详情 */ #articalInfo .crumbs{display:none;} #articalInfo .articalInfo-box{width:100%;padding:0;border:none;} #articalInfo{margin-top:56px;} #articalInfo .articalInfo-box .title{font-size:20px;padding:25px 10px 15px;line-height:28px;text-align:left;} #articalInfo .desc-pc{display:none;} #articalInfo .logo-show{display:-moz-flex;display:-webkit-flex;display:flex;-moz-align-items:center;-webkit-align-items:center;align-items:center;padding:15px 10px;border-top:1px solid #ebedf0;border-bottom:1px solid #ebedf0;} #articalInfo .logo-show span img{width:60px;height:60px;border-radius:10px;} #articalInfo .logo-show ul {margin-left:10px;position:relative;-moz-flex:1;-webkit-flex:1;flex:1;} #articalInfo .logo-show ul li{font-size:14px;} #articalInfo .logo-show ul li.share{position:absolute;right:0;width:36px;height:36px;border-radius:50%;background-color:#42b983;color:#fff;font-size:28px;text-align:center;line-height:36px;top:50%;margin-top:-18px;} #articalInfo .logo-show ul li:nth-child(1){margin-bottom:6px;} #articalInfo .logo-show ul li span{color:#999;} #articalInfo .logo-show ul li span.desc-time{margin-right:10px;} #articalInfo .articalInfo-box .content-box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;} #articalInfo .articalInfo-box .content-box p, #articalInfo .articalInfo-box .content-box span, #articalInfo .articalInfo-box .content-box div { line-height:26px !important; font-size:14px !important; color:#333 !important; font-family: NotoSans,'Microsoft YaHei New','Microsoft Yahei','微软雅黑','冬青黑体','Hiragino Sans GB',STHeitiSC,SimHei,Helvetica,sans-serif !important; letter-spacing:1px !important; width:100% !important; } #articalInfo .articalInfo-box .content-box img { max-width:100%; height: auto; margin: 10px 0; width:100% !important; } .share-window-m { position: fixed; width:100%;/* background:rgba(0,0,0,.75); */bottom:-100%;left:0; z-index:999;background-color:#f1f1f1;z-index:2147483646;border-radius: 10px 10px 0 0;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s;} .share-window-m.expanded{bottom:0;} .share-window-m .middle {width:100%;height:100%;} .share-window-m .middle .box {padding:30px 20px;font-size:16px;background-color:#fff;} .share-window-m .middle .box > div {display:-moz-flex;display:-webkit-flex;display:flex;position:relative;-moz-justify-content:space-around;-webkit-justify-content:space-around;justify-content:space-around;} .share-window-m .middle .box > div .link {display: block;text-decoration: underline;cursor: pointer;width: 510px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .share-window-m .middle .box > div .copy-success {position:absolute;top:25px;color:#42b983;padding-left:48px;} .share-window-m .middle .box > div .platform {line-height:42px;} .share-window-m .middle .box > div.tips{color:#999;margin-bottom:0;font-size:14px;} .share-window-m .middle .title{padding:20px 16px;font-size:16px;font-weight:400;letter-spacing:1px;color:#333;text-align:center;background-color:#fff;border-radius:10px 10px 0 0;margin-bottom:1px;} .share-window-m .middle .button-box {text-align:center;padding:15px 0;margin-top:10px;background-color:#fff;letter-spacing:1px;} .share-window-m .middle .box .social-share .social-share-icon {width:50px;height:50px;line-height:50px;font-size:26px;margin:0 8px;} .share-window-m .middle .box .social-share .icon-wechat .wechat-qrcode{width:210px;left:-45px;} .share-window-m .middle .box .social-share .icon-wechat .wechat-qrcode:after{left:33%;} .share-window-m .middle .box .social-share .icon-wechat{background:#7bc549;color:#fff;} .share-window-m .middle .box .social-share .icon-weibo{background:#ff763b;color:#fff;} .share-window-m .middle .box .social-share .icon-qq{background:#56b6e7;color:#fff;} .share-window-m .middle .box .social-share .icon-qzone{background:#FDBE3D;color:#fff;} /* 新版毛发研究院20220810 by */ .hair-new-index{padding-bottom:0;} .hair-new-research{padding-bottom:60px;} .hair-new .content{margin-top:56px;background-color:#f6faf6;} .hair-new .banner{width:100%;overflow:hidden;} .hair-new .banner img{width:100%;} .hair-new-index .intro-content{padding:32px 20px 45px;} .hair-new-index .intro-content h2{text-align:center;font-size:20px;color:#333;padding-bottom:5px;} .hair-new-index .intro-content h3 {font-size:16px;color:#333;margin:10px 0 5px;} .hair-new-index .intro-content p {font-size:16px;text-indent:32px;color:#666;line-height:24px;letter-spacing:.8px;} h2.new-title-style {text-align:center;} h2.new-title-style span{padding:6px 10px;min-width:160px;text-align:center;color:#fff;background-color:#004d3c;display:inline-block;font-size:18px;letter-spacing:.8px;border-radius:36px;} .hair-new-index .memorabilia{margin-top:40px;padding-top:40px;} .memorabilia-show-content {position:relative;padding:27px 30px 45px;} .memorabilia-show-content .swiper-button-prev, .memorabilia-show-content .swiper-button-next, .rules-show-content .swiper-button-prev, .rules-show-content .swiper-button-next{width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:46%;-moz-transform: scale(0.4);-webkit-transform: scale(0.4);transform: scale(0.4);} .rules-show-content .swiper-button-prev, .rules-show-content .swiper-button-next{top:50%;} .memorabilia-show-content .swiper-button-prev, .rules-show-content .swiper-button-prev{background-size:61px;background-position:0 0;left:0;} .memorabilia-show-content .swiper-button-next, .rules-show-content .swiper-button-next{background-size:61px;background-position:-33px 0;right:0;} .swiper-memorabilia-list .swiper-slide, .rules-show-content .swiper-slide{text-align:center;} .swiper-memorabilia-list .swiper-slide .sw-img-box, .rules-show-content .swiper-slide .sw-img-box{width:100%;min-height:200px;display:inline-block;} .swiper-memorabilia-list .swiper-slide .sw-img-box img, .rules-show-content .swiper-slide .sw-img-box img{width:100%;} h3.new-sub-title-style {text-align:left;margin:28px 0 18px;} h3.new-sub-title-style span {padding:8px 10px;background-color:#999;color:#fff;font-size:14px;border-radius:10px;} .hair-new-index .group-show {padding:0 20px;} .hair-new-index .group-show li {line-height:26px;} .hair-new-index .group-show li strong{color:#666;font-size:14px;letter-spacing:.8px;} .hair-new-index .group-show li span{color:#333;font-size:14px;} .rules-show {margin-top:45px;padding-bottom:30px;} .rules-show .rules-show-content {position:relative;padding:27px 30px 0;} /* 科研领域 */ .hair-new-research, .hair-new-exchange, .hair-new-professional,.hair-new-honor, .hair-new-livelihood, .hair-new-contact {background-color:#fff;} h2.new-title-style-single{text-align:center;color:#333;font-size:18px;} .gain-show-list h3, .support-show-list h3, .exchange-content h3, .professional-content h3, .hair-new-honor h3, .hair-livelihood-content h3, .contact-content h3{color:#333;font-size:16px;font-weight:normal;line-height:26px;margin-bottom:20px;} .exchange-content .new-title-style-single, .professional-content .new-title-style-single, .hair-honor-content .new-title-style-single, .hair-livelihood-content .new-title-style-single, .hair-new-contact .new-title-style-single{margin:30px 0 10px;} h3.textindent {text-indent:32px;} .property-show-content {position:relative;padding:0 30px;} .property-show-content .swiper-button-prev, .property-show-content .swiper-button-next{width:28px;height:62.5px;background:url(https://static.zg101.com/zg101-web/pc/images/level2/hairResearch_swiper_btn.png) no-repeat;position:absolute;top:46%;-moz-transform: scale(0.4);-webkit-transform: scale(0.4);transform: scale(0.4);} .property-show-content .swiper-button-prev{background-size:61px;background-position:0 0;left:0;} .property-show-content .swiper-button-next{background-size:61px;background-position:-33px 0;right:0;} .swiper-property-list .swiper-slide{text-align:center;} .swiper-property-list .swiper-slide .sw-img-box{width:100%;min-height:200px;display:inline-block;} .swiper-property-list .swiper-slide .sw-img-box img{width:100%;} .hair-new-research .field-show,.hair-new-research .gain-show {padding:32px 20px 45px;} .hair-new-research .field-show .field-row-content {display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px;} .hair-new-research .field-show .filed-item{width:48%;position:relative;margin-top:16px;} .hair-new-research .field-show .filed-item strong{height:50px;background-color:#7b7d7b;display:block;} .hair-new-research .field-show .filed-item span {position:absolute;width:100%;height:50px;background-color:#d3d3d3;border:3px solid #3c9a9a;font-size:14px;color:#333;top:-6px;left:-3px;padding:3px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .gain-show-list {margin-top:20px;} .gain-show-list > div{margin-bottom:20px;} .gain-show-list > div.line-small, .gain-show-list > div.line-small-diff{display:flex;justify-content:space-between;} .gain-show-list > div.line-small span {display:block;width:46%;} .gain-show-list > div.line-small-diff{margin-bottom:0;} .gain-show-list > div.line-small-diff span {display:block;} .gain-show-list > div.line-small-diff span:nth-child(1){width:32%;} .gain-show-list > div.line-small-diff span:nth-child(2){width:60%;} .gain-show-list > div.line-small-diff span img {width:100%;height:100%;} .gain-show-list img {width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:2px solid #3c9a9a;} .support{padding:0 20px;} .support span img {width:100%;} .support-show-list h3{margin:15px 0;} .support-show-list .support-show-box{display:flex;flex-wrap:wrap;} .support-show-list .support-show-box dl{width:48%;position:relative;margin-bottom:70px;} .support-show-list .support-show-box img {width:100%;border:2px solid #c1c1c1;} .support-show-list .support-show-box dd {background-color:#009844;padding:8px 14px;color:#fff;font-size:14px;position:absolute;width:98%;height:52px;left:1%;bottom:-50px;z-index:2;letter-spacing:.5px;} /* 学术交流 */ .hair-new-exchange .exchange-content{padding:0 20px 45px;} .exchange-communication-list{flex-wrap:wrap;} .exchange-communication-list dl {width:48%;position:relative;margin-bottom:16px;} .exchange-communication-list dl.linesingle{width:100%;} .exchange-communication-list dl img {width:100%;border:2px solid #33ad69;} .exchange-communication-list dd {font-size:12px;color:#fff;background-color:#33ad69;letter-spacing:.5px;padding:5px;} .exchange-content .poster-show img{width:100%;} .together-list dl.last{margin-top:20px;} .together-list dl img {width:100%;border:2px solid #33ad69;} .together-list dl dd {background-color:#33ad69;padding:10px 5px;color:#fff;font-size:14px;text-align:center;letter-spacing:.8px;} /* 管理团队 */ .hair-new-professional .professional-content{padding:0 0 45px;} .hair-new-professional .manager-team-list {flex-wrap:wrap; padding:0 20px;margin-top:20px;} .hair-new-professional .manager-team-list dl{width:48%;margin-bottom:20px;} .hair-new-professional .manager-team-list dl.columns3{width:31%;} .hair-new-professional .manager-team-list dl dt{box-shadow:0 0 8px rgba(0,0,0,.3);} .hair-new-professional .manager-team-list dl img{width:100%;} .hair-new-professional .manager-team-list dd h4{padding:10px 0 3px;font-size:16px;color:#000;} .hair-new-professional .manager-team-list dd p {font-size:14px;line-height:21px;color:#666;} .hair-new-professional .professional-content h3{padding:27px 20px 0;} .hair-new-professional .team-show-list{padding:0 20px;flex-wrap:wrap;} .hair-new-professional .team-show-list .img-box-item{width:48%;margin-top:15px;} .hair-new-professional .team-show-list .img-box-item img {width:100%;border:2px solid #33ad69;} /* 荣誉资质 */ .hair-new-honor .hair-honor-content{padding:0 30px 45px;} .hair-new-honor .hair-honor-content img {width:100%;} /* 社会民生 */ .hair-new-livelihood .hair-livelihood-content{padding:0 20px 45px;} .hair-new-livelihood .top-livelihood-show{position:relative;margin-bottom:20px;} .hair-new-livelihood .top-livelihood-show .left{width:50%;} .hair-new-livelihood .top-livelihood-show dl img{width:100%;border:2px solid #33ad69;} .hair-new-livelihood .top-livelihood-show dd{background-color:#33ad69;padding:10px 5px;color:#fff;font-size:14px;text-align:center;letter-spacing:.8px;} .hair-new-livelihood .top-livelihood-show dl.right {width:55%;position:absolute;right:0;z-index:2;top:6%;} .hair-new-livelihood .livelihood-img-item{margin-bottom:16px;} .hair-new-livelihood .livelihood-img-item img {width:100%;border:2px solid #33ad69;} /* 联系我们 */ .hair-new-contact .contact-content {padding:0 20px 45px;} .hair-new .page-header-m .container {padding:0 20px;} } .toWxApplet .seat{height:200px;display:flex;align-items:center;justify-content:center;}