* {margin:0;border:0;outline:0;}
html {width:100%;height:100%;overflow:hidden;}
body {position:relative;width:100%;height:100%;overflow:hidden;font:14px/1.5 "微软雅黑",tahoma,sans-serif;color:#fff;text-align:center;background: #ddd;}
form,ul,li,div,h1,h2,h3,h4,table,em,span,i,font,input,p{ margin:0;padding:0;border:0 none;font-weight:normal;font-style:normal;font-family:"微软雅黑";}
li{list-style-type:none;}
img{border:0 none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {position:relative;z-index: 10;}
.slide1 {width:100%;position: relative;background:url(../images/pcbg1.jpg) no-repeat scroll center top;background-size:100%;}
.p_c{width:1000px;height:100%;margin:0 auto;position:relative;display:block;}
.p1_l{width:450px;height:100%;float:left;position:relative;opacity:0;}
.p1_1{position:absolute;right:0;top:50%;width:400px;height:640px;margin-top:-320px;background:url(../images/phone.png) no-repeat;background-size:100%;opacity:0;}
.p1_r{width:500px;height:640px;float:left;display:inline-block;top:50%;margin-top:-320px;position:relative;}
.p1_2{width:140px;height:140px;background:url(../images/yxlogo.png) no-repeat;background-size:100%;opacity:0;margin:0 auto;margin-top:50px;}
.p1_3{width:310px;height:98px;background:url(../images/bt.png) no-repeat;opacity:0;background-size:100%;margin:0 auto;margin-top:30px;}
.p1_rf{width:310px;height:150px;margin:0 auto;opacity:0;margin-top:40px;}
/*.p1_rf{width:310px;height:150px;opacity:0;position:absolute;left:230px;bottom:50px;}*/
.p1_6{width:140px;height:140px;float:left;background:url(../images/appp_01_3.png) no-repeat;background-size:100%;}
.p1_4{width:155px;height:51px;float:right;background:url(../images/btna.png) no-repeat;display:inline-block;cursor:pointer;background-size:100%;margin-top:13px;}
.p1_4:hover{background:url(../images/btna1.png) no-repeat;background-size:100%;}
.p1_5{width:155px;height:51px;float:right;background:url(../images/btnb.png) no-repeat;display:inline-block;cursor:pointer;background-size:100%;margin-top:13px;}
.p1_5:hover{background:url(../images/btnb1.png) no-repeat;background-size:100%;}

.slide2{width:100%;background:url(../images/pcbg2.jpg) no-repeat scroll center top;background-size:100%;}
.p2_l{width:500px;height:100%;float:left;position:relative;}
.p2_1{position:absolute;left:50px;top:50%;margin-top:-320px;width:466px;height:188px;background:url(../images/word1.png) no-repeat;background-size:cover;opacity:0;}
.p2_r{width:320px;height:100%;float:right;position:relative;}
.p2_2{position:absolute;right:0px;top:50%;margin-top:-345px;width:232px;height:531px;background:url(../images/phone1.png) no-repeat;background-size:100%;opacity:0;}
.p2_3{position:absolute;right:150px;top:50%;margin-top:-255px;width:232px;height:531px;background:url(../images/phone2.png) no-repeat;background-size:100%;opacity:0;}
.p2_4{position:absolute;right:300px;top:50%;margin-top:-165px;width:232px;height:531px;background:url(../images/phone3.png) no-repeat;background-size:100%;opacity:0;}

.slide3{width:100%;background:url(../images/pcbg3.jpg) no-repeat scroll center top;background-size:100%;}
.p3_l{width:550px;height:100%;float:left;position:relative;}
.p3_1{position:absolute;left:140px;top:50%;margin-top:-303px;width:366px;height:606px;background:url(../images/phone4.png) no-repeat;background-size:100%;opacity:0;}
.p3_2{position:absolute;right:0px;top:50%;margin-top:-240px;width:129px;height:141px;background:url(../images/phone5.png) no-repeat;background-size:100%;opacity:0;}
.p3_3{position:absolute;left:20px;top:50%;margin-top:110px;width:296px;height:81px;background:url(../images/phone6.png) no-repeat;background-size:100%;opacity:0;}
.p3_r{width:440px;height:100%;float:right;position:relative;}
.p3_4{width:380px;height:182px;position:absolute;left:0;top:50%;margin-top:-144px;background:url(../images/word2.png) no-repeat;background-size:100%;opacity:0;}

.slide4{width:100%;background:url(../images/pcbg4.jpg) no-repeat scroll center top;background-size:100%;}
.p4_l{width:500px;height:100%;float:left;position:relative;}
.p4_1{position:absolute;left:40px;top:50%;margin-top:-200px;width:420px;height:232px;background:url(../images/word3.png) no-repeat;background-size:100%;opacity:0;}
.p4_r{width:500px;height:100%;float:right;position:relative;}
.p4_4{position:absolute;left:0px;top:50%;margin-top:-310px;width:610px;height:620px;background:url(../images/phone7.png) no-repeat;background-size:100%;opacity:0;}
.p4_5{position:absolute;left:0px;top:50%;margin-top:-325px;width:672px;height:649px;background:url(../images/phone8.png) no-repeat;background-size:100%;opacity:0;}

.slide5{width:100%;background:url(../images/pcbg5.jpg) no-repeat scroll center top;background-size:100%;}
.slide5 .p_c{overflow:hidden;}
.p5_1{width:240px;height:76px;background:url(../images/word4.png) no-repeat center center;background-size:100%;opacity:0;margin:100px auto 30px auto;}
.p5_4{width:160px;height:160px;background:url(../images/appp_01_3.png) no-repeat center center;opacity:0;background-size:100%;margin:0 auto;}
.p5_c{width:160px;height:160px;margin:0 auto;}
.p5_2{width:155px;height:51px;float:right;background:url(../images/btna.png) no-repeat;display:inline-block;cursor:pointer;background-size:100%;margin-top:24px;opacity:0;}
.p5_2:hover{background:url(../images/btna1.png) no-repeat;background-size:100%;}
.p5_3{width:155px;height:51px;float:right;background:url(../images/btnb.png) no-repeat;display:inline-block;cursor:pointer;background-size:100%;margin-top:24px;opacity:0;}
.p5_3:hover{background:url(../images/btnb1.png) no-repeat;background-size:100%;}
.p5_2 a,.p5_3 a{width:100%;height:100%;display:block;}

.slide5 .footer {position: absolute;width: 100%;height:72px;overflow: hidden;left: 0; bottom:0px;  color: #768b9c;background:#1e222d;padding:30px 0;}
.slide5 .footer p {display: block;height: 24px;line-height: 24px;clear: both;overflow: hidden;font-size:12px;}
.slide5 .footer p a {color: #768b9c;}

.fudong{-webkit-perspective: 3000;-webkit-perspective-origin: 50% 50%;-webkit-animation: fudong 6s ease-in-out infinite;animation: fudong 6s ease-in-out infinite;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fudong {
    from{-webkit-transform: translateY(0px);transform: translateY(0px);}
    50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes fudong {
    from{-webkit-transform: translateY(0px);transform: translateY(0px);}
    50%{-webkit-transform: translateY(-10px);transform: translateY(-10px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.fanz{-webkit-animation: fanz 1s ease 200ms alternate none 1;animation: fanz 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fanz { 
	from{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);} 
    to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} 
}
@keyframes fanz { 
	from{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);} 
    to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);} 
}
.sfu{-webkit-animation: sfu 1s ease-in-out;animation: sfu 1s ease-in-out;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes sfu {
    from{-webkit-transform: translateY(440px);transform: translateY(440px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes sfu {
    from{-webkit-transform: translateY(440px);transform: translateY(440px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.xfu{-webkit-animation: xfu 1s ease-in-out;animation: xfu 1s ease-in-out;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes xfu {
    from{-webkit-transform: translateY(-440px);transform: translateY(-440px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
@keyframes xfu {
    from{-webkit-transform: translateY(-440px);transform: translateY(-440px);}
    to{-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.zfu{-webkit-animation: zfu 1s ease-in-out;animation: zfu 1s ease-in-out;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes zfu {
    from{-webkit-transform: translateX(1000px);transform: translateX(1000px);}
    to{-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes zfu {
    from{-webkit-transform: translateX(1000px);transform: translateX(1000px);}
    to{-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.yfu{-webkit-animation: yfu 1s ease-in-out;animation: yfu 1s ease-in-out;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes yfu {
    from{-webkit-transform: translateX(-1000px);transform: translateX(-1000px);}
    to{-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes yfu {
    from{-webkit-transform: translateX(-1000px);transform: translateX(-1000px);}
    to{-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.fda1{-webkit-animation: fda1 1s ease 200ms alternate none 1;animation: fda1 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fda1 { 
	from{-webkit-transform:scale(0.2) translateX(285px);transform:scale(0.2) translateX(285px);} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);} 
}
@keyframes fda1 { 
	from{-webkit-transform:scale(0.2) translateX(285px);transform:scale(0.2) translateX(285px);} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);} 
}
.fda2{-webkit-animation: fda2 1s ease 200ms alternate none 1;animation: fda2 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fda2 { 
	from{-webkit-transform:scale(0.2) translateX(-301px);transform:scale(0.2) translateX(-301px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
}
@keyframes fda2 { 
	from{-webkit-transform:scale(0.2) translateX(301px);transform:scale(0.2) translateX(301px);-webkit-transform-origin:left 100%;transform-origin:right 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
}
.fda3{-webkit-animation: fda3 1s ease 200ms alternate none 1;animation: fda3 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fda3 { 
	from{-webkit-transform:scale(0.2) translateX(130px);transform:scale(0.2) translateX(130px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
}
@keyframes fda3 { 
	from{-webkit-transform:scale(0.2) translateX(-130px);transform:scale(0.2) translateX(-130px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
}
.fda4{-webkit-animation: fda4 1s ease 200ms alternate none 1;animation: fda4 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fda4 { 
	from{-webkit-transform:scale(0.2) translateX(185px);transform:scale(0.2) translateX(185px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
}
@keyframes fda4 { 
	from{-webkit-transform:scale(0.2) translateX(185px);transform:scale(0.2) translateX(185px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:right 100%;transform-origin:right 100%;} 
}
.fda5{-webkit-animation: fda5 1s ease 200ms alternate none 1;animation: fda5 1s ease 200ms alternate none 1;transition-delay: 0.2s;opacity:1;}
@-webkit-keyframes fda5 { 
	from{-webkit-transform:scale(0.2) translateX(-185px);transform:scale(0.2) translateX(-185px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
}
@keyframes fda5 { 
	from{-webkit-transform:scale(0.2) translateX(-185px);transform:scale(0.2) translateX(-185px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
    to{-webkit-transform:scale(1) translateX(0px);transform:scale(1) translateX(0px);-webkit-transform-origin:left 100%;transform-origin:left 100%;} 
}

.pagination {position: absolute;  width: 14px;  height: 130px;  overflow: hidden;  margin-top: -65px;  z-index: 20;  right: 30px;  top: 50%;}
.swiper-pagination-switch {display: block;  width: 14px;  height: 14px;  margin: 10px 0;  clear: both; background:#fff;cursor: pointer;border-radius:50%;}
.swiper-active-switch {background:#fc993b;}