body{background-color:#fff;font-family:Helvetica,"Microsoft Yahei",Tahoma,"SimSun";font-size:14px;margin:0px;padding:0px;color: #3a4791;}
    .page{height: 600px;}
    #wrapper{position: relative;top: 0;}
   .page{overflow: hidden;}
   #wrapper #page0{background: url(../images/product/child/Baio/bg.jpg) no-repeat top center;background-size:cover;position: relative;}
    #wrapper #page0 div{position: absolute;bottom: 0;left: 0;width: 100%;background:#3a4791;height: 50px;}
   #wrapper #page0 ul{width: 70%;margin: 0 auto;}
   #wrapper #page0 li{display: inline-block;width: 16%;float: left;text-align: center;}
   #wrapper #page0 li a{font-size: 18px;line-height: 50px;color: #fff;}

p{
	text-align: left !important;
}
@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper div#page0{height: 500px;}
  #wrapper #page0 ul{width: 90%;margin: 0 auto;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page0{height: 300px;}
   #wrapper #page0 li a{font-size: 14px;}
}
@media only screen and (max-width: 439px) {
   #wrapper div#page0{height: 220px;}
    #wrapper #page0 li a{font-size: 12px;}
     #wrapper #page0 ul{width: 100%}
     #wrapper #page0 li{width: 16.5%;}
}

   #wrapper #page1 ul{width: 80%;display: block;margin: 10% auto 0;}
   #wrapper #page1 li{width: 33.33%;display: inline-block;background: url(../images/product/child/Baio/2-1.png) no-repeat top center;vertical-align:top;text-align: center;float: left; list-style: none;}
   #wrapper #page1 li.page1-2{background: url(../images/product/child/Baio/2-2.png) no-repeat top center;}
   #wrapper #page1 li.page1-3{background: url(../images/product/child/Baio/2-3.png) no-repeat top center;}
   #wrapper #page1 h3{margin: 230px auto 0;font-size: 20px;font-weight:bold;line-height: 64px;}
   #wrapper #page1 ul div{text-align:left;width: 80%;margin: 0 auto;}
   #wrapper #page1 p{color: #6e6e6e;line-height: 24px;}
   @media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page1 ul{width: 95%;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page1{height: 500px;}
  #wrapper #page1 li{width: 50%;}
   #wrapper #page1 li.page1-3{display: none;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page1 ul{width: 100%;}
   #wrapper #page1 li{width: 100%;}
    #wrapper #page1 li.page1-3{display: block;}
    #wrapper div.page#page1{height:1120px; }
    #wrapper #page1 h3{margin:192px auto 0}
}


   #wrapper #page2{background-color: #47a0ca;position: relative;}
   #wrapper #page2 .whiteB{width: 3px;height: 50px;background-color: #fff;position: absolute;top: 0;left: 50%;}
   #wrapper #page2 .page2T{width: 200px;height: 50px;border: 2px solid #fff;margin: 50px auto 0;;text-align: center;}
   #wrapper #page2 .page2T h2{color: #fff;line-height: 50px;font-size: 24px;}
   #wrapper #page2 ul{width: 80%;display: block;margin: 4% auto 0;}
   #wrapper #page2 li{width: 50%;height:400px;display: inline-block;background: url(../images/product/child/Baio/3-1.png) no-repeat 10px top ;vertical-align:top;float: left; list-style: none;background-size: auto 400px;}
   #wrapper #page2 li.page2-2{background: url(../images/product/child/Baio/3-2.png) no-repeat 10px top ;background-size: auto 400px;}
   #wrapper #page2 h3{width: 45%;margin-left: 50%;margin-top: 120px;font-weight: bold;font-size: 24px;line-height: 60px;color: #fff;}
   #wrapper #page2  p{width: 45%;margin-left: 50%;color: #fff;line-height: 24px;}
   #wrapper #page2 .whiteBbottom{width: 1px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;border-left:1px solid #fff;border-right:1px solid #fff;  }
   @media only screen and (max-width: 1212px) {
    #wrapper #page2 ul{width: 90%;}
}
@media only screen and (max-width: 1023px) {
   #wrapper #page2 ul{width: 98%;}
   #wrapper #page2 h3{width: 40%;margin-left: 60%}
    #wrapper #page2 p{width: 40%;margin-left: 60%}
}
@media only screen and (max-width: 750px) {
  #wrapper #page2 li{width: 100%;margin-bottom: 30px;}
  #wrapper #page2{height: 1000px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page2 li{background-size: auto 250px;}
  #wrapper #page2 li.page2-2{background-size: auto 250px;}
  #wrapper #page2 li{height: 250px;}
  #wrapper #page2 h3,#wrapper #page2 p{width: 50%;margin-left: 50%}
  #wrapper #page2 h3{margin-top: 50px}
  #wrapper #page2{height: 700px;}
}


   #wrapper #page3{position: relative;}
   #wrapper #page3 .page3B{width: 3px;height: 50px;background-color: #3a4791;position: absolute;top: 0;left: 50%;}
   #wrapper #page3 .page3T{width: 200px;height: 50px;border: 2px solid #3a4791;margin: 50px auto 0;text-align: center;}
   #wrapper #page3 .page3T h2{color: #3a4791;line-height: 50px;font-size: 24px;}
   #wrapper #page3 .page3Bbottom{width: 1px;height: 50px;background-color: #f0f1f7;position: absolute;bottom: 0;left: 50%;border-left:1px solid #f0f1f7;border-right:1px solid #f0f1f7;  }
   #wrapper #page3 ul{width: 80%;margin: 30px auto 0}
   #wrapper #page3 li{display: inline-block;width: 30%;height: 350px;vertical-align:top;text-align: right;float: left; list-style: none;}
   #wrapper #page3 li.page3T2{text-align: left;}
   #wrapper #page3 li.page3Img{width: 40%}
   #wrapper #page3 li img{width: 100%;}
   #wrapper #page3 li.page3T1 h3{color: #3a4791;width: 80%;font-size: 24px;font-weight: bold;margin-top:30%;margin-left: 20%;line-height:40px; }
   #wrapper #page3 li.page3T2 h3{color: #3a4791;width: 80%;font-size: 24px;font-weight: bold;margin-top:30%;line-height:40px; }
   #wrapper #page3 li.page3T1 div{text-align: left;width: 80%;margin-left:20%; }
   #wrapper #page3 li.page3T2 div{text-align: left;width: 80%;}
   #wrapper #page3 li.page3T1 p{color: #707070;line-height: 24px;}
   #wrapper #page3 li.page3T2 p{color: #707070;line-height: 24px;}
