/* CSS Document */
nav { background: rgba(0,0,0,.1); height: 52px; position: fixed; top: 0; width: 100%; left: 0; z-index: 1000; }
nav .logo { float: left; padding-top: 10px; }
nav .navbar { width: 1200px; margin: 0 auto; }
nav .navbar ul { float: right; }
nav .navbar ul li { float: left; padding: 0 15px; letter-spacing: 1px; }
nav .navbar ul li a { color: #fff; line-height: 52px; }
.rightbar { right: 50px; top: 0; position: absolute; z-index: 1000; width: 34px; }
.rightbar .line { height: 300px; margin: 0 auto; background: rgba(255,255,255,.5); width: 1px; }
.rightbar .chat { background: rgba(255,255,255,.5); width: 100%; border-radius: 100px; padding: 2px; text-align: center; }
.rightbar .chat a { margin: 10px auto; display: block; }
.rightbar .chat a img { width: 24px; }
.posi { position: absolute; }
.cloud { display: block; position: absolute; bottom: 0; width: 100%; z-index: 1000; text-align: center; padding-bottom: 10px; }

.section1,.section2,.section3,.section4,.section5,.section6{overflow:hidden;}

.section1 { background: url(../images/section1.jpg) center center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.section1 .part1 { top: 17%; text-align: center; width: 100%; font-size: 26px; letter-spacing: 4px; transition: all .5s; }
.section1 .part1 span { font-size: 45px; font-family: '微软雅黑'; margin-top: -20px; }
.section1 .part2 { text-align: center; width: 100%; top: 33%; transition: all .5s; }
.section1 .part2 img { min-width: 23%; max-width: 80%; }
.section1 .part3 { top: 56%; width: 100%; transition: all 1s; transition-delay: .5s; }
.section1 .part3 ul { width: 920px; margin: 0 auto; }
.section1 .part3 ul li { text-align: center; }
.section1 .part3 ul li h6 { font-size: 22px; line-height: 2em; font-weight: normal; }
.section1 .part3 ul li p { letter-spacing: 2px; line-height: 1.6em; }


.section2 { background: url(../images/section2.jpg) center center no-repeat; background-size: auto 100%; }
.section2 .part { bottom: 0; width: 100%; z-index: 101; }
.section2 .part ul { width: 1200px; margin: 0 auto; }
.section2 .part ul .part1{position:relative;}
.section2 .part ul .part1 .s2appcon{ position:absolute; bottom:40%; width:450px; right:0; opacity:0;transition: all 1s;transition-delay: 1s;}
.section2 .part ul li { position: relative; bottom: 0; color: #cccccc; font-size: 18px; }
.section2 .part ul li p { margin: 15px 0; line-height: 30px; }
.section2 .part ul li h5 { }
.section2 .part ul li h5 img { width: 80%; }
.section2 .part ul li h6 { margin-top: 10%; }
.section2 .part ul li h6 img { width: 60%; }
.section2 .part ul li .spe { margin-top: 10%;background:url(../images/s2part-spe.png) center center no-repeat;height:2px;}
.section2 .part ul li .apps { margin: 15px 0; margin-top: 10%; }
.section2 .part ul li .apps a { display: inline-block; margin-right: 10px; }
.section2 .part ul li .apps a img { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 0 3px 2px #000; }
.section2 .phone{height: 751px; }
.section2 .phonebox { width: 100%; height:100%; background: url(../images/s2phone.png); position: relative; margin-top:650px;transition: all 1s; }


.section3 { background: url(../images/3.jpg) 50%; }
.section4 { background: url(../images/section4.jpg) center center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.section4 .part1 { top: -10%; width: 100%; height: 20%; text-align: center; opacity:0; transition: all 1s; }
.section4 .part1 img { width: 40%; }
.section4 .part2 { top: 38%; width:100%; text-align: center; font-size: 26px; letter-spacing: 2px; transition: all 1s; transition-delay: 2s; opacity:0;}
.section4 .part3 { bottom: 0; width: 100%; z-index: 101; }
.section4 .part3 ul { width: 1200px; margin: 0 auto; padding-top:100px;margin-bottom:-600px;transition: all 1s;transition-delay: 1s;}
.section4 .part3 ul li { position: relative; }
.section4 .part3 ul li .mobile-pic { width: 30%; position: absolute; bottom: 0; }
.section4 .part3 ul li .pc-pic { width: 100%; position: absolute; bottom: 0; left: 20%; }
.section4 .part3 ul li.cases { padding-left: 14%; padding-bottom: 6%; }
.section4 .part3 ul li.cases img { width: 22%; }
.section4 .part3 ul li.cases h6 { font-size: 22px; font-weight: normal; line-height: 30px; margin-bottom: 20px; }
.section4 .part3 ul li.cases a { float: left; width: 25%; margin-bottom: 15px; text-align:center;}
.section4 .part3 ul li.cases a img { width: 90%; }
.section4 .part4 { bottom: 0; width: 100%; left: 20%; z-index: 100; }
.section4 .part4 img { width: 34%; }
.section5 { background: url(../images/section5.jpg) center center no-repeat; background-size: auto 100%; position: relative; color: #fff; }
.section5 .part1 { top: 20%; width: 100%; height: 20%; text-align: center; opacity:0; transition: all 1s;}
.section5 .part1 img { width: 30%; }
.section5 .part2 { top: 30%; width: 100%; height: 20%; text-align: center; opacity:0; transition: all 1s;transition-delay: 1s;}
.section5 .part2 img { width: 10%; }
.section5 .part3 { top: 48%; width: 100%; height: 20%; text-align: center; }
.section5 .part3 ul { width: 1000px; margin: 0 auto; }
.section5 .part3 ul li { position:relative; }
.section5 .part3 ul li div img { max-width: 100px; }
.section5 .part3 ul li h6 { color: #05fff6; font-size: 24px; margin: 30px 0; font-weight: normal; }
.section5 .part3 ul li p { text-align: center; font-size: 14px; line-height: 30px; padding:0 80px;}
.section5 .part3 ul li .hyfa{position:absolute;top:0;right:-500px;width:100%; opacity:0; transition: all 1s;transition-delay: 2s;}
.section5 .part3 ul li .ppvi{position:absolute;top:0;left:-500px;width:100%; opacity:0; transition: all 1s;transition-delay: 2s;}
.section6 { background: #111111; }
.section6 .part1 { top: 15%; text-align: center; width: 100%; }
.section6 .part2 { top: 27%; text-align: center; width: 100%; }
.section6 .part2 div{width:1240px;margin:0 auto;}
.section6 .part2 div img{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.section6 .part2 div img:hover{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.section6 .part3 { top: 50%; width: 100%; border-top: 1px solid #040404; border-bottom: 1px solid #181818; }
.section6 .part3 .service-area { height: 200px; border-bottom: 1px solid #040404; border-top: 1px solid #181818; }
.section6 .part3 .service-area div { width: 1200px; margin: 0 auto; padding-top: 30px; color: #999; }
.section6 .part3 .service-area div a { color: #999; }
.section6 .part3 .service-area div dl { float: left; width: 16.66%; text-align: center; }
.section6 .part3 .service-area div dl dt { font-size: 16px; line-height: 1.8em; }
.section6 .part3 .service-area div dl dd { font-size: 12px; line-height: 1.8em; color: #888; }
.section6 .part4 { bottom: 30px; width: 100%; }
.section6 .part4 .copyright { width: 1200px; margin: 0 auto; overflow: hidden; }
.section6 .part4 .footlogo { float: left; margin: 0 30px 0 60px; }
.section6 .part4 .copytext h6 { font-size: 16px; line-height: 2.4em; font-weight: normal; color: #999; }
.section6 .part4 .copytext p { font-size: 13px; line-height: 1.6em; color: #888; }
.box { display: -webkit-box;  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox;  /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ }
.flex1 { -webkit-box-flex: 1;/* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
.flex1 a { color: #ffffff; }
@media screen and (max-width: 1366px) {
.section2 .part ul .part1 .s2appcon{ bottom:15%;}
.section4 .part2 { font-size: 16px; }
}
@media screen and (max-width: 768px) {
#fp-nav ul { display: none; }
.rightbar { display: none; }
.section1 .part1 { font-size: 20px; }
nav .logo{padding-left:10px;}


.section1 .part3 ul{width:100%;display:block;}
.section1 .part3 ul li{padding:0 5px;}
.section1 .part3 ul li h6{font-size:18px;}
.section1 .part3 ul li p{display:none;}

.section2 .part{top:18%;}
.section2 .part ul{width:70%;}
.section2 .part ul .phone{display:none;}
.section2 .part ul li h5{margin-top:8%;text-align:center;}
.section2 .part ul li h5 img{width:100%;}
.section2 .part ul li h6{text-align:center;}
.section2 .part ul li h6 img{width:100%;}
.section2 .part ul li p{font-size:15px;}
.section2 .part ul li .apps a{width:16%;margin-right:2%;}
.section2 .part ul li .apps a img{width:100%;}
.section2 .part ul .part1 .part1_con{padding-left:0;padding-top:0;}

.section4 .part3{}
.section4 .part3 ul{width:82%;}
.section4 .part3 ul li.phone{display:none;}
.section4 .part3 ul li.cases{padding-left:0;}
.section4 .part1 img{width:85%;}
.section4 .part2{font-size:15px;}
.section4 .part3 ul li.cases h6{font-size:16px;text-align:center;}

.section5 .part1 img { width: 80%; }
.section5 .part2{height:15%;}
.section5 .part2 img { width: 25%; }
.section5 .part3{top:45%;}
.section5 .part3 ul { width: 100%; }
.section5 .part3 ul li { padding: 0 10%; }
.section5 .part3 ul li h6 { font-size: 16px; margin: 15px 0; }
.section5 .part3 ul li div img { width: 50%; }
.section5 .part3 ul li p { font-size: 12px; line-height: 20px; text-align:justify;text-justify:distribute-all-lines; padding:0 20px;}

.section2 .part ul .part1 .s2appcon{padding:0;width:100%;top:0;bottom:0;}
.section6 .part2 div{width:90%;}
.section6 .part2 div a img{width:30%;}
.section6 .part2 div a:last-child{display:none;}
.section6 .part3{display:none;}
.section6 .part4 .footlogo{display:none;}
.section6 .part4 .copyright{width:84%;}
.section2 .part ul .part1{padding-left:0%;}

}