*{
     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/715_xdg/p1_bg.jpg);
     background-size: 100% 100%;
}
 .fp2{
     background-image: url(../../images/Product/715_xdg/p2_bg.jpg);
     background-size: 100% 100%;
     background-position: bottom right;
     background-repeat: no-repeat;
}
 .fp3{
     background-image: url(../../images/Product/715_xdg/p1_bg.jpg);
     background-size: 100% 100%;
}
/*.fp4{
     background-image: url(../../images/Product/715_xdg/p4_bg.jpg);
     background-size: 100% 100%;
     background-position: bottom right;
     background-repeat: no-repeat;
}
 */
 .fp5{
     background-image: url(../../images/Product/715_xdg/p5_bg.jpg);
     background-size: 100% 100%;
     background-position: top left;
     background-repeat: no-repeat;
}
/*fp1*/
 .p1_pro{
     position: absolute;
     top: 6.8%;
     height: 63.4%;
     width: auto;
     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%);
}
 .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;
    top: 22.5%;
    right: 13.2%;
    width: 27.3%;
    height: auto;
}
 .p2_box{
     position: absolute;
     left: 16.4%;
     top: 30.6%;
     text-align: left;
}
 .p2_title{
     font-size: 0.35rem;
}
 .p2_text{
     font-size: 0.35rem;
     margin-top: 0.74rem;
}
/*fp3*/
 .p3_pro{
     position: absolute;
     left: 16.2%;
     top: 17.7%;
     width: 46.6%;
     /*width: 8.94rem;*/
     height: auto;
}
 .p3_box{
     position: absolute;
     right: 15.9%;
     top: 24.6%;
     text-align: right;
}
 .p3_title,.p4_title{
     font-size: 0.35rem;
     line-height: 1.3;
}
 .p3_text,.p4_text{
     font-size: 0.26rem;
     line-height: 1.3;
     margin-top: 0.3rem;
     padding-top: 0.4rem;
     border-top: 0.01rem solid #323232;
}
/*fp4*/
 .p4_pro{
     position: absolute;
     right: 14%;
     top: 13.3%;
     width:41.7%;
     /*width: 7.96rem;*/
}
 .p4_box{
     position: absolute;
     left: 16.3%;
     top: 32.4%;
     text-align: left;
}
/*fp5*/
 .p5_box{
     width: 80.5%;
     margin:0 auto;
    /*margin-top: 27.7%;
     */
}
 .p5_box div{
     width: 25%;
     height: 100%;
     float: left;
}
 .p5_box div img{
     width: 55%;
     height: auto;
     margin-left: 22%;
}
 .p5_text{
     text-align: center;
     font-size: 0.26rem;
     margin-top: 0.35rem;
    /* padding-top: 0.36rem;*/
     line-height: 1.3;
    /*border-top: 0.01rem solid #666;
     */
}
/*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:UpIn .8s both linear;
     -ms-animation:UpIn .8s both linear;
}
 .active .p2_text{
     -webkit-animation:UpIn .8s .8s both linear;
     -ms-animation:UpIn .8s .8s both linear;
}
/*fp3*/
 .active .p3_pro{
     -webkit-animation:LeftIn .8s;
     -ms-animation:LeftIn .8s;
}
 .active .p3_title{
     -webkit-animation:downIn .8s .8s both linear;
     ;
     -ms-animation:downIn .8s .8s both linear;
}
 .active .p3_text{
     -webkit-animation:UpIn .8s .8s both linear;
     -ms-animation:UpIn .8s .8s both linear;
}
/*fp4*/
 .active .p4_pro{
     -webkit-animation:RightIn .8s;
     -ms-animation:RightIn .8s;
}
 .active .p4_title{
     -webkit-animation:downIn .8s .8s both linear;
     ;
     -ms-animation:downIn .8s .8s both linear;
}
 .active .p4_text{
     -webkit-animation:UpIn .8s .8s both linear;
     -ms-animation:UpIn .8s .8s both linear;
}
/*fp5*/
 .active .p5_img1{
     -webkit-animation:fadeIn .3s .3s both linear;
     -ms-animation:fadeIn .3s .3s both linear;
}
 .active .p5_text1{
     -webkit-animation:UpIn .3s .6s both linear;
     -ms-animation:UpIn .3s .6s both linear;
}
 .active .p5_img2{
     -webkit-animation:fadeIn .3s .9s both linear;
     -ms-animation:fadeIn .3s .9s both linear;
}
 .active .p5_text2{
     -webkit-animation:UpIn .3s 1.2s both linear;
     -ms-animation:UpIn .3s 1.2s both linear;
}
 .active .p5_img3{
     -webkit-animation:fadeIn .3s 1.5s both linear;
     -ms-animation:fadeIn .3s 1.5s both linear;
}
 .active .p5_text3{
     -webkit-animation:UpIn .3s 1.8s both linear;
     -ms-animation:UpIn .3s 1.8s both linear;
}
 .active .p5_img4{
     -webkit-animation:fadeIn .3s 2.1s both linear;
     -ms-animation:fadeIn .3s 2.1s both linear;
}
 .active .p5_text4{
     -webkit-animation:UpIn .3s 2.4s both linear;
     -ms-animation:UpIn .3s 2.4s both linear;
}
/*keyframes*/
 @-webkit-keyframes fadeIn{
     0% {
         opacity: 0;
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes LeftIn{
     0% {
         opacity: .5;
         -webkit-transform:translateX(-5rem);
    }
     100% {
         opacity: 1;
         -webkit-transform:translateX(0rem);
    }
}
 @-webkit-keyframes RightIn{
     0% {
         opacity: .5;
         -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);
    }
}