@media only screen and (max-width: 1212px) {
  #wrapper #page3 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page3 li.page3Img{width: 60%}
  #wrapper #page3 li{width: 20%;}
  #wrapper #page3 li.page3T1 h3{margin-top:60%;}
  #wrapper #page3 li.page3T2 h3{margin-top:60%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page3 li.page3Img{width: 100%;float:left;}
   #wrapper #page3 li.page3T1{display: none;}
  #wrapper #page3 li.page3T2{display: none;}
}
@media only screen and (max-width: 439px) {
   #wrapper #page3{height: 500px;}
}

   #wrapper #page4{position: relative;background-color: #f0f1f7;}
   #wrapper #page4 .page4B{width: 3px;height: 50px;background-color: #3a4791;position: absolute;top: 0;left: 50%;}
   #wrapper #page4 .page4T{width: 200px;height: 50px;border: 2px solid #3a4791;margin: 50px auto 0;text-align: center;}
   #wrapper #page4 .page4T h2{color: #3a4791;line-height: 50px;font-size: 24px;}
   #wrapper #page4 .page4Bbottom{width: 1px;height: 50px;background-color: #47a0ca;position: absolute;bottom: 0;left: 50%;border-left:1px solid #47a0ca;border-right:1px solid #47a0ca;  }
    #wrapper #page4 ul{width: 80%;margin: 0 auto 0;}
    #wrapper #page4 li{width: 33%;display: inline-block;margin-top: 30px;vertical-align:top;float: left; list-style: none;}
    #wrapper #page4 li div{width: 100%;height: 250px;position: relative;}
    #wrapper #page4 li div img{position:absolute;bottom: 0;width: 100%}
    #wrapper #page4 li p{width: 80%;margin-top: 30px;color: #707070;margin-left: 15%}
@media only screen and (max-width: 1212px) {
  #wrapper #page4 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page4 li div img{width: 80%;left: 10%;}
   #wrapper #page4 li p{margin-left: 10%}
}
@media only screen and (max-width: 750px) {
  #wrapper #page4 li{width: 50%;}
  #wrapper #page4 li div{height: 136px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page4 li{margin-top: 10px;}
  #wrapper #page4 li.page4I{float: right;}
}

   #wrapper #page5{background-color: #47a0ca;position: relative;text-align: center;}
   #wrapper #page5 .whiteB{width: 3px;height: 50px;background-color: #fff;position: absolute;top: 0;left: 50%;}
   #wrapper #page5 .page5T{width: 200px;height: 50px;border: 2px solid #fff;margin: 50px auto 30px;text-align: center;}
   #wrapper #page5 .page5T h2{color: #fff;line-height: 50px;font-size: 24px;}
   #wrapper #page5 .whiteBbottom{width: 1px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;border-left:1px solid #fff;border-right:1px solid #fff;z-index: 0;}
   #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 18px;}
   #wrapper #page5 ul{width: 70%;margin: 0 auto 0;}
   #wrapper #page5 li{width: 25%;display: inline-block;margin-top: 30px;vertical-align:top;float: left; list-style: none;}
   #wrapper #page5 li img{width: 100%;display: block;position: relative;z-index: 1;}
