.bnn {
   width:100%;
   height:auto; overflow:hidden;
   }
   
.xuanze {
   width:100%;
   height:800px;
   background-color:#c5e6ff;
   padding-top:53px;
   }
   
.xuanze h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   font-weight:bold;
   text-align:center;
   margin-top:0px;
   margin-bottom:10px;
   }
   
.xuanze h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   text-align:center;
   margin-top:0px;
   margin-bottom:36px;
   padding-bottom:26px;
   background:url(../images/jiax.png) center bottom; background-repeat:no-repeat;
   }
   
.xzkk {
   width:1145px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
   
.xzkk-n {
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   border-bottom:10px solid #2e96e4;
   padding-bottom:18px;
   }
   
.xzkk-zi {
   height:285px;
   padding:25px;
   padding-top:36px;
   }
   
.xzkk-zi h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   text-align:center;
   color:#c8ced4;
   margin-top:0px;
   margin-bottom:6px;
   }   
   
.xzkk-zi h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   text-align:center;
   color:#2e96e4;
   margin-top:0px;
   margin-bottom:20px;
   }  
   
.ditu1 {
   background:url(../images/u1.png) center bottom; background-repeat:no-repeat;
   }
.ditu2 {
   background:url(../images/u2.png) center bottom; background-repeat:no-repeat;
   }
.ditu3 {
   background:url(../images/u3.png) center bottom; background-repeat:no-repeat;
   }   
   
.yy {
   width:36px;
   height:36px;
   margin:55px auto 15px;
   display:none;
   }
   
.xzkk-n:hover .xzkk-zi {
   height:325px;
   transition: all 500ms ease-in 0ms;
   }
   
.xzkk-n:hover .yy {
   display:block;
   transition: all 500ms ease-in 0ms;
   }
   
   
.kechengx {
   width:100%;
   height:810px;
   background:url(../images/kcbj.jpg) center;
   padding-top:63px;
   }
   
.kechengx h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   text-align:center;
   color:#ffffff;
   margin-top:0px;
   margin-bottom:6px;
   }  
   
.kechengx h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   text-align:center;
   color:#ffffff;
   margin-top:0px;
   padding-bottom:29px;
   margin-bottom:50px;
   background:url(../images/jiaq.png) center bottom; background-repeat:no-repeat;
   }  
   
.kechengx h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:22px;
   text-align:center;
   color:#ffffff;
   margin-top:359px;
   margin-bottom:23px;
   background:url(../images/xktit.png) center; background-repeat:no-repeat;
   } 
   
   
.zhinan {
   width:620px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.zhinan li {
   list-style-type:none;
   float:left;
   width:93px;
   margin-left:5px;
   margin-right:5px;
   }
   
.zhinan li a {
   display:block;
   width:93px;
   height:42px;
   line-height:42px;
   text-align:center;
   background-color:#eff4f7;
   color:#5f7283;
   border-radius: 3px;
   }
   
.zhinan li a:hover {
   background-color:#00b1fd;
   color:#FFFFFF;
   }
   
.souww {
    width: 363px;
    height: 47px;
	line-height:47px;
    background: url("../images/souww.jpg") no-repeat scroll 0% 0% transparent;
	padding-left:20px;
	margin:40px auto 0px;
}

.souww input {
    outline: medium none;
    background: none repeat scroll 0% 0% transparent;
    margin: 0px;
    padding: 0px;
	line-height:47px;
    border: 0px none;
}


.submitInaa {
    width: 87px;
    height: 47px;
    float: right;
    cursor: pointer;
}

.tdbj {
   width:100%;
   height:695px;
   background-color:#c1e4fd;
   padding-top:55px;
   }
   
.tdbj h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   text-align:center;
   color:#000000;
   margin-top:0px;
   margin-bottom:10px;
   }  
   
