/****************公共样式*********************/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,address,big,em,img,q,small,strike,strong,
sub,sup,tt,var,i,dl,dt,dd,ol,ul,li,form,fieldset,label,table,caption,tbody,thead,tfoot,tr,th,td,article,
aside,canvas,details,figure,figcaption,header,footer,hgroup,menu,nav,output,section,time,mark,audio,
video,input,select,button{margin:0;padding:0;border:0;font-family:'微软雅黑',Arial;font-size:16px;}
/*去除默认样式*/
ul,ol,li{list-style:none;}
/*表格边框合并，边框距零*/
table{border-collapse:collapse;border-spacing:0;}
/*继承父元素的字体系列样式*/
input,select,textarea,button{font-family:inherit;}
/*清除浮动*/
.fl{float:left;}
.fr{float:right;}
.cf{zoom:1;}
.cf:after{content:"";display:table;clear:both;overflow:hidden;}
/*a链接*/
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;}
/*去除点击高亮效果*/
a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:medium none;}
input::-moz-focus-inner{border:none;padding:0;}
select, input{vertical-align:middle;}
/*去掉苹果的默认UI来渲染按钮*/
input[type="submit"],input[type="reset"],input[type="button"],button,select{-webkit-appearance:none;}
/*placeholder文本颜色*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
color:#ccc;
}
input:-moz-placeholder,textarea:-moz-placeholder{
color:#ccc;
}
/*html5标签*/
header,footer,section,article,aside,nav,figure{display:block;}
/*长英文字母 数字 换行*/
p{word-break:break-all;word-wrap:break-word;}
/*去除默认样式*/
h1,h2,h3,h4,h5,h6,strong,i,em,address, caption, cite, code, dfn, th, var{font-weight:normal;font-style:normal;}
fieldset, img{border:none;display:block;}
/*去除长按a链接弹框*/
a,img{-webkit-touch-callout:none;}
html,body{-webkit-touch-callout:none; -webkit-user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {-webkit-overflow-scrolling: touch;overflow-scrolling: touch}
html,body{position: relative; top: 0;left: 0;width: 100%;height: 100%;overflow: hidden}
/****************私有样式*********************/
.page{width:100%;height:100%;position: absolute;top: 0;left: 0;overflow: hidden;display: none}
.hide{display:none}
.show{display:block}
.page1{ background: url('../img/p1_bgs.jpg') no-repeat; background-size: 100% 100%;}
.p1_bg{width:100%;height: 100%;position: absolute;top: 0;left: 0; background: url('../img/p1_bg.jpg') center no-repeat; background-size: cover;
    -webkit-animation: op 2s both;
}
img{position:absolute;}
@-webkit-keyframes op{
    0%{opacity: 0; -webkit-transform: scale(1.1)}
    100%{opacity: 1; -webkit-transform: scale(1)}
}
.jinzhi { width:640px; height:100%; position:absolute; z-index:999; display:none;opacity:0.5}
.p1-logo{top: 30px; left: 23px;width: 137px}

.p1-title{top:130px; left: 35%; margin-left: -190px; width: 425px;}

.p1-cp{ bottom: 195px; left: 50%; margin-left: -194.5px;width:389px }

.p1-logo1{bottom: 60px; width: 400px; margin-left: -200px; left: 50%}


.slide-in-top {
	-webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
.slide-in-left {
	-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both .8s;
}


@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-bottom {
	-webkit-animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1s;
}

/*page2 css*/
/*
.page2{    background: url(../img/p2_bg.jpg) top no-repeat /100% 100%,url(../img/p2_bgss.png) no-repeat 0 220px/100% auto,url('../img/p2_bgs.jpg') no-repeat bottom /100%;  }
*/
.page2{background: url(../img/p2_bg.jpg) top no-repeat; background-size: 100% 100%;}

.p2_1{width: 100%; top: 35px;}
.p2_2{top: 143px;position: absolute; width: 640px; height: 308px; -webkit-animation-delay: .2s}
.p2_6{ width: 100%; z-index: 1}
.p2_3{top: 483px;width: 100%;-webkit-animation-delay: .4s}
.p2_4{width: 383px;left: 39px; top: 845px;-webkit-animation-delay: .5s}
.p2_5{width: 173px; right: 32px; top: 842px;-webkit-animation-delay: .5s}
.p2_gif1 {
    top: 58px;
    left: 73px;
    width: 213px;
}
.p2_gif2 {
    top: 57px;
    left: 352px;
    width: 214px;
}
.pagadq{display: block}

.pt-page-scaleDownUp {
    -webkit-animation: scaleDownUp .5s ease both;
}

.pt-page-scaleUpDown {
    -webkit-animation: scaleUpDown .5s ease both;
}

@-webkit-keyframes scaleDownUp {
to {
opacity:0;
-webkit-transform:scale(1.2)
}
}
@-webkit-keyframes scaleUpDown {
from {
opacity:0;
-webkit-transform:scale(1.2)
}
}

/*page3 css*/
/*
.page3{background:url('../img/p2_bg.jpg') top no-repeat /100% 100%,url('../img/p2_bgs.jpg') no-repeat bottom /100% 100%; }
*/
.page3{background: url(../img/p2_bg.jpg) top no-repeat; background-size: 100% 100%;}

.p3_1{width: 450px; top: 70px; left:90px;}
.p3_2{ top: 128px; width: 100%}
.p3_3 {
    width: 727px;
    position: absolute;
    top: 271px;
    left: 50%;
    margin-left: -424.5px;
}
.p3_4{width: 100%; left: -10px}
/*page4 css*/
.page4{background:url('../img/p4_bg.jpg') no-repeat; background-size: 100% 100% }
.p4_1{ top: 50px; width: 592px; left: 50%; margin-left: -296px}
.p4_2{width: 537px; left: 50%; top: 150px; margin-left: -268.5px;-webkit-animation-delay: .2s}
.p4_3{width: 549px; left: 50%; top: 500px; margin-left: -274.5px;-webkit-animation-delay: .3s}
/*page5 css*/
.page5{background:url('../img/p5_bg.jpg') no-repeat; background-size: 100% auto;background-color:#93a7d6; }


.wz_icon img.poa{position:absolute}
/*
.page6{background:url('../img/p2_bg.jpg') top no-repeat /100% 100%,url('../img/p2_bgs.jpg') no-repeat bottom /100% 100%; }
.page7{background:url('../img/p2_bg.jpg') top no-repeat /100% 100%,url('../img/p2_bgs.jpg') no-repeat bottom /100% 100%; }
*/
.page6{background: url(../img/p2_bg.jpg) top no-repeat; background-size: 100% 100%;}
.page7{background: url(../img/p2_bg.jpg) top no-repeat; background-size: 100% 100%;}
.page8{background:url('../img/p8_bg.jpg') top no-repeat; background-size: 100%; }
/*
.p5_1{ top: 68px; left: 331px; width: 275px;  }
.p5_2{ top: 65px; left: 15px; width: 298px;-webkit-animation-delay: .2s }
.p5_3{ top: 207px; left: 377px; width: 198px;-webkit-animation-delay: .2s }
.p5_4{ top: 300px; left: 88px; width: 189px;-webkit-animation-delay: .2s }
.p5_5{ top: 400px; left: 84px; width: 182px;-webkit-animation-delay: .2s }
.p5_6{ top: 483px; left: 331px; width: 299px; -webkit-animation-delay: .4s }
.p5_7{ top: 471px; left: 15px; width: 295px; -webkit-animation-delay: .6s}
.p5_8{ top: 644px; left: 377px; width: 198px;  -webkit-animation-delay: .6s}
.p5_9{ top: 682px; left: 95px; width: 189px; -webkit-animation-delay: .6s }
.p5_10{ top: 850px; left: 50%; width: 580px; margin-left: -268px;-webkit-animation-delay: .8s}
.p5_11{ top: 805px;left: 84px;width: 182px; -webkit-animation-delay: .6s}
*/

.p5_1{ top: 68px; left: 331px; width: 275px;  }
.p5_2{ top: 65px; left: 15px; width: 298px;-webkit-animation-delay: .2s }
.p5_3{ top: 207px; left: 377px; width: 198px;-webkit-animation-delay: .2s }
.p5_4{ top: 320px; left: 66px; width: 202px;-webkit-animation-delay: .2s }
.p5_5{ top: 390px; left: 70px; width: 192px;-webkit-animation-delay: .2s }
.p5_6{ top: 483px; left: 331px; width: 299px; -webkit-animation-delay: .4s }
.p5_7{ top: 471px; left: 15px; width: 295px; -webkit-animation-delay: .6s}
.p5_8{ top: 644px; left: 377px; width: 198px;  -webkit-animation-delay: .6s}
.p5_9{ top: 714px; left: 66px; width: 202px; -webkit-animation-delay: .6s }
.p5_10{ top: 850px; left: 50%; width: 580px; margin-left: -268px;-webkit-animation-delay: .8s}
.p5_11{ top: 785px;left: 70px; width: 192px; -webkit-animation-delay: .6s}


.fy{ }
.fy .wz_icon{ width:12%;  }
.fy_1{ left: 0; top:0; }
.wz_1{ left: 25%; top:1%; }
.wz_2{ left:55%; top:7%; }
.wz_3 {
    left: 38%;
    top: 18.5%;
}
.wz_4{ left:20%; top:31%; }
.wz_5{ left:36%; top:42%; }
.wz_6 {
    left: 53%;
    top: 43%;
}
.fy .wz_icon.wz_7{ left:43%; top:5%;width:8%; }
.qq_icon{  width: 2%; }
.qq_1{left:56%; top:7%; width: 3%; }
.qq_2{ left: 34%;top: 28%;width: 4%; }
.qq_3{left: 24%;top: 47%;width: 5%; }
.qq_4{left: 50%;top: 34%;width: 4%; }
.qq_5{left: 69%;top: 55%;width: 5%; }
.qq_6{ left: 81%;top: 42%; width: 3%; }
.font{ left: 20%;top: 61%;width: 149%; }
.font_2{ left: 30%; }

.font7{ width: 20%;left: 57%;top: 26%;}
.font8 {
    width: 31%;
    left: 26.5%;
    top: 62.5%;
}
.img100{width: 100%}
.poa{position: absolute}
.wz_icon img,.font_big img,.fy_2,.fy_1{position: static}


.font_1{ top: 51%}
.font_3{  top: 45%;
    left: 19%;}
   
.font_4{left: -6%}   
.font_6{left: 46%;
    top: 44%;}

/*.font_big{ display:none}*/


.topleft{ top:0;left: 0;-webkit-animation: scr 1s both; -webkit-transform-origin: 580px 380px; }

@-webkit-keyframes scr {    
    0%{opacity:0;
-webkit-transform:scale(0)}
    100%{opacity:1;
-webkit-transform:scale(1)}
}

.swing-in-left-fwd {
	-webkit-animation: swing-in-left-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-left-fwd 2s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}




.wz_icon,.qq_icon {
	-webkit-animation: fade-in-br 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	      
}
@-webkit-keyframes fade-in-br {
  0% {
    -webkit-transform: translateX(80px) translateY(80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

.qq_5{-webkit-animation-delay: 1.1s}
.wz_6{-webkit-animation-delay: 1.2s}
.wz_5{-webkit-animation-delay: 1.3s}
.qq_4{-webkit-animation-delay: 1.4s}
.qq_3{-webkit-animation-delay: 1.5s}
.wz_4{-webkit-animation-delay: 1.25s}
.qq_2{-webkit-animation-delay: 1.49s}
.wz_3{-webkit-animation-delay: 1.65s}

.wz_2{-webkit-animation-delay: 1.18s}
.qq_1{-webkit-animation-delay: 1.34s}
.wz_7{-webkit-animation-delay: 1.45s}
.wz_1{-webkit-animation-delay: 1.42s}

.qq_6{-webkit-animation-delay: -.7s}


.jt_right {
    width: 89px;
    height: 83px;
    position: fixed;
    right: 50%;
    bottom: 0;
    margin-right: -41.5px;
    background: url(../img/jiantou2.png) no-repeat;
    z-index: 2;
    -webkit-animation: dh-l both 1s infinite;
    -webkit-transform: rotate(90deg);
    
    background-position-x: 40px;
}
@-webkit-keyframes dh-l {
  0%{ -webkit-transform:translateY(0) rotate(90deg); opacity: .3 } 
  50%{-webkit-transform:translateY(5px) rotate(90deg); opacity: 1} 
  100% { -webkit-transform: translateY(0) rotate(90deg); opacity: .3 }
}

.p3_10{bottom: 33px;
    right: 105px;
    width: 170px;    -webkit-animation: scr 1s both;
  
}


.jianss1 {
    top: 360px;
    left: -7px;
    width: 584px;-webkit-animation: xulie_1 .5s both .8s;    -webkit-transform-origin: right top;
}
.jianss2 {
    top: -17px;
    left: 1px;
    width: 587px;    -webkit-animation: xulie_1 .5s both .5s;-webkit-transform-origin: right bottom;
}

@-webkit-keyframes xulie_1 {
    0% {-webkit-transform:scale(0);}
    100% {-webkit-transform:scale(1);}
    }

    .font7{-webkit-animation: .5s ease both alternate translate11 1s;}

    @-webkit-keyframes translate11 {
        0% { -webkit-transform:translate(-10px,0); opacity:0;}
        100% { -webkit-transform:translate(0,0) ; opacity:1}
        }

        .font8 img {
        -webkit-animation: .5s ease both alternate translate11 1.2s;
        }
        @-webkit-keyframes translate11 {
            0% { -webkit-transform:translate(-10px,0); opacity:0;}
            100% { -webkit-transform:translate(0,0) ; opacity:1}
            }