@charset "utf-8";
/* CSS Document */
html, body {margin: 0; padding: 0;  font-family:'myfont',"Microsoft YaHei";color: #414040; font-size:15px;line-height: 22px;}
	a{text-decoration:none;outline: none;}
	a:hover,a:focus,a:active{text-decoration:none;outline: none;}
  p{color: #646464;}
  img{border:0;max-width: 100%;height: auto;} 
	*{margin:0; padding:0;}
	li{list-style: none;}
    button{outline: none;}
    input{outline: none;}

     @font-face {
	font-family: 'myfont';
	src: url('../fonts/ntailu.ttf');
   }
   @font-face {
	font-family: 'myfont-bold';
	src: url('../fonts/ntailub.ttf');
   }
   @media (min-width: 1200px){
   	.container {
    width: 1130px;}
    .last-foot{width: 26.333333%;padding-left: 32px;}
    .foot-second{    width: 23.666667%;    padding-left: 4%; }
   }

   .logo{ }
   .header{margin: 25px 0;padding: 0 75px;}
   .navigation{padding: 0;border: none !important;background: transparent;}
   .navigation li{font-size: 19px;}
   .navbar-my{margin-bottom: 0;border: none !important;background: transparent;margin-top: 30px;float: right;}
   .navbar-my .navbar-nav>li>a{/*color: #919191;*/ color: #646464;}
   .navbar-my .navbar-nav>li>a:hover{color: #73cde1;}
   .navbar-my .navbar-nav>.active>a, .navbar-my .navbar-nav>.active>a:focus, .navbar-my .navbar-nav>.active>a:hover{color: #73cde1;background: transparent;}
   .search-icon,.map-icon{width: 35px;height: 35px;border-radius: 17px;line-height: 38px;text-align: center;display: block;float: left;}
   .search-icon{color: #fff; background-color: #73cde1; }
   .map-icon{color: #73cde1; background-color:transparent;  border: 1px solid #ddd; margin-left: 15px; font-size: 21px;}
   .tight{margin-top: 30px; display: inline-block;}
   ul.nav-menu > li > a{font-size: 15px;color: #fff; padding: 5px 12px;display: block;border-bottom: 1px dashed #fff;margin: 5px 10px;}
   ul.nav-menu > li > a:hover{color: #ddd;}  
   .nav-cat{position: relative;}
   li.nav-cat:hover ul.nav-menu{display: block;}
   ul.nav-menu {    position: absolute; top: 100%; background: #73CDE1; left: -10px;z-index: 99999; display: none;    width: 160px;}

   ul.nav-menu >li:last-child a{  border-bottom: none;}

   .navigation >ul>li>.dropdown-menu{border: none;background-color: #73CDE1;}
   .navigation >ul>li>.dropdown-menu>li>a{color: #fff !important;    display: block; border-bottom: 1px dashed #fff; margin: 0 10px; padding: 5px 5px;font-size: 15px;}
   .navigation >ul>li>.dropdown-menu>li:last-child>a{border-bottom: none;}
   .navigation >ul>li>.dropdown-menu>li>a:hover,.navigation >ul>li>.dropdown-menu>li>a:focus{background:none !important; color: #ddd;}
   .navigation .navbar-nav>.open>a, .navigation .navbar-nav>.open>a:focus, .navigation .navbar-nav>.open>a:hover{color: #73cde1; background: transparent;}



   .nav-banner{width: 100%;padding: 0;text-align: center;margin: 0px;}
   .nopadding{padding: 0;}
   .carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 100%;}

   .banner-left,.banner-right{background: none !important;}
   .left-contro,.right-contro{ top: 50%; position: absolute; color: #e0e458;  font-size: 35px; background-color: rgba(0, 0, 0, 0.51); padding: 5px 0; border-radius: 5px;  width: 35px;  height: 45px; box-shadow: 1px 1px 1px #e0e458; margin:auto 0;    font-weight: 100;}
   .right-contro{right: 50%;}
   .left-contro{left: 50%;}
   .cur-icon{width:8%;border-radius: 10px;background: rgba(0, 0, 0, 0.19);margin-left: 0; }
   .cur-icon li{border: none;background-color: #fff;}
   .carousel-indicators .active{background-color: #e0e458;}
   .product-title{font-size: 25px;color: #73cde1;text-align: center;margin: 15px 0;}
   .product-title a{color: #73cde1;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
   .product-cap{font-size: 32px;color: #73cde1;line-height: 55px; margin-top: 50px; margin-bottom: 30px;}
   .product-cap-row{margin-bottom: 30px;}
   .productexam:hover .product-title a{color: #7c7c7c;-webkit-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    transition: all 0.3s ease;}
   .product-pic .thum-img:before{
    position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -30px;
      margin-top: -30px;
      width: 40px;
      height: 40px;
      content: "";
      border:none;
      background:transparent;
      border-radius: 500px;
      overflow: hidden;
      opacity: 0;
      transform: scale(0.1);
      -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    border-radius: 500px;
    z-index: 1;
    text-align: center;
   }
   .product-pic .thum-img:after{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border-radius: 500px;
    overflow: hidden;
    pointer-events: none;
    font: normal 18px/1em fl-chapps;
    line-height: 60px;
    content: " ";
    text-align: center;
    
    z-index: 10;
    transform: scale(0.1);
     -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
  }
   .product-pic .thum-img{
    transform: scale(1.0);
    width: 100%;
     -webkit-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;

    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
    position: relative;
    overflow: hidden;
    display: block;
   }
   .product-pic .thum-img img:hover{
    opacity: 0.7;
   }
   .product-pic .thum-img:hover::before img{opacity: 0.7;}
   .product-pic .thum-img:hover::after img{opacity: 0.7;}
   .product-pic .thum-img:hover:before{
      opacity: 100;
      transform: scale(1.0);
      background:transparent;
    }
   .product-pic .thum-img:hover:after{
      visibility: visible;
      transform: scale(1.0);
      opacity: 100;
    }






   .show-vidio{background-color: #61cbe5;padding: 35px 0;    margin-top: 30px;}
   footer{background-color: #e0f9ff;margin-top: 35px;padding: 30px 0;}
   .footer-menu1{}
   .footer-menu li{font-size: 17px;margin: 15px 0;}
   .footer-menu li a{/*color: #7c7c7c;*/ color: #646464;}
   .footer-menu2{padding-top: 25px;}
   .footer-menu3 h2,.footer-menu4 h2{font-size: 22px;color: #73cde1;font-family: 'myfont-bold';margin: 0; padding-top: 15px;}
   .footer-menu5 h2{color: #4c4c4c;font-family: 'myfont-bold';margin: 0;font-size: 22px;}
   .social-media-left,.social-media-right{float: left;font-size: 17px;color: #7c7c7c;margin-top: 20px;}
   .social-media-right{margin-left: 35px;}
   .media-picture{display: block;float: left;}
   span.tt{display: block;float: left;margin: auto 0;padding-left:10px;color: #7c7c7c; }
   .mleft1,.mleft2,.mright1,.mright2 {    display: flex;}
   .mleft2,.mright2 {margin-top: 10px;}
   .copy-right{/*color: #7b7b7b;*/ color: #646464; font-size: 15.5px;padding: 20px 0;border-top: 1px solid #ccc;margin-top: 20px;}
   .footer-menu5{width: 250px;}


   /* contact us*/
   .content-nav{display: block;}
   .content-nav ul li{float: left;padding: 10px 10px;font-size: 17px;/*color: #7c7c7c;*/ color: #646464;}
   .content-nav ul li a{/*color: #7c7c7c;*/ color: #646464;}
   .contact-caption{font-size: 18px;color: #73cde1;font-weight: 700;line-height: 32px;border-bottom: 1px solid #ddd;padding: 20px 0;}
   .control-input{border: 1px solid #ddd;border-radius: 5px;padding: 8px 15px;width: 439px;}
   .contact-form .form-group{margin-top: 20px;}
   .contact-form .form-group label{/*color: #999;*/ color: #646464;}
   textarea.inqury-input { width: 100%;border: 1px solid #ddd;border-radius: 5px;padding: 15px;}
   .submit-btn{background: #73cde1;border: none;padding: 10px 60px;border-radius: 5px;float: right;font-size: 20px;color: #fff;font-weight: 600;}


   /*recipes*/
   .recipes-container{position: relative;}
   .recipe-wrap{background: #e0f9ff;padding: 10px;height: 755px;margin-top: 40px;}
   .recipe-pic{width: 100%;max-height: 352px;overflow: hidden;}
   .clock{padding-right: 0;width: 56px; line-height: 60px;}
   .clock-time{padding-left: 10px; color: #646464; font-size: 16px; line-height: 32px;}
   .recipe-detail h2{font-size: 24px;font-weight: 600;color: #666;}
   .ingredient{margin: 0; color: #646464; font-size: 16px;line-height: 32px;}
   .ingredient h5{font-size: 20px;color: #73cde1;font-weight: bold;}
   .pagination>li>a, .pagination>li>span{color: #666;margin-right: 10px;font-size: 16px;font-weight: 600;border: none;}
   .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
    background: #e0f9ff;color: #666; border-color: transparent;}
  .back-top{width: 36px;height: 36px;background: #e0e458;text-align: center;padding: 5px;border-radius: 5px;position: fixed;right: 15px;bottom: 50px;z-index: 99999;}
  .back-top a{color: #fff;font-size: 21px;}

  .banner{margin-top:35px;}
  .video-example{margin-top: 40px;}
  .video-title{font-size: 16PX;padding: 15px 0;}
  .video-title a{color: #646464;}


  /*about.html*/
  .about-title{font-size: 28px;color: #73cde1;margin: 20px 0;text-transform: uppercase;}


  .cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #73cde1;
}
.cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}


.cd-timeline-block{
  position: relative;
}

.cd-picture{
display: block;
width: 16px;
height: 16px;
left: 50%;
top: 0;
position: absolute;
border-radius: 50%;
background: #D1DB38;
margin-left: -9px;
margin-top: 10px;
}

.cd-timeline-block:nth-child(odd) .cd-timeline-content {
   padding-left: 53%;
  }
.cd-timeline-block:nth-child(even) .cd-timeline-content {
   padding-right: 53%;text-align: right;
  }
.cd-timeline-block:nth-child(even) .cd-timeline-content>.cd-date {
  float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content>.evens>.evens-img {
  float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content>.evens{
 text-align: right;
}

.evens{
  display: block;
  font-size: 16px;clear: both;margin-top: 20px;
}
.evens .evens-img{
  display: block;
min-width: 62px;
min-height: 62px;
max-width: 96px;
float: left;
margin:auto 20px;
}
.cd-date {
display: block;
background: #e0e458;
width: 105px;
height: 42px;
font-size: 24px;
color: #fff;
font-weight: 600;
text-align: center;
margin: auto 0;
padding: 8px 10px;
line-height: 28px;
border-radius: 8px;
margin-bottom: 28px;
position: relative;
}
.cd-date::before{
position: absolute;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;

content: "";
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content>.cd-date::before{
  right: -19px;background: url(../images/date-icon-left.png) no-repeat;
}
.cd-timeline-block:nth-child(odd) .cd-timeline-content>.cd-date::before{
left: -9px;background: url(../images/date-icon.png) no-repeat;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}




/*soothing.html*/
/*.soothing-title, .soft-title,.bottle-title{font-size: 24px;color: #73cde1;margin: 20px 0;line-height: 32px;}*/
/*.soothing-content{font-size: 18px; color: #646464; line-height: 30px;}*/
/*.soothing-content ul li{list-style: inherit; color: #646464;}*/
/*.soothing-content ul{margin-left: 21px;}*/
.soothing-right{text-align: center;padding-top: 8%;}
.soothing-moo,.bottle-moo{margin-top: 5%;}
.soothing-soft,.made-lolly{border-top: 2px solid #ddd;padding: 35px 0;margin:20px 0;}
.soothing-vedio{padding: 0;text-align: right;}
.soft-part{padding-left: 0;}
.soft-content{font-size: 18px;line-height: 30px;color: #646464;}
.lolly-title{text-align: center;}
.lolly-title a{font-size: 18px;color: #646464;}
.product-soothing{width: 13.33333%;float: left;margin-right: 5%;}
.product-soothing:last-child{margin-right: 0;}

/*bottle feeding*/
.feeding-content{font-size: 18px;/*color: #7c7c7c;*/ color: #646464; line-height: 38px;}
.paten-row{padding:20px 15px;background: url(../images/bottle.png) no-repeat right center;border-top: 2px solid #f0f0f0;border-bottom: 2px solid #f0f0f0;}
.figure-title{font-size: 16px;color: #9d9fa2;}
.figure{width: 26%;float: left;display: block;text-align: center;}
.vortex{width: 20%;float: left;display: block;margin-left: 2%;margin-top: 1%;text-align: center;}
.vortex-destrict{font-size:font-size: 16px;/*color: #7c7c7c;*/ color: #646464;}
.vortex-title{font-size: 18px;color: #a9aaaa;}
.various-title{font-size: 28px;color: #60cae4;line-height: 38px;margin-bottom: 20px;}
.bottle-bottom{padding: 5% 0;}
.stage{color: #9d9fa2;font-size: 16px;}
.flow{display: block;border-right: 1px dotted #666;}
.flow-ol li,.flow-row2 li,.flow-fast li,.flow-var li{display: block;float: left;}
.flow-ol li:nth-child(2),.flow-fast li:nth-child(2){margin: auto 10px;padding: 10px 0;}
.flow-ol li:nth-child(3){margin: 0 30px;line-height: 40px;}
.flow-ol li:nth-child(4){margin-left: 60px;}
.flow-row2 li:nth-child(2){margin: auto 10px;padding: 10px 0;}
.flow-row2 li:nth-child(3){margin: 0 10px;line-height: 40px;}
.flow-row2 li:nth-child(4){margin-left: 50px;}
.row2{display: block;margin-top: 30px;padding: 0 15px;}
.row1{display: block;padding: 0 15px;margin-top: 10px;}
.flow-var li:nth-child(2){margin: auto 10px;padding:0;}
.flow-fast li:nth-child(3){margin: 0 40px;line-height: 40px;}
.flow-fast li:nth-child(4),.flow-var li:nth-child(4){float: right;}
.flow-var li:nth-child(2){margin: auto 10px;padding: 10px 0;}
.flow-var li:nth-child(3){margin: 0 10px;line-height: 40px;}




/*accessory*/

.accessory-part1{margin: 2% 0;border-bottom: 2px solid #f0f0f0;padding: 35px 0;}
.accessory-part2{margin: 2% 0;padding: 35px 0;}
.spoon-content, .soothing-content{color: #646464;font-size: 16px;line-height: 32px;}
.spoon-title, .soothing-title, .sac-title, .bottle-title, .soft-title{font-size: 28px;color: #60cae4;}
.accessory-img{text-align: center;}
.accessory-code{line-height: 25px;font-size: 16px;margin: 30px 0;}
.accessory-code span{color: #000;}


/*legal*/

.legal-tabs{margin-top: 20px;}
.legal-tabs ul li{margin: 0;font-size: 20px;}
.legal-tabs ul li a{background: none;border: none !important;padding: 20px 0;margin-right: 60px;color: #999;}
.legal-tabs ul li a:hover,.legal-tabs ul li a:focus{background: none;color: #73cde1;}
.legal-tabs>.nav-tabs>li.active>a,.legal-tabs>.nav-tabs>li.active>a:focus, .legal-tabs>.nav-tabs>li.active>a:hover{background:none !important; border-bottom: 4px solid #73cde1 !important;}
.legal-content{padding-top: 30px;font-size: 18px;color: #999;line-height: 38px;}

.legal-list dd{padding: 20px 0;border-bottom: 1px solid #ddd;}
.legal-list dd a{color: #73cde1;font-weight: bold;font-size: 20px;}
.legal-dropdown{padding-top: 20px;display: none;}
.minus,.plus{float: right;display:block;color: #999}


.feeding-tab,.teether-tab{background: rgba(255, 255, 255, 0.49);z-index: 99;position: relative;}
.nav-bottle li{font-size: 18px;text-align: center;margin: 0;}
.nav-bottle>li>a{border-radius: 0;color: #646464; padding: 12px 45px;height: 83px;margin: auto 0;}
.nav-bottle>li+li{margin: 0;}
.nav-bottle>li.active>a, .nav-bottle>li.active>a:focus, .nav-bottle>li.active>a:hover{background: #73CDE1;border: none;}
.teether-tab{margin-top:-46px;}
.feeding-tab{margin-top:-68px;}

.food-title{font-size:32px;padding: 35px 0; color: #646464; line-height: 40px;}
.food-vido{border-top: 2px solid #ddd;margin: 20px 0;padding-bottom: 20px}
.tool-passage{color: #646464; line-height:32px;font-size: 16px;margin: 20px 0;}
.food-right{text-align: center;padding-top: 12%;}
.foo-title{font-size: 24px;color: #73cde1;margin: 20px 0;line-height: 32px;padding-left: 3%;text-align: left;}
/*.sac-title{font-size:28px;color: #73cde1;margin: 20px 0;line-height: 32px;}*/


/*media*/
.search-row{padding:35px 0;}
.search-input{border-right: none;}
.search-btn{border-left: none;}
.search-input,.search-btn{height: 48px;color: #7c7c7c; font-size: 16px;}
.form-control:focus,.search-btn:focus{outline: none;border-color: #ccc;box-shadow:none !important; }

.date-nav>li{float: left;margin: 0 5px;}
.date-nav>li:first-child,.date-nav>li:last-child{margin: 0;}
.date-nav>li>a{color: #666;font-size: 16px;font-weight: 600;padding: 8px 10px;}
.date-nav>li.active>a{color: #fff;background: #73cde1;}
.date-lable{float: right;}
.newtitle{font-size: 18px;color: #fff;background: #73cde1;padding: 10px 15px;}
.date-tl{margin: 0;}

.media-nav{padding-top: 20px;}
.media-nav>li{border-bottom: 1px solid #ddd;position: relative;}
.media-nav>li>a{padding: 25px 0;color: #666;font-size: 20px;line-height: 25px;}

.day{display: block;width: 37px;height: 35px;float: left;border-right: 1px solid #235C69;font-size: 26px;padding: 3px;line-height: 28px;}
.month {display: block;float: left;padding: 3px;width: 52px;height: 36px;font-size: 18px;text-align: center;line-height: 17px;}
.update-time {position: absolute;right: 0;top: 15px;background: #73CDE1;color: #fff;padding: 4px;border: 2px dotted rgba(139, 139, 139, 0.48);}
.update-time::after{content: " ";width: 12px;height: 12px;display: block;position: absolute;right: 10px;bottom: -15px;border-left: 12px solid transparent;border-right: 3px solid transparent;border-top: 15px solid #73CDE1;display: block;}

.media-nav>li.active>a, .media-nav>li.active>a:focus, .media-nav>li.active>a:hover{background: none;}
.media-nav>li>a:hover{background: none;}


/*society*/
.nav-society>li>a{padding:10px 0;text-align: center;font-size: 20px;color: #666;border-bottom: 3px solid #ddd;border-radius: 0;position: relative;}
.nav-society>li:nth-child(2){margin: 0 15px;}
.nav-society{margin-top: 35px;}
.nav-society>li>a::after{content: " ";width: 12px;height: 12px;display: block;position: absolute;right: 47%;bottom: -15px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #73CDE1;display: none;}
.nav-society>li.active>a::after{display: block;}

.nav-society>li.active>a, .nav-society>li.active>a:focus, .nav-society>li.active>a:hover{background: none;color: #73CDE1;border-color:#73CDE1; }
.nav-society>li>a:hover{background: none;color: #73CDE1;border-color:#73CDE1;}

.sharing-contnet{padding-top: 35px;}
.sharing-title{font-size: 20px;color: #73CDE1;border-bottom: 1px solid #ddd;padding: 20px 0;margin-bottom: 35px;}
.candy-img{}
.candy-passage{line-height: 30px;font-size: 18px;color: #7c7c7c;}

.mypanel{padding: 25px 0;    color: #7c7c7c;font-size: 18px;    line-height: 38px;}

.detail-icon {background-color: #73CDE1;color: #fff;border-radius: 10px;width: 18px;height: 18px;line-height: 18px;text-align: center;font-size: 12px;}

.pages>li>a{border-radius: 70px;border: 1px solid #ddd;box-shadow: 1px 2px 2px #ddd;}
.pages>li:first-child>a{border-bottom-left-radius: 70px;border-top-left-radius: 70px;}
.pages>li:last-child>a{border-bottom-right-radius: 70px;border-top-right-radius: 70px;}

.choper-row,.teether-row{margin: 5% -15px;}
.choper-content {font-size: 16px;line-height: 32px; color: #646464;}
.read-bar {text-align: center;background: #dde250;padding: 15px 0;position: relative;}
.read-bar a{color: #fff;font-size: 18px;}
.traingle-down{position: absolute;top: -3px;left: 50%;color: #fff;}
.teether-hr{border-bottom: 2px solid #f0f0f0; }