.tdbj h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   text-align:center;
   margin-top:0px;
   margin-bottom:50px;
   padding-bottom:26px;
   background:url(../images/jiax.png) center bottom; background-repeat:no-repeat;
   }  
   
.tdkkr {
   width:1145px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
   
.tdkkr li {
   list-style-type:none;
   float:left;
   width:268px;
   margin-left:12px;
   margin-right:12px;
   }
   
.renx {
   width:268px;
   height:auto; overflow:hidden;
   padding:20px;
   padding-left:25px;
   padding-right:25px;
   background-color:#FFFFFF;
   text-align:center;
   }   
   
.renx-tu {
   width:99px;
   height:99px;
   overflow:hidden;
   margin:23px auto 0px;
   }
   
.renx h4 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #000000;
    margin-top: 16px;
    margin-bottom: 6px;
}

.renx h5 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #cbcbcb;
    margin-top: 0px;
	padding-bottom:29px;
    margin-bottom: 20px;
	border-bottom:1px solid #fbfbfb;
}

.renx-mm {
   width:160px;
   height:auto; overflow:hidden;
   margin:27px auto 0px;
   }
   
.renx-mm a {
   display:block;
   width:70px;
   height:27px;
   line-height:27px;
   text-align:center;
   border:1px solid #31a5f2;
   color:#31a5f2;
   float:left;
   margin-left:5px; margin-right:5px;
   }
   
.renx-mm a:hover {
   background-color:#31a5f2;
   color:#FFFFFF;
   }
   
   
.gaofen {
   width:100%;
   height:834px;
   background-color:#eff4f7;
   padding-top:75px;
   }
   
.gaofen h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   text-align:center;
   color:#000000;
   margin-top:0px;
   margin-bottom:10px;
   }  
   
.gaofen h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   text-align:center;
   margin-top:0px;
   margin-bottom:50px;
   padding-bottom:26px;
   background:url(../images/jiax.png) center bottom; background-repeat:no-repeat;
   }  
   
.gf-kuai {
   width:1060px;
   height:auto; overflow:hidden;
   margin:30px auto 0px;
   }
   
.shili {
   width:100%;
   height:615px;
   background:url(../images/shili.jpg) center;
   padding-top:120px;
   color:#FFFFFF;
   }
   
.tpkong {
   margin-top:0px;
   }
   
.case_tree {
    width: 1017px;
    height: 569px;
    background: url(../images/tree.png) no-repeat center bottom;
    position: relative;
	margin:0 auto;
}

.shili-kk {
   width:1400px;
   height:auto; overflow:hidden;
   font-size:14px;
   margin:0 auto;
   }
   
.shili-kk-zuo {
   width:275px;
   float:left;
   margin-left:147px;
   }
   
.shili-kk-zuo h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:33px;
   margin-bottom:7px;
   padding-bottom:7px;
   font-size:22px;
   background:url(../images/huax.png) left bottom; background-repeat:no-repeat;
   }
   
.shili-kk-you {
   width:445px;
   float:right;
   }
   
.shili-kk-you h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:33px;
   margin-bottom:7px;
   padding-bottom:7px;
   font-size:22px;
   background:url(../images/huax.png) left bottom; background-repeat:no-repeat;
   }
   
