@charset "utf-8";
/** 本网站开始 */
#top{background-color:#eeeeee;line-height:35px;font-size:13px;}
.logo-text{margin-left:20px;}
#logo{padding:15px 0}
#header{z-index:900; width: 100%;top:0;left:0;background-color:#fff;position:relative;}
.logo{display:inline-block; line-height:0;background-position:left center;background-repeat:no-repeat;position:relative;z-index:300;} 
.logo img{width:auto}
#nav{position:relative;z-index:200;right:0;top:0;line-height:77px;background-image:url(../images/nav.png);background-position:center;}
.nav-dd{position:relative;text-align:center;width: 115px;float:left;} 
.nav-dd.on .nava,.nav-dd:hover .nava{color:#559ec9 !important;}
.nava{display:block;font-size:16px;position:relative;} 
#logo{overflow:visible;}

.lang{background-image:url(../images/ico-y1.png);padding-left:15px;margin-top: 23px;}
.lan-sub a{display:inline-block;vertical-align:middle;position:relative;padding-left:10px;margin-left:7px;}
.lan-sub a img{display:block;margin:0 auto;}
.lan-sub a::after{content:'';width:1px;height:10px;background-color:#000;display:block;position:absolute;left:0;top:50%;margin-top:-5px;}
.lan-sub a:nth-child(1)::after{display:none}


.htit{text-align:center;margin-bottom:50px;}
.htit .h2{background-image:url(../images/ico-tit.png);padding-left:80px;font-size:36px;color:#559ec9;line-height:50px;margin-bottom:10px;}
.htit .p{font-size:16px;}
.m1-w1{width:50%}
.m1-w2{width:45%;position:relative;left:3%}
.m1-w2-1{width:15%;height:auto}
.m1-w2-2{width:80%;position:relative;left:5%}
.m1-w2-2 .np{margin-top:5px;line-height:1.6;color:#666}
.m1-w2 .dd{padding:30px 0;}
.main2{background-image:url(../images/m3-bg.png);background-size:cover;padding-bottom:0 !important}
.m2-img{max-width:100%;display:block;}
.arrow{position:absolute;height:100%;width:33px;top:0;background-position:center;background-repeat:no-repeat;z-index:9999;cursor:pointer;}
.arrow.prev1{left:0;background-image:url(../images/le1.png);}
.arrow.next1{right:0;background-image:url(../images/ri1.png);}


.main4{background-color:#eef5f9}
.m4-list .np{line-height:33px;height:99px;margin: 7px 0 15px;}
.m4-list .imga{width:33.3333%;float:left;height:450px;}
.m4-list .imga.dd1 .mlW{margin-top:225px}
.m4-list .div{padding:20px;height:185px}
.m4-more{display:block;margin:0 auto;border:1px solid #fff;width:120px;line-height:35px;;text-align:center;}
.m4-list .dd2{position:relative;}
.m4-list .imgW{position:absolute;height:50%;top:0}
.m4-list .dd2 .imgW{bottom:0;top:auto}
.m4-list img{object-fit:cover;height:100% !important}

.m5-box{padding:35px 0;border:1px solid #eee}
.m5-w1{width:50%;}
.m5-w1 .p1{margin-top:15px;}
.m5-w1 .line{width:70%;height:1px;background-color:#eee;margin-top: 15px;}

.m5-w2{width:40%;position:relative;left:5%}
.m5-w2 .htit{margin-bottom:0}
.m5-w2 .htit .h2{background-image:url(../images/ico-1.png);font-size:24px;padding-left:40px;}
.m5-form dd{padding-left:66px;position:relative;margin-top:25px;}
.m5-form *{font-size:16px;}
.m5-form .text{height:35px;border:1px solid #ededed;width:100%;display:block;box-sizing:border-box;display:block;padding:0 5px;}
.m5-form .lab{position:absolute;left:0;top:0;line-height:30px;}
.m5-form .submit{border:none;}
.m5-box .line1{height:100%;width:1px;background-color:#eee;position:absolute;left:50%;top:0}

.foot-top{padding:15px 0;}
.foot-top a{margin-left:15px;}
.foot-top img{display:block;}

.ft-w1{width:15%;padding-right:10%}
.ft-a .p2{width:48%}
.ft-w2{width:35%;padding:0 10%;border-left:1px solid #ededed;border-right:1px solid #ededed}
#foot .p2{margin-top:20px;}
.foot-mid{padding:25px 0}
.copy{padding:20px 0;border-top:1px solid #eee;}
.ft-w3 img{display:block;margin:0 auto;max-width:80%;height:auto;}


.ny-bn{height:450px;}
.ny-nav{background-color:#559ec7;font-size:16px;}
.ny-nav .imga{line-height:60px;text-align:center;float:left;color:#fff;}
.ny-nav1 .imga{width:33.3333%;}
.ny-nav .imga.on{background-color:#6dc8fc}

.ab-box1 .con{line-height:1.8;margin-top:30px;}
.ab-h2::after{content:'';display:block;width:115px;height:3px;background-color:#559ec9;margin-top:5px;}


.ab-w1{width:45%;}
.ab-w2{width:50%;left:3%}
.ab-con2{margin-top:40px}

.ziz-list .imga{width:28.8%;margin:0 2% 50px 0;float:left;border:1px solid #1b1b1b;height:170px;}
.ziz-list img{object-fit:cover;width:100%;height:100%}
/* 301最新动态 */
.news-list{margin-top:-20px;}
.news-list .p1{line-height:30px;}
.news-list .p2{margin:10px 0;}
.news-list .np{line-height:25px;max-height:50px;}
.news-list .imgW{width:20%}
.news-list .mlW{width:76%;position:relative;left:2%}
.news-list .imga{padding:20px 0;border-bottom:1px solid #eee;}
.news-list .more{position: absolute;right:0;top:0}
.news-list .p1{padding-right:100px;}
.page{margin-top:40px;}
.ny-nav2 .imga{width:50%}


.news-h3{border-bottom:1px solid #eee;margin-bottom:30px;}
.news-h3 .p2{margin:10px 0 20px;}
.news-con img{height:auto;}
.news-con{line-height:1.6}
.fy{border:none;}
/* 203有机资质-详情 */
.ziz-con{border:1px solid #eee;padding:50px 0}
.z-w1{width:50%}
.z-w1 img{display:block;margin:0 auto}
.z-w2{width:48%;}
.news-con .div{padding:0 5%}
.ziz-con::after{content:'';width:1px;height:100%;position: absolute;display:block;top:0;left:50%;background-color:#eee}

.ny-nav3 .imga{width:25%}

.cp-list .imga{width:21%;margin:0 2% 20px 0;border:1px solid #eee;float:left;}
.cp-list .imgW{height:365px;width:100%;border-bottom:2px solid #559ec9;margin-bottom:10px;}
.cp-list img{width:100%;}
.cp-list .div{padding:30px;}
/* 401婴幼儿护肤品-详情 */
.cp-w2 .p1{margin-top:15px;}
.cp-h2::after{content:'';display:block;width:90%;height:2px;background-color:#559ec9;margin-top:10px;}
.cp-mid{margin:60px 0}
.cp-ph .bgle{background-image:url(../images/ico-ph.png);padding-left:40px;display:block;}
.cp-ph{padding:0 20px;line-height:45px;margin-top:25px;}
.cp-mid img{display:block;}
.cp-bt img{display:block;margin:0 auto;max-width:100%;height: auto;}
/* 402成人护肤品 */
.ny-nav4{background-color:#b7a211}
.ny-nav4 .imga{width:20%}
.ny-nav4 .imga.on{background-color:#d4bc15}
.cp-list4 .imgW{border-bottom-color:#b7a211}
.cp-h2.cp-t2::after{background-color: #b7a211}
.w-list .bgle{background-image:url(../images/w.png);padding-left:35px;}
.w-list .h2{background-image:url(../images/ico-up.png);padding:10px 0;cursor:pointer;padding-right:30px;}
.w-list .np{line-height:1.8;display:none}
.w-list .on .np{display:block;}
.w-list dd{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee}
.w-list .on .h2{background-image:url(../images/ico-d.png);}


.ny-nav5{background-color:#fa93ac}
.ny-nav5 .imga{width:25%}
.ny-nav5 .imga.on{background-color:#e4849c}
.cp-list5 .imgW{border-bottom-color:#fa93ac}
.cp-h2.cp-t3::after{background-color: #fa93ac}


.down-form{padding:0 150px 0 120px;position:relative;display:block;overflow:hidden;line-height: 50px;margin-bottom:50px;}
.down-form .w1{width:48% !important}
.down-form .w2{width:45%}
.down-form .text{height:50px;border:1px solid #ededed;width:45%;box-sizing:border-box;}
.down-form .text2{padding:0 5px;}
.down-form .lab{position:absolute;top:0}
.down-form .lab1{left:0;width:140px;}
.down-form .lab2{right:0;width:140px;}
.down-list dd{width: 43%;margin-right: 5%;border:1px solid #eee;line-height:50px;margin-bottom:25px;}
.down-list .div{padding-right:200px;}
.down-list .ntit{margin-left:10px;display:block;}
.down-list .down-btn{position:absolute;right:15px;top:0;background-image:url(../images/ico-d2.png);padding-left:23px;}
.down-list dd:hover{background-color:#559ec9;border-color:#559ec9}
.down-list dd:hover *{color:#fff}
.down-list dd:hover .down-btn{background-image: url(../images/ico-d1.png);}
.lx-wx{line-height:1.2;font-size:13px;}
#map{height:500px;width:100%;margin:30px 0 80px;}
.lx-img{display:block;width:100%;margin:0 auto;height:auto}








.padd{padding:70px 0}
.ab2-list .imga,.lx-box1 .imgW{
    box-shadow:0px 0px 10px #ccc;
    -moz-box-shadow:0px 0px 10px #ccc;
    -ms-box-shadow:0px 0px 10px #ccc;
    -o-box-shadow:0px 0px 10px #ccc;
    -webkit-box-shadow:0px 0px 10px #ccc;
}
.bgh{background-color:#c3c3c3;color:#fff;}
.imgW img{display:block;height:auto;width:100%}
.shadow3{box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-o-box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;}
.shadow4{box-shadow:0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd;-o-box-shadow:0 0 5px #ddd;-moz-box-shadow:0 0 5px #ddd;}
.mbt20{margin-bottom:20px;}
.mbt10{margin-bottom:10px;}
.mat10{margin-top:10px;}
.htit{margin-bottom:50px;}
.btbg{background-image:url(../images/bg1.png);background-position:center bottom;padding-bottom:40px;background-repeat:no-repeat;}
.no{display:none}
.paddLR{padding-left:0.3rem !important;padding-right:0.3rem !important}
.bt1{border-bottom:1px solid #ddd;}
/* 常用颜色 */
.redff{color:#fff;}
.red0{color:#ff2222 !important}
.red1{color:#559ec9 !important}
.red2{color:#8abcda !important}
.red3{color:#8391b7 !important}
.red4{color:#b7a211 !important}
.red5{color:#fa93ac !important}

.h33{color:#333 !important}
.h66{color:#666 !important}
.h77{color:#777 !important}
.h99{color:#999 !important}
.h88{color:#888}
.bg1{background-color:#559ec9 !important;color:#fff !important}
.bg2{background-color:#8abcda !important;color:#fff !important}
.bg3{background-color:#8abcda !important;color:#fff}
.bg4{background-color:#b7a211 !important;color:#fff !important}
.bg5{background-color:#fa93ac !important;color:#fff !important}
.bgle{background-position:left center;background-repeat:no-repeat}
.bgri{background-position:right center;background-repeat:no-repeat}
.bgct{background-position:center center;background-repeat:no-repeat}
.bgff{background-color:#fff}
.col3{width:29%;margin-right:2%;float:left;}
.col4{width:22%;margin-right:1.02%;float:left;}
.ul{list-style:none}
.clickbtn{cursor:pointer;}
.clickshow{height:0px;overflow:hidden;}
.clickshow.auto{height:auto;overflow:visible;}
.lineth{text-decoration:line-through;}
.ov{overflow:hidden}

.mat20{margin-top:20px;}
.flex-ct{display:flex;align-items:center;justify-content:center;}
.flex-bect{display:flex;align-items:center;justify-content:space-between;}
img{max-width:100%}
.re{position:relative;}
.bg{background-color:#f7f8fa}
.padd{padding:90px 0}
.m1-more{width:250px;line-height:53px;display:block;text-align:center;}
@media only screen and (min-width:750px) {
html{font-size:100px !important}

}
@media only screen and (max-width:750px) {
html{font-size:100px !important}

}
@media only screen and (max-width:725px){html{font-size:96.6667px !important}}
@media only screen and (max-width:700px){html{font-size:93.3333px !important}}
@media only screen and (max-width:675px){html{font-size:90px !important}}
@media only screen and (max-width:650px){html{font-size:86.6667px !important}}
@media only screen and (max-width:625px){html{font-size:83.3333px !important}}
@media only screen and (max-width:600px){html{font-size:80px !important}}

@media only screen and (max-width:575px){html{font-size:76.6667px !important}}
@media only screen and (max-width:550px){html{font-size:73.3333px !important}}
@media only screen and (max-width:525px){html{font-size:70px !important}}
@media only screen and (max-width:500px){html{font-size:66.6667px !important}}

@media only screen and (max-width:475px){html{font-size:63.3333px !important}}
@media only screen and (max-width:450px){html{font-size:60px !important}}
@media only screen and (max-width:425px){html{font-size:56.6667px !important}}
@media only screen and (max-width:400px){html{font-size:53.3333px !important}}

@media only screen and (max-width:375px){html{font-size:50px !important}}
@media only screen and (max-width:350px){html{font-size:46.6667px !important}}
@media only screen and (max-width:325px){html{font-size:43.3333px !important}}
@media only screen and (max-width:300px){html{font-size:40px !important}}