@media only screen and (max-width: 1212px) {
  #wrapper #page5 ul{width: 90%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page5 ul{width: 98%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page5{height: 1000px;}
  #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 14px;}
  #wrapper #page5 ul{margin-top: 10px;}
  #wrapper #page5 li{width: 50%;margin-top: 0px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 12px;}
  #wrapper #page5{height: 788px;}
}

   #wrapper #page6{position: relative;background-color: #f0f1f7;text-align: center;}
   #wrapper #page6 .page6B{width: 3px;height: 50px;background-color: #3a4791;position: absolute;top: 0;left: 50%;}
   #wrapper #page6 .page6T{width: 200px;height: 50px;border: 2px solid #3a4791;margin: 50px auto 0;text-align: center;}
   #wrapper #page6 .page6T h2{color: #3a4791;line-height: 50px;font-size: 24px;}
   #wrapper #page6 ul{width: 80%;margin: 80px auto  0;}
   #wrapper #page6 li{width: 33.3%;display: inline-block;vertical-align:top;float: left; list-style: none;}
   #wrapper #page6 li p{line-height: 50px;color:#707070;}
@media only screen and (max-width: 1212px) {
  #wrapper #page6 ul{width: 90%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page6 li{width: 50%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page6 li img{width: 90%}
  #wrapper #page6 ul{margin-top: 10px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page6 li{width: 100%;}
  #wrapper #page6{height: auto;}
}

   #wrapper #page8{position: relative;background-color: #e7f1e3;text-align: center;height: 600px;}
   #wrapper #page8 .page8B{width: 3px;height: 50px;background-color: #3a4791;position: absolute;top: 0;left: 50%;}
   #wrapper #page8 .page8T{width: 200px;height: 50px;border: 2px solid #3a4791;margin: 50px auto 0;text-align: center;}
   #wrapper #page8 .page8T h2{color: #3a4791;line-height: 50px;font-size: 24px;}
   #wrapper #page8 ul{width: 80%;margin: 30px auto  0;}
   #wrapper #page8 li{width: 45%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: right;}
   #wrapper #page8 li p{width: 90%;color:#707070;line-height: 40px;margin-top: 200px;}
@media only screen and (max-width: 1212px) {
  #wrapper #page8 li img{width: 120%}
   #wrapper #page8 ul{width: 90%;margin: 30px auto  0;}
    #wrapper #page8 li p{font-size: 12px}

}
@media only screen and (max-width: 1023px) {
  
}
@media only screen and (max-width: 750px) {
  
}
@media only screen and (max-width: 439px) {
  #wrapper #page8 li{width: 80%}
   #wrapper #page8 li p{width: 100%;color:#707070;line-height: 30px;margin-top: 0px;font-size: 14px;text-align: left;}
    #wrapper #page8{position: relative;background-color: #e7f1e3;text-align: center;height: auto;}
       #wrapper #page8 ul{width: 90%;margin: 30px auto 100px;overflow: auto;}
}



   #wrapper #page9{position: relative;background-color: #47a0ca;text-align: center;height: 600px;}
   #wrapper #page9 .page9B{width: 3px;height: 50px;background-color: #fff;position: absolute;top: 0;left: 50%;}
   #wrapper #page9 .page9T{width: 200px;height: 50px;border: 2px solid #fff;margin: 50px auto 0;text-align: center;}
   #wrapper #page9 .page9T h2{color: #fff;line-height: 50px;font-size: 24px;}
   #wrapper #page9 .page9Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page9 h3{margin-top: 110px;line-height: 70px;font-size: 18px;color: #fff;}
   #wrapper #page9 ul{width: 80%;margin: 10px auto  0;}
   #wrapper #page9 li{width: 20%;display: inline-block;vertical-align:top;float: left; list-style: none;margin-bottom: 30px;}
@media only screen and (max-width: 1212px) {
  #wrapper #page9 li img{width: 90%}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page9 h3{font-size: 14px;}
}
@media only screen and (max-width: 750px) {

}
@media only screen and (max-width: 439px) {
   #wrapper #page9{height: auto;}
   #wrapper #page9 h3{margin-top: 10px;line-height: 30px;font-size: 18px;color: #707070;text-align: left;width: 90%;margin-left: 5%;}
   #wrapper #page9 li{width: 50%;margin-bottom: 10px;}
   #wrapper #page9 ul{width: 80%;margin: 10px auto  100px;overflow: auto;}
}