body{background-color:#fff;font-family:Helvetica,"Microsoft Yahei",Tahoma,"SimSun";font-size:14px;margin:0px;padding:0px;color: #3a4791;}
    #wrapper{position: relative;top: 0;}
   .page{overflow: hidden;}
   #wrapper #page0{background: url(../images/product/child/BaioW/0.jpg) no-repeat top center;background-size:cover;}
   #wrapper div#page0{height: 600px;}

@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper div#page0{height: 433px;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page0{height: 280px;}
}
@media only screen and (max-width: 439px) {
   #wrapper div#page0{height: 190px;}
}
p{
	text-align: left !important;
}
   #wrapper #page1{height: 550px;text-align: center;}
   #wrapper #page1 ul{width: 60%;margin: 80px auto  0;}
   #wrapper #page1 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;}
   #wrapper #page1 li h3{line-height: 50px;color:#097c25;margin-top: 20px;line-height: 48px;font-size: 20px;}
   #wrapper #page1 li p{text-align: left;width: 60%;margin-left: 20%;color: #6e6e6e;line-height: 24px;}
  
@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page1 ul{width: 80%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page1 ul{width: 100%;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page1 li{width: 100%;margin-bottom: 30px;}  
  #wrapper #page1{height: 1000px;}
}


   #wrapper #page2{background-color: #e7f1e3;position: relative;height: 650px;}
   #wrapper #page2 .page2B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page2 .page2T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;;text-align: center;}
   #wrapper #page2 .page2T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page2 .page2Bbottom{width: 3px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page2 ul{width: 60%;margin: 30px auto  0;}
   #wrapper #page2 li{width: 29%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: center;}
    #wrapper #page2 li.textmiddle{width: 42%;z-index: -1;}
   #wrapper #page2 h3{color: #097c25;font-size: 24px;font-weight: bold;margin-top: 108px;line-height: 60px;background: url(img/BaiOW/2line.png) no-repeat;background-position: 50% 50%; }
   #wrapper #page2 p{color: #707070;line-height: 24px;}
   #wrapper #page2 input{width: 138px;height: 34px;background: none;border: none;border: 1px solid #097c25;color: #097c25;margin-top: 30px;font-size: 14px;}


@media only screen and (max-width: 1212px) {
  #wrapper #page2 ul{width: 80%}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page2 ul{width: 96%}
  #wrapper #page2 li img{width: 100%}
}
@media only screen and (max-width: 750px) {
  #wrapper #page2 li{width: 50%;}
  #wrapper #page2 h3{margin-top: 10px;}
  #wrapper #page2{height: 750px;}
  #wrapper #page2 input{margin-bottom: 10px;}

}
@media only screen and (max-width: 439px) {
  #wrapper #page2 li.textmiddle{width: 100%;}
  #wrapper #page2 h3{background: none;}
  #wrapper #page2 li{width: 100%;}
   #wrapper #page2{height: auto;}
   #wrapper #page2 li img{width: 70%}
  #wrapper #page2 ul{margin-bottom: 100px;overflow: auto;}
}

   #wrapper #page3{position: relative;height: 650px;}
   #wrapper #page3 .page3B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page3 .page3T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;text-align: center;}
   #wrapper #page3 .page3T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page3 .page3Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page3 ul{width: 100%;margin: 30px auto  0;}
   #wrapper #page3 li{width: 45%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: right;}
   #wrapper #page3 li h3{width: 90%;color:#097c25;margin-top: 100px;font-size: 24px;font-weight: bold;line-height: 50px;}
   #wrapper #page3 li p{width: 90%;color:#707070;line-height: 40px;}
   #wrapper #page3 li a{margin-right: 10%;color: #097c25;}
    #wrapper #page3 input{width: 138px;height: 34px;background: none;border: none;border: 1px solid #097c25;color: #097c25;margin-top: 30px;font-size: 14px;margin-right: 10%;}
  

@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page3 li img{width: 120%}
  #wrapper #page3{position: relative;height: 550px;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page3 li h3{margin-top: 30px;}
  #wrapper #page3 li p{font-size: 12px;}
  #wrapper #page3{position: relative;height: 450px;}
}
@media only screen and (max-width: 439px) {
   #wrapper #page3{position: relative;height: auto;}
   #wrapper #page3 ul{width: 96%;}
   #wrapper #page3 li{width: 100%}
   #wrapper #page3 li img{width: 100%}
  #wrapper #page3 li h3{text-align: left;}
   #wrapper #page3 li p{text-align: left;}
   #wrapper #page3 li a{display: none;}
   #wrapper #page3 input{margin-top:0;margin-bottom: 30px;}
}
   #wrapper #page4{position: relative;background-color: #e7f1e3;height: 750px;text-align: center;}
   #wrapper #page4 .page4B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page4 .page4T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;text-align: center;}
   #wrapper #page4 .page4T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page4 .page4Bbottom{width: 3px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;}
    #wrapper #page4 ul{width: 80%;margin: 0 auto 0;}
    #wrapper #page4 li{width: 50%;display: inline-block;margin-top: 30px;vertical-align:top;float: left; list-style: none;}
    #wrapper #page4 li p{width: 50%;margin-top: 30px;color: #707070;text-align: left;margin-left: 25%;}
     #wrapper #page4 input{width: 138px;height: 34px;background: none;border: none;border: 1px solid #097c25;color: #097c25;margin-top: 30px;font-size: 14px;position: absolute;bottom: 100px;left: 50%;margin-left:-69px;}