.shili-kk-you h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:63px;
   margin-bottom:7px;
   padding-bottom:7px;
   font-size:22px;
   background:url(../images/huax.png) left bottom; background-repeat:no-repeat;
   }
   
   
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }
.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }
.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay-14s { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; }
.delay-1bs { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay-2bs { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.wp3 { background: url('../img/iphone-bg.png') no-repeat center center; background-position: 200px 10px; height: 100%; }


.case_tree div {
  position: absolute;
  -pie-background: linear-gradient(#0085d0, #8ec31f);
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0085d0', endColorStr='#8ec31f', gradientType='1');
  background: linear-gradient(to left, #8ec31f, #0085d0);
  background: -webkit-linear-gradient(left, #0085d0 45%, #8ec31f);
  background: -moz-linear-gradient(left, #0085d0 45%, #8ec31f);
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
  zoom: 1;
  padding: 3px;
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -o-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}

.case_tree div:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.case_tree div p {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  white-space: nowrap;
  zoom: 1;
}

.case_tree div p img {
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  border-radius: 50%;
  height: auto;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.case_tree .c-p_1, .case_tree .c-p_1 img, .case_tree .c-p_2, .case_tree .c-p_2 img, .case_tree .c-p_3, .case_tree .c-p_3 img, .case_tree .c-p_4, .case_tree .c-p_4 img, .case_tree .c-p_5, .case_tree .c-p_5 img, .case_tree .c-p_7, .case_tree .c-p_7 img, .case_tree .c-p_10, .case_tree .c-p_10 img, .case_tree .c-p_11, .case_tree .c-p_11 img, .case_tree .c-p_12, .case_tree .c-p_12 img, .case_tree .c-p_14, .case_tree .c-p_14 img, .case_tree .c-p_17, .case_tree .c-p_17 img, .case_tree .c-p_19, .case_tree .c-p_19 img, .case_tree .c-p_20, .case_tree .c-p_20 img {
  width: 57px;
  height: 57px;
}

.case_tree .c-p_6, .case_tree .c-p_6 img {
  width: 128px;
  height: 128px;
}

.case_tree .c-p_8, .case_tree .c-p_8 img, .case_tree .c-p_9, .case_tree .c-p_9 img, .case_tree .c-p_15, .case_tree .c-p_15 img {
  width: 88px;
  height: 88px;
}

.case_tree .c-p_13, .case_tree .c-p_13 img, .case_tree .c-p_16, .case_tree .c-p_16 img {
  width: 65px;
  height: 65px;
}

.case_tree .c-p_18, .case_tree .c-p_18 img, .case_tree .c-p_21, .case_tree .c-p_21 img {
  width: 82px;
  height: 82px;
}

.case_tree .c-p_22, .case_tree .c-p_22 img {
  width: 113px;
  height: 113px;
}

.case_tree .c-p_1 {
  left: 34px;
  top: 82px;
}

.case_tree .c-p_2 {
  left: 137px;
  top: 136px;
}

.case_tree .c-p_3 {
  left: 317px;
  top: 3px;
}

.case_tree .c-p_4 {
  left: 201px;
  top: 34px;
}

.case_tree .c-p_5 {
  left: 420px;
  top: 110px;
}

.case_tree .c-p_6 {
  left: 238px;
  top: 103px;
}

.case_tree .c-p_7 {
  left: 120px;
  top: 241px;
}

.case_tree .c-p_8 {
  left: 2px;
  top: 197px;
}

.case_tree .c-p_9 {
  left: 152px;
  top: 310px;
}

.case_tree .c-p_10 {
  left: 276px;
  top: 301px;
}

.case_tree .c-p_11 {
  left: 276px;
  top: 437px;
}

.case_tree .c-p_12 {
  left: 522px;
  top: 11px;
}

.case_tree .c-p_13 {
  left: 686px;
  top: 0;
}

.case_tree .c-p_14 {
  left: 836px;
  top: 49px;
}

.case_tree .c-p_15 {
  right: 0;
  top: 114px;
}

.case_tree .c-p_16 {
  right: 118px;
  top: 148px;
}

.case_tree .c-p_17 {
  right: 223px;
  top: 145px;
}

.case_tree .c-p_18 {
  right: 350px;
  top: 110px;
}

.case_tree .c-p_19 {
  right: 297px;
  top: 228px;
}

.case_tree .c-p_20 {
  right: 188px;
  top: 254px;
}

.case_tree .c-p_21 {
  right: 67px;
  top: 274px;
}

.case_tree .c-p_22 {
  right: 241px;
  top: 341px;
}


.lxtt {
   margin-top: 0px;
   }