body{background-color:#fff;font-family:Helvetica,"Microsoft Yahei",Tahoma,"SimSun";font-size:14px;margin:0px;padding:0px;color: #3a4791;}
   #wrapper span{color:#005752;font-size: 22px;font-weight: bold;}
   #wrapper p{width: 70%;color:#707070;line-height: 34px;margin-top:20%;font-size: 22px;font-weight: lighter;}
    #wrapper{position: relative;top: 0;}
   .page{overflow: hidden;}
   #wrapper #page0{background: url(../images/product/child/wuye/0-1.jpg) no-repeat top center;background-size:cover;}
   #wrapper div#page0{height: 600px;}
   input:hover{ cursor:pointer; }

   #wrapper #page5{background-color: #e3f0f4;position: relative;text-align: center;}
   #wrapper #page5 .whiteB{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page5 .page5T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 30px;text-align: center;}
   #wrapper #page5 .page5T h2{color: #005752;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: #707070;line-height: 28px;font-size: 18px; margin: 0 auto; text-align: center;}
   #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;}
p{
	text-align: left !important;
}
@media only screen and (max-width: 1212px) {
   #wrapper div#page0{height: 550px;}
    #wrapper #page5 ul{width: 90%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper div#page0{height: 420px;}
   #wrapper #page5 ul{width: 98%;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page0{height: 270px;}
  #wrapper #page5{height: 1000px;}
  #wrapper #page5 p.title{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 div#page0{height: 180px;}
   #wrapper #page5 p.title{line-height: 28px;font-size: 12px;}
  #wrapper #page5{height: 788px;}
}

 
   #wrapper #page1{background-color: #e3f0f4;position: relative;height: 650px;}
   #wrapper #page1 .page1B{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page1 .page1T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 0;;text-align: center;}
   #wrapper #page1 .page1T h2{color: #005752;line-height: 50px;font-size: 24px;font-weight: bold;}
   #wrapper #page1 .page1Bbottom{width: 3px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page1 ul{width: 1200px;margin: 30px auto  0;}
   #wrapper #page1 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: left;}
   #wrapper #page1 img{margin-left:30px;}
   #wrapper #page1 li p{margin-left: 10%;}
   .page1Btn{margin-left: 10%;border: 2px solid #005752;width: 140px;height: 38px;background-color: #e3f0f4;color:#005752;font-size: 14px;margin-top: 26px; }


@media only screen and (max-width: 1212px) {
  #wrapper #page1 img{width: 40%}
  #wrapper #page1{height: 600px;}
   #wrapper #page1 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page1 li{width: 100%;margin-bottom: 30px;}
  #wrapper #page1{height: 1000px;}
  #wrapper p{margin-top: 30px;}
  .page1Btn{margin-top: 0px; }
}
@media only screen and (max-width: 750px) {
  #wrapper #page1{height: 850px;}
/*   #wrapper #page1 ul{width: 96%}
   #wrapper p{width: 80%}
   #wrapper #page1{height: 650px;}
   #wrapper #page1 img{margin-left:10px;}*/
}
@media only screen and (max-width: 439px) {
  #wrapper #page1 img{margin-left:6%;}
  #wrapper #page1 li{margin-bottom: 0px;}
  #wrapper #page1{height: 700px;}
}




   #wrapper #page2{position: relative;height: 650px;}
   #wrapper #page2 .page2B{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page2 .page2T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 0;text-align: center;}
   #wrapper #page2 .page2T h2{color: #005752;line-height: 50px;font-size: 24px;}
   #wrapper #page2 .page2Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page2 ul{width: 1200px;margin: 30px auto  0;}
   #wrapper #page2 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: left;}
   #wrapper #page2 img{margin-left:30px;}
   #wrapper #page2 li p{margin-left: 15%;}
   .page2Btn{margin-right: 15%;float: right;border: 2px solid #005752;width: 140px;height: 38px;background-color: #fff;color:#005752;font-size: 14px;margin-top: 26px; }

@media only screen and (max-width: 1212px) {
  #wrapper #page2 img{width: 40%}
  #wrapper #page2{height: 600px;}
   #wrapper #page2 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page2 li{width: 100%}
  #wrapper #page2{height: 1050px;}
  #wrapper p{margin-bottom: 30px;}
  .page2Btn{margin-top: 0px; }
  #wrapper #page2 img{margin-top: 30px;}
}
@media only screen and (max-width: 750px) {
    #wrapper #page2{height: 900px;}
/*   #wrapper #page2 ul{width: 96%}
   #wrapper #page2{height: 650px;}
   #wrapper #page2 img{margin-left:10px;}*/
}
@media only screen and (max-width: 439px) {
  #wrapper #page2 img{margin-left:6%;}
  #wrapper #page2 li{margin-bottom: 0px;}
  #wrapper #page2{height: 900px;}
}



      #wrapper #page3{background-color: #e3f0f4;position: relative;height: 650px;}
   #wrapper #page3 .page3B{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page3 .page3T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 0;;text-align: center;}
   #wrapper #page3 .page3T h2{color: #005752;line-height: 50px;font-size: 24px;}
   #wrapper #page3 .page3Bbottom{width: 3px;height: 50px;background-color: #fff;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page3 ul{width: 1200px;margin: 30px auto  0;}
   #wrapper #page3 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: left;}
   #wrapper #page3 img{margin-left:30px;}
   #wrapper #page3 li p{margin-left: 10%;}
   .page3Btn{margin-left: 10%;border: 2px solid #005752;width: 140px;height: 38px;background-color: #e3f0f4;color:#005752;font-size: 14px;margin-top: 26px; }

@media only screen and (max-width: 1212px) {
  #wrapper #page3 img{width: 40%}
  #wrapper #page3{height: 600px;}
   #wrapper #page3 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page3 li{width: 100%}
  #wrapper #page3{height: 1000px;}
  .page3Btn{margin-top: 0px; }
}
@media only screen and (max-width: 750px) {
    #wrapper #page3{height: 850px;}
/*   #wrapper #page3 ul{width: 96%}
   #wrapper #page3{height: 650px;}
   #wrapper #page3 img{margin-left:10px;}*/
}
@media only screen and (max-width: 439px) {
    #wrapper #page3 img{margin-left:6%;}
  #wrapper #page3 li{margin-bottom: 0px;}
  #wrapper #page3{height: 750px;}
}


   #wrapper #page4{position: relative;height: 650px;}
   #wrapper #page4 .page4B{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page4 .page4T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 0;text-align: center;}
   #wrapper #page4 .page4T h2{color: #005752;line-height: 50px;font-size: 24px;}
   #wrapper #page4 .page4Bbottom{width: 3px;height: 50px;background-color: #e7f1e3;position: absolute;bottom: 0;left: 50%;}
   #wrapper #page4 ul{width: 1200px;margin: 30px auto  0;}
   #wrapper #page4 li{width: 50%;display: inline-block;vertical-align:top;float: left; list-style: none;text-align: left;}
   #wrapper #page4 img{margin-left:30px;}
   #wrapper #page4 li p{margin-left: 15%;}
     .page4Btn{margin-right: 15%;float: right;border: 2px solid #005752;width: 140px;height: 38px;background-color: #fff;color:#005752;font-size: 14px;margin-top: 26px; }
  
@media only screen and (max-width: 1212px) {
  #wrapper #page4 img{width: 40%}
  #wrapper #page4{height: 600px;}
   #wrapper #page4 ul{width: 100%;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page4 li{width: 100%}
  #wrapper #page4{height: 1000px;}
  .page4Btn{margin-top: 0px; }
  #wrapper #page4 img{margin-top: 30px;}
}
@media only screen and (max-width: 750px) {
    #wrapper #page4{height: 850px;}
/*   #wrapper #page4 ul{width: 96%}
   #wrapper #page4{height: 650px;}
   #wrapper #page4 img{margin-left:10px;}*/
}
@media only screen and (max-width: 439px) {
  #wrapper #page4 img{margin-left:6%;}
  #wrapper #page4 li{margin-bottom: 0px;}
  #wrapper #page4{height: 700px;}
}


  #wrapper #page8{position: relative;background-color: #e7f1e3;text-align: center;height: 600px;}
   #wrapper #page8 .page8B{width: 3px;height: 50px;background-color: #005752;position: absolute;top: 0;left: 50%;}
   #wrapper #page8 .page8T{width: 200px;height: 50px;border: 2px solid #005752;margin: 50px auto 0;text-align: center;}
   #wrapper #page8 .page8T h2{color: #005752;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;}
}