html, body {
    overflow:hidden; color:#a1a1a1;-webkit-text-size-adjust:none; font-family: Lantinghei SC,Microsoft Yahei,Helvetica,Arial; font-size: 18px;
    margin:0;
    padding:0;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl, dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe{margin:0; padding:0;}
        h1,h2,h3,h4,h5,h6{font-size:100%;}

        ol,ul{list-style:none;  }
        a {color:#a1a1a1;text-decoration:none;}
.pp-section {
    height:100%;
    position:absolute;
    width:100%;
}
.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
#pp-nav {
    position: fixed;
    z-index: 100;
   
    top: 50%;
    opacity: 1;
}
#pp-nav.right {
    right: 17px;
}
#pp-nav.left {
    left: 17px;
}
.pp-section.pp-table{
    display: table;
}
.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.pp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.pp-slidesNav.bottom {
    bottom: 17px;
}
.pp-slidesNav.top {
    top: 17px;
}
#pp-nav ul,
.pp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#pp-nav li,
.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.pp-slidesNav li {
    display: inline-block;
}
#pp-nav li a,
.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#pp-nav li .active span,
.pp-slidesNav .active span {
    background: #fff;
}
#pp-nav span,
.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.pp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 0px;
    font-family: Lantinghei SC,Microsoft Yahei,Helvetica,Arial, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.pp-tooltip.right {
    right: 20px;
}
.pp-tooltip.left {
    left: 20px;
}



.pagepiling{ overflow: hidden; width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
        .pagepiling .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}
         .section .title{width:100%;position:absolute;top:10%;color:#fff;text-align:center;}
        
        
         .section-1{ background:url(../images/about/bg1.jpg) no-repeat center center;}
         .section-2{ background:url(../images/about/bg2.jpg) no-repeat center center;}
         .section-3{ background:url(../images/about/bg3.jpg) no-repeat center center;}
         .section-4{ background:url(../images/about/bg4.jpg) no-repeat center center;}
         .section-5{ background:url(../images/about/bg5.jpg) no-repeat center center;}
         .section-6{ background:url(../images/about/bg5.jpg) no-repeat center center;}
         .section-7{ background:url(../images/about/bg5.jpg) no-repeat center center;}
        

        .put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
        .put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
        .put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
        .put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
        .put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
        .put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
        .put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
        .put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}
        
        .section-btn{ width:14px;position:fixed;right:4%;top:50%;}
        .section-btn li{ width:12px;height:12px;cursor:pointer;text-indent:-9999px;background: url(../images/about/nav.png) no-repeat; onsor:pointer; margin: 10px 2px}
        .section-btn li.on{ background: url(../images/about/navcur.png) no-repeat; margin: 10px 0}
        .arrow{ opacity:1; background: url(../images/about/bottom.png);  position:absolute;bottom:15px;left:50%;margin-left:-35px;width:69px;height:69px;overflow:hidden;cursor: pointer; transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */z-index: 99999;}
        .arrow:hover {background: url(../images/about/bottom1.png); }
        .top{position: fixed; top: 0px; left: 0px; z-index: 999999; width: 100%}
        .fl {float: left;}
        .fr{float: right;}
        .top span {font-size: 11px;}
        .top .logo{ font-size: 20px; padding-top:20px; padding-left:29px;}
        .logo p {line-height: 20px;padding-top: 52px;}
        .nav { padding-top: 30px; padding-right: 23px;}
        .nav li {float: left; font-size: 16px;padding-right: 23px; }
.nav li a:hover {color: #fff;
transition:background 0.5s;
-moz-transition:background 0.5s; /* Firefox 4 */
-webkit-transition:background 0.5s; /* Safari and Chrome */
-o-transition:background 0.5s; /* Opera */}
        .p1 { width: 505px; height: 307px; margin:8% auto 0 auto; background:url(../images/about/pic1.png) center center;}
        .p1 .line1 { font-size: 18px; padding-top: 230px;}
        .p1 .line2 { font-size: 10px; }
        .p1 .line3 { font-size: 18px; padding-top: 20px; }

        .p2 {line-height: 32px; margin-top: 8%; }
        .p2 .line1 { font-size: 40px; padding-bottom:40px;}
		.p2 .line2 { font-size:16px;}
        .p2 img {margin: 40px  0;}

        .p3 {line-height: 32px; margin-top: 6%; }
                
        .p4 { width: 1200px; height: 383px; margin: 0 auto; text-transform : uppercase;}
        .p4 .big {font-size: 80px;}
        .p4 .tit1{ width: 483px; font-size: 32px; margin:6% auto 0 auto; overflow: hidden;}
        .p4 .tit1 span {font-size: 26px; padding-top:13px; text-align:left; display: block; }
        .p4 .list li {float: left; width: 299px; border-right: 1px solid #999; padding-top: 25px;}
.p4 .list {  height: 235px; clear: both; font-size: 20px; margin-top: 30px; width: 100%; overflow: hidden; }
.p4 .list span {display: block;font-size: 16px; margin-top: 5px; }
.p4 .list p {margin-top: 25px;}

.p5 {  width: 937px;  height: 127px;  background:url(../images/about/pic5.png) no-repeat center center; padding-top: 200px; margin: 8% auto 0 auto; }
.p5  .line1 { font-size: 28px;  border-bottom: 3px solid #00a0e9; width: 198px; margin:30px auto 0 auto; padding-bottom: 15px;}

.p6 {  width: 956px;  height:257px; background:url(../images/about/pic6.png) no-repeat center center; margin: 10% auto 0 auto; font-size: 17px;}
.p6  .line1 { font-size: 28px;  border-bottom: 3px solid #00a0e9; width: 198px; margin:100px auto 0 auto; padding-bottom: 15px;}
.p6 li {float: left; width: 177px; padding-right: 79px; font-size: 21px; line-height: 33px;padding-top: 149px;  }

.p7 .banner_3{width:999px; height: 311px; margin: 0 auto; background: rgba(255, 255, 255, 0.3);}
.p7 .banner_3 li{float: left;margin-left: 29px; margin-top: 16px; margin-right: 19px; width: 281px; font-size: 16px;}
.p7 .banner_3 li img {opacity: 0.5; }
.p7 .banner_3 li .pic { width: 281px; height: 174px;background: #000;}
.p7 .banner_3 li p {margin-top: 15px;  text-align: left; }
.p7 .banner_3 li p span {display: block;margin-left: 10px; margin-top: -5px;}
.p7 {  width: 999px; height: 383px; margin: 0 auto; text-transform : uppercase;}
.p7 .big {font-size: 72px;}
.p7 .tit1{ width: 404px; font-size: 25px; text-align: left; margin-top: 5%; overflow: hidden; margin-bottom: 30px;}
.p7 .tit1 span { padding-top:13px; display: block; }
.p7 .more {width: 108px; margin: 5% auto 0 auto; border-bottom: 1px solid #fff; text-align: center; }
.p7 .more a{color: #fff; font-size: 24px;}

.copyright { position: fixed; width:96%; padding:0 2%; bottom: 20px; z-index: 9999; font-size: 12px;}
.copyright .yy { float:right;}
.copyright .tel { float:left;}

    #section2 .intro{
    	left: -150%;
		position: relative;
    }
    #section2 p{
    	display: none;
    }
    #section3 .intro{
    	left: 140%;
		position: relative;
    }