@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page4 ul{width: 90%}
  
}
@media only screen and (max-width: 750px) {
  #wrapper #page4 li img{width: 100%}
   #wrapper #page4 li p{width: 90%;margin-left: 5%;}
   #wrapper #page4{height: 600px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page4 li{width: 100%}
  #wrapper #page4{height: auto;}
#wrapper #page4 ul{margin: 0 auto 130px;overflow:hidden;}
}


   #wrapper #page5{background-color: #fff;position: relative;text-align: center;height: 750px;}
   #wrapper #page5 .page5B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page5 .page5T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 30px;text-align: center;}
   #wrapper #page5 .page5T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page5 .page5Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 18px;}
   #wrapper #page5 ul{width: 80%;margin: 0 auto 0;}
   #wrapper #page5 li{width: 33.3%;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) {
}
@media only screen and (max-width: 1023px) {
   #wrapper #page5{height: 600px;}
}
@media only screen and (max-width: 750px) {
  
}
@media only screen and (max-width: 439px) {
  #wrapper #page5 li{width: 100%}
  #wrapper #page5{height: auto;}
  #wrapper #page5 ul{width: 80%;margin: 0 auto 100px;overflow: auto;}
}

   #wrapper #page6{position: relative;background-color: #f0f1f7;text-align: center;height: 600px;}
   #wrapper #page6 .page6B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page6 .page6T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;text-align: center;}
   #wrapper #page6 .page6T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page6 .page6Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page6 h3{margin-top: 110px;line-height: 70px;font-size: 18px;color: #707070;}
   #wrapper #page6 ul{width: 80%;margin: 10px auto  0;}
   #wrapper #page6 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 #page6 li img{width: 90%}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page6 h3{font-size: 14px;}
}
@media only screen and (max-width: 750px) {

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

    #wrapper #page7{height: 700px;text-align: center;position: relative;;background-color: #fff;}
    #wrapper #page7 .page7B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page7 .page7T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;text-align: center;}
   #wrapper #page7 .page7T h2{color: #097c25;line-height: 50px;font-size: 24px;}
   #wrapper #page7 .page7Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page7 ul{width: 60%;margin: 80px auto  0;}
   #wrapper #page7 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;}
   #wrapper #page7 li h3{line-height: 50px;color:#097c25;margin-top: 20px;line-height: 48px;font-size: 20px;}
   #wrapper #page7 li p{text-align: left;width: 60%;margin-left: 20%;color: #6e6e6e;line-height: 24px;}
@media only screen and (max-width: 1212px) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page7 ul{width: 90%}
}
@media only screen and (max-width: 750px) {
  
}
@media only screen and (max-width: 439px) {
  #wrapper #page7 li{width: 100%;margin-bottom: 20px;}
  #wrapper #page7 li img{width: 100%}
  #wrapper #page7{height: auto;}
  #wrapper #page7 li p{width: 90%;margin-left: 5%;}
   #wrapper #page7 ul{margin-bottom:80px;overflow: auto;}
}
   #wrapper #page8{position: relative;background-color: #e7f1e3;text-align: center;height: 600px;}
   #wrapper #page8 .page8B{width: 3px;height: 50px;background-color: #097c25;position: absolute;top: 0;left: 50%;}
   #wrapper #page8 .page8T{width: 200px;height: 50px;border: 2px solid #097c25;margin: 50px auto 0;text-align: center;}
   #wrapper #page8 .page8T h2{color: #097c25;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;}
}