*{
     padding:0;
     margin: 0;
}
 /*bug解决方案*/
 .navTab .li a{
     font-size: 16px;
}
 .navTab{
     font-size: 0;
}
 #fullpage{
     margin-top: 79px;
}
 .section{
     width: 100%;
     height: 9rem;
     position: relative;
     color: #3e3a39;
}
 .bigText{
     color: rgb(255, 183, 27);
     font-size: 0.5rem;
}
 .fp1{
     background-image: url(../../images/Product/c528_cyj/p1_bg.jpg);
     background-size:cover;
     background-position: top center;
}
 .fp2{
     background-image: url(../../images/Product/c528_cyj/p2_bg.jpg);
     background-size: 100% 100%;
     background-position: bottom right;
     background-repeat: no-repeat;
}
/*.fp3{
     background-image: url(../../images/Product/c528_cyj/p3_bg.jpg);
     background-size: 100% 100%;
}
 */
 .fp4{
     background-image: url(../../images/Product/c528_cyj/p4_bg.jpg);
     background-size: 100% 100%;
     background-position: bottom right;
     background-repeat: no-repeat;
}
 .fp5{
     background-image: url(../../images/Product/c528_cyj/p5_bg.jpg);
     background-size: 100% 100%;
     background-position: top left;
     background-repeat: no-repeat;
}
 .fp6{
     background-image: url(../../images/Product/c528_cyj/p6_bg.jpg);
     background-size: 100% 100%;
}
 .fp7{
     background-image: url(../../images/Product/c528_cyj/p7_bg.jpg);
     background-size: 100% 100%;
}
 .fp8{
     background-image: url(../../images/Product/c528_cyj/p8_bg.jpg);
     background-size: 100% 100%;
}
/*fp1*/
 .p1_box{
     position: absolute;
     right: 50%;
     bottom: 7%;
     transform: translateX(50%);
     -ms-transform:rotate(50%);
    /* IE 9 */
     -moz-transform:rotate(50%);
    /* Firefox */
     -webkit-transform:rotate(50%);
    /* Safari 和 Chrome */
     -o-transform:rotate(50%);
}
 .proNum{
     position: relative;
     font-size: 0.44rem;
     font-family: '509R';
     text-align: center;
     width: auto;
     color: #323232;
     margin-bottom: 0.24rem;
}
 .proNum:before{
     content: "";
     width: 1.18rem;
     height: 0.02rem;
     position: absolute;
     left: -1.76rem;
     top: 50%;
     content: "";
     background: #000;
     display: block;
}
 .proNum:after{
     content: "";
     width: 1.18rem;
     height: 0.02rem;
     position: absolute;
     right: -1.76rem;
     top: 50%;
     content: "";
     background: #000;
     display: block;
}
 .proName{
     position: relative;
     font-size: 0.35rem;
     text-align: center;
     color: #323232;
}
/*fp2*/
 .p2_pro{
     position: absolute;
     left: 11.9%;
     top: 0;
     height: 60.8%;
     width: auto;
}
 .p2_box{
     position: absolute;
     right: 13.1%;
     top: 36.6%;
     text-align: right;
}
 .p2_title{
     font-size: 0.35rem;
     line-height: 1.5;
}
 .p2_text{
     font-size: 0.26rem;
     margin-top: 0.38rem;
     padding-top:0.3rem;
     border-top: 0.01rem solid #323232;
     line-height: 1.5;
}
/*fp3*/
 .p3_pro{
     position: absolute;
     top: 0;
     right: 13.3%;
     height: 83.3%;
     width: auto;
}
 .p3_box{
     position: absolute;
     left: 28.6%;
     top: 39.66%;
     text-align: left;
}
 .p3_title{
     font-size: 0.35rem;
     margin-bottom: 0.68rem;
}
 .p3_title:before{
     content: "";
     width: 1.05rem;
     height: 1.05rem;
     position: absolute;
     left: -1.12rem;
     top: -0.23rem;
     background: url(../../images/Product/c528_cyj/p3_icon.png);
     background-repeat: no-repeat;
     background-size: 100%;
     display: block;
     opacity: 0;
}
 .p3_text{
     font-size: 0.35rem;
     line-height: 1.5;
}
.p3_box2{
     position: absolute;
     bottom: 11.5%;
     right: 50%;
     transform: translateX(50%);
     -ms-transform:rotate(50%);
    /* IE 9 */
     -moz-transform:rotate(50%);
    /* Firefox */
     -webkit-transform:rotate(50%);
    /* Safari 和 Chrome */
     -o-transform:rotate(50%);
     width:1.47rem;
     height: auto;
}
 .p3_img{
     width:1.47rem;
     height: auto;
}
/*fp4*/
/*.p4{
     padding-top: 26%;
}
 */
 .p4_imgBox{
     position: relative;
    /*top: 26%;
     */
     margin:auto;
     width: 12.29rem;
     height: 3.2rem;
}
 .p4_img1,.p4_img3{
     width: 2.28rem;
}
 .p4_img2{
     width: 2.63rem;
}
 .p4_imgBox img{
     height: 3.2rem;
     display: block;
     float: left;
     margin-left: 0.85rem;
     margin-right: 0.85rem;
}
 .p4_box{
     position: relative;
     margin:auto;
     margin-top: 0.55rem;
     width: 12.29rem;
     text-align: center;
    /*bottom: 13.3%;
     */
}
 .p4_title{
     width: 4.5rem;
     margin:0 auto;
     font-size: 0.3rem;
     font-weight: bold;
     margin-bottom: 0.38rem;
     padding-bottom: 0.2rem;
     border-bottom: 0.01rem solid #323232;
}
 .p4_text{
     font-size: 0.23rem;
     line-height: 1.3;
}
/*fp5*/
 .p5_box{
     position: absolute;
     top: 36.3%;
     right:7%;
     text-align: right;
}
 .p5_title{
     font-size: 0.35rem;
     line-height: 1.3;
}
 .p5_text{
     font-size: 0.26rem;
     margin-top: 0.3rem;
     padding-top:0.3rem;
     border-top: 0.01rem solid #323232;
     line-height: 1.5;
}
/*fp6*/
 .p6_box{
     position: absolute;
     top: 30%;
     left: 13.9%;
     text-align: left;
}
 .p6_title{
     font-size: 0.35rem;
}
 .p6_title2{
     font-size: 0.26rem;
     margin-top: 0.26rem;
     margin-bottom: 0.4rem;
     padding-bottom: 0.3rem;
     border-bottom: 0.01rem solid #323232;
     line-height: 1.5;
}
 .p6_text{
     font-size: 0.26rem;
     line-height: 1.5;
}
/*animation*/
/*fp1*/
 .active .proNum{
     -webkit-animation:UpIn .8s;
     -ms-animation:UpIn .8s;
}
 .active .proName{
     -webkit-animation:UpIn 1.2s;
     -ms-animation:UpIn 1.2s;
}
 .active .proNum:before{
     -webkit-animation:LeftIn .8s;
     -ms-animation:LeftIn .8s;
}
 .active .proNum:after{
     -webkit-animation:RightIn .8s;
     -ms-animation:RightIn .8s;
}
/*fp2*/
 .active .p2_title{
     -webkit-animation:downIn .8s both linear;
     -ms-animation:downIn .8s both linear;
}
 .active .p2_text{
     -webkit-animation:UpIn .8s .8s both linear;
     -ms-animation:UpIn .8s .8s both linear;
}
/*fp3*/
 .active .p3_title{
     -webkit-animation:RightIn .8s .4s both linear;
     ;
     -ms-animation:RightIn .8s .4s both linear;
}
 .active .p3_title:before{
     -webkit-animation:fadeIn .6s 1.2s;
     -ms-animation:fadeIn .6s 1.2s;
     animation-fill-mode: forwards;
}
 .active .p3_text{
     -webkit-animation:UpIn .8s 1.2s both linear;
     -ms-animation:UpIn .8s 1.2s both linear;
}
 .active .p3_img{
     -webkit-animation:downIn .8s infinite;
     -ms-animation:downIn .8s infinite;
}
/*fp4*/
 .active .p4_img1{
     -webkit-animation:UpIn .4s .2s both linear;
     ;
     -ms-animation:UpIn .4s .2s both linear;
}
 .active .p4_img2{
     -webkit-animation:UpIn .4s .6s both linear;
     ;
     -ms-animation:UpIn .4s .6s both linear;
}
 .active .p4_img3{
     -webkit-animation:UpIn .4s 1s both linear;
     ;
     -ms-animation:RighUpIntIn .4s 1s both linear;
}
 .active .p4_title{
     -webkit-animation:downIn .8s 1.4s both linear;
     -ms-animation:downIn .8s 1.4s both linear;
}
 .active .p4_text{
     -webkit-animation:RightIn .8s 2.2s both linear;
     -ms-animation:RightIn ..8s 2.2s both linear;
}
/*fp5*/
 .active .p5_title{
     -webkit-animation:downIn .8s both linear;
     -ms-animation:downIn .8s both linear;
}
 .active .p5_text{
     -webkit-animation:UpIn .8s .8s both linear;
     -ms-animation:UpIn .8s .8s both linear;
}
/*fp6*/
 .active .p6_title{
     -webkit-animation:downIn .8s both linear;
     -ms-animation:downIn .8s both linear;
}
 .active .p6_title2{
     -webkit-animation:downIn .8s .8s both linear;
     -ms-animation:downIn .8s .8s both linear;
}
 .active .p6_text{
     -webkit-animation:UpIn .8s 1.6s both linear;
     -ms-animation:UpIn .8s 1.6s both linear;
}
/*keyframes*/
 @-webkit-keyframes fadeIn{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes LeftIn{
     0% {
         opacity: 0;
         -webkit-transform:translateX(-5rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateX(0rem);
    }
}
 @-webkit-keyframes RightIn{
     0% {
         opacity: 0;
         -webkit-transform:translateX(5rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateX(0rem);
    }
}
 @-webkit-keyframes downIn{
     0% {
         opacity: 0;
         -webkit-transform:translateY(-1.5rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateY(0rem);
    }
}
 @-webkit-keyframes UpIn{
     0% {
         opacity: 0;
         -webkit-transform:translateY(0.5rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateY(0rem);
    }
}
/*icon动画*/
 @-webkit-keyframes iconLeft{
     0% {
         opacity: 0;
         -webkit-transform:translateX(-0.1rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateX(0rem);
    }
}
 @-webkit-keyframes iconRight{
     0% {
         opacity: 0;
         -webkit-transform:translateX(0.1rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateX(0rem);
    }
}
 @-webkit-keyframes iconUp{
     0% {
         opacity: 0;
         -webkit-transform:translateY(-0.1rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateY(0rem);
    }
}
 @-webkit-keyframes iconDown{
     0% {
         opacity: 0;
         -webkit-transform:translateY(0.1rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateY(0rem);
    }
}