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/bigData/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;}

@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 h4{text-align: center;margin-top: 80px;font-size: 20px;text-align: center;line-height: 38px;}
   #wrapper #page1 ul{width: 80%;display: block;margin: 5% auto 0;}
   #wrapper #page1 li{width: 25%;display: inline-block;background: url(../images/product/child/bigData/2-1.jpg) 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/bigData/2-2.jpg) no-repeat top center;}
   #wrapper #page1 li.page1-3{background: url(../images/product/child/bigData/2-3.jpg) no-repeat top center;}
   #wrapper #page1 li.page1-4{background: url(../images/product/child/bigData/2-4.jpg) 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) {
    #wrapper #page1 li{background-size:90%;} 
    #wrapper #page1 li.page1-2{background-size:90%;}
    #wrapper #page1 li.page1-3{background-size:90%;}
    #wrapper #page1 li.page1-4{background-size:90%;}
    #wrapper #page1 h3 {margin: 182px auto 0;}
}
@media only screen and (max-width: 1023px) {
  #wrapper #page1 h4{font-size: 16px;margin-top:24px;}
  #wrapper #page1 ul{width: 95%;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page1{height: 500px;}
  #wrapper #page1 li{width: 25%;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page1 h4{width: 90%;margin-left: 5%;text-align: left;}
  #wrapper div.page#page1 {height: 820px;}
  #wrapper #page1 ul{width: 100%;}
   #wrapper #page1 li{width: 50%;}
    #wrapper #page1 li.page1-3{display: block;}
    #wrapper #page1 h3{margin:192px auto 0}
}


   #wrapper #page2{background-color: #ecf5ff;position: relative;height: 650px;}
   #wrapper #page2 .whiteB{width: 3px;height: 50px;background-color: #1b67ae;position: absolute;top: 0;left: 50%;}
   #wrapper #page2 .page2T{width: 250px;height: 50px;border: 2px solid #1b67ae;margin: 50px auto 0;;text-align: center;}
   #wrapper #page2 .page2T h2{color: #1b67ae;line-height: 50px;font-size: 24px;}
   #wrapper #page2 ul{width: 80%;display: block;margin: 3% auto 0;}
   #wrapper #page2 li{width: 40%;height:450px;display: inline-block;background: url(../images/product/child/bigData/3-1.jpg) no-repeat 80px top ;vertical-align:top;float: left; list-style: none;background-size: auto 400px;}
   #wrapper #page2 li.page2-2{width: 60%;background: url(../images/product/child/bigData/3-2.jpg) no-repeat 10px top ;background-size: 100%;}
   #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%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page2{height: 1000px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page2 li{background: url(../images/product/child/bigData/3-1.jpg) no-repeat 0px top;background-size:100%;width: 30%;}
  #wrapper #page2 li.page2-2{background: url(../images/product/child/bigData/3-2.jpg) no-repeat 0px top;background-size:100%;width: 70%;}
  #wrapper #page2 li{height: 250px;}
  #wrapper #page2{height: 400px;}
  #wrapper #page2 ul {width: 98%;margin-left: 1%;margin: 7% auto 0;}
}

   #wrapper #page3{background-color: #fff;position: relative;height: 650px;}
   #wrapper #page3 .whiteB{width: 3px;height: 50px;background-color: #1b67ae;position: absolute;top: 0;left: 50%;}
   #wrapper #page3 .page3T{width: 350px;height: 50px;border: 2px solid #1b67ae;margin: 50px auto 0;;text-align: center;}
   #wrapper #page3 .page3T h2{color: #1b67ae;line-height: 50px;font-size: 24px;}
   #wrapper #page3 ul{width: 80%;display: block;margin: 3% auto 0;}
   #wrapper #page3 li{width: 50%;height:450px;display: inline-block;background: url(../images/product/child/bigData/4-1.jpg) no-repeat 80px top ;vertical-align:top;float: left; list-style: none;background-size: auto 400px;}
   #wrapper #page3 li.page3-2{width: 50%;background: url(../images/product/child/bigData/4-2.jpg) no-repeat 10px top ;background-size: 100%;}
   #wrapper #page3 .whiteBbottom{width: 1px;height: 50px;background-color: #ecf5ff;position: absolute;bottom: 0;left: 50%;border-left:1px solid #ecf5ff;border-right:1px solid #ecf5ff;  }
   @media only screen and (max-width: 1212px) {
    #wrapper #page3 ul{width: 90%;}
}
@media only screen and (max-width: 1023px) {
   #wrapper #page3 ul{width: 98%;}
}
@media only screen and (max-width: 750px) {
  #wrapper #page3 li{width: 100%;margin-bottom: 30px;}
  #wrapper #page3{height: 1000px;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page3 li{background-size: auto 250px;margin-bottom: 0;}
  #wrapper #page3 li.page3-2{background-size: auto 250px;}
  #wrapper #page3 li{height: 250px;}
  #wrapper #page3{height: 700px;}
  #wrapper #page3 li.page3-2 {
    background-size: 100% 100%;width: 100%;
}
}
p{
	text-align: left !important;
}
#wrapper #page4{background: #ecf5ff;position: relative;height: 700px;}
#wrapper #page4 .whiteB{width: 3px;height: 50px;background-color: #1b67ae;position: absolute;top: 0;left: 50%;}
   #wrapper #page4 .page4T{width: 250px;height: 50px;border: 2px solid #1b67ae;margin: 50px auto 0;;text-align: center;}
   #wrapper #page4 .page4T h2{color: #1b67ae;line-height: 50px;font-size: 24px;}
 #wrapper #page4 h4{text-align: center;margin-top: 60px;font-size: 20px;text-align: center;line-height: 38px;}
   #wrapper #page4 ul{width: 80%;display: block;margin: 5% auto 0;}
   #wrapper #page4 li{width: 33.3%;display: inline-block;background: url(../images/product/child/bigData/5-1.jpg) no-repeat top center;vertical-align:top;text-align: center;float: left; list-style: none;}
   #wrapper #page4 li.page4-2{background: url(../images/product/child/bigData/5-2.jpg) no-repeat top center;}
   #wrapper #page4 li.page4-3{background: url(../images/product/child/bigData/5-3.jpg) no-repeat top center;}
   #wrapper #page4 h3{margin: 180px auto 0;font-size: 20px;font-weight:bold;line-height: 64px;}
   #wrapper #page4 ul div{text-align:left;width: 80%;margin: 0 auto;}
   #wrapper #page4 p{color: #336699;line-height: 24px;line-height: 30px;}
   #wrapper #page4 p.page4txt{color: #000;text-indent:12px;}
   #wrapper #page4 .page4Bbottom{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) {
}
@media only screen and (max-width: 1023px) {
  #wrapper #page4 ul{width: 95%;}
}
@media only screen and (max-width: 750px) {
  #wrapper div#page4{height: 500px;}
  #wrapper #page4 li{width: 50%;}
   #wrapper #page4 li.page4-3{display: none;}
}
@media only screen and (max-width: 439px) {
  #wrapper #page4 ul{width: 100%;}
    #wrapper #page4 li.page4-3{display: block;}
    #wrapper div.page#page4{height:980px; }
    #wrapper #page4 h3{margin:152px auto 0}
}


   #wrapper #page5{background-color: #f0f1f7;position: relative;text-align: center;height: 700px;}
   #wrapper #page5 .whiteB{width: 3px;height: 50px;background-color: #1b67ae;position: absolute;top: 0;left: 50%;}
   #wrapper #page5 .page5T{width: 530px;height: 50px;border: 2px solid #1b67ae;margin: 50px auto 30px;text-align: center;}
   #wrapper #page5 .page5T h2{color: #1b67ae;line-height: 50px;font-size: 24px;}
   #wrapper #page5 .page5Bbottom{width: 1px;height: 50px;background-color: #ecf5ff;position: absolute;bottom: 0;left: 50%;border-left:1px solid #ecf5ff;border-right:1px solid #ecf5ff;z-index: 0;}
   #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 18px;}
   #wrapper #page5 ul{width: 90%;margin: 0 auto 0;}
   #wrapper #page5 li{width: 50%;display: inline-block;margin: 30px 7% 0;vertical-align:top;float: left; list-style: none;}
   #wrapper #page5 li.page5I{width: 18%;margin: 30px 0% 0;}
   #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 .page5T {width: 90%;}
  #wrapper #page5 .page5T h2 {font-size: 16px;}
  #wrapper #page5 p.title{color: #fff;line-height: 28px;font-size: 12px;}
  #wrapper #page5{height: 888px;}
  #wrapper #page5 ul{position: relative;}
  #wrapper #page5 li.page5L{clear:both;width: 100%;position: absolute;left: 0;top :400px;margin: 0;}
  #wrapper #page5 li.page5I{float: left;width: 50%;margin: 0;}
}

   #wrapper #page6{position: relative;background-color: #ecf5ff;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 #page9{position: relative;background-color: #ecf5ff;text-align: center;height: 400px;}
   #wrapper #page9 .whiteB{width: 3px;height: 50px;background-color: #3a4791;position: absolute;top: 0;left: 50%;}
   #wrapper #page9 .page9T{width: 200px;height: 50px;border: 2px solid #3a4791;margin: 50px auto 0;text-align: center;}
   #wrapper #page9 .page9T h2{color: #3a4791;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: 80px auto  0;}
   #wrapper #page9 li{width: 25%;display: inline-block;vertical-align:top;float: left; list-style: none;margin-bottom: 30px;}
   #wrapper #page9 li img{height: 40px;margin: 0 auto;}
@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: 30px;}
   #wrapper #page9 ul{width: 90%;margin: 50px auto  50px;overflow: auto;}
}