*{margin:0;padding:0;}
body{width:100%; overflow-x: hidden;font-family: "微软雅黑";}
body,input{font-family:arial;color:#666;font-size: 13px;}
a{text-decoration:none;color: #333;}
a:hover{ text-decoration:none;}
i,em{font-style:normal}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
h1,h2,h3,b{font-weight:normal}
button{border:none; background: none;}
/*公共样式*/
.container{max-width:1500px;margin:0 auto}
.container-s{width:98%;margin:0 auto}
.wap-container{width:96%;margin:0 auto}
.ny-container{max-width: 1200px; margin: 0 auto;}
input{outline: none;}
.fl{float:left;}
.fr{float:right;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.ny-main #nr-container{margin:30px auto}
/*头部*/
body{ background: #F8F8F8;}
.header{height:125px; position: fixed;top:0;left:0;width:100%;z-index:99999;transition: all .3s; background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.header .container{position: relative;}
.header-top{margin-bottom:8px;}
.header-bottom{margin-top:15px}
.header .logo{width:100px;height:48px;margin-top:15px}
.header .shop{margin-top: 25px;}
.header .shop a{float:left}
.header .shop li{float: left;margin-left: 30px; color: #444; padding-left: 30px; line-height: 22px; display: inline-block; position:relative}
.header .shop li.icon1{background: url(../images/shop-icon1.png) no-repeat left center;}
.header .shop li.icon2{background: url(../images/shop-icon2.png) no-repeat left center;}
.header .shop li.icon3{background: url(../images/shop-icon3.png) no-repeat left center;}
.header .shop li.icon4{background: url(../images/shop-icon4.png) no-repeat left center;}
.header .shop li.icon5{background: url(../images/shop-icon5.png) no-repeat left center;}
.header .shop li a{ color: #444;}
.header .shop li a:hover{color: #004098;}
.header-wechat{width:130px;height:130px;padding:4px;background:#fff;box-shadow: 1px 1px 10px #aaa;position: absolute;top:40px;right:0;z-index:10;display: none;border-radius:10px;overflow: hidden;}
.header-wechat1{width:130px;height:130px;padding:4px;background:#fff;box-shadow: 1px 1px 10px #aaa;position: absolute;top:40px;right:0;z-index:10;display: none;border-radius:10px;overflow: hidden;}
.header .ewm{margin-top:-30px;}
.header .ewm li{float: right; color: #444;  line-height: 22px; display: inline-block;}

.nav>ul>li{float:left;margin-right:8px;position: relative; }
.nav>ul>li>a{float:left;padding:0 20px;height:36px;line-height:36px;font-size:15px;color:#fff;background: #247eca;border-radius:5px;transition: all .3s;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{ background: #004098;}
.nav ul li dl{ position: absolute;top:30px;width:130%;z-index:9;display: none;padding-top:10px}
.nav ul li dl a{margin-bottom:1px;background: #ddd;color:#333;font-size:14px;width:100%;height:32px;line-height:32px;display: block;border-radius:5px;text-align: center;}
.nav ul li dl a:hover{ background: #004098;color:#fff}

.nav-small a{color:#999999;font-size:14px;}
.nav-small a:hover{color:#004391}
.nav-small span{ background: url(../images/header-x.html) no-repeat center right;display: inline-block;padding:0 15px 0 10px; position: relative;}
.nav-small span:nth-child(3){ background: none;}
.nav-small b{width:87px;height:25px;line-height: 25px;text-align: center;display: inline-block; margin-top: 5px;}
.nav-small b a{color:#2571C5;border-radius:20px;border:1px solid #E4E4E4;}
.nav-small b a{display: block;transition: all .3s;}
.nav-small b a:hover{ background: #004098;color:#fff}

.nav-small span dl{ position: absolute;top:15px;width:130%;z-index:9;display: none;padding-top:10px; left: 50%; margin-left: -65%;}
.nav-small span dl a{margin-bottom:1px;background: #ddd;color:#333;font-size:15px;width:100%;height:32px;line-height:32px;display: block;border-radius:5px;text-align: center;}
.nav-small span dl a:hover{ background: #004098;color:#fff}


.wap-header{display: none;}

.header-zw{height:125px;}
/*头部*/

/*banner*/
.banner{ position: relative;overflow: hidden;}
#banner-ol{bottom:25px;}
#banner-ol .swiper-pagination-bullet{ background: #fff;width:12px;height:12px;margin:0 10px;opacity:1;}
#banner-ol .swiper-pagination-bullet-active{ background: #F5CB81;}
/*banner*/



/*妮飘纸品*/
.index-diapers{padding-bottom:40px;}
.product{background: #fff;padding-bottom:30px;}
.proclass-list{margin-bottom:30px;}
.index-title{line-height: 80px;}
.index-title h3{font-size: 24px; color: #111111;}
.index-title span{display: inline-block; font-size: 14px; color: #777777; margin-left: 10px; }
.index-title a{display: block;font-size: 14px; color: #666666; font-family: arial;}
.index-title a:hover{color: #2378be;}
.proclass-list ul li{float:left; width: calc(91%/8); margin-right:1%;border: solid 1px #DDDDDD;border-radius: 5px; position: relative; overflow: hidden; background: #fff;}
.proclass-list ul li:last-child{margin-right: 0;}
.proclass-list ul li .pic{position: relative;overflow: hidden;}
.proclass-list ul li .pic img{display: block;border-top-left-radius: 5px; border-top-right-radius: 5px;width:100%}
.proclass-list ul li em{position: absolute; bottom: 0; font-size: 14px; line-height: 48px; color: #fff; text-align: center; z-index: 2; width: 100%;}
.proclass-list ul li:nth-child(1) em{background: rgba(82,175,218,0.87);}
.proclass-list ul li:nth-child(2) em{background: rgba(95,190,182,0.87);}
.proclass-list ul li:nth-child(3) em{background: rgba(189,172,118,0.87);}
.proclass-list ul li:nth-child(4) em{background: rgba(99,153,253,0.87);}
.proclass-list ul li:nth-child(5) em{background: rgba(248,152,156,0.87);}
.proclass-list ul li strong{display: block; font-size: 18px; line-height: 54px; text-align: center;}
.proclass-list ul li:nth-child(1) strong{color: #52afda;}
.proclass-list ul li:nth-child(2) strong{color: #5fbeb6;}
.proclass-list ul li:nth-child(3) strong{color: #bdac76;}
.proclass-list ul li:nth-child(4) strong{color: #6191eb;}
.proclass-list ul li:nth-child(5) strong{color: #f8989c;}

.proclass-list ul li .pic span{display: block; font-size: 15px; color: #333333; line-height: 62px; background: #fff; text-align: center;}
.proclass-list ul li .info{position: absolute; bottom: -100%; background: rgba(0,0,0,0.54); width: 100%; height: 100%;  color: #fff; text-align: center}
.proclass-list ul li .info b{display: block; font-size: 15px; padding: 33px 0 28px;  font-weight: normal;}
.proclass-list ul li .info p{display: block; font-size: 14px; line-height: 23px;  margin-bottom: 15px; opacity: 0.78}
.proclass-list ul li:hover .info{bottom: 0; transition:0.6s}


.star-list ul li{width: calc(95%/7); margin-right:0.5%;}




.wap-product{display: none;}
/*妮飘纸品*/


/*妮飘纸尿裤*/
.diapersclass-list ul li{float: left; background: #fff; border: solid 1px #DDDDDD;border-radius: 5px; margin-right: 2%; width:42.5%; padding: 2% 3%; margin-right:2.6%;}
.diapersclass-list ul li:nth-child(2){margin-right:0}
.diapersclass-list ul li{margin-bottom:20px}
.diapersclass-list ul li:last-child{margin-right: 0;}
.diapersclass-list ul li .pic{width: 38%; float: left;}
.diapersclass-list ul li .pic img{display: block;border-top-left-radius: 5px; border-bottom-left-radius: 5px;width:100%}
.diapersclass-list ul li .info{width:58%; float: right; margin-top: 3%;}
.diapersclass-list ul li .info em{display: block; font-size: 20px; line-height: 24px; height: 44px; position: relative; margin-bottom: 20px;}
.diapersclass-list ul li .info em:after{position: absolute; content:''; bottom: 0; left: 0; width: 35px; height: 2px; background: #ddd;}
.diapersclass-list ul li .info h2{font-size:16px; color: #f7921c; margin-bottom:7px;}
.diapersclass-list ul li .info h3{font-size: 16px; color: #777; margin-bottom: 40px;}
.diapersclass-list ul li .info span{display: block; width: 120px; background: #2378be; font-size: 15px; line-height: 40px; color: #fff; text-align: center; border-radius: 20px;}
/*妮飘纸尿裤*/


/*新闻*/
.news{display: block;}
.wap-news{display: none;}
.news{margin:50px 0}
.news-left{width:609px; position: relative;}
.news-left li{ position: relative;}
.news-left li .pic{width:100%;}
.news-left li .date{width:97px;height:69px; background: #2471C8;text-align: center;display: block; position: absolute;top:0;left:30px;}
.news-left li .date b,.news-left li .date em{display: block;text-align: center;color:#fff}
.news-left li .date b{font-size:20px;font-weight:bold;padding:10px 0 3px 0}
.news-left li .date em{font-size:14px;}
.news-left li .date:after{content: '';display: block;width:62px;height:3px; background: #F5CB81; position: absolute;bottom:0;left:0;right:0;margin:0 auto}
.news-left li .news-wz{height:50px;line-height:50px; background: #2471C8;font-size:14px;color:#fff;text-indent:20px;}
.news-jt{ position: absolute;bottom:17px;z-index:9999;}
.news-left li:hover p{text-decoration: underline;}
.news-left .prev{right:30px}
.news-left .next{right:60px}

.news-right{width:864px; background: #fff;border-top:5px solid #2378BE}
.news-right h2{font-size:16px;font-weight:normal;color:#333;overflow: hidden;width:95%;margin:0 auto}
.news-right h2 span{ background: url(../images/news-icon.png) no-repeat center left;padding-left:40px;height:50px;line-height:50px;float:left}
.news-right h2 a{float:right;font-size:15px;color:#666;margin-top:16px}
.news-right h2 a img{transition: all .4s;}
.news-right h2 a:hover{color:#004098}
.news-right h2 a:hover img{transform: rotate(180deg);}
.news-right h2 a img{vertical-align: middle;margin-left:10px;margin-top:-5px}
.news-list{width:95%;margin:0 auto}
.news-list li{margin:10px auto 17.2px auto}
.news-list li a{font-size:14px;color:#666666;}
.news-list li a em{float:right}
.news-list li a:hover{color:#004098}
/*新闻*/


/*企业理念*/
.philo{background: url(../images/cult-bg.jpg) no-repeat center center;height:285px}
.title{padding:35px 0}
.philo .title{padding-bottom: 20px}
.title b,.title span{display: block;text-align: center;color:#fff}
.title b{font-size:28px;}
.title span{font-size:12px;color:#BDC3CE;font-weight:normal}
.philo p{font-size:22px;color:#fff;font-weight:normal;text-align: center;letter-spacing: 1px;display: block;}
.philo p span{padding:6px 0;display: block;}
/*企业理念*/


/*三块员工简报*/
.three-list{overflow: hidden;margin:37px auto}
.three-list dl{width:465px;height:185px;padding:9px;border:1px solid #DBDBDB;float:left;margin:7px;overflow: hidden;}
.three-dd1{ background: url(../images/b-img1.jpg) no-repeat center center;}
.three-dd2{ background: url(../images/b-img2.jpg) no-repeat center center;}
.three-dd3{ background: url(../images/b-img3.jpg) no-repeat center center;}
.three-list dl dt{font-size:20px;color:#333;font-weight:bold;}
.three-list dl dd{color:#666;font-size:12px;margin-top:2px;}
.three-list dl a{display: block;padding-top:100px;margin-left:25px;width:100%;height:100%}
/*三块员工简报*/



/*底部*/
.footer{ background: #D2D2D2;padding:30px 0 0px 0}
.f-t-left dl{float:left;margin-right:60px;}
.f-t-left dl dt a{font-size:16px;color:#333}
.f-t-left dl dt{margin-bottom:12px;}
.f-t-left dl dd a{color:#888888;font-size:13px;line-height:28px}
.f-t-left dl dd a:hover,.f-t-left dl dt a:hover{color:#004391}

.f-t-right dl{text-align: center; display: inline-block;  margin: 0 16px;}
.f-t-right dl dd{margin:10px 0}


.footer-bottom{border-top:1px solid #BABABA;padding:15px 0;margin-top:20px}
.f-b-left span,.f-b-left b,.f-b-left p{display: block;}
.f-b-left span{font-size:15px;color:#666666;text-indent: 50px;margin-bottom:8px;}
.f-b-left b{font-size:22px;font-weight:1000;font-family: arial;color:#2D2C28; background: url(../images/tel.jpg) no-repeat center left;padding-left:50px;}
.f-b-left p{font-size:14px;color:#2e2c28; background: url(../images/address.jpg) no-repeat center left;padding:10px 50px}

.f-b-right{margin-top:15px}
.f-b-right span,.f-b-right p{display: block;overflow: hidden;}
.f-b-right span a{display: block;width:141px;height:40px;line-height:40px;text-indent: 30px; background:url(../images/b-icon.png) no-repeat center right 20px;border:1px solid #B2B2B2;border-radius:50px;float:right}
.f-b-right b{color:#666;margin-top:20px;display: block;}
.f-b-right b a{color:#666;}
.f-b-right span a:hover{border:1px solid #004391;color:#004391}
.f-b-right b a:hover{color:#004391}
/*底部*/


/*内页banner*/
.ny-banner{background: url(../images/about-banner.jpg) no-repeat center top; background-size: cover;height:290px;text-align: center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center top; }
.guizu-banner{background: url(../images/guizu-banner.jpg) no-repeat center top; }
.ny-banner strong{display: block; font-size: 30px; color: #fff; padding-top: 77px; margin-bottom: 1px;text-shadow:  -1px 1px 3px #000;}
.ny-banner em{display: block; font-size: 16px; color: #fff; opacity: 0.8; margin-bottom: 37px;text-shadow: -1px 1px 3px #000;}
.position span{display: block; font-size: 14px; color: #fff;text-shadow: -1px 1px 3px #000;}
.diapers .position span{text-shadow:none;}
.position img{display: inline-block; vertical-align: text-top; margin-right: 6px;}
.position a{display: inline-block; color: #fff;margin-left:6px; }
.position a:after{content: '>';margin-left:6px;}
.position a:last-child:after{content: " ";}
/*内页banner*/


/*关于我们*/
.about-btn {height: 70px; overflow: hidden; background: #fff;}
.about-btn ul{text-align: center;}

.about-btn ul li {display: inline-block; font-size: 16px; line-height: 70px; color: #444444; margin: 0 58px; position: relative;}
.about-btn ul .on:after{position: absolute; content:''; background: url(../images/about-btn.png) no-repeat; bottom: 5px; left: 50%; margin-left: -7px; z-index: 2; width: 14px; height: 7px;}
.about-btn ul .on{color: #247eca; top: -10px; transition:0.6s}

/*集团介绍*/
/*#group,#about,#brand,#quality,#video{padding-top: 194px;margin-top: -106px;}*/
.about {padding: 79px 0 60px;}
.about-title em{display: block; font-size: 24px; color: #333333; margin: 5px 0;}
.about-title span{display: block; font-size: 12px; color: #999999; text-transform: uppercase;}
.about .info{float: left; width: 55%;}
.about .info p{display: block; width: 80%;line-height: 30px; color: #666666;   margin-top: 5%;}
.about .pic{float: right;width: 45%;}
.about .pic img{display: block; width: 100%;}

/*主要业务领域*/
.business{padding-bottom: 60px;}
.business .about-title{margin-bottom: 30px;}
.business .about-title h3{margin-top: 42px;}
.business-list ul li{float: left; margin-right: 1%; width: calc(96% / 5); height: 195px; text-align: center;}
.business-list ul li:last-child{margin-right: 0;}
.business-list ul li.pic1{background: url(../images/business-pic1.jpg) no-repeat center; background-size: cover; }
.business-list ul li.pic2{background: url(../images/business-pic2.jpg) no-repeat center; background-size: cover; }
.business-list ul li.pic3{background: url(../images/business-pic3.jpg) no-repeat center; background-size: cover; }
.business-list ul li.pic4{background: url(../images/business-pic4.jpg) no-repeat center; background-size: cover; }
.business-list ul li.pic5{background: url(../images/business-pic5.jpg) no-repeat center; background-size: cover; }
.business-list ul li strong{display: block; font-size: 18px; color: #ffffff; padding: 44px 0 13px;}
.business-list ul li span{display: block; line-height: 26px; color: #ffffff; opacity: 0.9;margin: 0 16px;}

/*品牌理念*/
.brand .about-title{padding: 60px 0;}
.brand .about-title em,.brand .about-title span{text-align: center;}
.brand-list ul li .pic,.brand-list ul li .info{width: 50%;height: 426px;}
.brand-list ul li .pic1{background: url(../images/brand-pic1.jpg) no-repeat center;}
.brand-list ul li .pic2{ background: url(../images/brand-pic2.jpg) no-repeat center;}
.brand-list ul li .info{background: #fff;}
.brand-list ul li .info strong{display: block; font-size: 18px; color: #333333; padding: 96px 0 28px 88px;}
.brand-list ul li .info p{display: block; font-size: 15px; line-height: 32px; color: #777777; width: 70%;   padding-left: 88px;}
.brand-list ul li .info img{display: block; float: right; margin-right:40px; margin-top: 60px;}

/*质量保证*/
.quality{background: url(../images/quality-bg.jpg) no-repeat center top; background-size: cover; padding: 90px 0 60px;}
.quality .info{width: 62%;}
.quality .info h3{display: block; font-size: 22px; color: #333333;}
.quality .info p{line-height: 32px; color: #666666;   margin: 34px 0 46px;}
.quality .info ul li{float: left; margin-right: 36px;}
.quality .info ul li img{display: block; margin-bottom: 16px;}
.quality .info ul li em{display: block; color: #666666; text-align: center;}

/*视频欣赏*/
.video{padding-bottom: 40px;}
.video .about-title{padding: 30px 0;}
.video .about-title em,.video .about-title span{text-align: center;}
.video video{display: block;  width: 785px; margin: 0 auto;}


/*妮飘之家*/
.home{padding: 5px 0 40px;}
.home-list dl{float: left; border-bottom: solid 1px #ddd; width: 100%; padding-bottom:20px; margin-bottom: 20px;}
.home-list dl:hover p{color:#247ECA}
.home-list dl:last-child{border-bottom: none;}
.home-list dl em,.home-list dl p{float: left;}
.home-list dl p{width: 95%;  }

.home-list dl dt em,.home-list dl dd em{display: inline-block; margin-right: 15px; width: 30px; font-size: 16px; line-height: 30px; color: #fff; border-radius: 50%; text-align: center;}
.home-list dl dt em{background: #f55850; }
.home-list dl dd em{background: #999; }
.home-list dl dt p{font-size: 16px; line-height: 39px; color: #333; font-weight: bold;}
.home-list dl dd p{font-size: 13px; line-height: 32px; color: #666;}


/*纸品系列*/
.paper{padding: 46px 0 98px;max-width:1200px;margin:0 auto}
.paper .logo-ys{float: left; margin-bottom: 46px;}
.paper .position{float: right; margin-top: 15px;}
.paper .position span,.paper .position a{color: #6b6b6b;}
.paper .position span{text-shadow: none;}
.paperclass-list ul li{float: left; width:200px; height: 200px; display: table;}
.paperclass-list ul li.item1{background: url(../images/paperclass-pic1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item2{background: url(../images/paperclass-pic1-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item3{background: url(../images/paperclass-pic2.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item4{background: url(../images/paperclass-pic2-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item5{background: url(../images/paperclass-pic3.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item6{background: url(../images/paperclass-pic3-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item7{background: url(../images/paperclass-pic4-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item8{background: url(../images/paperclass-pic4.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item9{background: url(../images/paperclass-pic5-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item10{background: url(../images/paperclass-pic5.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item11{background: url(../images/paperclass-pic6-1.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li.item12{background: url(../images/paperclass-pic6.jpg) no-repeat center; background-size: cover;}
.paperclass-list ul li strong{display: table-cell; vertical-align: middle; font-size: 18px; color: #fff; text-align: center;}


/*纸品系列分类banner*/
.banner-pic img{display: block; /*width: 100%;*/}


/*羢品系列*/
.product-bg{padding:30px 0 29px;}
.product-list ul{text-align: center;}
.product-list ul li{float: left; /*display: inline-block; */margin: 0 3% 6%; width: calc(96% / 2 - 6%); border: solid 4px #474747; position: relative; overflow: hidden;box-sizing: border-box;}
.product-list ul li .pic img{display: block;/* width: 100%;*/}
.product-list ul li .pic em{display: block; font-size: 16px;  padding: 20px 0; color: #fff; background: #383838; width: 100%; text-align: center;}
.product-list ul li .info{position: absolute; bottom: -100%; background: rgba(0,0,0,0.68); width: 100%; height: 100%;  color: #fff;}
.product-list ul li .info em{display: block; font-size: 16px; padding:50px 0 28px; }
.product-list ul li .info p{display: block; font-size: 14px; line-height: 26px;  margin-bottom: 34px;}
.product-list ul li:hover .info{bottom: 0; transition:0.6s}


/*经典系列一级分类*/
.classic-class{}

.classic-class dl dt { border-bottom: solid 1px #dfdbdc; padding: 22px 0; margin-bottom: 38px;}
.classic-class dl dt em{float: left; font-size: 28px; line-height: 35px; color: #333; padding-left: 21px;}
.classic-class dl dt a{float: right; font-size: 16px; line-height: 35px; color: #333;}
.classic-class dl:nth-child(1) dt em{border-left: solid 12px #f28dbb; }
.classic-class dl:nth-child(2) dt em{border-left: solid 12px #000; }
.classic-class dl:nth-child(3) dt em{border-left: solid 12px #5ca8cc; }


/*经典系列*/
.classic-list ul{float: inherit;}
.classic-list ul li{display: block; float: left; margin:0 3% 3% 0;  width: calc(94% / 3); border: solid 4px #f8989c;border-radius: 10px;overflow: hidden;}
.classic-list ul li:nth-child(3n){margin:0 0% 3% 0}
.classic-list ul li .pic em{background: #f8989c;}
.classic-list ul li .info{background: rgba(248,152,156,0.95);}


/*卡通系列*/
.cartoon{background: #faebe8; padding: 20px 0 80px;}
.cartoon-btn .ctitle1{text-align: center; margin-bottom: 60px;}
.cartoon-btn .ctitle1 li{margin: 0 24px; width: calc(60%/3); padding-top: 69px; height: 73px; display: inline-table;}
.cartoon-btn .ctitle1 li a{display: block; font-size: 18px; padding: 0 5%;width: 90%;display: table-cell; vertical-align: middle; background: #91c7eb; color: #fff; text-align: center; border-radius: 36px;}
.cartoon-btn .ctitle1 li:nth-child(1).on{background: url(../images/cartoon-btn4.png) no-repeat center top; }
.cartoon-btn .ctitle1 li:nth-child(1).on a{background: #0060ab;}
.cartoon-btn .ctitle1 li:nth-child(2).on{background: url(../images/cartoon-btn1.png) no-repeat center top; }
.cartoon-btn .ctitle1 li:nth-child(2).on a{background: #e9569a;}
.cartoon-btn .ctitle1 li:nth-child(3).on{background: url(../images/cartoon-btn2.png) no-repeat center top; }
.cartoon-btn .ctitle1 li:nth-child(3).on a{background: #3796cc;}
.cartoon-title{margin-bottom: 40px;}
.cartoon-title h3{font-size: 28px; line-height: 101px; background: #fff; margin: 0 auto; border-radius: 50px; text-align: center; margin-bottom: 36px;}
.cartoon-title .kitty{background: url(../images/kitty-h3.png) no-repeat center; background-size: contain;color: #228dd4;}
.cartoon-title .disney{background: url(../images/disney-h3.png) no-repeat center; background-size: contain;color: #e9569a;}
.cartoon-title .kami{background: url(../images/kami-h3.png) no-repeat center; background-size: contain;color: #bba082;}
.cartoon-title .duola{background: url(../images/duola-h3.png) no-repeat center; background-size: contain;color: #3796cc;}
.cartoon-title  p{font-size: 16px; line-height: 35px; color: #666;   max-width: 1101px; margin: 0 auto; text-align-last: center;}
.cartoon-list ul li{border-radius:30px;overflow: hidden;float: left; margin-right: 2%; margin-bottom: 2%; width: calc(96% / 3); padding-bottom:1%;  position: relative; overflow: hidden;/* background: rgba(255,255,255,0.57);*/ background: #fff;}
.cartoon-list ul li:nth-child(3n){margin-right: 0;}
.cartoon-list ul li .pic img{display: block; width: 100%;}
.cartoon-list ul li .pic em{display: block; font-size: 16px;  padding: 20px 10px; color: #333333; background: #fff; width:97%; margin: 0 auto; text-align: center; border-radius: 32px;}
.cartoon-list ul li .info{position: absolute; bottom: -100%; background: rgba(0,0,0,0.68); width: 100%; height: 100%;  color: #fff; text-align: center}
.cartoon-list ul li .info em{display: block; font-size: 18px; padding: 78px 0 28px; }
.cartoon-list ul li .info p{display: block; font-size: 14px; line-height: 26px;  margin-bottom: 34px;}
.cartoon-list ul li:hover .info{bottom: 0; transition:0.6s}


/*进口系列*/
.import-title img{display: block; margin: 0 auto;}
.import-list{padding-top: 30px;}
.import-list ul li{float: left; margin: 2%; width: calc(100% / 3 - 4%);  position: relative; overflow: hidden; background: #fff; border-radius: 50px;    padding-bottom: 30px;}
.import-list ul li .pic img{display: block; /*width: 100%;*/}
.import-list ul li .pic em{display: block; font-size: 14px;  color: #666;  position: absolute; bottom:8%; left: 0; right: 0; text-align: center;}
.import-list ul li .info{position: absolute; bottom: -100%; background: rgba(0,0,0,0.68); width: 100%; height: 100%;  color: #fff; text-align: center}
.import-list ul li .info em{display: block; font-size: 18px; padding: 40px 0 28px; }
.import-list ul li .info p{display: block; font-size: 14px; line-height: 26px;  margin-bottom: 34px;}
.import-list ul li:hover .info{bottom: 0; transition:0.6s}
.import-info{padding-left: 2%;}
.import-info img{float: left; margin-right: 20px;}
.import-info span{display: table-cell; font-size: 14px; line-height: 26px; color: #666; height: 103px; vertical-align: middle;  }


/*功能系列*/
.features dl{margin-bottom: 50px;}
.features dl dt{background: #fff; width: 100%; border-radius: 40px; padding:25px 0; margin-bottom: 30px;}
.features dl dt em{display: inline-block; font-size: 22px; color: #333; margin: 0 12px 0 48px;padding-left: 19px;}
.features dl dt span{font-size: 16px; color: #888; text-transform: uppercase;}
.features dl:nth-child(1) dt em{border-left: solid 8px #74b9e8; }
.features dl:nth-child(2) dt em{border-left: solid 8px #d1ae63; }
.features dl:nth-child(3) dt em{border-left: solid 8px #57a99e; }
.features dl:nth-child(4) dt em{border-left: solid 8px #d67b8c; }
.features dl:nth-child(5) dt em{border-left: solid 8px #ea9c8b; }
.features dl:nth-child(6) dt em{border-left: solid 8px #ea9c8b; }
.features-list ul li{float: left;  width: calc(100% / 5); padding-bottom: 2%;  position: relative; overflow: hidden; margin-bottom: 30px; }
.features-list ul li .pic img{display: block; width: 100%;}
.features-list ul li .pic em{display: block; font-size: 15px;  padding:10px 0; color: #666; text-align: center; }
.features-list ul li .info{position: absolute; bottom:-100%; background: rgba(0,0,0,0.68); width: 100%; height: 100%;  color: #fff; text-align: center}
.features-list ul li .info em{display: block; font-size: 15px; padding: 20px 0; }
.features-list ul li .info p{display: block; font-size: 14px; line-height: 26px;  margin-bottom: 34px;}
.features-list ul li:hover .info{bottom: 0; transition:0.6s}


/*genlc!系列*/
.genlc{background: #eef6f9; padding-bottom: 55px;}
.diapers .container{background: #fff; }
.diapers-width{width: 90%; margin: 0 auto; padding: 28px 0 80px;}
.diapers .logo-ys{float: left; margin-bottom: 17px;}
.diapers .position{float: right; margin-top: 44px;}
.diapers .position span, .diapers .position a{color: #6e6e6e;}
.diapers-btn{background: #f8f8f8; line-height: 68px; border-radius: 34px; margin-bottom: 80px;}
.diapers-btn .ctitle1 li{float: left;}
.diapers-btn .ctitle1 li a{display: block; font-size: 16px; color: #666666; margin: 0 50px; position: relative;}
.diapers-btn .ctitle1 li.on a:after,.diapers-btn .ctitle1 li:hover a:after{position: absolute; content: ''; background: url(../images/diapers-btn.png) no-repeat center bottom; width: 12px; height: 8px; bottom: 0;  left: 50%; margin-left: -6px;}
.diapers-btn .ctitle1 li.on a,.diapers-btn .ctitle1 li:hover a{color: #247eca; font-weight: bold;}
.diapers-btn em{display: block; width: 233px; background: #247eca; font-size: 18px; color: #fff; text-align: center; border-top-right-radius: 34px; border-bottom-right-radius: 34px;}
.diapers-list ul li{float: left; margin: 0 2% 4%; border: solid 1px #ddd; box-sizing:border-box; width: calc(100% / 3 - 4%);}
.diapers-list ul li .pic img{display: block; /*width: 100%;*/ margin: 0 auto;}
.diapers-list ul li .info{padding: 24px 0; text-align: center; transition:0.6s}
.diapers-list ul li .info strong,.diapers-list ul li .info em{display: block; font-size: 15px; color: #666666;}
.diapers-list ul li .info em{margin: 8px 0 32px;}
.diapers-list ul li .info span{display: block; width: 130px; background: #eeeeee; font-size: 14px; line-height: 37px; color: #333; margin: 0 auto;}
.diapers-list ul li:hover .info{background: #247eca; }
.diapers-list ul li:hover .info strong,.diapers-list ul li:hover .info em{ color: #fff;}
.diapers-list ul li:hover .info span{background: #fff;}


.whito{background: url(../images/whito-bg.jpg) repeat-x center top; padding-bottom: 55px;}



/*联系我们*/
.ny-contact{padding: 28px 0 80px;}


/*内页妮飘新闻列表*/

.nynews-list ul li{float:left;width:98%; background:#F5F5F5;padding:2% 1%;transition: all .3s; margin-bottom: 30px;}
.nynews-list ul li .pic{width:25%;overflow: hidden;}
.nynews-list ul li .pic img{width:100%;transition: all .5s;}
.nynews-list ul li .info{width:73%;}
.nynews-list ul li .info h2{font-size:16px;color:#444;font-weight:normal;line-height:18px;margin:25px 0 10px 0}
.nynews-list ul li .info p{line-height:28px;color:#777;font-size:13px;}
.nynews-list ul li .info em{margin-top:20px;display: block;width:107px;height:27px;background:url(../images/time.png) no-repeat center left 10px #FFFFFF;text-align: center;line-height:27px;text-indent:20px ;}
.nynews-list ul li a{display: block;overflow: hidden;}
.nynews-list ul li:hover{ background:#eee;}
.nynews-list ul li:hover .info h2,.nynews-list ul li:hover .info p{color:#3287CF}
.nynews-list ul li:hover .pic img{transform: scale(1.1);}


.pagelist{text-align: center;margin:50px 0 40px 0;}
.pagelist a,.pagelist span{display: inline-block;height:35px;line-height:35px;padding:0 10px;text-align: center;background: #F7F7F7;font-size: 14px;margin:5px;border:1px solid #ddd}
.pagelist .current{ background:#247ECA;color:#fff}


@media screen and (min-width:200px)  and  (max-width:640px)  {
	.table2 tr td {display: block;}
}