/*首页*/
.first .bx-wrapper {margin:0 auto; height:100% !important;}
.first .bx-wrapper .bx-viewport {left:0; border:0; box-shadow: none; height:100% !important;}
.first .bx-wrapper .bx-viewport .bxslider, .first .bx-wrapper .bx-viewport .bxslider li, .first .bx-wrapper .bx-viewport .bxslider li a {display: block; width:100%; height:100%;}
.first .mobile {display: none;}
.second .mobile{display: none;}
.third  .mobile{display: none;}
.fourth .mobile{display: none;}
.first .mobile, .first .pc {width:100%; height:100%;}
.first .bx-wrapper .bx-pager {padding-top: 0; bottom: 25px; z-index: 9999;}
.first .bx-wrapper .bx-pager.bx-default-pager a {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: transparent; border:1px solid #e46438; margin:0 4px;}
.first .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e46438;}
.fullpage .section.foot {background: #fff; height:178px;}
.fullpage .second {background: url(../images/index/banner1.jpg) no-repeat; background-size: cover;}
.fullpage .third {background: url(../images/index/banner5.jpg) no-repeat; background-size: cover;}
.fullpage .sixth {background: url(../images/index/banner6.jpg) no-repeat; background-size: cover;}
.fullpage .seventh {background: url(../images/index/banner3.jpg) no-repeat; background-size: cover;}
.fullpage .pro {position: relative; padding-top: 65px;}
.fullpage .pro .pic {position: absolute; width: 55.3125%; left: 0; bottom: 6%;}
.fullpage .pro .pic .prize {position: relative; left: 25.9%; display: block; opacity: 0; visibility: hidden;}
.fullpage .pro .pic .big {display: block; position: relative; bottom: 0; opacity: 0; visibility: hidden;}
.fullpage .pro .intro {position: absolute; width: 27.3%; right: 17.4%; bottom: 11%;}
.fullpage .sixth.pro .intro {width: 40%;}
.fullpage .pro .intro .big, .fullpage .pro .intro .prize {display: none;}
.fullpage .pro.active .intro .big {display: block;position:absolute;height: 100%;margin-top: 0px;}

.fullpage .pro .intro .swiper-slide:first-child {display: none;}
.fullpage .pro .intro > em {display: block; color: #333; font-size: 32px; padding-bottom: 22px; opacity: 0; visibility: hidden;}
.fullpage .pro .intro .award {display: block; opacity: 0; visibility: hidden; padding-bottom: 10px; height: 120px; position: relative; z-index: 999;}
.fullpage .pro .intro .award img {height: 100%;}
.fullpage .pro .intro > span {display: block; color: #333; font-size: 16px; line-height: 28px; padding-bottom: 5%; opacity: 0; visibility: hidden;}
.fullpage .pro .intro ul {width: 100%;}
.fullpage .pro .intro ul li {width: 32%; float: left; height: 142px; box-sizing: border-box; -webkit-box-sizing:border-box; position: relative; margin-top: 8px; opacity: 0; visibility: hidden;}
.fullpage .pro .intro ul li {margin-top: 0;}
.fullpage .pro .intro ul li:nth-child(2n) {float:left;}
.fullpage .pro .intro ul li a {display: block;  width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing:border-box;}
.fullpage .pro .intro ul li a span {display: inline-block; padding:8px 18px 8px 10px; background: url(../images/index/arrow_orange.png) no-repeat right center; color: #ff8400; font-size: 14px; position: relative; z-index: 999;}
.fullpage .pro .intro ul li a img {display: block; position: absolute; left: 1px; top: 1px;}
.fullpage .pro .intro .swiper-container {overflow: visible;}
.fullpage .second.pro .pic .prize {width: 50.28%;}
.fullpage .second.pro .pic .big {width: 113.1%; left: 3.1%;}
.fullpage .second.pro .intro ul li a {border: 0px solid #ff8300;}
.fullpage .second.pro .intro ul li:first-child a img {width: 100%;}
.fullpage .second.pro .intro ul li:nth-child(2) a img {width: 100%; }
.fullpage .second.pro .intro ul li:nth-child(3) a img {width: 100%;}
.fullpage .second.pro .intro ul li:nth-child(4) a img {width: 100%;}
.fullpage .second.pro .intro ul li:nth-child(5) a img {width: 100%;}
.fullpage .second.pro .intro ul li:nth-child(6) a img {width: 100%;}
.fullpage .second.pro .intro ul li:nth-child(7) a img {width: 100%;}
.fullpage .sixth.pro .pic {bottom: 40%;}
.fullpage .sixth.pro .pic .prize {width: 26.64%; padding-bottom: 15px;}
.fullpage .sixth.pro .pic .big {width: 74.85%; left: 19.2%;}
.fullpage .sixth.pro .intro ul li a {border: 1px solid #894adf;}
.fullpage .sixth.pro .intro ul li a span {color: #aa7fec; background: url(../images/index/arrow_purple.png) no-repeat right center;}
.fullpage .sixth.pro .intro ul li:first-child {width: 35.5%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) {width: 62.5%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a {display: block; float: left; width: 48.78%; height: auto; position: relative;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(2n) {float: right;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(3), .fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(4) {position: absolute; bottom: 0; left: 0;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(4) {left: auto; right: 0;}
.fullpage .sixth.pro .intro ul li a img {left: auto; top: auto; right: 1px; bottom: 1px;}
.fullpage .sixth.pro .intro ul li:first-child a img {width: 110.75%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:first-child img {width: 83.125%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(2) img {width: 77.5%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(3) img {width: 83.75%;}
.fullpage .sixth.pro .intro ul li:nth-child(2) a:nth-child(4) img {width: 102.5%; right: auto; left: 1px;}
.fullpage .sixth.pro .intro ul li:nth-child(3) a img {width: 78.3%;}
.fullpage .sixth.pro .intro ul li:nth-child(4) a img {width: 74.4%;}
.fullpage .seventh.pro .pic {bottom: 3.57%;}
.fullpage .seventh.pro .pic .prize {width: 24%; padding-bottom: 20px;}
.fullpage .seventh.pro .pic .big {width: 81.6%; left: 14.68%;}
.fullpage .seventh.pro .intro {bottom: 14.28%;}
.fullpage .seventh.pro .intro ul li {width: 100%; float: none;}
.fullpage .seventh.pro .intro ul li a {border: 1px solid #003b9e;}
.fullpage .seventh.pro .intro ul li a span {color: #008fe7; background: url(../images/index/arrow_blue.png) no-repeat right center;}
.fullpage .seventh.pro .intro ul li a img {width: 83.58%; bottom: 1px; left: 8.21%; top: auto;}

.fullpage .third .divbox{text-align: center;visibility: hidden;}
.fullpage .third.active .divbox{visibility: visible;}
.fullpage .third .topimg{width: 90%;height: 20%}
.fullpage .third .thirdBox {position: relative; top: 160px; overflow:hidden;}
.fullpage .third .thirdBox .bear {position: relative; right:9.6875%; top:0; width:38.28%; float:right;}
.fullpage .third .thirdBox .bear .tire {display: block; width:100%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.fullpage .third .thirdBox .bear .bearImg {display: block; position: absolute; top: 0; left:0; width:100%; height:100%;}
.fullpage .third .thirdBox .aboutNeo {visibility: hidden;background-color:#faa50d ;padding:20px; position: relative;;height: 100%; display: table; width:24%; left:68%; top:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 15px; overflow:hidden;padding-top: 3%;}
.fullpage .third.active .aboutNeo {visibility: visible;}

.fullpage .third .thirdBox .aboutNeo > div {display: table-cell; }
.fullpage .third .thirdBox .aboutNeo > div > em {display: block; font-size: 16px; color:#333; margin-bottom: 5px;}
.fullpage .third .thirdBox .aboutNeo > div p {font-size: 14px; line-height: 25px; color:#333;font-family: "Exo2-LightExpanded", Arial, "YouYuan", "Microsoft YaHei";}
.fullpage .third .thirdBox .aboutNeo > div ul {padding:22px 0 40px; width:100%;}
.fullpage .third .thirdBox .aboutNeo > div ul li {float:left; width:30.8%;}
.fullpage .third .thirdBox .aboutNeo > div ul li img {display: block; float:left; width:25.28%;}
.fullpage .third .thirdBox .aboutNeo > div ul li span {display: block; float:left; margin-left:6.74%; width:62.36%; display: table; color:#888;}
.fullpage .third .thirdBox .aboutNeo > div ul li span em {display: table-cell; vertical-align: middle;}
.fullpage .third .thirdBox .aboutNeo > div > a {display: block; width:160px; height:40px; line-height: 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #ffad18 url(../images/index/arrow.png) no-repeat center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;margin-top: 40px;}
.fullpage .title {text-align: center; padding-top: 148px;}
.fullpage .title  h1 {font-weight: normal; font-size: 36px; color:#333;}
.fullpage .title > span {display: block; text-align: center; font-family: "BrandonText-Light"; font-size: 28px;}
.fullpage .title > em {display: block; font-size: 18px; color:#ffad18; padding: 10px 0 20px;}
.fullpage .four {background: #f7f7f7;}
.fullpage .four .join {width:100%; overflow:hidden; position: absolute; left:0; bottom: 0;}
.fullpage .four .join > img { z-index: 999;}
.fullpage .four .join .joinImg {display: block; width:53.2%; position: absolute; left:23.4%; bottom: 14.534%;}
.fullpage .four .join .tortoise {display: block; width:12.76%; position: absolute; left:4.95%; bottom: 11.773%;}
.fullpage .four .join .bear {display: block; width:6.46%; position: absolute; left:32.54%; bottom: 32%;}
.fullpage .four .join .panda {display: block; width:13.021%; position: absolute; left:43.28%; bottom: 4.8%;}
.fullpage .four .join .frog {display: block; width:9.271%; position: absolute; left: 65.833%; bottom: 25.737%; z-index: 1002;}
.fullpage .four .join .parrot {display: block; width:10.156%; position: absolute; right:5.3125%; bottom: 40.1162%;}
.fullpage .four .join .shadow {display: block; width:12.344%; position: absolute; right:5.875%; bottom: 21.95%;}
.fullpage .four .intro > div {position: absolute; height: 62.355%; z-index: 99;}
.fullpage .four .intro > div > i {display: block; height:100%; background: url(../images/index/line3.png) no-repeat center bottom; background-size: 100%;}
.fullpage .four .intro > div:first-child > i {background: url(../images/index/line1.png) no-repeat; background-size: 100% 100%;}
.fullpage .four .intro > div:nth-child(2) > i {background: url(../images/index/line2.png) no-repeat; background-size: 100% 100%;}
.fullpage .four .intro > div:nth-child(4) > i {background: url(../images/index/line4.png) no-repeat; background-size: 100% 100%;}
.fullpage .four .intro > div:first-child {left:23.854%; bottom: 28.78%; z-index: 1001;}
.fullpage .four .intro > div:nth-child(2) {left:35.26%; bottom: 36.92%;}
.fullpage .four .intro > div:nth-child(3) {right:51.2%; bottom: 25.726%;}
.fullpage .four .intro > div:nth-child(4) {right:39.375%; bottom: 37.21%; z-index: 1001;}
.fullpage .four .intro > div:nth-child(5) {right:27.76%; bottom: 27.18%; z-index: 1001;}
.fullpage .four .intro > div > div {position: absolute; top:0; left:34px; width:518%;}
.fullpage .four .intro > div > div > img {display: block; width:50%;}
.fullpage .four .intro > div > div span {display: block; font-size: 18px; position: absolute; left:0; top:0; width: 112px; padding-left: 34px; margin-top: 15px;}
.fullpage .four .intro > div:first-child > div span, .fullpage .four .intro > div:nth-child(2) > div span {margin-top: 20px;}
.fullpage .four .intro > div > div span i {display: block; width:6px; height: 6px; background: #ffad18; position: absolute; left:11.428%; top:50%; margin-top: -3px;}
.fullpage .four .intro > div > div div {width:50%; margin-top:60%;}
.fullpage .four .intro > div > div div img {display: block; width:100%;}
.fullpage .four .intro > div:first-child > div div {background: url(../images/index/four1.png) no-repeat center; background-size: 100% 100%;}
.fullpage .four .intro > div:nth-child(3) > div div {background: url(../images/index/four2.png) no-repeat center; background-size: 100% 100%;}
.fullpage .four .intro > div:nth-child(5) > div div {background: url(../images/index/four3.png) no-repeat center; background-size: 100% 100%;}
.fullpage .five .news {padding:18px 0 22px; width:58.854%; margin:auto;}
.fullpage .five .news .swiper-slide {float:left; width:31%; margin-left: 3.5%;}
.fullpage .five .news .swiper-slide:first-child {margin-left: 0;}
.fullpage .five .news .swiper-slide div {display: block; width:100%; margin-bottom: 10px; overflow:hidden;}
.fullpage .five .news .swiper-slide div img {display: block; width:100%; height:100%; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s;}
.fullpage .five .news .swiper-slide span {display: block; font-size: 16px; color:#666; width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.fullpage .newsBtn {display: block; margin:auto; width:160px; height:40px; line-height: 40px; border:1px solid #ffad18; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: url(../images/index/arrow1.png) no-repeat center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.fullpage .five .slideBox {position: relative; width:100%;}
.fullpage .five .bx-wrapper {margin:80px auto 0; z-index: -1;}
.fullpage .five .bx-wrapper .bx-viewport {left:0; border:0; box-shadow: none; height:100% !important;}
.fullpage .five .bx-wrapper .bx-viewport .bxslider li {display: block; width: 100%; height: auto !important;}
.fullpage .five .bx-wrapper .bx-viewport .bxslider li img {display: block; width:100%;}
.fullpage .five .ipad {width: 60.52%; margin:auto; position: absolute; top:-45px; left:19.74%; z-index: 9999;}
.fullpage .five .ipad .pad {display: block; width:100%;}
.fullpage .five .ipad div {width:40.533%; position: absolute; top:5.6%; left:29.7335%;}
.fullpage .five .ipad div .bg {display: block; width:100%;}
.fullpage .five .ipad div .circle {display: block; position: absolute; top:4px; left:40.34%; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; width: 41%;}
.fullpage .five .ipad div .bear {display: block; position: absolute; top:13.55%; right: 0; width:44.37%;}
.fullpage .five .ipad .video {display: block; position: absolute; width: 40.45%; height: 85.47%; left: 29.86%; top: 6.053%;}
.fullpage .five .ipad .video .poster {display: block; width: 100%;}
.fullpage .five .ipad .video iframe {display: block; width: 100%; height: 100%; display: none; position: absolute; top: 0; left: 0;}
.fullpage .five .ipad .video > span {display: table; text-align: center; width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,.5);}
.fullpage .five .ipad .video > span span {display: table-cell; vertical-align: middle;}
.fullpage .five .ipad .video > span span .play {width: 15.32%; cursor: pointer;}

.tipBox {position: fixed; width:100%; height:100%; top:0; left:0; background: rgba(0,0,0,.5); z-index:10010; display: none;}
.tipBox .box {background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width:600px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 50%; left:50%; text-align: center; padding-bottom: 30px; margin-top: -90px; margin-left: -300px;}
.tipBox .box p {padding:30px; font-size:16px; line-height: 26px;}
.tipBox .box .close {display: block; background: #ffad19; color:#fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; width:140px; padding:10px 0; font-size: 14px; margin:auto;}

/*首页动效*/
.fullpage .third .thirdBox .aboutNeo > div > em, .fullpage .third .thirdBox .aboutNeo > div p, .fullpage .third .thirdBox .aboutNeo > div ul li, .fullpage .third .thirdBox .aboutNeo > div > a, .fullpage .third .thirdBox .bear .tire, .fullpage .third .thirdBox .bear .bearImg, .fullpage .four .join .joinImg, .fullpage .four .join .tortoise, .fullpage .four .join .bear, .fullpage .four .join .panda, .fullpage .four .join .frog, .fullpage .four .join .parrot, .fullpage .four .join .shadow, .fullpage .four .intro > div > div > img, .fullpage .four .intro > div > div > span, .fullpage .four .intro > div > div > div, .fullpage .title h1, .fullpage .title > em, .fullpage .title > span, .fullpage .five .ipad div .bg, .fullpage .five .ipad div .circle, .fullpage .five .ipad div .bear {opacity: 0;}
.fullpage .four .join .joinImg, .fullpage .four .join .tortoise, .fullpage .four .join .bear, .fullpage .four .join .panda, .fullpage .four .join .frog, .fullpage .four .join .parrot, .fullpage .four .join .shadow {visibility: hidden;}
.fullpage .four.active .join .joinImg, .fullpage .four.active .join .tortoise, .fullpage .four.active .join .bear, .fullpage .four.active .join .panda, .fullpage .four.active .join .frog, .fullpage .four.active .join .parrot, .fullpage .four.active .join .shadow {visibility: visible;}
.fullpage .third.active .thirdBox .bear .tire {animation: rotate 2s linear .3s infinite; -webkit-animation: rotate 2s linear .3s infinite; opacity: 1;}
.fullpage .pro.active .pic .prize {visibility: visible; animation: fadeInDown .4s linear .3s forwards; -webkit-animation: fadeInDown .4s linear .3s forwards;}
.fullpage .second.pro.active .pic .big {visibility: visible; animation: bounceIn .8s linear .6s forwards; -webkit-animation: bounceIn .8s linear .6s forwards;}
.fullpage .sixth.pro.active .pic .big {visibility: visible; animation: bounceInDown .8s linear .6s forwards; -webkit-animation: bounceInDown .8s linear .6s forwards;}
.fullpage .seventh.pro.active .pic .big {visibility: visible; animation: bounceInUp .8s linear .6s forwards; -webkit-animation: bounceInUp .8s linear .6s forwards;}
.fullpage .pro.active .intro .award {visibility: visible; animation: fadeInUp .4s linear 1.3s forwards; -webkit-animation: fadeInUp .4s linear 1.3s forwards;}
.fullpage .pro.active .intro > em {visibility: visible; animation: fadeInUp .4s linear 1.5s forwards; -webkit-animation: fadeInUp .4s linear 1.5s forwards;}
.fullpage .pro.active .intro > span {visibility: visible; animation: fadeInUp .4s linear 1.7s forwards; -webkit-animation: fadeInUp .4s linear 1.7s forwards;}
.fullpage .pro.active .intro ul li {visibility: visible; animation: fadeInUp .4s linear 1.9s forwards; -webkit-animation: fadeInUp .4s linear 1.9s forwards;}
.fullpage .pro.active .intro ul li:nth-child(2) {animation-delay: 2.1s; -webkit-animation-delay: 2.1s;}
.fullpage .pro.active .intro ul li:nth-child(3) {animation-delay: 2.3s; -webkit-animation-delay: 2.3s;}
.fullpage .pro.active .intro ul li:nth-child(4) {animation-delay: 2.5s; -webkit-animation-delay: 2.5s;}

.fullpage .third.active .thirdBox .bear .bearImg {animation: zoomIn .4s ease-in .7s forwards; -webkit-animation: zoomIn .4s ease-in .7s forwards;}
.fullpage .third.active .thirdBox .aboutNeo > div > em, .fullpage .third.active .thirdBox .aboutNeo > div p {animation:fadeInRight .5s ease-in 1s forwards; -webkit-animation:fadeInRight .5s linear 1s forwards;}
.fullpage .third.active .thirdBox .aboutNeo > div p {animation-delay: 1.4s;}
.fullpage .third.active .thirdBox .aboutNeo > div ul li {animation: fadeInUp .5s linear 1.8s forwards; -webkit-animation: fadeInUp .5s linear 1.8s forwards;}
.fullpage .third.active .thirdBox .aboutNeo > div ul li:nth-child(2) {animation-delay: 2s;}
.fullpage .third.active .thirdBox .aboutNeo > div ul li:nth-child(3) {animation-delay: 2.2s;}
.fullpage .third.active .thirdBox .aboutNeo > div > a {animation:bounceInDown .8s linear 1.8s forwards; -webkit-animation:bounceInDown .8s linear 1.8s forwards;}
.fullpage .section.active .title h1, .fullpage .section.active .title > em, .fullpage .section.active .title > span {animation: fadeInUp .5s ease-in .3s forwards; -webkit-animation: fadeInUp .5s ease-in .3s forwards;}
.fullpage .section.active .title > span {animation-delay: .6s;}
.fullpage .section.active .title > em {animation-delay: .9s;}
.fullpage .four .newsBtn {opacity: 0; visibility: hidden; position: relative; z-index: 999;}
.fullpage .four.active .newsBtn {visibility: visible; animation: fadeInUp .4s linear 1.3s forwards; -webkit-animation: fadeInUp .4s linear 1.3s forwards;}
.fullpage .four.active .join .joinImg {animation: bounceInDown .8s ease-in 1.3s forwards; -webkit-animation: bounceInDown .8s ease-in 1.3s forwards;}
.fullpage .four.active .join .tortoise {animation: zoomIn .4s linear 2s forwards; -webkit-animation: zoomIn .4s linear 2s forwards;}
.fullpage .four.active .join .parrot {animation: rotateInY .6s ease-in 2.2s forwards; -webkit-animation: rotateInY .6s ease-in 2.2s forwards;}
.fullpage .four.active .join .shadow {animation: fadeIn .4s linear 2.2s forwards; -webkit-animation: fadeIn .4s linear 2.2s forwards;}
.fullpage .four.active .join .bear {transform-origin: top center; animation: rotateInX .5s ease-in 2.4s forwards; -webkit-animation: rotateInX .5s ease-in 2.4s forwards;}
.fullpage .four.active .join .frog {animation: bounceInDown .6s linear 2.7s forwards; -webkit-animation: bounceInDown .6s linear 2.7s forwards;}
.fullpage .four.active .join .panda {animation: zoomInRight .6s ease-in 3.1s forwards; -webkit-animation: zoomInRight .6s ease-in 3.1s forwards;}
.four .intro > div {clip: rect(429px, 5px, 429px, 0);}
.fullpage .four.active .intro > div {animation: clipLine .4s linear 3.6s forwards; -webkit-animation: clipLine .4s linear 3.6s forwards;}
.fullpage .four.active .intro > div:nth-child(2) {animation-delay: 3.9s;}
.fullpage .four.active .intro > div:nth-child(3) {animation-delay: 4.1s;}
.fullpage .four.active .intro > div:nth-child(4) {animation-delay: 4.4s;}
.fullpage .four.active .intro > div:nth-child(5) {animation-delay: 4.7s;}
.fullpage .four.active .intro > div > div > img, .fullpage .four.active .intro > div > div > span {animation: fadeIn .3s linear 4.2s forwards; -webkit-animation: fadeIn .3s linear 4.2s forwards;}
.fullpage .four.active .intro > div:nth-child(2) > div > img, .fullpage .four.active .intro > div:nth-child(2) > div > span {animation-delay: 4.5s;}
.fullpage .four.active .intro > div:nth-child(3) > div > img, .fullpage .four.active .intro > div:nth-child(3) > div > span {animation-delay: 4.8s;}
.fullpage .four.active .intro > div:nth-child(4) > div > img, .fullpage .four.active .intro > div:nth-child(4) > div > span {animation-delay: 5.1s;}
.fullpage .four.active .intro > div:nth-child(5) > div > img, .fullpage .four.active .intro > div:nth-child(5) > div > span {animation-delay: 5.4s;}
.fullpage .four.active .intro > div > div > div {animation: bounceIn .6s ease-in 4.4s forwards; -webkit-animation: bounceIn .6s ease-in 4.4s forwards;}
.fullpage .four.active .intro > div:nth-child(2) > div > div {animation-delay: 4.6s;}
.fullpage .four.active .intro > div:nth-child(3) > div > div {animation-delay: 4.8s;}
.fullpage .four.active .intro > div:nth-child(4) > div > div {animation-delay: 5s;}
.fullpage .four.active .intro > div:nth-child(5) > div > div {animation-delay: 5.2s;}
.fullpage .section.five.active .title h1 {animation: fadeInDown .5s ease-in .3s forwards; -webkit-animation: fadeInDown .5s ease-in .3s forwards;}
.fullpage .five.active .ipad div .bg {animation:fadeIn .4s ease-in .6s forwards; -webkit-animation:fadeIn .4s ease-in .6s forwards;}
.fullpage .five.active .ipad div .circle {animation:rotate 2s linear .9s infinite; -webkit-animation:rotate 2s linear .9s infinite;}
.fullpage .five.active .ipad div .bear {animation: zoomInLeft .8s linear 1s forwards; -webkit-animation: zoomInLeft .8s linear 1s forwards;}
.fullpage .five.cur .ipad div .bg, .fullpage .five.cur .ipad div .circle, .fullpage .five.cur .ipad div .bear {opacity: 1;}

/*公司历程*/
.history_cont .first {background: url(../images/about/bg1.jpg) no-repeat center; background-size: cover; position: relative;}
.inner_title {text-align: center; font-size: 24px; color: #333; height:58px;}
.inner_title span {display: inline-block; position: relative; padding-left: 37px;  no-repeat left top; background-size: auto 100%; padding-top: 14px;}
.inner_title span em {font-size: 26px; color:#333;}
.inner_title span i {display: block; position: absolute; left:16px; top:33px; width:6px; height:6px; background: #15a6d4;}
.history_cont .first .inner_title {padding-top: 8%;}
.history_cont .first .year {width:53.4%; height:72.24%; margin:auto; position: absolute; left:23.3%; bottom: 30px;}
.history_cont .first .year .bike {display: block; position: absolute; bottom: -5.4%; right:0; width:65.27%;}
.history_cont .first .year .bear {display: block; position: absolute; bottom: 0; left:9.2%; width:66.14%;}
.history_cont .first .year .bear img {display: block; width:100%; transform-origin: bottom center;}
.history_cont .first .year .bear div img {display: block; position: absolute; cursor: pointer;}
.history_cont .first .year .bear div img.year2016 {width:19.764%; left:51.33%; top:26.7%;}
.history_cont .first .year .bear div img.year2015 {width:17.4%; left:0; top:12.24%; transform-origin: bottom 72%;}
.history_cont .first .year .bear div img.year2014 {width:20.65%; left:13.7%; top:15.855%; transform-origin: bottom 74.3%;}
.history_cont .first .year .bear div img.year2013 {width:19.764%; left:27.43%; top:6.53%;}
.history_cont .first .year .bear div img.year2011 {width:17.25%; left:60.47%; top:4.45%;}
.history_cont .first .year .bear div img.year2010 {width:20.2%; left:45.4%; top:12.4%;}
.history_cont .first .year .bear div img.year2009 {width:21.53%; left:31.71%; top:19.75%;}
.history_cont .first .year .balloon {display: block; position: absolute; left:9.24%; bottom: 23.25%; width:66.15%; opacity: 0; opacity: 1\0\9;}
.history_cont .second {background: url(../images/about/bg2.jpg) no-repeat center; background-size: cover;}
.history_cont .second .inner_title.title1 {padding-top: 11%;}
.history_cont .second .platform {position: relative;}
.history_cont .second .platform .bg {display: block; width:100%;}
.history_cont .second .platform .ufo {position: absolute; width:6.875%; display: block; top:-7.77%; left:25.26%;}
.history_cont .second .bear {position: absolute; width:27%; top:7.62%; right:1.146%; overflow: hidden;}
.history_cont .second .bear .cloud {display: block; width:100%; position: relative; z-index: 999; padding-top: 11.5%;}
.history_cont .second .bear .bearImg {display: block; position: absolute; top:0; left:25.15%; width:23.7%;}
.history_cont .second .yearList {margin-top: -220px;}
.history_cont .second .yearList .yearBox {position: relative; margin:20px auto 110px;}
.history_cont .second .yearList .yearBox .bx-wrapper .bx-viewport {left:0; box-shadow: none; border:0; background: none;}
.history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a, .history_cont .second .yearList .yearBox .swiper .swiper-button-prev, .history_cont .second .yearList .yearBox .swiper .swiper-button-next {width:30px; height:85px; top:50%; margin-top: -42.5px; z-index: 999;}
.history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a.bx-prev, .history_cont .second .yearList .yearBox .swiper .swiper-button-prev {background: url(../images/about/arrow1.png) no-repeat right center; left:-30px; background-size: auto 100%;}
.history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a.bx-next, .history_cont .second .yearList .yearBox .swiper .swiper-button-next {background: url(../images/about/arrow2.png) no-repeat; right:-30px; background-size: auto 100%;}
.history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a.bx-prev.cur, .history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a.bx-next.cur {opacity: .5; cursor: default;}
.history_cont .second .yearList .yearBox > div {width:70.625%; margin:auto; position: relative;}
.history_cont .second .yearList .yearBox .swiper {display: none;}
.history_cont .second .yearList .yearBox .cloud {display: block; width:100%; bottom:-30%; left:0; position: absolute;}
.history_cont .second .yearList .yearBox > div ul {width:65.3125%; margin:auto; /*opacity: 0; opacity: 1\0\9;*/}
.history_cont .second .yearList .yearBox > div ul li, .history_cont .second .yearList .yearBox .swiper .swiper-slide {float:left; width:18.18%; position: relative;}
.history_cont .second .yearList .yearBox > div ul li > img, .history_cont .second .yearList .yearBox .swiper .swiper-slide img {display: block; width:48.67%; margin:auto;}

.history_cont .second .yearList .yearBox > div ul li .award {position: absolute; bottom: 0; left: 25.665%;}
.history_cont .second .yearList .yearBox > div .road, .history_cont .second .yearList .yearBox > div .border, .history_cont .second .yearList .yearBox .swiper .swiper-slide .road {display: block; width:95.72%; margin:auto;}
.history_cont .second .yearList .yearBox > div ul li em, .history_cont .second .yearList .yearBox .swiper .swiper-slide em {display: block; font-size: 22px; color:#ffad18; font-family: 'Exo2-LightCondensed'; width:60.2%; margin:0 auto 5px;}
.history_cont .second .yearList .yearBox > div ul li span, .history_cont .second .yearList .yearBox .swiper .swiper-slide span {display: block; font-size: 16px; line-height: 24px; margin-bottom: 8px; width:60.2%; margin:0 auto;}
.history_cont .second .yearList .yearBox > div ul li span {height: 120px; padding-bottom: 10px;}
.history_cont .second .yearList > a {display: block; margin: auto; width: 160px; height: 40px; line-height: 40px; border: 1px solid #ffad18; border-radius: 30px;   -webkit-border-radius: 30px; -moz-border-radius: 30px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; box-sizing: border-box;    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-size: 16px; color: #ffad18; text-align: center; margin-bottom: 30px;}
.history_cont .second .inner_title.title2 {padding:36px 0 80px;}
.history_cont .second .patent {background: url(../images/about/bear_bg.png) no-repeat center; background-size: 80.9%; position: relative; padding-bottom: 244px;}
.history_cont .second .patent .patentBox {width:63.75%; margin:auto;}
.history_cont .second .patent .patentBox > div {float:left; width:54.74%;}
.history_cont .second .patent .patentBox > div:first-child {width:45.26%;}
.history_cont .second .patent .patentBox > div span {display: block; position: relative; font-size: 16px; padding-left: 40px; margin-bottom: 40px;}
.history_cont .second .patent .patentBox > div span img {display: block; position: absolute; left:0; top:6px;}
.history_cont .second .patent .patentBox > div span em {display: inline-block; padding-bottom: 23px; background: url(../images/about/border1.png) repeat-x left bottom;}
.history_cont .second .patent > img {display: block; width:100%; position: absolute; bottom: 114px; left:0;}

/*新闻列表*/
.news_cont {background: url(../images/news/bg.jpg) no-repeat top center; background-size: cover; padding: 130px 0 84px;}
.news_cont .banner {position: relative; width:100%;}
.news_cont .banner > img {display: block; width:100%;}
.news_cont .banner .inner_title {position: absolute; left:28.177%; top:11.17%;}
.news_cont ul {width:61.72%; margin:-30px auto 0; z-index: 999; position: relative;}
.news_cont ul li {float:left; width:31.64%; margin-left: 2.54%; margin-bottom: 44px;}
.news_cont ul li:nth-child(3n+1) {margin-left: 0;}
.news_cont ul li a {display: block;}
.news_cont ul li a > span {display: block; width:100%; overflow: hidden;}
.news_cont ul li a > span img {display: block; width:100%; height:100%; transition: all .8s; -webkit-transition: all .8s;}
.news_cont ul li a > div {position: relative;}
.news_cont ul li a > div em {display: block; font-size: 18px; color:#333; margin:18px 0 14px; width:78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.news_cont ul li a > div span {display: block; color:#b4b4b4; position: absolute; top:6px; right:0;}
.news_cont ul li a > div p {font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.news_cont ul li a i {display: block; width:28%; border:1px solid #b4b4b4; border-radius: 30px; -webkit-border-radius: 30px; background: url(../images/news/arrow.png) no-repeat center; margin-top: 20px; height:28px; line-height: 28px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}

/*分页*/
.page {text-align: center;}
.page .pageBox {display: inline-block;}
.page .pageBox a, .page .pageBox span {display: block; float:left; width:23px; height:26px; color: #666; font-size: 14px; text-align: center; line-height: 26px; margin-left: 40px;}
.page .pageBox a:first-child {margin-left: 0;}
.page .pageBox span {margin-left: 10px;}
.page .pageBox a.cur {color:#fff; background: url(../images/news/page.png) no-repeat center; background-size: 100% 100%;}

/*新闻详情*/
/*.news_cont.n_detail_cont {background: #fff;}*/
.news_cont .detail {width:55.73%; margin:55px auto 78px;}
.news_cont .detail .title {position: relative; margin-bottom: 18px;}
.news_cont .detail .title em {display: block; font-size: 26px; color:#333; line-height: 36px; text-align: center; font-weight: bold; font-family: "Microsoft YaHei";}
.news_cont .detail .time {display: block; /*position: absolute; right:0; top:4px;*/ font-size: 14px; color:#b4b4b4; text-align: center;}
.news_cont .detail img {display: block; max-width: 100%; margin:18px auto 0;}
.news_cont .detail p {font-size: 14px; margin-top: 25px; line-height: 25px;}
.news_cont .btn {width:55.73%; margin:auto; position: relative;}
.news_cont .btn > span {display: block; float:left; width:39.39%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
.news_cont .btn > span:last-child {float:right; text-align: right;}
.news_cont .btn > span a {font-size: 14px; color:#b4b4b4; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; max-width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
.news_cont .btn div {position: absolute; width:21.22%; left:39.39%; bottom: -1px;}
.news_cont .btn div a {display: block; width:70.48%; margin:auto; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #ffad18; font-size: 16px; color:#fff; text-align: center; height:40px; line-height: 40px;}

/*联系我们*/
.contact_cont {background: url(../images/about/bg3.jpg) no-repeat center top; background-size: cover; padding:110px 0 82px; position: relative;height: 700px; color: #000}
.contact_cont .inner_title {position: absolute; left:35.52%; top:11.6%; }
.contact_cont .contactBox { width:250px; margin:auto;  background-color:rgba(122, 120, 120, 0); }
.contact_cont .contactBox li {float:left; width:100%; height:202px; margin-left: 2.69%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color:rgba(122, 120, 120, 0); border:0px solid #e2f7fe; padding:0 3.4%; position: relative;}
.contact_cont .contactBox li:first-child {margin-left: 0; padding:0 1.8%;}
.contact_cont .contactBox li > div {display: table; height:100%;}
.contact_cont .contactBox li > div div {display: table-cell; vertical-align: top;}
.contact_cont .contactBox li div em {display: block; font-size: 16px; color:#333; padding-bottom:14px; max-width: 93.2%;text-align: center;font-weight:bold}
.contact_cont .contactBox li div span {display: block; font-size: 14px; line-height: 24px;}
.contact_cont .contactBox li div span a {color:#666; word-break: break-all;}
.contact_cont .contactBox li > img {display: block; position: absolute; right:-2px; bottom: -2px;}
.contact_cont .contactBox iframe {width:100%; height:420px; margin-top: 40px;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

/*企业介绍*/
.company_cont {  padding:130px 0 15px;  }
.company_cont .titleImg {display: block; margin:auto; width:35.625%; padding:3% 0 25px;}
.company_cont .span1 {display: block; text-align: center; font-size: 20px; color:#000;}
.company_cont .train {display: block; margin:8% auto 0; width:53.854%;}
.company_cont .com_intro {width:69.27%; margin:9% auto 0;}
.company_cont .com_intro > img {display: block; float: left; width:50.1%;}
.company_cont .com_intro > div {float:right; width:46.6%;}
.company_cont .com_intro > div .inner_title {text-align: left;}
.company_cont .com_intro > div > span {display: block; font-size: 24px; padding:15px 0 25px;}
.company_cont .com_intro > div p {font-size: 16px; line-height: 28px;}
.company_cont .com_intro > div p em {color:#15a6d4;}
.company_cont .team {width: 62.5%; margin:auto;}
.company_cont .team .inner_title {margin:6% auto 50px; background: url(../images/about/title_bg.png) no-repeat center; background-size: 67.76%;}
.company_cont .team .slider .slick-slide > div {margin:0 7.5%; background: #fff; position: relative; text-align: center;}
.company_cont .team .slider .slick-slide > div > img {display: block; width:100%;}
.company_cont .team .slider .slick-slide > div div {position: relative; height:170px; overflow: hidden;}
.company_cont .team .slider .slick-slide > div div em {display: block; font-size: 20px; color:#333; padding:20px 0 12px;}
.company_cont .team .slider .slick-slide > div div span {display: block; font-size: 16px; color:#888; padding:0 7.35%;}
.company_cont .team .slider .slick-slide > div div a {display: block; width:25px; height:25px; background: url(../images/about/add.png) no-repeat; margin:auto; position: absolute; left:50%; bottom: 25px; margin-left: -12.5px;}
.company_cont .team .slider .slick-prev, .company_cont .team .slider .slick-next {width:30px; height:85px; margin-top: -42.5px;}
.company_cont .team .slider .slick-prev:before, .company_cont .team .slider .slick-next:before {content: "";}
.company_cont .team .slider .slick-prev {background: url(../images/about/arrow1.png) no-repeat; background-size: 100% 100%; left: -50px;}
.company_cont .team .slider .slick-next {background: url(../images/about/arrow2.png) no-repeat; background-size: 100% 100%; right: -50px;}
.company_cont .team .slider .slick-prev.slick-disabled, .company_cont .team .slider .slick-next.slick-disabled {opacity: .2; cursor: auto;}
.company_cont .invest .inner_title {margin:8% auto 40px; background: url(../images/about/title_bg.png) no-repeat center; background-size: 67.76%;}
.company_cont .invest > em {display: block; text-align: center; font-size: 20px; color:#15a6d4; padding-bottom: 5px;}
.company_cont .invest > span {display: block; font-size: 16px; text-align: center; line-height: 28px; width:820px; margin:auto;}
.company_cont .invest .investBox {margin: 5% auto 0; width:62.5%; position: relative;}
.company_cont .invest .investBox .circle {width:41.67%; margin-left:17.5%;}
.company_cont .invest .investBox .logo {display: block; position: absolute; right:1.67%; top:0; width:33.33%;}
.company_cont .invest .investBox .superman {display: block; position: absolute; left:0; top:-20px; width:68.5%; z-index: 999;}
.sideBox.member {width: 47%; background: #fff url(../images/about/background.png) no-repeat; background-size: cover;}
.sideBox.member.cur {left: 53%;}
.sideBox.member > div {position: absolute; height: 90%; top: 5%; padding:0; width: 100%; display: block;}
.sideBox.member > div .member_container.cur {visibility: visible; opacity: 1;}
.sideBox.member > div .member_container {position: absolute; top: 0; left: 0; width: 88%; padding: 0 6%; height: 100%; visibility: hidden; opacity: 0; transition:all .4s; -webkit-transition:all .4s; display: table;}
.sideBox.member > div .memberBox {display: table-cell; vertical-align: middle; width: 100%;}
.sideBox.member > div .memberBox > div {position: relative;}
.sideBox.member > div .memberBox > div > span {display: block; float:left; width: 46.875%; position: relative; margin-right: 4%;}
.sideBox.member > div .memberBox > div > span .person {display: block; width: 100%;}
.sideBox.member > div .memberBox > div > span .bear {display: block; width: 21.33%; position: absolute; bottom: 0; right: -4.8%;}
.sideBox.member > div .memberBox > div > div {width: 49.125%; float:right; font-size: 16px; line-height: 24px; position: absolute; right: 0; top: 0; height: 100%;}
.sideBox.member > div .memberBox > div > div > div {display: table; height: 100%;}
.sideBox.member > div .memberBox .intro {display: table-cell; vertical-align: middle;}
.sideBox.member > div .memberBox .intro > em {display: block; font-size: 20px; color:#15a6d4; padding-bottom: 6px;}
.sideBox.member > div .memberBox .intro > em span {padding-left: 6px; font-size: 14px; color: #c5c5c5; font-family: 'Lucida Calligraphy Italic';}
.sideBox.member > div .memberBox .intro > span {display: block; color: #888; padding-bottom: 18px;}
.sideBox.member > div .memberBox .intro > p {color: #999;}
.sideBox.member > span {display: block; width: 100%; text-align: center; position: absolute; bottom: 10%; left: 0;}
.sideBox.member > span a {display: inline-block; height: 68px;}
.sideBox.member > span a:first-child {margin-right: 9.45%;}
.sideBox.member > span a img {display: block; height: 100%;}
.sideBox.member > span a.cur {opacity: .2; cursor: default;}

/*品牌介绍*/
.brand_cont .first {width:100%; position: relative; background: url(../images/about/banner3.jpg) no-repeat center bottom; background-size: cover;}
.brand_cont .first .board {display: block; width:24.84%; position: absolute; right:31.875%; bottom: 32%;}
.brand_cont .first .box {display: block; width:10.1%; position: absolute; right:42.96%; bottom: 29%;}
.brand_cont .first .copy {display: none;}
.mysecond {background: url(../images/about/bg.jpg) no-repeat center top; background-size: cover;}
.brand_cont .second .introList {width:73.44%; margin:auto; padding-top: 6%;}
.brand_cont .second .introList li {position: relative; width: 100%;}
.brand_cont .second .introList li > img {display: block; float:left;}
.brand_cont .second .introList li:first-child > img {width:51.56%;}
.brand_cont .second .introList li:nth-child(2) > img {width:76.8%; float:right; margin-right: 3.75%;}
.brand_cont .second .introList li:nth-child(3) > img {width:42.34%; margin-left: 3.75%;}
.brand_cont .second .introList li > div {display: table; position: absolute; top:0; right: 3.75%; width:44%; z-index: 999;}
.brand_cont .second .introList li:nth-child(2) > div {right:auto; left:3.75%;}
.brand_cont .second .introList li > div > div {display: table-cell; vertical-align: middle;}
.brand_cont .second .introList li > div > div .inner_title {text-align: left; margin-bottom: 35px;}
.brand_cont .second .introList li > div > div p {font-size: 16px; line-height: 28px;}
.brand_cont .second .dream {margin-top: 8%; position: relative;}
.brand_cont .second .dream .logo {display: block; position: absolute; width: 26.5%; top: 3%; left: 36.75%;}
.brand_cont .second .dream .rainbow {display: block; width:100%;}
.brand_cont .second .dream .animals > div {position: absolute; text-align: center; font-size: 16px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s;}
.brand_cont .second .dream .animals > div > img {display: block; width:100%;}
.brand_cont .second .dream .animals > div.one {left:17.5%; width:7.865%; top:50.23%; }
.brand_cont .second .dream .animals > div.two {width:7.5%; left:25.9%; top:50%;}
.brand_cont .second .dream .animals > div.three {width:9.27%; left:34.17%; top:43.744%;}
.brand_cont .second .dream .animals > div.four {width:12.8125%; left:43.59%; top:36.16%;}
.brand_cont .second .dream .animals > div.five {width:9.27%; left:56.82%; top:43.744%; z-index: 999;}
.brand_cont .second .dream .animals > div.six {width:8.96%; left:64.6875%; top:50.23%;}
.brand_cont .second .dream .animals > div.seven {left:72.92%; width:8.7%; top:54.24%; }
.brand_cont .second .dream .animals > div > div {position: absolute; left:-120%; top: -40%; display: none;}
.brand_cont .second .dream .animals > div.four > div {display: block; top: -55%; left: -124%;}
.brand_cont .second .dream .animals > div > div p {font-size: 14px; position: absolute; width:80%; left:10%; top:24%; line-height: 24px;}
.brand_cont .second .video {position: relative; width:100%; margin-top: -16%;}
.brand_cont .second .video > img {display: block; width:46.1%;}
.brand_cont .second .video > div {position: absolute; width:100%; right:0; top:18%;}
.brand_cont .second .video > div .video_title {text-align: center; font-size: 16px; display: block; width:100%; margin-bottom: 22px; width:87.5%; float:right;}
.brand_cont .second .video > div .video_title em {color:#15a6d4;}
.brand_cont .second .video > div .videoBox#wrapper {float:right; background: url(../images/about/picture.png) repeat-x; background-size: auto 100%; width:87.5%; position: relative; overflow: hidden;}
.brand_cont .second .video > div .videoBox ul {padding:40px 30px; box-sizing: border-box; }
.brand_cont .second .video > div .videoBox ul li {float:left; width:24%; float:left; margin-left: 15px; position: relative;}
.brand_cont .second .video > div .videoBox ul li:first-child {margin-left: 0;}
.brand_cont .second .video > div .videoBox ul li .poster {display: block; width:100%; height:100%;}
.brand_cont .second .video > div .videoBox ul li .play {position: absolute; width:100%; height:100%; top:0; left:0; background: rgba(0,0,0,.5); display: table; text-align: center;}
.brand_cont .second .video > div .videoBox ul li .play div {display: table-cell; vertical-align: middle;}
.brand_cont .second .video > div .videoBox ul li .play img {display: block; cursor: pointer; width:12.2%; margin:auto;}
.brand_cont .second .video > div .videoBox ul li .play span {display: block; text-align: center; font-size: 16px; color:#fff; padding-bottom: 14px;}
.brand_cont .second .video > div .videoBox ul li iframe {display: block; width:100%; height:100%; position: absolute; top:0; left:0;}
.brand_cont .second .logo_wall {width: 70%; margin:auto; margin-top: -50px; padding-bottom: 55px;}
.brand_cont .second .logo_wall .s1 {display: block; text-align: center; font-size: 16px; color: #333; padding: 18px 0 40px;}
.brand_cont .second .logo_wall ul {width: 100%;}
.brand_cont .second .logo_wall ul li {float: left; width: 16.66%; text-align: center; padding-bottom: 30px;}
.brand_cont .second .logo_wall ul li img {display: block; margin:auto; width: 83.5%;}
#scroller {z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 3000px; height: 100%;	-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0);	transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;	-webkit-text-size-adjust: none;	-moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none;	text-size-adjust: none;}
#scroller ul {list-style: none;	margin: 0; width: 100%;	height: 100%; text-align: center;}
#scroller li {display: block; float: left; width: 100px; height: 100%; font-size: 14px;}
.iScrollIndicator {background: #fad13e !important; border:0 !important; height: 8px !important; bottom: -2px;}
.iScrollHorizontalScrollbar.iScrollLoneScrollbar {background: rgba(250,209,62,.2); height:4px !important; bottom: 2px !important; overflow: visible !important;}


/*口袋动物园1*/
.product1_cont {position: relative;}
.product1_cont .first {position: relative; padding-top: 141px;}
.product1_cont .first.cur {position: static;}
.product1_cont .first.cur .btns {position: absolute;}
.product1_cont .first .bannerImg {width: 100%; position: relative;}
.product1_cont .first .bannerImg > img {display: block; width: 100%;}
.product1_cont .first .btns {position: absolute; left:0; bottom: 0; width:100%; background: rgba(255,255,255,.9); height:84px; z-index: 9998;}
.product1_cont .first .btns.cur {position: fixed;}
.product1_cont .first .btns > div {width:1084px; margin:auto; position: relative; height:100%;}
.product1_cont .first .btns > div img {display: block; float:left; margin-top: 15.5px;}
.product1_cont .first .btns > div > div {float:right;}
.product1_cont .first .btns > div > div a {display: inline-block; border:1px solid #faa50d; color:#fff; background: #faa50d; text-align: center; width:185px; height:48px; line-height: 48px; margin-top: 18px; font-size: 18px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.product1_cont .first .btns > div > div a:first-child {background: #fff; color:#faa50d; margin-right: 12px;}
.product1_cont .first .slogan {position: absolute; top:13.33%; right: 18%; width: 22%;}
.product1_cont .first .slogan .title {padding-bottom: 10px;}
.product1_cont .first .slogan .title img {display: block; width: 100%;}
.product1_cont.product7_cont .first .slogan .title img:first-child {width: 79.5%; padding-bottom: 16px;}
.product1_cont .first .slogan .word {padding:15px 0; background: url(../images/product/line.png) repeat-x left top;}
.product1_cont .first .slogan .word em {display: block; font-size: 32px; color: #333; padding-bottom: 6px;}
.product1_cont .first .slogan .word p {font-size: 16px; line-height: 24px; color:#555;}
.product1_cont .first .slogan > img {display: block; width: 64%;}
.product1_cont .second {background: #edf7fa;padding-top: 60px;}
.product1_cont .second .inner_title {padding:88px 0 48px;}
.product1_cont .second .blue {background: #e1f2f7; width:100%; height:60px; position: relative; margin-top: -30px;}
.product1_cont .second .blue img:first-child {display: block; position: absolute; left:13.85%; bottom: 30px; width:11%;}
.product1_cont .second .blue img:nth-child(2) {display: block; position: absolute; right:19.63%; bottom: 30px; width:5.64%;}
.product1_cont .second .imac {z-index: 999; position: relative;}
.product1_cont .second .imac > img {display: block; margin:auto; }
.product1_cont .second .imac > div {position: absolute; top:9%; left:34.83%; width:31.94%;}
.product1_cont .second .imac > div .poster {display: block; width:100%; height:100%;}
.product1_cont .second .imac > div .play {display: block; position: absolute; width:36px; height:40px; left:50%; top:50%; margin-left: -18px; margin-top: -20px; cursor: pointer;}
.product1_cont .second .imac > div iframe {display: block; position: absolute; width:100%; height: 100%; top:0; left:0;}
.product1_cont .third {background: url(../images/product/bg_product.jpg) no-repeat center top; background-size: cover; position: relative; overflow:hidden;}
.product1_cont .third .inner_title {padding:118px 0 64px;}
.product1_cont .third .eight {display: block; width: 100%; position: absolute; left: 0; bottom: 0;}
.product1_cont .third ul {width:43%; margin:auto;}
.product1_cont .third ul li {width:15.74%; float:left; margin-left:12.346%; padding-bottom: 2.41%; cursor: pointer;}
.product1_cont .third ul li:nth-child(4n+1) {margin-left: 0;}
.product1_cont .third ul li div {width:100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow:hidden; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; position: relative;}
.product1_cont .third ul li div img {display: block; width:100%; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s;}
.product1_cont .third ul li div img.hover {visibility: hidden; opacity: 0; width:100%; height: 100%; top:0; left:0; position: absolute;}
.product1_cont .third ul li > em {display: block; text-align: center; font-size: 18px; color:#333; padding-top: 10px; height:18px; line-height: 18px; position: relative;}
.product1_cont .third .bottom .circle {display: block; position: absolute; width:38.54%; left:30.73%; bottom: 3.1%;}
.product1_cont .third .bottom .ipad {display:block; width:42.3%; position: absolute; left:27.8125%; bottom: 0;}
.product1_cont .third .bottom .animals {display: block; width:78%; position: absolute; left:10.3125%; bottom: 5.318%;}
.product1_cont .fourth {background: #fecc09;margin-top:30px }
.product1_cont .fourth .inner_title {padding:98px 0 112px;}
.product1_cont .fourth ul {width:100%; margin:auto;}
.product1_cont .fourth ul li {position: relative; width:100%; overflow: hidden;}
.product1_cont .fourth ul li > img {display: block; float:right; width:50%;}
.product1_cont .fourth ul li:nth-child(2) > img {float:right; width:64%;}
.product1_cont .fourth ul li:nth-child(3) > img {margin-left: 6.88%; width:35.88%;}
.product1_cont .fourth ul li > div {position: absolute; top:0; left:20%; width:20%; display: table;}
.product1_cont .fourth ul li:nth-child(2) > div {left:0; width:33.7%;}
.product1_cont .fourth ul li:nth-child(3) > div {left:49.9%; width:44.3%;}
.product1_cont .fourth ul li > div > div {display: table-cell; vertical-align: middle;}
.product1_cont .fourth ul li > div > div .step_title {margin-bottom: 28px;}
.product1_cont .fourth ul li > div > div .step_title > img {vertical-align: middle; padding-right: 10px;}
.product1_cont .fourth ul li > div > div .step_title span {display: inline-block; color:#333; font-size: 24px; padding:20px 16px;  background-size: 100% 100%;}
.product1_cont .fourth ul li > div > div > span {display: block; font-size: 16px; line-height: 32px;}
.product1_cont .fourth ul li > div > div > span.span1 {font-size: 12px; color: #999;}
.product1_cont .fourth ul li > div > div .download {margin-top: 35px; position: relative;}
.product1_cont .fourth ul li > div > div .download > img {display: block; position: absolute; left:0; top:0; width:28%;}
.product1_cont .fourth ul li > div > div .download > div {padding-left: 34.2%; display: table;}
.product1_cont .fourth ul li > div > div .download > div > div {display: table-cell; vertical-align: middle;}
.product1_cont .fourth ul li > div > div .download > div > div a {display: block; padding:14px 40px; color:#fff; font-size: 18px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #62ceb1; text-align: center;}
.product1_cont .fourth ul li > div > div .download > div > div a:first-child {background: #28b1dc; margin-bottom: 14px; white-space: nowrap;}
.product1_cont .fourth ul li > div > div .download > div > div a span {display: inline-block; background: url(../images/product/360store.png) no-repeat left center; padding-left: 18px; text-align: left;line-height: 24px; background-size: auto 80%;width: 140px;}
.product1_cont .fourth ul li > div > div .download > div > div a:first-child span {background: url(../images/product/apple.png) no-repeat left center; background-size: auto 80%;}
.product1_cont .fourth ul li > div > div .download > div > div a.android span {background: url(../images/product/android.png) no-repeat left center; background-size: auto 80%;}
.product1_cont .fifth {background: #edf7fa;}
.product1_cont .fifth .inner_title {padding:100px 0 70px;}
.product1_cont .fifth .product {position: relative; padding-bottom: 50px;}
.product1_cont .fifth .product i {display: block; background: #e1f2f7; height:78%; position: absolute; bottom: 0; left: 0; width:100%;}
.product1_cont .fifth .product img {display: block; width:56.56%; margin:auto; position: relative; z-index: 999;}

/*侧边弹框*/
.mask {position: fixed; width:100%; height:100%; top:0; left:0; background: rgba(64,64,64,.5); z-index: 10000; display: none;}
.sideBox {background: #fff; position: fixed; left:100%; top:0; width:46.36%; height:100%; z-index: 10001; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; padding:4% 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sideBox > div {height:100%; padding:0 7.86%; display: table;}
.sideBox .introList {display: table-cell; vertical-align: middle;}
.sideBox .introList li {position: relative; margin-top: 30px; display: none;}
.sideBox .introList li:first-child {margin-top: 0;}
.sideBox .introList li i {display: block; position: absolute; left:0; top:0; width:28px; height:28px;}
.sideBox .introList li i.ar {background: url(../images/product/cir1.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.three_d {background: url(../images/product/cir2.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.lang {background: url(../images/product/cir3.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.reality {background: url(../images/product/cir4.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.intelligence {background: url(../images/product/cir5.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.teach {background: url(../images/product/cir6.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.update {background: url(../images/product/cir7.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.safe {background: url(../images/product/cir8.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.envir {background: url(../images/product/cir9.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.sound {background: url(../images/product/cir10.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.pet {background: url(../images/product/cir11.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.tool {background: url(../images/product/cir12.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.weather {background: url(../images/product/cir13.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.card {background: url(../images/product/cir14.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.scene {background: url(../images/product/cir15.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.render {background: url(../images/product/cir16.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.explain {background: url(../images/product/cir17.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.color {background: url(../images/product/cir18.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.authority {background: url(../images/product/cir19.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.ball {background: url(../images/product/cir20.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.video {background: url(../images/product/cir21.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.word {background: url(../images/product/cir22.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li i.knowledge {background: url(../images/product/cir23.png) no-repeat; background-size: 100% 100%;}

.sideBox .introList li div {padding-left: 36px;}
.sideBox .introList li div em {display: block; font-size: 20px; color:#555; margin-bottom: 5px;}
.sideBox .introList li div span {display: block; font-size: 16px; color:#888; line-height: 26px;}
.sideBox .introList li.cur {display: block;}
.sideBox .introList li.cur div em, .sideBox .introList li.cur div span {color:#28b1dc;}
.sideBox .introList li.cur i.ar {background: url(../images/product/cir_hover1.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.three_d {background: url(../images/product/cir_hover2.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.lang {background: url(../images/product/cir_hover3.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.reality {background: url(../images/product/cir_hover4.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.intelligence {background: url(../images/product/cir_hover5.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.teach {background: url(../images/product/cir_hover6.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.update {background: url(../images/product/cir_hover7.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.safe {background: url(../images/product/cir_hover8.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.envir {background: url(../images/product/cir_hover9.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.sound {background: url(../images/product/cir_hover10.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.pet {background: url(../images/product/cir_hover11.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.tool {background: url(../images/product/cir_hover12.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.weather {background: url(../images/product/cir_hover13.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.card {background: url(../images/product/cir_hover14.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.scene {background: url(../images/product/cir_hover15.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.render {background: url(../images/product/cir_hover16.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.explain {background: url(../images/product/cir_hover17.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.color {background: url(../images/product/cir_hover18.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.authority {background: url(../images/product/cir_hover19.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.ball {background: url(../images/product/cir_hover20.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.video {background: url(../images/product/cir_hover21.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.word {background: url(../images/product/cir_hover22.png) no-repeat; background-size: 100% 100%;}
.sideBox .introList li.cur i.knowledge {background: url(../images/product/cir_hover23.png) no-repeat; background-size: 100% 100%;}
.sideBox.cur {left:53.64%;}

.sideBox .historyBox {position: relative; width:100%; height:100%;}
.sideBox .historyBox .year {position: absolute; left:0; top:21%; z-index: 999;}
.sideBox .historyBox .year a {display: block; margin-top: 15px; width:134px; font-size: 20px; color:#666; text-align: center; height:50px; line-height: 50px;}
.sideBox .historyBox .year a:first-child {margin-top: 0;}
.sideBox .historyBox .year a.cur {color:#fff; background: #9ae0fa;}
.sideBox .historyBox .month {position: absolute; top:21%; left:0; overflow-y: auto; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 30px 0 134px; height: 79%;}
.sideBox .historyBox .month > ul {display: none;}
.sideBox .historyBox .month > ul:first-child {display: block;}
.sideBox .historyBox .month > ul li {position: relative; margin-bottom: 35px;}
.sideBox .historyBox .month > ul li:first-child {margin-top: 12px;}
.sideBox .historyBox .month > ul li em {display: block; position: absolute; width:80px; font-size: 16px; text-align: center; left:0; top:0; line-height: 28px;}
.sideBox .historyBox .month > ul li div {padding-left: 110px;}
.sideBox .historyBox .month > ul li div span {display: block; font-size: 16px; line-height: 28px;}
.sideBox > i {display: block; width:1px; height:100%; background: #f0fbff; position: absolute; top:0;}
.sideBox > i.line1 {left:134px;}
.sideBox > i.line2 {left:214px;}

.sideBox.history > div {padding: 0;}


/*口袋动物园2*/
.product2_cont .first .slogan {top: 9.52%; right: auto; left: 24.375%;}
.product1_cont .third ul.five {width:50.1%; z-index: 999; position: relative;}
.product1_cont .third ul.five li {width:14.29%; margin-left: 9.6325%; position: relative;}
.product1_cont .third ul.five li:nth-child(4n+1) {margin-left: 9.6325%;}

.product1_cont.product2_cont .third .bottom .animal1 {display: block; width:100%; position: absolute; left:0; bottom: -2.41%;}
.product1_cont .third ul.five li > i {display: block; position: absolute; top:0; right:0; color:#fff; background: #faa50d; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; padding:4px 8px; font-size: 12px; z-index: 1000;}
.product1_cont.product2_cont .fourth ul li:nth-child(3) > img {width:47.5%; margin-left: 0;}

/*口袋交通*/
.product3_cont .first .slogan {top: 11.66%; right: 19.63%;}
.product3_cont .first .slogan .title {width: 113.44%;}
.product1_cont.product3_cont .third .bottom .car {display: block; position: absolute; width:28.75%; left:4.114%; bottom: -1%;}
.product1_cont.product3_cont .third .bottom .jeep {display: block; position: absolute; width:55.468%; left:29.32%; bottom: 5.87%;}
.product1_cont.product3_cont .third .bottom .plane {display: block; position: absolute; width:13.07%; left:61.56%; bottom: 26.79%; opacity: 1;}
.product1_cont.product3_cont .fifth .product img {width:57.96%;}

/*神笔立体化-巴拉拉小魔仙*/
.product1_cont .first .btns > div img.logoImg {position: absolute; left:0; bottom: 8px;}
.product1_cont .third ul li span.s1 em {white-space: nowrap; position: absolute; left:50%; bottom: 0; margin-left: -90px;}
.product1_cont.product4_cont .third .bottom img {width:14.323%; position: absolute;}
.product1_cont.product4_cont .third .bottom .girl1 {left:18.54%; bottom: 3.39%;}
.product1_cont.product4_cont .third .bottom .girl2 {left:31.46%; bottom: 1.356%;}
.product1_cont.product4_cont .third .bottom .girl3 {left:48.8%; bottom: 7.627%;}
.product1_cont.product4_cont .third .bottom .girl4 {left:64.22%; bottom: 3.9%;}
.product1_cont.product4_cont .first .slogan .title img.balala1 {width: 80%; padding-bottom: 14px;}
.product1_cont.product4_cont .first .slogan .title img.balala2 {width: 94%;}
.product4_cont .first .slogan {top: 7.14%; right: 23.7%;}
.sideBox.active > div {display: block;}
.nicescroll-rails {background: #e2e2e2; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; left:101.57% !important;}
.nicescroll-rails.cur {left:55.21% !important;}
.nicescroll-rails.history {left: 99% !important;}
.product1_cont .sixth {background: #edf7fa;}
.product1_cont .sixth .inner_title {padding:120px 0 172px;}
.product1_cont .sixth .sixBox {width:1080px; margin:auto;}
.product1_cont .sixth .sixBox > ul {margin-bottom: 66px;}
.product1_cont .sixth .sixBox > ul li {float:left; width:180px;}
.product1_cont .sixth .sixBox > ul li img {display: block; width:100%; height:144px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #5c5c5c; border-left: 0;}
.product1_cont .sixth .sixBox > ul li:first-child img {border-left:1px solid #5c5c5c;}
.product1_cont .sixth .sixBox > ul li span {display: block; font-size: 16px; color:#333; padding-top: 10px; text-align: center;}
.product1_cont .sixth .sixBox .intro > div {position: relative; width:100%; height: 108px; margin-top: 25px;}
.product1_cont .sixth .sixBox .intro > div:first-child {}
.product1_cont .sixth .sixBox .intro > div > img {display: block; position: absolute; width:340px; top:-18px; left:0;}
.product1_cont .sixth .sixBox .intro > div:nth-child(2n) > img {left:auto; right:0;}
.product1_cont .sixth .sixBox .intro > div > div {width:900px; height:100%; float:right; padding:28px 55px 0 230px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px dashed #60bdd9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#333; font-size: 18px;}
.product1_cont .sixth .sixBox .intro > div:nth-child(2n) > div {float:left; padding:28px 230px 0 55px;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > em {display: block; text-align: center; font-size: 20px; padding-bottom: 20px;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div {float:left; width:70%;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {padding-left: 48px; margin-top: 15px; display: block; position: relative;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div > span em {position: absolute; left:0; top:0;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div > span:first-child {margin-top: 0;}
.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width:30%;}
.product1_cont.product4_cont .fourth .inner_title {padding:90px 0 24px;} 
.product1_cont.product4_cont .fourth > img {display: block; margin:20px auto 0;}
.product1_cont.product4_cont .fifth .inner_title {padding:64px 0 0;}
.product1_cont.product4_cont .fifth .product {position: relative; width:1020px; margin:auto; padding-bottom: 40px;margin-top: 230px;}
.product1_cont.product4_cont .fifth .product > img {display: block; margin:auto;}
.product1_cont.product4_cont .fifth .product > div {position: absolute; height:100%; top:0; right:0;}
.product1_cont.product4_cont .fifth .product > div > div {display: table; height:100%;}
.product1_cont.product4_cont .fifth .product > div > div > div {display: table-cell; vertical-align: middle;}
.product1_cont.product4_cont .fifth .product > div > div > div img {display: block; padding-bottom: 17px; margin:0;}
.product1_cont.product4_cont .fifth .product > div > div > div ul li {font-size: 16px; padding:10px 0 10px 18px; background: url(../images/product/dot.png) no-repeat left center; border-bottom: 1px solid #b2c7cd;}

/*神笔立体画-环球旅行*/
.product1_cont.product5_cont .first .slogan {top: 14.5%; right: 27.76%;}
.product1_cont.product5_cont .third .bottom img {position: absolute;}
.product1_cont.product5_cont .third .bottom .helicopter {left:51%; bottom: 16.78%; width:17.865%; position: absolute; overflow:hidden;}
.product1_cont.product5_cont .third .bottom .helicopter img {display: block; width:100%; height:100%; position: static;}
.product1_cont.product5_cont .third .bottom .light {width:45.885%; left:30.57%; bottom: 12.71%;}
.product1_cont.product5_cont .sixth .sixBox > ul li img {border:0;}
.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 46%;}
.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {width:24.4%;}
.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) {width:22.3%; float:right;}
.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {padding-left: 95px;}
.product1_cont.product5_cont .sixth .sixBox .intro > div:first-child > div .introBox > em {margin-top: -10px;}
.product1_cont.product5_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div:nth-child(3) {width:27.6%;}

/*神笔立体画-美食大冒险*/
.product1_cont.product6_cont .first .slogan {width: 27.6%; top: 7.6%; right: 16.77%;}
.product1_cont.product6_cont .first .slogan .title img {width: 86.22%;}
.product1_cont.product6_cont .first .slogan .title img:first-child {width: 58.6%; padding-bottom: 10px;}
.product1_cont.product6_cont .sixth .sixBox > ul li img {border: 0;}
.product1_cont.product6_cont .third .bottom img {position: absolute;}
.product1_cont.product6_cont .third .bottom .kung {position: absolute; left:24.6%; bottom: 3.81%; width:50.677%; overflow: hidden; text-align: center;}
.product1_cont.product6_cont .third .bottom .kung img {position: static; width:0; display: inline-block; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); transition: all .4s cubic-bezier(.59,.45,.49,.89) .6s; -webkit-transition: all .4s cubic-bezier(.59,.45,.49,.89) .6s; -moz-transition: all .4s cubic-bezier(.59,.45,.49,.89) .6s;}
.product1_cont.product6_cont .third .bottom .light {width:51.458%; left:15.468%; bottom: 1.86%;}
.product1_cont.product6_cont .sixth .sixBox .paint {width:1065px; margin:auto; padding-bottom: 70px;}
.product1_cont.product6_cont .sixth .sixBox .paint ul {width:100%;}
.product1_cont.product6_cont .sixth .sixBox .paint li {float:left; width:16.66%; text-align: center; font-size: 16px; color:#444; padding-top: 10px;}


/*服务支持-隐私政策*/
.privacy_cont {background: url(../images/business/bg1.jpg) no-repeat center top; background-size: cover; padding: 130px 0 82px;}
.privacy_cont .privacyBox {width:1060px; margin:auto;}
.privacy_cont .privacyBox .check {margin: 56px 0 58px; width:100%;}
.checkBox {width:996px; min-height: 366px; margin:auto; background: url(../images/business/border.png) no-repeat; background-size: 100% 100%; padding:60px 78px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
.privacy_cont .privacyBox .check > span {display: block; width:836px; float: left; height: 350px; position: relative;}
.privacy_cont .privacyBox .check > span img {display: block; position: absolute; right:0; top:0; height:152.57%;}
.checkBox > em {display: block; font-size: 24px; color:#333;}
.checkBox > span {display: block; font-size: 18px; padding:18px 0 15px;}
.checkBox li input {display: block; width:100%; height:45px; line-height: 45px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:0 18px; font-size: 14px; font-family: "YouYuan"; border:1px solid #e0f6fd; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.checkBox li {margin-top: 15px;}
.checkBox li:first-child {margin-top: 0;}
.checkBox li.code input {float:left; width:180px;}
.checkBox li.code img {cursor: pointer; float:right; width:140px; height:45px;}
.checkBox a {display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; color:#fff; text-align: center; width:100%; height:40px; line-height: 40px; font-size: 18px; background: #ffad18; margin-top: 40px;}
.privacy_cont .privacyBox .policy {z-index: 999; position: relative;}
.privacy_cont .privacyBox .policy > em {display: block; font-size: 24px; color:#333; padding-bottom: 14px;}
.privacy_cont .privacyBox .policy p {font-size: 14px; line-height: 26px; padding-bottom: 20px;}
.privacy_cont .privacyBox .policy p:last-child {padding-bottom: 0;}



/*常见问题*/
.question_cont {background: url(../images/business/bg3.jpg) no-repeat center top; background-size: cover; padding: 80px 0 68px;}
.question_cont .banner .inner_title {position:absolute; width:100%; left:0; top:12%;}
.question_cont .question {position: relative; width:1150px; margin:auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #e2f7fe;}
.question_cont .question > img {display: block; position: absolute; right: 30px; top:-40px;}
.question_cont .question ul {background: #fff; padding:26px 40px; z-index: 999; position: relative;}
.question_cont .question ul li {padding:24px 0; background: url(../images/business/border1.jpg) repeat-x left top;}
.question_cont .question ul li:first-child {background: none;}
.question_cont .question ul li > em {display: block; font-size: 16px; color:#333; padding-bottom: 16px;}
.question_cont .question ul li p {font-size: 14px; line-height: 24px;}
.question_cont .question ul li span {font-size: 14px; color: #15a6d4;}
.question_cont .question ul li > span {display: block; line-height: 24px;}
.question_cont .question ul li .s1 {padding-top: 20px;}

/*全国网点*/
.network_cont {margin-top: 80px;}
.network_cont .inner_title {padding-bottom: 20px;}
.network_cont .sub {display: block; text-align: center; font-size: 16px; padding-bottom: 45px;}
.network_cont .network {position: relative; margin:auto; width:859px; height:634px;}
.network_cont .network ul li {position: absolute; cursor: pointer;}
.network_cont .network ul li div {display: block; font-size: 14px; color:#15a6d4; font-family: "Microsoft YaHei"; padding-left: 20px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s;}
.network_cont .network ul li div > span {display: block; width:14px; height:23px; background: url(../images/business/loc2.png) no-repeat center bottom; position: absolute; left:0; bottom: 0; background-size: 100%;}
.network_cont .network ul li.right div {padding-left: 0; padding-right: 20px;}
.network_cont .network ul li.right div > span {left:auto; right:0;}
.network_cont .network ul li div > span i {display: block; height: 100%; background: url(../images/business/loc1.png) no-repeat center top;}
.network_cont .network ul li > i {display: block; width:27px; height:42px; background: url(../images/business/bear1.png) no-repeat; position: absolute; top:50%; left:0; margin-top: -21px; opacity: 0; visibility: hidden; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s;}
.network_cont .network ul li.right > i {left:auto; right:0;}
.network_cont .network ul li:first-child {left:17.8%; top:38.33%;}
.network_cont .network ul li:nth-child(2) {left:35.16%; top:41.32%;}
.network_cont .network ul li:nth-child(3) {left:43.54%; top:66.88%;}
.network_cont .network ul li:nth-child(4) {left: 43%; bottom: 15%;}
.network_cont .network ul li:nth-child(5) {left:57%; top: 38%;}
.network_cont .network ul li:nth-child(6) {right:6%; top:22%;}
.network_cont .network ul li:nth-child(7) {right:9.78%; top:32.33%;}
.network_cont .network ul li:nth-child(8) {right:17%; top:37.85%;}
.network_cont .network ul li:nth-child(9) {right:30%; top:40.5%;}
.network_cont .network ul li:nth-child(10) {right:24.21%; top: 43.7%;}
.network_cont .network ul li:nth-child(11) {right:30.85%; top:45.74%;}
.network_cont .network ul li:nth-child(12) {left:52%; top:49%;}
.network_cont .network ul li:nth-child(13) {left:58%; top:50.63%;}
.network_cont .network ul li:nth-child(14) {left:51.92%; top:59%;}
.network_cont .network ul li:nth-child(15) {left:58%; top:65.14%;}
.network_cont .network ul li:nth-child(16) {left:53.9%; bottom: 28.4%;}
.network_cont .network ul li:nth-child(17) {left: 52.62%; bottom: 20.66%;} 
.network_cont .network ul li:nth-child(18) {left:55.65%; bottom: 13.1%;}
.network_cont .network ul li:nth-child(19) {left:57.97%; bottom: 3%;}
.network_cont .network ul li:nth-child(20) {left:64.14%; bottom: 12.62%;}
.network_cont .network ul li:nth-child(21) {left:68.22%; bottom: 17.98%;} 
.network_cont .network ul li:nth-child(22) {left:63.21%; bottom: 23.19%;}
.network_cont .network ul li:nth-child(23) {left:70.9%; bottom: 26.29%;}
.network_cont .network ul li:nth-child(24) {left:65.77%; bottom: 31%;}
.network_cont .network ul li:nth-child(25) {left:70.2%; bottom: 35%;}
.network_cont .network ul li:nth-child(26) {left:60.76%; bottom: 39.27%;}
.network_cont .network ul li:nth-child(27) {left:68.8%; bottom: 39.75%;}
.network_cont .network ul li:nth-child(28) {left:71.12%; bottom: 45.27%;}
.sideBox.network {width:64.1%;}
.sideBox.network > div {margin:0 3.65% 0 3.25%; width:93.1%; padding:10px 0; display: block;}
.sideBox.network.cur {left:35.9%;}
.sideBox.network > div .selectBox {position: relative; float:left; font-size: 14px; margin-left: 26px;}
.sideBox.network > div .selectBox .selectBtn {width:100px; height:24px; line-height: 24px; position: relative; background: url(../images/business/arrow.png) no-repeat right center;}
.sideBox.network > div .selectBox .selectBtn span {display: block; margin-right: 10px; border-bottom: 1px solid #666; text-align: right; padding:0 5px;}
.sideBox.network > div .selectBox .option {position: absolute; left:0; top:34px; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding:10px; text-align: center; background: #c9effb; border-radius: 5px; -webkit-border-radius: 5px; display: none; max-height: 270px; overflow:hidden;}
.sideBox.network > div .selectBox .option span {display: block; cursor: pointer; line-height: 25px;}
.sideBox.network > div .search {height: 24px; padding:10px 26px 10px 45px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #c9effb; float:left; position: relative; z-index: 999;}
.sideBox.network > div .search .searchBtn {display: block; width:14px; height:14px; background: url(../images/business/search.jpg) no-repeat; position: absolute; left:30px; top:50%; margin-top: -7px;}
.sideBox.network > div .titleBox .title {display: block; padding-left: 47.7%; font-size: 30px; color:#26aed9; line-height: 44px;}
.sideBox.network > div .tableBox {position: relative; margin:30px 3.05% 0 0;}
.sideBox.network > div .tableBox > img {display: block; position: absolute; top:-84px; right:20px;}
.sideBox.network > div .tableBox table {width:100%; border-spacing: 0; border-collapse: collapse;}
.sideBox.network > div .tableBox table tr th {background: #56c5e8; padding:14px 5px; font-weight: normal; color:#fff; font-size: 16px; text-align: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.sideBox.network > div .tableBox table tr td {padding:14px 5px; font-size: 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px dotted #bdced3;}
.sideBox.network > div .tableBox table tr th:first-child, .sideBox.network > div .tableBox table tr td:first-child {padding-left: 3.4%;}
.sideBox.network > div .tableBox table tr th:last-child, .sideBox.network > div .tableBox table tr td:last-child {padding-right: 3.4%;}
.sideBox.network > div .load {display: block; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; width:190px; height:42px; line-height: 42px; color:#56c5e8; border:1px solid #56c5e8; font-size: 16px; margin:70px auto 0; text-align: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;}
.nicescroll-rails.network {left:97.66% !important;}



/*APP下载*/
.app_cont {background: url(../images/software/bg1.jpg) no-repeat center top; background-size: cover; padding: 120px 0 0; position: relative;}
.app_cont .inner_title {padding-bottom: 20px;}
.app_cont .sub {display: block; text-align: center; font-size: 14px; padding-bottom: 10px;}
.app_cont .app {width: 800px; margin:auto;}
.app_cont .app li {padding: 90px 0 38px; }
.app_cont .app li:first-child {background: none;}
.app_cont .app li > div {position: relative; float:left;}
.app_cont .app li > div:nth-child(2) {float: right;}
.app_cont .app li > div .img {position: absolute; width: 100px; height: 100px; left: 0; bottom: 0;}
.app_cont .app li > div .img img {transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.app_cont .app li > div .img .icon {display: block; width: 100%; height: 100%;}
.app_cont .app li > div .img .code {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;}
.app_cont .app li > div .img span {display: block; width: 100%; font-size: 14px; text-align: center; position: absolute; left: 0; top: 100%; padding-top: 10px; opacity: 0; visibility: hidden; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.app_cont .app li > div .download {padding-left: 124px;}
.app_cont .app li > div .download > div a {display: block; width: 150px; text-align: left; padding: 3px 0; color:#fff; font-size: 12px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; background: #62ceb1;  transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.app_cont .app li > div .download > div a:first-child {background: #28b1dc; margin-bottom: 14px; white-space: nowrap;}
.app_cont .app li > div .download > div a span {display: inline-block; background: url(../images/product/360store.png) no-repeat left center; padding-left: 38px; line-height: 30px; background-size: auto 80%;width: 90px;margin-left: 10px;}
.app_cont .app li > div .download > div a:first-child span {background: url(../images/product/apple.png) no-repeat left center; background-size: auto 80%;}
.app_cont .app li > div .download > div a.android span {background: url(../images/product/android.png) no-repeat left center; background-size: auto 80%;}
.app_cont .app li > div .download > em {display: block; font-size: 24px; color: #28b1dc; margin:0 0 32px 5px;}
.app_cont .minmargin{padding-top: 20px}

/*软件版本更新*/
.update_cont {background: url(../images/software/bg2.jpg) no-repeat center top; background-size: cover; padding: 166px 0 10px; position: relative;}
.update_cont .inner_title {padding-bottom: 15px;}
.update_cont .update {width: 1060px; margin: auto;}
.update_cont .update li {padding: 50px 0 55px; background: url(../images/software/border1.png) repeat-x left top;}
.update_cont .update li:first-child {background: none;}
.update_cont .update li > div {float:left; width: 40.56%; box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; padding-left: 74px;}
.update_cont .update li > div:nth-child(2) {float: right;}
.update_cont .update li > div > img {display: block; width: 52px; height: 52px; position: absolute; top: 0; left: 0;}
.update_cont .update li > div > div > em {display: block; font-size: 16px; color: #15a6d4; padding: 8px 0 10px;}
.update_cont .update li > div > div > div span {display: block; line-height: 24px; font-size: 14px;}
.update_cont .update li > div > div > div.div1 {padding-top: 26px;}

/*ar地球仪*/
.product1_cont.product10_cont .first .btns > div img {margin-top: 10px;}
.product1_cont.product10_cont .first .slogan {top: 9.52%; right: 16.25%;}
.product1_cont.product10_cont .first .slogan .title img {width: 87.7%;}
.product1_cont.product10_cont .first .slogan .title img:first-child {width: 66.5%; padding-bottom: 15px;}
.product1_cont.product10_cont .third .bottom .globe {position: absolute; width: 11.72%; left: 42.86%; bottom: 6.72%; overflow:hidden;}
.product1_cont.product10_cont .third .bottom .globe img {width: 100%;}
.product1_cont.product10_cont .fourth .inner_title {padding:98px 0 0 0;}
.product1_cont.product10_cont .fourth ul li:nth-child(2) {margin:80px 0;}
.product1_cont.product10_cont .fifth .product img {width: 59.8%;}
.product1_cont.product10_cont .seventh {background: #edf7fa;}
.product1_cont.product10_cont .seventh .inner_title {padding: 84px 0 32px;}
.product1_cont.product10_cont .seventh .topic {width: 1000px; margin:auto;}
.product1_cont.product10_cont .seventh .topic > span {display: block; text-align: center; width: 98%; margin:auto; font-size: 16px; line-height: 28px;}
.product1_cont.product10_cont .seventh .topic ul {width: 100%;}
.product1_cont.product10_cont .seventh .topic ul li {width: 21.3%; float: left; margin-left: 4.93%; margin-top: 50px; text-align: center;}
.product1_cont.product10_cont .seventh .topic ul li:nth-child(4n+1) {margin-left: 0;}
.product1_cont.product10_cont .seventh .topic ul li > div {position: relative; width: 100%;}
.product1_cont.product10_cont .seventh .topic ul li > div > img {display: block; width: 100%;}
.product1_cont.product10_cont .seventh .topic ul li > div .wait {position: absolute; width: 100%; left: 0; top: 22.5%; color: #fff;}
.product1_cont.product10_cont .seventh .topic ul li > div .wait img {display: block; width: 25px; height: 25px; margin: auto;}
.product1_cont.product10_cont .seventh .topic ul li > div .wait span {display: block; text-align: center; font-size: 16px; line-height: 26px; padding-top: 12px;}
.product1_cont.product10_cont .seventh .topic ul li > em {display: block; font-size: 16px; color: #15a6d4; padding: 16px 0 10px;}
.product1_cont.product10_cont .seventh .topic ul li > span {display: block; font-size: 14px; width: 76%; margin: auto; line-height: 20px; height: 40px;}

/*产品列表*/
.product_cont {background: url(../images/product/bg.jpg) no-repeat center top; background-size: cover; padding: 190px 0 80px;}
.product_cont .proBox {width: 1030px; margin: auto;}
.product_cont .proBox > div {text-align: center;}
.product_cont .proBox > div > em {display: block; font-size: 32px; color: #333; padding-bottom: 20px;}
.product_cont .proBox > div > span {display: block; font-size: 16px; line-height: 25px; width: 89%; margin:0 auto; text-align: left;}
.product_cont .proBox > div:first-child > span {margin:0 auto 35px;}
.product_cont .proBox li {width: 41%; float:left; text-align: center; margin-bottom: 80px;}
.product_cont .proBox li:nth-child(2n) {float: right;}
.product_cont .proBox li > span {display: block; width: 100%; position: relative;}
.product_cont .proBox li > span img {display: block; margin:auto; max-width: 100%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.product_cont .proBox li > span img.list_hover {opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0;}
.product_cont .proBox li > em {display: block; font-size: 20px; color: #333; padding: 20px 0 18px;}
.product_cont .proBox > div:nth-child(2) li > em {padding: 5px 0 18px;}
.product_cont .proBox li div a {display: inline-block; border:1px solid #15a6d4; color: #15a6d4; font-size: 16px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; width: 160px; height: 40px; line-height: 40px; box-sizing: border-box; -webkit-box-sizing: border-box; transition:all .3s; -webkit-transition:all .3s;}
.product_cont .proBox li div a:first-child {margin-right: 24px;}
.product_cont .proBox .brief {display: inline-block; padding: 30px 0 20px;}
.product_cont .proBox .brief div {float: left; margin-left: 50px;}
.product_cont .proBox .brief div:first-child {margin-left: 0;}
.product_cont .proBox .brief div em {display: block; font-size: 24px; color: #ff5a00; padding-bottom: 5px;}
.product_cont .proBox .brief div span {display: block; font-size: 18px;}
.product_cont .proBox > div li > img {display: block; margin:auto; max-width: 100%;}
.product_cont .proBox > div:nth-child(2) li {margin-bottom: 60px;}
.product_cont .proBox > div:nth-child(3) {padding-top: 30px;}
.product_cont .proBox > div:nth-child(3) li {width: 100%; padding-top: 40px; margin-bottom: 0;}
.product_cont .proBox > div:nth-child(3) li span {padding: 0 0 25px;}

/*神奇3D互动开卡片*/
.product1_cont.product11_cont .first .bannerImg .logo {width: 9.74%; position: absolute; top: 5.6%; left: 2.3%;}
.product1_cont.product11_cont .first .slogan .title img {width: 113.2%;}
.product1_cont.product11_cont .first .slogan {top: 16.9%;}
.product1_cont.product11_cont .first .btns > div img {height: 80%; margin-top: 10px;}
.product1_cont.product11_cont .third .newest {width: 50.3125%; margin: auto; padding-bottom: 70px;}
.product1_cont.product11_cont .third .newest > div {float: left; width: 33.3%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
.product1_cont.product11_cont .third .newest > div > i {display: block; width: 1px; height:60%; border-left: 1px dashed #97cfde; position: absolute; top: 20%; right: 0;}
.product1_cont.product11_cont .third .newest > div > div {font-size: 18px; color: #28b1dc;}
.product1_cont.product11_cont .third .newest > div > div em {font-size: 46px; font-weight: bold; font-family: 'Exo2-LightCondensed';}
.product1_cont.product11_cont .third .newest > div > span {display: block; font-size: 18px; color: #333;}
.product1_cont.product11_cont .third ul {width: 40.625%; position: relative; z-index: 999;}
.product1_cont.product11_cont .third ul li {width: 16.66%; margin-left: 25.01%; padding-bottom: 3.2%;}
.product1_cont.product11_cont .third ul li:nth-child(4n+1) {margin-left: 25.01%;}
.product1_cont.product11_cont .third ul li:nth-child(3n+1) {margin-left: 0;}
.product1_cont.product11_cont .third .bottom img {position: absolute;}
.product1_cont.product11_cont .third .bottom div {position: absolute; width: 33.33%; left: 17.34%; bottom: 0; height: 100%; overflow: hidden;}
.product1_cont.product11_cont .third .bottom .bear {width: 48.75%; left: 60.625%; bottom: 6.9%;}
.product1_cont.product11_cont .third .bottom .cow {width: 78.6%; left: 0; bottom: 1.88%;}
.product1_cont.product11_cont .fourth .inner_title {padding: 98px 0 0;}
.product1_cont.product11_cont .fourth ul li:nth-child(2) {margin: 30px 0 80px;}
.product1_cont.product11_cont .fifth .product img {width: 54.9%;}

/*熊出没*/
.product1_cont.product12_cont .first .slogan {top: 11.9%;}
.product1_cont.product12_cont .first .slogan .title img {width: 81.8%;}
.product1_cont.product12_cont .first .slogan .title img:first-child {width: 25%; padding-bottom: 20px;}
.product1_cont.product12_cont .third {background: url(../images/product/third_bg.jpg) no-repeat center top; background-size: cover;}
.product1_cont.product12_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width: 40%;}
.product1_cont.product12_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 60%;}
.product1_cont.product4_cont.product12_cont .fourth > img {padding-top: 30px;}
.product1_cont.product12_cont .fifth .product > img {width: 67.68%;}
.product1_cont.product12_cont .fifth .product {width: 66.56%;}
.product1_cont.product12_cont .fifth .product > div > div > div img {width: 30%;}

/*产品弹框*/
.product1_cont .third {overflow: visible;padding-top: 100px}
.product1_cont .third ul li {position: relative;}
.product1_cont .third ul li span.hoverBox {position: absolute; display: block; width: 250px; padding:10px 10px 20px; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; height: auto; left: 100%; margin-left: -175px; bottom:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom: 20px; z-index: 9998; opacity: 0; visibility: hidden; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.product1_cont .third ul li span.hoverBox i {display: block; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #fff; position: absolute; bottom: -11px; left: 50%; margin-left: -11px;}
.product1_cont .third ul li span.hoverBox em {display: block; font-size: 16px; color:#28b1dc; padding-bottom: 10px; text-align: center;}
.product1_cont .third ul li span.hoverBox span {display: block; line-height: 26px; font-size: 14px;}
.product1_cont .third ul li.orange span.hoverBox em {color: #faa50d;}

/*招商加盟*/
.invest_cont .intro {background: #d02828;}
.invest_cont .intro .introBox {width:56.25%; margin:auto; padding:90px 0 100px; color:#fff;}
.invest_cont .title {float: left; width: 31%;}
.invest_cont .title > em {display: block; font-size: 32px; font-family: 'BrandonText-Light';}
.invest_cont .title > em span {display: block; font-size: 86px; line-height: 86px; font-family: 'Brandon Text-Medium';}
.invest_cont .title > span {display: block; font-size: 46px;}
.invest_cont .title > i {display: block; height: 1px; width: 25.1%; background: #fff; margin:40px 0;}
.invest_cont .intro .introBox .title > p {line-height: 36px; font-size: 20px;}
.invest_cont .intro ul {float: right; width: 56.66%;}
.invest_cont .intro ul li {padding-top: 60px;}
.invest_cont .intro ul li:first-child {padding-top: 0;}
.invest_cont .intro ul li > img {display: block; float:left; width: 16.34%; margin-top: 10px;}
.invest_cont .intro ul li:first-child > img {margin-top: 25px;}
.invest_cont .intro ul li > div {float: right; width: 76.8%;}
.invest_cont .intro ul li > div span {display: block; font-size: 20px; line-height: 54px;}
.invest_cont .intro ul li > div span em {font-size: 54px; font-family: 'BrandonText-Light', 'YouYuan', 'Microsoft YaHei';}
/*.invest_cont .second {background: url(../images/invest/3.jpg) no-repeat; background-size: cover; padding:386px 0 94px; margin-top: -3px; position: relative; }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }*/
/*.invest_cont .second {background: url(../images/invest/3.jpg) no-repeat center; background-size: cover; padding:84px 0 94px;}*/
.invest_cont .second .ar_lan {width: 62.5%; margin:auto;}
.invest_cont .sub_title {font-size: 46px; text-align: center; color: #d02828; display: block;}
.invest_cont .second .ar_lan > span {display: block; text-align: center; font-size: 20px; color: #ffffff; padding: 22px 0 30px;}
.invest_cont .second .ar_lan .pie {position: relative;}
.invest_cont .second .ar_lan .pie > div {float: left; width: 50%; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.invest_cont .second .ar_lan .pie > div .pieBox {width: 103.33%;}
.invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox {width: 91.66%; padding-left: 8.34%;}
.invest_cont .second .ar_lan .pie > div .pieBox .list {float:left; position: absolute; display: table; left: 0; height: 100%;}
.invest_cont .second .ar_lan .pie > div .pieBox .list ul {display: table-cell; vertical-align: middle;}
.invest_cont .second .ar_lan .pie > div .pieBox .list ul li {line-height: 30px; font-family: "SimSun";}
.invest_cont .second .ar_lan .pie > div .pieBox .pieImg {display: table; float: right; width: 83.38%;}
.invest_cont .second .ar_lan .pie > div .pieBox .pieImg span {display: table-cell; vertical-align: middle;}
.invest_cont .second .ar_lan .pie > div .pieBox .pieImg span img {width: 100%;}
.invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox .pieImg {float: left; width: 80.18%;}
.invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox .list {left: auto; right: 0;}
.invest_cont .second .ar_lan .pie > div .bar {width: 100%; position: relative; margin-top: 25px; height: 50px;}
.invest_cont .second .ar_lan .pie > div .bar img {display: block; position: absolute; left: 0; top:0; height: 100%; width: 103%;}
.invest_cont .second .ar_lan .pie > div:nth-child(2) .bar img {left: auto; right: 0;}
.invest_cont .second .ar_lan .pie > div .bar span {display: block; text-align: center; font-size: 16px; color: #fff; line-height: 50px; position: relative;}
.invest_cont .third {position: relative;}
.invest_cont .third .logoBox li {float: left; width: 25%; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.invest_cont .third .logoBox li img {display: block; width: 100%;}
.invest_cont .third .logoBox li.mobile {display: none;}
.invest_cont .third .safe {position: absolute; width: 50%; height: 50%; top: 25%; left: 25%; background: #d02828;}
.invest_cont .third .safe .sub_title {color: #fff; padding:55px 0 30px;}
.invest_cont .third .safe .s1 {display: block; text-align: center; font-size: 80px; color: #fff; line-height: 80px; padding-bottom: 24px;}
.invest_cont .third .safe .eng {position: relative; text-align: center; width: 70.4%; margin:auto;}
.invest_cont .third .safe .eng i {display: block; width: 100%; height: 1px; background: rgba(255,255,255,.5); position: absolute; left: 0; top: 50%;}
.invest_cont .third .safe .eng span {display: inline-block; background: #d02828; color: rgba(255,255,255,.5); font-size: 24px; font-family: 'BrandonText-Light'; position: relative; padding:0 8px;}
.invest_cont .third .safe .logo_slide {width: 92%; margin:50px auto 0;}
.invest_cont .third .safe .logo_slide .bx-wrapper {max-width: 100% !important; width: 100%; overflow: visible;}
.invest_cont .third .safe .logo_slide .bx-wrapper .bx-viewport {left: 0; border: 0; box-shadow: none; background: transparent; width: 85.5% !important; margin:auto; overflow: hidden;}
.invest_cont .third .safe .logo_slide li {display: table; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; opacity: .5; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s;}
.invest_cont .third .safe .logo_slide li a {display: table-cell; vertical-align: middle; width: 100%; margin: auto; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border:1px solid #fff; text-align: center; overflow: hidden;}
.invest_cont .third .safe .logo_slide li a img {display: block; max-width: 90%; max-height: 90%; margin:auto;}
.invest_cont .third .safe .logo_slide .bx-wrapper .bx-controls-direction a {height: 36px; width: 19px; margin-top: -18px;}
.invest_cont .third .safe .logo_slide .bx-wrapper .bx-controls-direction a.bx-prev {background: url(../images/invest/icon_prev.png) no-repeat center; background-size: auto 100%; left: 0;}
.invest_cont .third .safe .logo_slide .bx-wrapper .bx-controls-direction a.bx-next {background: url(../images/invest/icon_next.png) no-repeat center; background-size: auto 100%; right: 0;}
.invest_cont .third .safe .logo_slide .bx-wrapper .bx-controls-direction a.cur {opacity: .5;}
.invest_cont .fourth {width: 63.23%; margin:auto; padding:90px 0;}
.invest_cont .fourth .dinosaur {display: table; width: 61%; float: right;}
.invest_cont .fourth .dinosaur span {display: table-cell; vertical-align: middle;}
.invest_cont .fourth .dinosaur span img {display: block; width: 100%;}
.invest_cont .fourth .product {display: table; width: 33.36%; float: left;}
.invest_cont .fourth .product .title {display: table-cell; vertical-align: middle; float: none; width: 100%;}
.invest_cont .fourth .product .title > em {font-size: 54px; color: #333;}
.invest_cont .fourth .product .title > span {color: #333; display: block; padding:10px 0 28px;}
.invest_cont .fourth .product .title ul {width: 100%;}
.invest_cont .fourth .product .title ul li {width: 45%; float: left; border-bottom: 1px dotted #d02828; padding:10px 0; position: relative;}
.invest_cont .fourth .product .title ul li:nth-child(2n) {float: right;}
.invest_cont .fourth .product .title ul li span {font-size: 32px; color: #d02828; padding-left: 44%; line-height: 60px;}
.invest_cont .fourth .product .title ul li img {display: block; width: 60px; position: absolute; left: 0; top: 10px;}
.invest_cont .fifth {background: url(../images/invest/bg1.jpg) no-repeat center; background-size: cover; padding:100px 0 105px;}
.invest_cont .fifth .sub_title {color: #fff; padding-bottom: 80px;}
.invest_cont .fifth ul {width: 71.145%; margin:auto;}
.invest_cont .fifth ul li {width: 46.26%; float: left; color: #fff; margin-top: 40px; position: relative;}
.invest_cont .fifth ul li:nth-child(2n) {float: right;}
.invest_cont .fifth ul li:first-child, .invest_cont .fifth ul li:nth-child(2) {margin-top: 0;}
.invest_cont .fifth ul li > img {display: block; position: absolute; left: 0; top:0; width: 15.82%;}
.invest_cont .fifth ul li div {padding-left: 19.62%; color: #fff;}
.invest_cont .fifth ul li div em {display: block; font-size: 30px; padding-bottom: 10px;}
.invest_cont .fifth ul li div span {display: block; font-size: 20px; line-height: 36px;}
.invest_cont .sixth {background: url(../images/invest/bottom.jpg) no-repeat center; background-size: cover; padding:160px 0 214px; position: relative;}
.invest_cont .sixth .contact {width: 62.7%; margin:auto;}
.invest_cont .sixth .contact > div {float: right; color: #d02828;}
.invest_cont .sixth .contact .sub_title {text-align: left;}
.invest_cont .sixth .contact i {display: block; width: 82px; height: 1px; background: #d02828; margin:30px 0;}
.invest_cont .sixth .contact > div > div span {display: block; font-size: 30px; margin-bottom: 14px; padding-left: 45px;}
.invest_cont .sixth .contact > div > div.hotline span {background: url(../images/invest/icon_tel.png) no-repeat left center;}
.invest_cont .sixth .contact > div > div a {color: #d02828; display: block;}
.invest_cont .sixth .contact > div > div.email {margin-top: 40px;}
.invest_cont .sixth .contact > div > div.email span {background: url(../images/invest/icon_mail.png) no-repeat left center;}
.invest_cont .sixth .contact > div > div.email a {font-size: 30px; font-family: 'BrandonText-Light'; border-bottom: 1px solid #d02828;}
.invest_cont .sixth .contact > div > div.email a.email1 {display: inline-block; margin-bottom: 14px;}
/*.invest_cont .banner .mobile {display: none;}*/








@media screen and (min-width: 1280px){
	/*首页*/
	.fullpage .second ul li a:hover .main, .five .news li a:hover div img {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: none\0\9;}
	.fullpage .third .thirdBox .aboutNeo > div > a:hover {background:#e5193f url(../images/index/arrow.png) no-repeat center;}
	
	.fullpage .five .news li a:hover span {color:#ffad18;}
	.fullpage .newsBtn:hover {border:0; background: #ffad18 url(../images/index/arrow.png) no-repeat center;}
	.fullpage .pro .intro .award img {transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; position: relative; z-index: 999;}
	.fullpage .pro .intro .award img:hover {transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2);}
	

	/*公司历程*/
	.history_cont .first .year .bike {animation: fadeInRight .5s linear .3s forwards; -webkit-animation: fadeInRight .5s linear .3s forwards; opacity: 0;}
	.history_cont .first .year .bear, .history_cont .first .year .balloon {animation: bounceInRight .8s linear .7s forwards; -webkit-animation: bounceInRight .8s linear .7s forwards; opacity: 0;}
	.history_cont .second .bear .bearImg {opacity: 0; visibility: hidden;}
	.history_cont .second .bear .bearImg.cur {animation: fadeInUp .4s linear .3s forwards; -webkit-animation: fadeInUp .4s linear .3s forwards; visibility: visible;}
	/*.history_cont .second .yearList .yearBox > div ul.cur {animation: fadeInLeft .8s linear .3s forwards; -webkit-animation: fadeInLeft .8s linear .3s forwards;}*/
	.history_cont .second .yearList > a:hover {color:#fff; background: #ffad18;}
	.history_cont .first .year .bear div img:hover {animation:balloon 1.6s linear .2s forwards; -webkit-animation:balloon 1.6s linear .2s forwards;}

	/*新闻列表*/
	.news_cont ul li a > span:hover img {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: none\0\9;}
	.news_cont ul li a > div em:hover {color:#fad13e;}
	.news_cont ul li a i:hover {background: #fad13e url(../images/news/arrow1.png) no-repeat center; border:1px solid #fad13e;}

	/*新闻详情*/
	.news_cont .btn > span a:hover {color:#ffad18;}

	/*招聘列表*/
	.recruit_cont .tab_cont ul li > a:hover {background: #fad13e url(../images/news/arrow1.png) no-repeat center; border:1px solid #fad13e;}
	.recruit_cont .tab_cont ul li > em a:hover {color:#fad13e;}

	/*招聘详情*/
	.recruit_cont .detailBox > span a:hover {color:#fad13e;}
	.recruit_cont .detailBox > span a:hover i {width:100%;}

	/*企业介绍*/
	.company_cont .train {opacity: 0; animation: fadeInLeft .8s ease-in .3s forwards; -webkit-animation: fadeInLeft .8s ease-in .3s forwards;}
	.company_cont .com_intro > img, .company_cont .invest .investBox .superman {opacity: 0; visibility: hidden;}
	.company_cont .com_intro.cur > img {animation: bounceIn .8s linear .2s forwards; -webkit-animation: bounceIn .8s linear .2s forwards; visibility: visible;}
	.company_cont .invest .investBox .superman.cur {animation: bounceInLeft .8s linear .3s forwards; -webkit-animation: bounceInLeft .8s linear .3s forwards; visibility: visible;}

	/*品牌介绍*/
	.brand_cont .first .board {opacity: 0; animation: bounceInDown .6s linear .3s forwards; -webkit-animation: bounceInDown .6s linear .3s forwards;}
	.brand_cont .second .introList li > img, .brand_cont .second .introList li > div > div .inner_title, .brand_cont .second .introList li > div > div p {opacity: 0; visibility: hidden;}
	.brand_cont .second .introList li.cur > img, .brand_cont .second .introList li.cur > div > div .inner_title, .brand_cont .second .introList li.cur > div > div p {
		visibility: visible;}
	.brand_cont .second .introList li:first-child.cur > img {animation: bounceIn .6s linear .2s forwards; -webkit-animation: bounceIn .6s linear .2s forwards;}
	.brand_cont .second .introList li:first-child.cur > div > div .inner_title, .brand_cont .second .introList li:nth-child(3).cur > div > div .inner_title {animation: fadeInRight .4s ease-in .6s forwards; -webkit-animation: fadeInRight .4s ease-in .6s forwards;}
	.brand_cont .second .introList li:first-child.cur > div > div p, .brand_cont .second .introList li:nth-child(3).cur > div > div p {animation: fadeInRight .4s ease-in .8s forwards; -webkit-animation: fadeInRight .4s ease-in .8s forwards;}
	.brand_cont .second .introList li:nth-child(2).cur > img {animation: bounceInRight .6s linear .2s forwards; -webkit-animation: bounceInRight .6s linear .2s forwards;}
	.brand_cont .second .introList li:nth-child(2).cur > div > div .inner_title {animation: fadeInLeft .4s ease-in .6s forwards; -webkit-animation: fadeInLeft .4s ease-in .6s forwards;}
	.brand_cont .second .introList li:nth-child(2).cur > div > div p {animation: fadeInLeft .4s ease-in .8s forwards; -webkit-animation: fadeInLeft .4s ease-in .8s forwards;}
	.brand_cont .second .introList li:nth-child(3).cur > img {animation: bounceInUp .6s linear .2s forwards; -webkit-animation: bounceInUp .6s linear .2s forwards;}

	/*口袋动物园1*/	
	.product1_cont .second .imac, .product1_cont .second .blue img {opacity: 0; visibility: hidden;}
	.product1_cont .second .imac.cur {animation: bounceInDown .8s linear .3s forwards; -webkit-animation: bounceInDown .8s linear .3s forwards; visibility: visible;}
	.product1_cont .second .blue.cur img {visibility: visible;}
	.product1_cont .second .blue.cur img:first-child {animation: bounceInDown .5s linear .3s forwards; -webkit-animation: bounceInDown .5s linear .3s forwards;}
	.product1_cont .second .blue.cur img:nth-child(2) {animation: bounceInDown .5s linear .5s forwards; -webkit-animation: bounceInDown .5s linear .5s forwards;}
	.product1_cont .third ul li:hover > div {transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); background: #28b1dc;}
	.product1_cont .third ul li:hover > div img.circle {opacity: 0; visibility: hidden;}
	.product1_cont .third ul li:hover > div img.hover {opacity: 1; visibility: visible;}
	.product1_cont .third ul li:hover > em {color:#15a6d4;}
	.product1_cont .third .bottom img {opacity: 0; visibility: hidden;}
	.product1_cont .third .bottom.cur img {visibility: visible;}
	.product1_cont .third .bottom.cur .circle {animation: fadeIn .3s linear .3s forwards; -webkit-animation: fadeIn .3s linear .3s forwards;}
	.product1_cont .third .bottom.cur .ipad {animation: bounceInUp .6s linear .5s forwards; -webkit-animation: bounceInUp .6s linear .5s forwards;}
	.product1_cont .third .bottom.cur .animals {animation: zoomIn .4s ease-in 1s forwards; -webkit-animation: zoomIn .4s ease-in 1s forwards;}
	.product1_cont .fourth ul li > img, .product1_cont .fourth ul li > div > div .step_title, .product1_cont .fourth ul li > div > div > span, .product1_cont .fourth ul li > div > div .download{opacity: 0; visibility: hidden;}
	.product1_cont .fourth ul li.cur > img, .product1_cont .fourth ul li.cur > div > div .step_title, .product1_cont .fourth ul li.cur > div > div > span, .product1_cont .fourth ul li.cur > div > div .download, .product1_cont .fifth .product img.cur {visibility: visible;}
	.product1_cont .fourth ul li:first-child.cur > img {animation: bounceIn .6s linear .3s forwards; -webkit-animation: bounceIn .6s linear .3s forwards;}
	.product1_cont .fourth ul li.cur > div > div .step_title {animation: flipInX .6s linear .8s forwards; -webkit-animation: flipInX .6s linear .8s forwards;}
	.product1_cont .fourth ul li.cur > div > div > span {animation: flipInX .6s linear 1s forwards; -webkit-animation: flipInX .6s linear 1s forwards;}
	.product1_cont .fourth ul li:first-child.cur > div > div .download {animation: bounceInRight .6s linear 1.4s forwards; -webkit-animation: bounceInRight .6s linear 1.4s forwards;}
	.product1_cont .fourth ul li:nth-child(2).cur > img {animation: bounceInRight .6s linear .3s forwards; -webkit-animation: bounceInRight .6s linear .3s forwards;}	
	.product1_cont .fourth ul li:nth-child(3).cur > img {animation: bounceInUp .6s linear .3s forwards; -webkit-animation: bounceInUp .6s linear .3s forwards;}
	.product1_cont .fifth .product img.cur {animation: bounceInDown .6s linear .3s forwards; -webkit-animation: bounceInDown .6s linear .3s forwards;}

	/*口袋动物园2*/
	.product1_cont .third ul.five li:hover > i {box-shadow: -5px 5px 10px 0 rgba(0,0,0,.2); -webkit-box-shadow: -5px 5px 10px 0 rgba(0,0,0,.2); -moz-box-shadow: -5px 5px 10px 0 rgba(0,0,0,.2);}
	.product1_cont .third ul.five li.orange:hover > div {background: #faa50d;}
	.product1_cont .third ul.five li.orange:hover > em {color:#faa50d;}
	.product1_cont.product2_cont .third .bottom.cur .animal1 {animation: zoomInUp .8s linear .3s forwards; -webkit-animation: zoomInUp .8s linear .3s forwards;}

	/*口袋交通*/
	.product1_cont.product3_cont .third .bottom.cur .jeep {animation: zoomInLeft .8s linear .3s forwards; -webkit-animation: zoomInLeft .8s linear .3s forwards;}
	.product1_cont.product3_cont .third .bottom.cur .car {animation: fadeInLeft .4s ease-in .9s forwards; -webkit-animation: fadeInLeft .4s ease-in .9s forwards;}

	/*神笔立体画-巴拉拉小魔仙*/
	.product1_cont.product4_cont .third .bottom.cur .girl2 {animation: fadeInDown .4s linear .3s forwards; -webkit-animation: fadeInDown .4s linear .3s forwards;}
	.product1_cont.product4_cont .third .bottom.cur .girl3 {animation: fadeInDown .4s linear .5s forwards; -webkit-animation: fadeInDown .4s linear .5s forwards;}
	.product1_cont.product4_cont .third .bottom.cur .girl1 {animation: fadeInDown .4s linear .7s forwards; -webkit-animation: fadeInDown .4s linear .7s forwards;}
	.product1_cont.product4_cont .third .bottom.cur .girl4 {animation: fadeInDown .4s linear .9s forwards; -webkit-animation: fadeInDown .4s linear .9s forwards;}
	.product1_cont.product4_cont .fourth > img, .product1_cont.product4_cont .fifth .product > div > div > div ul {opacity: 0; visibility: hidden;}
	.product1_cont.product4_cont .fourth.cur > img {visibility: visible; animation: bounceInRight .8s linear 1.8s forwards; -webkit-animation: bounceInRight .8s linear 1.8s forwards;}
	.product1_cont.product4_cont .fifth .product > div > div > div img.cur {animation: flipInX .6s linear .8s forwards; -webkit-animation: flipInX .6s linear .8s forwards;}
	.product1_cont.product4_cont .fifth .product > div > div > div ul.cur {animation: bounceInRight .6s linear 1.2s forwards; -webkit-animation: bounceInRight .6s linear 1.2s forwards; visibility: visible;}

	/*神笔立体画-环球旅行*/
	.product1_cont.product5_cont .third .bottom.cur .light {animation: fadeIn .4s linear .3s forwards; -webkit-animation: fadeIn .4s linear .3s forwards;}
	.product1_cont.product5_cont .third .bottom.cur .helicopter img {visibility: visible; animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards; -webkit-animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards;}

	/*神笔立体画-美食大冒险*/
	.product1_cont.product6_cont .third .bottom.cur .light {animation: fadeIn .4s linear .3s forwards; -webkit-animation: fadeIn .4s linear .3s forwards;}
	.product1_cont.product6_cont .third .bottom.cur .kung img {transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); opacity: 1; width:100%;}

	/*神笔立体画-圣经*/
	.product1_cont.product7_cont .third .bottom.cur .light  {animation: fadeIn .4s linear .3s forwards; -webkit-animation: fadeIn .4s linear .3s forwards;}
	.product1_cont.product7_cont .third .bottom.cur .angel img {animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards; -webkit-animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards;}

	/*神笔立体画-大头儿子小头爸爸*/
	.product1_cont.product9_cont .third .bottom.cur .light {animation: fadeIn .4s linear .3s forwards; -webkit-animation: fadeIn .4s linear .3s forwards;}
	.product1_cont.product9_cont .third .bottom.cur .head img {animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards; -webkit-animation: fadeInUp .4s cubic-bezier(.59,.45,.49,.89) .6s forwards;}
	.product1_cont.product9_cont .fifth .product > div > div > div div {opacity: 0; visibility: hidden;}
	.product1_cont.product9_cont .fifth .product > div > div > div div.cur {animation: bounceInRight .6s linear 1.2s forwards; -webkit-animation: bounceInRight .6s linear 1.2s forwards; visibility: visible;}

	/*全国网点*/
	.network_cont .network ul li:hover > i {visibility: visible; opacity: 1;}
	.network_cont .network ul li:hover > div {opacity: 0; visibility: hidden;}
	.sideBox.network > div .selectBox .option span:hover {color:#000; font-weight: bold;}
	.sideBox.network > div .tableBox table tr:hover td {background: #e6f8fe; color:#28afda;}
	.sideBox.network > div .load:hover {background: #56c5e8; color: #fff;}
	.experience_cont ul li a:hover {background: #15a6d4; color: #fff;}

	/*ar地球仪*/
	.product10_cont .third .bottom.cur .globe img {animation: fadeInRight .4s cubic-bezier(.59,.45,.49,.89) .3s forwards; -webkit-animation: fadeInRight .4s cubic-bezier(.59,.45,.49,.89) .3s forwards;}

	/*产品列表*/
	.product_cont .proBox li div a:hover {color: #fff; background: #15a6d4;}

	/*神奇3D互动卡片*/
	.product1_cont.product11_cont .third .bottom.cur .bear {animation: fadeInLeft .4s ease-in .3s forwards; -webkit-animation: fadeInLeft .4s ease-in .3s forwards;}
	.product1_cont.product11_cont .third .bottom.cur .cow {animation: fadeInLeft .4s ease-in .6s forwards; -webkit-animation: fadeInLeft .4s ease-in .6s forwards;}

	/*产品弹框*/
	.product1_cont .third ul li:hover span.hoverBox {visibility: visible; opacity: 1;}
	.app_cont .app li > div .download > div a:first-child:hover {background: rgba(40,177,220,.7);}
	.app_cont .app li > div .download > div a:hover {background: rgba(98,206,177,.7);}
	.product_cont .proBox li:hover > span img.list_hover{visibility: visible; opacity: 1;}

	/*app下载*/
	.app_cont .app li > div .img {perspective: 800px; -webkit-perspective: 800px; -moz-perspective: 800px; transform-style: preserve-3d;}
	.app_cont .app li > div.cur .img .icon {opacity: 0; visibility: hidden; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
	.app_cont .app li > div.cur .img .code {opacity: 1; visibility: visible; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);}
	.app_cont .app li > div.cur .img span {opacity: 1; visibility: visible;}

	/*招商加盟*/
	.invest_cont .third .logoBox li, .invest_cont .third .safe {opacity: 0; visibility: hidden;}
	.invest_cont .third.cur .logoBox li {visibility: visible; animation:zoomBigIn 2s ease-out .2s forwards; -webkit-animation:zoomBigIn 2s ease-out .2s forwards;}
	.invest_cont .third.cur .logoBox li:nth-child(2), .invest_cont .third.cur .logoBox li:nth-child(5), .invest_cont .third.cur .logoBox li:nth-child(12), .invest_cont .third.cur .logoBox li:nth-child(14) {animation-delay: 1s; -webkit-animation-delay: 1s;}
	.invest_cont .third.cur .logoBox li:nth-child(3), .invest_cont .third.cur .logoBox li:nth-child(8), .invest_cont .third.cur .logoBox li:nth-child(9), .invest_cont .third.cur .logoBox li:nth-child(13) {animation-delay: 1.8s; -webkit-animation-delay: 1.8s;}	
	.invest_cont .third.cur .safe {visibility: visible; animation:zoomBigIn 1.6s ease-out 2.4s forwards; -webkit-animation:zoomBigIn 1.6s ease-out 2.4s forwards;}
	.invest_cont .third .safe .logo_slide li:hover {opacity: 1;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px;}
}
@media screen and (max-width: 1620px){
	.fullpage .third .thirdBox .aboutNeo {padding-left: 15px;    background-color: rgba(0, 0, 255, 0);}
	.fullpage .four .title {padding-top: 120px;}
	.fullpage .five .title {padding-top: 100px;}
	.fullpage .five .bx-wrapper {margin:65px auto 0;}
	.history_cont .first .year {bottom: 20px;}
	.history_cont .first .inner_title {padding-top: 6.6%;}
	.contact_cont .contactBox {}
	.company_cont .train {margin:7% auto 0;}
	.product1_cont .first {padding-top: 125px;}
	.product1_cont .fourth ul li > div > div .download > div > div a {padding:10px 35px;}
	.sideBox .introList li {margin-top: 20px;}
	.sideBox .introList li div em {font-size: 18px;}
	.sideBox .introList li div span {font-size: 14px; line-height: 24px;}
	.product1_cont .third .inner_title {padding:110px 0 50px;}
	.history_cont .second .yearList .yearBox > div ul li span {height: 144px;}
	.invest_cont .fourth {width: 66%;}
	.invest_cont .third .safe .s1 {font-size: 70px; line-height: 70px;}
	.invest_cont .third .safe .sub_title {padding:40px 0 30px;}
	.invest_cont .intro .introBox {width: 68%;}
	.fullpage .pro .intro .award {height: 100px;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px;}
}
@media screen and (max-width: 1460px){
	.fullpage .third .thirdBox {top:150px;}
	.fullpage .five .bx-wrapper {margin:60px auto 0;}
	.fullpage .five .ipad {top:-30px;}
	.history_cont .first .inner_title {padding-top: 8%;}
	.contact_cont .contactBox {}
	.company_cont .train {margin:6% auto 0;}
	.history_cont .first .year .balloon {bottom: 21.25%;}
	.product1_cont .fourth ul li > div > div .download > div > div a {padding:8px 32px; font-size: 16px;}
	.product1_cont .fourth ul li > div > div .download > div > div a:first-child {margin-bottom: 10px;}
	.product1_cont .third .inner_title {padding:80px 0 50px;}
	.product1_cont .first .slogan .word em {font-size: 28px;}
	.product1_cont.product7_cont .first .slogan {top: 12%;}
	.sideBox.member {width: 55%;}
	.sideBox.member.cur {left: 45%;}
	.sideBox.member > span a {height: 55px;}
	.company_cont .team .slider .slick-slide > div div em {padding: 14px 0 8px;}
	.company_cont .team .slider .slick-slide > div div a {bottom: 15px;}
	.product1_cont .third ul li span.hoverBox {padding:10px 10px 15px;}
	.history_cont .second .yearList .yearBox > div ul li span, .history_cont .second .yearList .yearBox > div ul li em {width: 68%;}
	.invest_cont .third .safe .s1 {font-size: 62px; line-height: 62px;}
	.invest_cont .third .safe .sub_title {padding:30px 0 22px;}
	.invest_cont .title > em span {font-size: 74px; line-height: 74px;}
	.invest_cont .second .ar_lan {width: 64.5%;}
	.invest_cont .intro .introBox {width: 75%;}
	.fullpage .pro .intro .award {height: 90px;}
	.news_cont ul {width:64%;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px;}
}
@media screen and (max-width: 1380px){	
	.fullpage .third .thirdBox {top:80px;height: 100%}
	.fullpage .four .title {padding-top: 78px;}
	.fullpage .title h1 {font-size: 30px;}
	.fullpage .five .title {padding-top: 75px;}
	.fullpage .newsBtn, .fullpage .third .thirdBox .aboutNeo > div > a {width:130px; height:32px; line-height: 32px;}
	.fullpage .five .news {padding:10px 0;}
	.history_cont .first .year {bottom: 10px;}
	.history_cont .first .inner_title {padding-top: 6%;}
	.company_cont .titleImg {padding:1% 0 25px;}
	.company_cont .com_intro {margin:10% auto 0;}
	.history_cont .first .year .balloon {bottom: 24.25%;}
	.product1_cont .first {padding-top: 70px;}
	.product1_cont .fourth ul li > div > div .download > div > div a {padding:5px 25px;}	
	.product1_cont .first .slogan .word em {font-size: 26px;}
	.product1_cont .first .slogan .word p {font-size: 14px;}
	.sideBox.member > span {bottom: 4%;}
	.company_cont .team .slider .slick-slide > div div span {font-size: 14px;}
	.company_cont .team .slider .slick-prev, .company_cont .team .slider .slick-next {height: 70px; margin-top: -35px;}
	.fullpage .pro .intro > em {font-size: 26px; padding-bottom: 8px;}
	.fullpage .pro .intro > span {line-height: 20px; padding-bottom: 4%; font-size: 14px;}
	.product1_cont.product11_cont .third .newest {padding-bottom: 55px;}
	.product1_cont.product12_cont .fifth .product {width: 80%;}
	.invest_cont .second .ar_lan {width: 68%;}
	.invest_cont .third .safe .sub_title {padding:25px 0 14px;}
	.invest_cont .intro ul li > div span em {font-size: 46px;}
	.fullpage .pro .intro .award {height: 66px;}
	.fullpage .pro .intro, .fullpage .seventh.pro .intro {bottom: 10%;}
	.fullpage .pro .pic, .fullpage .seventh.pro .pic {bottom: 0;}
	.fullpage .pro .pic {width:52%;}
	.fullpage .four .intro > div {height: 43%;}
	.fullpage .four .intro > div > div span {font-size: 14px;}
	.fullpage .four .intro > div > div div {margin-top: 40%;}
	.fullpage .five .ipad {width:50%; left:25%; top: -12px;}
	.fullpage .five .bx-wrapper {margin:35px auto 0;}
	.history_cont .first .year {width:40%; left:30%;}
	.invest_cont .fifth ul li div span {font-size: 18px; line-height: 32px; height: 64px;}	
	.invest_cont .sixth .contact {width: 92%;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px; left: 19%;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px; left: 19%;}
}
@media screen and (max-width: 1300px){
	.product1_cont.product5_cont .first .slogan {top: 9.5%;}
	.checkBox {width: 80%;}
	.history_cont .second .yearList .yearBox > div ul li span, .history_cont .second .yearList .yearBox > div ul li em {width: 78%;}
	.invest_cont .intro .introBox {width: 64%;}
	.invest_cont .second .ar_lan {width: 74%;}
	.invest_cont .sub_title {font-size: 38px;}
	.invest_cont .third .safe .s1 {font-size: 50px; line-height: 50px;}
	.invest_cont .third .safe .logo_slide {margin:40px auto 0;}
	.invest_cont .fourth {width: 74%;}
	.invest_cont .fifth ul {width: 80%;}	
	.invest_cont .fifth ul li div span {height: auto;}
	.news_cont ul {width:68%;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px;}
}
@media screen and (max-width: 1024px){
	.fullpage .third, .fullpage .five {display: table; width: 100%;}
	.fullpage .third .fp-tableCell, .fullpage .five .fp-tableCell {display: table-cell; vertical-align: middle;}
	.fullpage .third .thirdBox {top:0;}
	.fullpage .four .join .joinImg {width:66%; left:17%;}
	.fullpage .four .intro > div > div span {font-size: 14px;}
	.fullpage .four .intro > div:first-child {left:17.8%; bottom: 31.78%;}
	.fullpage .four .intro > div > div {left:20px;}
	.fullpage .four .join .bear {left:28.54%; bottom: 36%;}
	.fullpage .four .join {overflow:visible;}
	.fullpage .four .intro > div:nth-child(2) {left:31.5%; bottom: 44%;}
	.fullpage .four .intro > div:nth-child(3) {bottom: 32%;}
	.fullpage .four .intro > div:nth-child(4) {right:37%; bottom: 44%;}
	.fullpage .four .join .frog {left: 71%; bottom: 30%;}
	.fullpage .four .intro > div:nth-child(5) {right:22.76%; bottom: 32.18%;}
	.news_cont ul {width:84%;}
	.news_cont .banner .inner_title {left:22%; top:-6%;}
	.news_cont ul li a > div em {font-size: 16px; width:70%;}
	.product1_cont .first .btns > div {width:90%;}
	.inner_title span {font-size: 20px;}
	.inner_title span em {font-size: 30px;}
	.product1_cont .first .slogan .word {padding:8px 0;}
	.product1_cont .first .slogan .word em {font-size: 18px;}
	.product1_cont .first .slogan .word p {font-size: 12px; line-height: 18px;}
	.product1_cont .third .inner_title {padding: 50px 0 20px;}
	.product1_cont .third ul li > em {font-size: 14px;}
	.product1_cont .third ul li > em.s1 em {margin-left: -70px;}
	.product1_cont .sixth .inner_title {padding: 70px 0 40px;}
	.product1_cont .sixth .sixBox {width: 90%; display: none;}
	
	.product1_cont .fourth{margin-top: 0px !important;}
	.product1_cont.product6_cont .sixth .sixBox .paint {width: 100%; padding-bottom: 55px;}
	.product1_cont.product6_cont .sixth .sixBox .paint img {width: 100%;}
	.product1_cont .sixth .sixBox .intro > div {height: auto;}
	.product1_cont .sixth .sixBox .intro > div > img {width: 34%; height: auto;}
	.product1_cont .sixth .sixBox .intro > div > div {padding: 20px 30px 20px 18%; width: 80%;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width: 34%;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 66%;}
	.product1_cont .sixth .sixBox .intro > div:nth-child(2n) > div {padding: 20px 18% 20px 30px;}
	.product1_cont.product4_cont .fourth .inner_title {padding: 70px 0 20px;}
	.product1_cont .fourth ul {width: 90%;}
	.product1_cont.product4_cont .fourth > img {width: 90%;}
	.product1_cont.product4_cont .fifth .product {width: 90%; margin: auto;}
	.sideBox {width: 60%;}
	.sideBox.cur {left: 40%;}
	.nicescroll-rails.cur {left: 42% !important;}
	.product1_cont .sixth .sixBox > ul li {width: 16.66%;}
	.product1_cont .sixth .sixBox > ul li img {height: auto;}
	.product1_cont.product8_cont .sixth .sixBox .paint img {margin: 0 auto 70px;}
	.product1_cont.product8_cont .sixth .sixBox {width: 90%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div {height: 234px;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div:nth-child(2n+1) > div .introBox {padding: 16px 10% 0 0;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {margin-top: 10px;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div {width: 96%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div:nth-child(2n) > div {padding: 0;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox {padding: 16px 0 0 10%;}
	.product1_cont .fourth .inner_title {padding: 70px 0 20px;}
	.product1_cont .fifth .product img {width: 88%;}
	.product1_cont.product4_cont .fifth .product > img {width: 56%;}
	.product1_cont.product4_cont .fifth .product > div > div > div img {width: 60%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox > em {padding-bottom: 12px;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {width: 28%;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) {width: 30%;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div:nth-child(3) {width: 30%;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div:nth-child(2n) > div {padding: 20px 15% 20px 20px;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 42%;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div {padding: 20px 20px 20px 16%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 52%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div:nth-child(2) {width: 52%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 46%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {width: 54%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div:nth-child(4) > div .introBox > div > div:nth-child(2) {width: 40%;}
	.product1_cont.product3_cont .fifth .product img {width: 88%;}
	.brand_cont .second .dream .animals > div > div {top: -68%; left: -170%;}
	.brand_cont .second .dream .animals > div.four > div {top: -82%; left: -176%;}
	.brand_cont .second .video > div .video_title {text-align: left; box-sizing: border-box; -webkit-box-sizing:border-box;}
	.brand_cont .second .introList, .company_cont .com_intro {width: 90%;}
	.history_cont .second .yearList .yearBox > div ul li:first-child {margin-left: 0;}
	.history_cont .second .yearList .yearBox > div ul li span {font-size: 14px;}
	.history_cont .second .yearList {margin-top: -140px;}
	.history_cont .second .yearList .yearBox > div {margin-bottom: 70px;}
	.history_cont .second .patent .patentBox {width: 80%;}
	.history_cont .second .inner_title.title2 {padding: 36px 0 60px;}
	.history_cont .second .yearList .yearBox > div ul li em {font-size: 20px;}
	.contact_cont .contactBox {width: 80%;}
	.market_cont .marketBox .box {width: 80%;}
	.privacy_cont .privacyBox {width: 80%;}
	.privacy_cont .privacyBox .check {position: relative;}
	.privacy_cont .privacyBox .check > span {width: 100%; height: 100%; position: absolute; left: 0; top: 12%;}
	.privacy_cont .privacyBox .check > span img {right: auto; left: -20%; top: 0; height: 100%;}
	.privacy_cont .privacyBox .check .checkBox {width: 40%; height: auto; padding: 30px; position: relative; z-index: 999;}
	.privacy_cont .privacyBox .check .checkBox > em {font-size: 20px;}
	.privacy_cont .privacyBox .check .checkBox li.code input {width: 60%;}
	.privacy_cont .privacyBox .check .checkBox li.code img {width: 36%;}
	.question_cont .question, .app_cont .app {width: 80%;}
	.app_cont .app li > div {width: 42%;}
	.app_cont .app li > div .img {width: 33.33%; height: auto;}
	.app_cont .app li > div .download {padding-left: 38%;}
	.app_cont .app li > div .download > div a {width: 100%; padding: 6px 0; font-size: 14px;}
	.app_cont .app li {padding: 60px 0 50px;}
	.app_cont {padding: 130px 0 0;}
	.app_cont .inner_title {padding-bottom: 10px;}
	.update_cont .update {width: 80%;}
	.update_cont .update li > div {width: 46%;}
	.update_cont {padding: 130px 0 10px;}
	.experience_cont ul {width: 80%; margin-left: 0; left: 10%;}
	.experience_cont ul li > img {height: 140px;}
	.company_cont .team .slider .slick-slide > div div span {font-size: 14px;}
	.company_cont .team .slider .slick-slide > div div em {font-size: 16px; padding: 16px 0 8px;}
	.company_cont .team .slider .slick-slide > div div a {bottom: 10px;}
	.product1_cont.product7_cont .first .slogan {top: 9%;}
	.recruit_cont .tab_cont ul {width: 80%;}
	.recruit_cont .detailBox {width: 74%;}
	.checkBox {width: 78%; min-height: 0;}
	.product1_cont .fourth ul li > div > div .step_title {margin-bottom: 16px;}
	.product1_cont .fourth ul li > div > div .download {margin-top: 18px;}
	.product1_cont .fifth .inner_title {padding: 70px 0 50px;}
	.product1_cont.product6_cont .third .bottom .kung img {transform: translateY(0); -webkit-transform: translateY(0); width:100%;} 
	.product1_cont .first .btns > div img {width: 10%;}
	.product1_cont .first .btns {height: 68px;}
	.product1_cont .first .btns > div > div a {width: 142px; height: 34px; line-height: 34px;}
	.product10_cont .first .btns > div img {width: 15%;}
	.product1_cont.product4_cont .first .btns > div img {width: auto; height: 130%;}
	.product2_cont .first .btns > div img {width: 12%;}
	.product1_cont.product5_cont .first .btns > div img {height: 76%;}
	.product1_cont.product7_cont .first .btns > div img {height: 50%;}
	.news_cont .detail {width: 70%; margin:0 auto 50px;}
	.fullpage .four .title {padding-top: 96px;}
	.sideBox.member > div .memberBox .intro > p {font-size: 14px;}
	.sideBox.member {width: 70%;}
	.sideBox.member.cur {left: 30%;}
	.product_cont {padding: 120px 0 50px;}
	.product_cont .proBox > div > em {font-size: 26px; padding-bottom: 15px;}
	.product_cont .proBox {width: 84%;}	
	.product_cont .proBox li div a {width: 46%;}
	.product_cont .proBox li div a:first-child {margin-right: 4%;}
	.product_cont .proBox div:nth-child(3) li div {width: 41%; margin:auto;}
	.product_cont .proBox .brief div em {font-size: 22px;}
	.product_cont .proBox .brief div span {font-size: 16px;}
	.product1_cont.product10_cont .seventh .topic {width: 80%;}
	.product1_cont.product10_cont .seventh .topic ul li > span {width: 100%;}
	.product1_cont.product10_cont .seventh .inner_title {padding: 60px 0 15px;}
	.product1_cont.product10_cont .fifth .product img {width: 60%;}
	.fullpage .pro .intro > em {font-size: 26px; padding-bottom: 15px;}
	.fullpage .pro .intro > span {font-size: 14px; line-height: 22px;}
	.fullpage .pro .intro {width: 36%; right: 12%;}
	.product1_cont.product11_cont .third .newest > div > div em {font-size: 32px;}
	.product1_cont.product11_cont .third .newest {padding-bottom: 28px;}
	.product1_cont.product11_cont .fourth .inner_title {padding: 70px 0 0;}
	.product1_cont.product4_cont .fifth .product > div > div > div img {width: 22%;}
	.fullpage .pro.active .intro ul li:first-child {animation: fadeInUp .4s linear 1.8s forwards; -webkit-animation: fadeInUp .4s linear 1.8s forwards;}
	.fullpage .pro.active .intro ul li:nth-child(2) {animation: fadeInUp .4s linear 2s forwards; -webkit-animation: fadeInUp .4s linear 2s forwards;}
	.fullpage .pro.active .intro ul li:nth-child(3) {animation: fadeInUp .4s linear 2.2s forwards; -webkit-animation: fadeInUp .4s linear 2.2s forwards;}
	.fullpage .pro.active .intro ul li:nth-child(4) {animation: fadeInUp .4s linear 2.4s forwards; -webkit-animation: fadeInUp .4s linear 2.4s forwards;}
	.brand_cont .second .logo_wall {width: 84%; margin-top: 0;}
	.invest_cont .intro .introBox {width: 80%;}
	.invest_cont .intro ul li > div span em {font-size: 48px;}
	.invest_cont .intro ul li > div span {line-height: 48px;}
	.invest_cont .intro ul li {padding-top: 30px;}
	.invest_cont .second .ar_lan {width: 90%;}
	.invest_cont .safe .sub_title {font-size: 30px;}
	.invest_cont .third .safe .s1 {font-size: 36px; line-height: 36px;}
	.invest_cont .third .safe .sub_title {padding:15px 0 10px;}
	.invest_cont .third .safe .logo_slide {margin:34px auto 0;}
	.invest_cont .title > em span {font-size: 58px; line-height: 58px;}
	.invest_cont .fourth .product .title > em {font-size: 40px;}
	.invest_cont .title > span {font-size: 34px;}
	.invest_cont .fourth {width: 80%;}
	.invest_cont .fourth .product .title ul li img {width: 45px;}
	.invest_cont .fourth .product .title ul li span {line-height: 45px;}
	.invest_cont .sixth .contact {width: 92%;}
    .second .carousel{ text-align: center;width:64%;margin-bottom: 100px;}
    .second .carousel1{ text-align: center;width:64%;margin-bottom: 100px;}
}
@media screen and (max-width: 768px){
	.fullpage .pro .intro .award {display: none;}
	.product1_cont .second .imac, .product1_cont .second .blue img, .product1_cont .third .bottom img {opacity: 1;}	
	.product1_cont.product6_cont .third .bottom .kung img {transform: translateY(0); -webkit-transform: translateY(0); width:100%;} 
	.product1_cont .first .slogan .word p {font-size: 10px; line-height: 14px;}
	.product1_cont .third ul li > em {font-size: 12px;}
	.sideBox {width: 70%;}
	.sideBox.cur {left: 30%;}
	.product1_cont .fourth ul li > div > div .step_title img {height: 20px;}
	.product1_cont .fourth ul li > div > div .step_title span {font-size: 18px; padding: 12px 14px;}
	.product1_cont .fourth ul li > div > div .download > div > div a {font-size: 14px; padding: 2px 14px;}
	.product1_cont .third ul li > em.s1 em {margin-left: -60px;}
	.nicescroll-rails.cur {left: 32% !important;}
	.product1_cont .sixth .sixBox .intro > div > div {font-size: 16px;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {margin-top: 10px;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 58%;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width: 42%;}
	.product1_cont.product4_cont .fifth .product > div > div > div ul li {font-size: 14px;}
	.inner_title span em {font-size: 24px;}
	.inner_title span {font-size: 18px;}
	.product1_cont .third .inner_title {padding: 35px 0 15px;}
	.product1_cont .second .inner_title {padding: 60px 0 40px;}
	.product1_cont.product8_cont .first .slogan {top: 7%;}
	.product1_cont.product8_cont .sixth .sixBox .paint img {width: 100%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox {width: 48%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 56%;}
	.product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width: 44%;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {padding-left: 70px; font-size: 14px;}
	.product1_cont.product5_cont .sixth .sixBox .intro > div > div {padding: 20px 6px 20px 15%;}
	.product1_cont.product7_cont .sixth .sixBox .intro > div > div {padding: 20px 8px 20px 16%;}
	.product1_cont .sixth .sixBox .intro > div:nth-child(2n) > div {padding: 20px 16% 20px 8px;}
	.brand_cont .second .video {padding-bottom: 70px;}
	.sideBox.member {width: 85%;}
	.sideBox.member.cur {left: 15%;}
	.company_cont .invest > span {width: 80%;}
	.company_cont {padding: 130px 0 100px;}
	.sideBox.history {width: 80%;}
	.sideBox.history.cur {left: 20%;}
	.history_cont .first .year {width: 90%; left: 5%; bottom: 30px;}
	.history_cont .first .inner_title {padding-top: 16%;}
	.history_cont .second .inner_title.title1 {padding-top: 8%;}
	.history_cont .second .yearList .yearBox > div {width: 86%;}
	.history_cont .second .yearList .yearBox .bx-wrapper .bx-controls-direction a {height: 60px; margin-top: -70px;}
	.history_cont .second .yearList .yearBox > div ul li span {font-size: 12px; line-height: 20px;}
	.history_cont .second .yearList .yearBox {margin: 35px auto 0;}
	.history_cont .second .inner_title.title2 {padding: 15px 0 45px;}
	.history_cont .second .patent .patentBox > div span {margin-bottom: 20px;}
	.history_cont .second .patent > img {bottom: 70px;}
	.history_cont .second .patent {padding-bottom: 160px;}
	.recruit_cont .tab {padding: 0 10px;}
	.recruit_cont .tab a {padding: 0 25px;}
	.recruit_cont .tab_cont ul {width: 90%;}
	.recruit_cont .tab_cont ul li {width: 32%; margin-left: 2%;}
	.recruit_cont .tab_cont ul li > a {width: 58%;}
	.recruit_cont .back {width: 18%;}
	.recruit_cont {padding: 130px 0 55px;}
	.contact_cont .contactBox {width: 88%; }
	.contact_cont .contactBox li {width: 32%; margin-left: 2%;}
	.contact_cont .contactBox li div span {font-size: 12px; line-height: 20px;}
	.contact_cont .contactBox li div em {padding-bottom: 10px;}
	.contact_cont .contactBox iframe {height: 330px;}
	.contact_cont {padding: 130px 0 60px;}
	.privacy_cont {padding: 130px 0 20px;}
	.question_cont .question {width: 86%;}
	.inner_title span i {top: 26px;}
	.network_cont .network {width: 90%;}
	.network_cont .network img {display: block; width: 100%; height: 100%;}
	.network_cont .network ul li div {font-size: 12px; padding-left: 14px;}
	.network_cont .network ul li div > span {width: 9.7px; height: 16px;}
	.network_cont .network ul li div > span i {background-size: 100%;}
	.network_cont .network ul li.right div {padding-right: 14px;}
	.network_cont {padding: 130px 0 65px;}
	.network_cont .inner_title {padding-bottom: 0;}
	.sideBox.network {width: 85%;}
	.sideBox.network.cur {left: 15%;}
	.sideBox.network > div .titleBox .title {font-size: 26px; padding-left: 50%;}
	.sideBox.network > div .search {padding: 10px 22px;}
	.sideBox.network > div .search .searchBtn {left: 22px;}
	.sideBox.network > div .selectBox {margin-left: 15px;}
	.checkBox {padding: 32px 40px; width: 80%;}
	.checkBox > em {font-size: 22px;}
	.checkBox > span {font-size: 16px; padding: 14px 0 10px;}
	.checkBox a {margin-top: 30px;}
	.app_cont .app li {padding: 40px 0;}
	.app_cont .app li > div .download > div a {padding: 4px 5px;}
	
	
	.app_cont .app li > div .download > div a:first-child {margin-bottom: 8px;}
	.app_cont .app li > div .download > em {font-size: 22px; margin: 0 0 24px 5px;}
	.app_cont .sub {padding-bottom: 10px;}
	.app_cont {padding: 130px 0 20px;}
	.update_cont .update {width: 86%;}
	.experience_cont ul {margin:140px auto 0; position: static;}
	.sideBox.experience {width: 85%;}
	.sideBox.experience.cur {left: 15%;}
	.nicescroll-rails.experience {left: 17% !important;}
	.experience_cont ul li > img {height: 130px;}
	.news_cont ul {width: 80%;}
	.news_cont ul li a i {width: 44%;}
	.news_cont .detail {width: 80%;}
	.news_cont .btn {width: 74%;}
	.news_cont .btn div a {width: 110px; height: 36px; line-height: 36px;}
	.market_cont .antiBox .checkBox {margin-top: -56px; padding: 32px 50px;}
	.market_cont .antiBox .checkBox a {margin: 30px auto 0;}
	.product_cont .proBox li {margin-bottom: 50px;}
	.product_cont .proBox > div:nth-child(3) {padding-top: 0;}
	.history_cont .second .yearList .yearBox > div ul li > img {width: 30%;}
	.history_cont .second .yearList .yearBox .swiper .swiper-button-prev, .history_cont .second .yearList .yearBox .swiper .swiper-button-next {height: 50px; margin-top: -25px; top: 50%;}
	.history_cont .second .yearList .yearBox .swiper .swiper-button-prev {left: -20px;}
	.history_cont .second .yearList .yearBox .swiper .swiper-button-next {right: -20px;}
	.history_cont .second .yearList .yearBox .swiper .swiper-slide img {width: 30%;}
	.history_cont .second .yearList .yearBox .swiper .swiper-slide span {font-size: .9rem; line-height: 1.4rem; width: 70%; margin-bottom: 0; padding-bottom: 10px; min-height: 4.2rem;}
	.history_cont .second .yearList .yearBox .swiper .swiper-slide em {width: 70%; font-size: 1.1rem;}
	.product1_cont.product10_cont .fourth ul li:nth-child(2) {margin:50px 0;}
	.product1_cont.product10_cont .fifth .product img {width: 88%;}

	.fullpage .third .thirdBox {padding: 55px 5% 0;}    
    .fullpage .third .thirdBox .aboutNeo {display: block; padding-left: 0; width: 100%; position: static; height: auto !important;}
    .fullpage .third .thirdBox .aboutNeo > div > em {font-size: 1.2rem; text-align: center; padding-bottom: 15px;}
    .fullpage .third .thirdBox .aboutNeo > div p {font-size: 14px; text-align: center; line-height: 22px;}
    .fullpage .newsBtn, .fullpage .third .thirdBox .aboutNeo > div > a {margin:1rem auto 0;}
    .fullpage .third .thirdBox .bear {width: 66%; float: none; right: auto; top: auto; margin:1.5rem auto 0;}
	.fullpage .four .join .joinImg {width: 100%; left: 0; bottom: 15.68%;}
    .fullpage .four .join .tortoise, .fullpage .four .join .parrot, .fullpage .four .join .shadow {display: none;}
    .fullpage .four .intro > div:first-child {left: 2.93%; bottom: 24.2%;}
    .fullpage .four .intro > div {height: 50%;}
    .fullpage .four .intro > div:first-child > i {background: url(../images/mobile/index/line1.png) no-repeat; background-size: 100% 100%;}
    .fullpage .four .intro > div:nth-child(2) > i {background: url(../images/mobile/index/line2.png) no-repeat; background-size: 100% 100%;}
    .fullpage .four .intro > div:nth-child(3) > i {background: url(../images/mobile/index/line3.png) no-repeat; background-size: 100% 100%;}
    .fullpage .four .intro > div:nth-child(4) > i {background: url(../images/mobile/index/line4.png) no-repeat; background-size: 100% 100%;}
    .fullpage .four .intro > div:nth-child(5) > i {background: url(../images/mobile/index/line5.png) no-repeat; background-size: 100% 100%;}
    .fullpage .four .intro > div:first-child > div span, .fullpage .four .intro > div:nth-child(2) > div span {margin-top: 14px;}
    .fullpage .four .intro > div > div span {padding-left: 30%;}
    .fullpage .four .intro > div > div div {margin-top: 36%;}
    .fullpage .four .join .panda {width: 30.66%; left: 34.67%; bottom: 8.3%; z-index: 9999;}
    .fullpage .four .join .bear {width: 16.13%; left: 14%; bottom: 22.7%;}
    .fullpage .four .title {padding-top: 90px;}
    .fullpage .four .join .frog {width: 23.06%; left: auto; right: 0; bottom: 20.68%;}
    .fullpage .four .intro > div:nth-child(2) {left: 12.26%; bottom: 22.61%;}
    .fullpage .four .intro > div:nth-child(2) > div {top: 38%;}
    .fullpage .four .intro > div:nth-child(3) {left: 38%; bottom: 28.75%; right: auto;}
    .fullpage .four .intro > div:nth-child(4) {right: auto; left: 44.66%; bottom: 21.25%;}
    .fullpage .four .intro > div:first-child > div {top: 3%;} 
    .fullpage .four .intro > div:nth-child(4) > div {top: 30%;}
    .fullpage .four .intro > div:nth-child(5) > div {top: 13%;}
    .fullpage .four .intro > div:nth-child(5) {right: auto; left: 73.06%; bottom: 27.5%;}
    .fullpage .four .intro > div > div span {white-space: normal; width: auto;}
    .four .intro > div {clip: rect(635px, 5px, 635px, 0)}
    .fullpage .four .join {bottom: -5%;}
    .fullpage .four .intro > div > div {left: 40px;}
    .fullpage .four.active .join .bear {animation: bounceIn .5s ease-in 2.4s forwards; -webkit-animation: bounceIn .5s ease-in 2.4s forwards; z-index: 9999;}
    .fullpage .four.active .intro > div > div > img {width: 60px; height: 50px;}
    .fullpage .four .intro > div:first-child > div span, .fullpage .four .intro > div:nth-child(2) > div span, .fullpage .four .intro > div > div span {padding-left: 26px; margin-top: 22px;}
    .fullpage .four .intro > div > div div {margin-top: 30px; width: 50%;}
    .fullpage .five .news {width: 90%;}
    .fullpage .section.five .title h1 {padding-bottom: 1.6rem;}
    .bx-wrapper img {max-width: none;}
    .fullpage .five .bx-wrapper .bx-viewport .bxslider li img {width: 160%;}
    .fullpage .five .ipad {width: 100%; left: 0;}
    .fullpage .five .slideBox {margin-top: 12%;}
    .fullpage .pro .pic {width: 72%;}
    .fullpage .pro .pic .prize {padding-bottom: 2rem; position: static; margin:auto;}
    .fullpage .pro .pic .big {position: static; left: 0; margin:auto;}
    .fullpage .second.pro .pic .big, .fullpage .sixth.pro .pic .big, .fullpage .seventh.pro .pic .big {left: 0;}
    .fullpage .pro .intro {position: static; width: 90% !important; margin:auto; text-align: center;padding-top: 20%;    background-color: rgba(0, 0, 255, 0) !important;}
    .fullpage .pro .intro > em {color: #333;}
    .fullpage .pro .intro > span {color: #666; padding-bottom: 2rem;}
    .fullpage .pro .intro .prize {display: block; opacity: 0; visibility: hidden; max-width: 100%;}
    .fullpage .sixth.pro .intro .prize {width: 50%;}
    .fullpage .seventh.pro .intro .prize {width: 50%;}
    .fullpage .pro .intro .big {display: none ; margin: auto; width: 20%; height: 20% !important;margin-top: 10% !important;}
    .fullpage .second.pro .intro .big {width: 120%; margin-left: -10%;}
    .fullpage .pro .intro .swiper-container {position: absolute; bottom: 20px; left: 0; width: 100%; padding-bottom: 10%; visibility: hidden; overflow: visible; opacity: 0;}
    .fullpage .pro.active .pic .prize {visibility: visible; animation: fadeInUp .4s linear .7s forwards; -webkit-animation: fadeInUp .4s linear .7s forwards;}
	.fullpage .second.pro.active .pic .big {visibility: visible; animation: bounceIn .8s linear 1s forwards; -webkit-animation: bounceIn .8s linear 1s forwards;}
	.fullpage .sixth.pro.active .pic .big {visibility: visible; animation: bounceInDown .8s linear 1s forwards; -webkit-animation: bounceInDown .8s linear 1s forwards;}
	.fullpage .seventh.pro.active .pic .big {visibility: visible; animation: bounceInUp .8s linear 1s forwards; -webkit-animation: bounceInUp .8s linear 1s forwards;}

	.fullpage .pro.active .intro > em {visibility: visible; animation: fadeInUp .4s linear .3s forwards; -webkit-animation: fadeInUp .4s linear .3s forwards;}
	.fullpage .pro.active .intro > span {visibility: visible; animation: fadeInUp .4s linear .5s forwards; -webkit-animation: fadeInUp .4s linear .5s forwards;}
	.product1_cont.product11_cont .third .newest > div > div em {font-size: 24px;}
	.product1_cont.product11_cont .third .newest > div > span, .product1_cont.product11_cont .third .newest > div > div {font-size: 16px;}
	.product1_cont.product11_cont .third .newest {padding-bottom: 14px;}
	.product1_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {font-size: 14px;}
	.product1_cont.product4_cont .fifth .product {padding-bottom: 10px;}
	.first .mobile {display: block;}
    .first .pc {display: none;}
    .second .mobile{display: block;}
    .second .pc{display: none;}
    .third  .mobile{display: block;}
    .third  .pc{display: none;}
    .fourth   .mobile{display: block;}
    .fourth   .pc{display: none;}

    .fullpage .pro.active .intro .prize {visibility: visible; animation: fadeInUp .4s linear .8s forwards; -webkit-animation: fadeInUp .4s linear .8s forwards;}
    .fullpage .second.pro.active .intro .swiper-container {visibility: visible; animation: bounceIn .8s linear 1.1s forwards; -webkit-animation: bounceIn .8s linear 1.1s forwards;}
    .fullpage .sixth.pro.active .intro .swiper-container {visibility: visible; animation: bounceInDown .8s linear 1.1s forwards; -webkit-animation: bounceInDown .8s linear 1.1s forwards;}
    .fullpage .seventh.pro.active .intro .swiper-container {visibility: visible; animation: bounceInUp .8s linear 1.1s forwards; -webkit-animation: bounceInUp .8s linear 1.1s forwards;}
    .fullpage .pro.active .intro ul li:first-child, .fullpage .pro.active .intro ul li:nth-child(2), .fullpage .pro.active .intro ul li:nth-child(3), .fullpage .pro.active .intro ul li:nth-child(4) {opacity: 1; animation: none; -webkit-animation: none;}
	.fullpage .pro .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; box-sizing: border-box; -webkit-box-sizing: border-box; border:1px solid #fff; background: none; opacity: 1;}
	.fullpage .pro .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;}
	.fullpage .pro .intro ul li {text-align: left;}
	.fullpage .pro .intro ul {width: 90%; margin:auto;}
	.fullpage .pro .intro .swiper-slide:first-child {display: block;}
	.sideBox.product > div {display: table;}
	.invest_cont .intro ul li > div span em {font-size: 32px;}
	.invest_cont .intro .introBox {width: 86%;}
	.invest_cont .second .ar_lan .pie > div {width: 100%; float: none;}
	.invest_cont .second .ar_lan {width: 80%;}
	.invest_cont .second .ar_lan .pie > div .pieBox, .invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox {width: 100%;}
	.invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox {padding-left: 0;}
	.invest_cont .third .logoBox li {width: 50%;}
	.invest_cont .third .logoBox li.transparent {display: none;}
	.invest_cont .third .logoBox li.mobile {display: block;}
	.invest_cont .third .safe {width: 100%; height: 25%; left: 0; top: 37.5%;}
	.invest_cont .third .safe .sub_title {font-size: 38px; padding:40px 0 25px;}
	.invest_cont .third .safe .s1 {font-size: 50px; line-height: 50px;}
	.invest_cont .fourth {width: 92%;}
	.invest_cont .fifth ul {width: 90%;}
	.invest_cont .fifth {padding:70px 0 80px;}
	.invest_cont .sixth {background: url(../images/invest/bottom.jpg) no-repeat 30% center; background-size: cover; padding:140px 0 280px;}
	.invest_cont .sixth .sub_title {font-size: 38px;}
	.invest_cont .sixth .contact > div > div a img {width: 60%;}
	.invest_cont .sixth .contact > div > div.email a {font-size: 22px; display: inline-block;}

}
@media screen and (max-height:780px){
	.sideBox {display: block;}	
	/*.sideBox .introList {padding: 50px 7.86%;}*/
}
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .fullpage .second ul li a:hover > img, .news_cont ul li a:hover > span img {transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2);}
   .fullpage .third .thirdBox .aboutNeo > div > em, .fullpage .third .thirdBox .aboutNeo > div p, .fullpage .third .thirdBox .aboutNeo > div ul li, .fullpage .third .thirdBox .aboutNeo > div > a, .fullpage .third .thirdBox .bear .tire, .fullpage .third .thirdBox .bear .bearImg, .history_cont .first .year .bike, .history_cont .first .year .bear, .history_cont .first .year .balloon, .history_cont .second .bear .bearImg, .company_cont .train, .company_cont .com_intro > img, .company_cont .invest .investBox .superman, .history_cont .second .yearList .yearBox > div ul, .brand_cont .first .board, .brand_cont .second .introList li > img, .brand_cont .second .introList li > div > div .inner_title, .brand_cont .second .introList li > div > div p, .product1_cont .second .imac, .product1_cont .third .bottom img, .product1_cont .fourth ul li > div .step_title, .product1_cont .fourth ul li > div > span, .product1_cont .fourth ul li > div .download, .product1_cont .fourth ul li > img {opacity: 0;}
   .product1_cont.product3_cont .third .bottom .plane {opacity: 1;}
}*/
@media screen and (max-width: 510px){	
	.fullpage .four .intro > div {height: 60.34%;}
	.fullpage .four .title {padding-top: 60px;}
	.network_cont {background: none;}
	.network_cont .network {display: none;}
	.sideBox.network {width: 100%; position: static; background: transparent;}
	.network_cont {padding: 50px 0 0;margin-top: 0px;}
    .network_cont .sub {padding-bottom: 0;}
    .sideBox.network > div .tableBox > img {display: none;}
    .sideBox.network > div .titleBox .title {display: block; padding-left: 0; text-align: center; font-size: 1.2rem; padding: 1.4rem 0;}
    .sideBox.network > div .search {float: none; padding: 10px 7.4% 10px 14.8%;}
    .sideBox.network > div .selectBox:last-child {float:right;}
    .sideBox.network > div .selectBox {width: 44%; margin-left: 5%;}
    .sideBox.network > div .selectBox .selectBtn {width: 100%;}
    .sideBox.network > div {margin:auto; width: 90.4%;}
    .sideBox.network > div .search .searchBtn {background: url(../images/business/search1.jpg) no-repeat center; background-size: 100% 100%; width: 24px; height: 24px; margin-top: -12px; left: 5%;}
    .sideBox.network > div .load {font-size: 1rem; color: #26aed9; border:0; width: auto; height: auto; line-height: normal; margin: 2.4rem auto 0;}
    .sideBox.network > div .tableBox table tr th, .sideBox.network > div .tableBox table tr td {padding: 10px 5px;}
    .sideBox.network > div .tableBox table tr th:first-child, .sideBox.network > div .tableBox table tr td:first-child {width: 54px;}
    .sideBox.network > div .tableBox table tr th:nth-child(2), .sideBox.network > div .tableBox table tr td:nth-child(2) {width: 60px;}
    .sideBox.network > div .tableBox table tr th:nth-child(3), .sideBox.network > div .tableBox table tr td:nth-child(3) {min-width: 86px;}
    .sideBox.network > div .tableBox {margin:auto; width: 100%;}
    .brand_cont .first .board, .brand_cont .first .box {display: none;}
    .brand_cont .first {background: url(../images/mobile/about/banner1.jpg) no-repeat center bottom; background-size: cover;}
    .brand_cont .first .copy {display: block; width: 100%; text-align: center; padding-top: 80px;}
    .brand_cont .first .copy img {display: block; width: 37.6%; margin:0 auto 1rem;}
    .brand_cont .first .copy span {display: block; font-size: .9rem; color: #555; line-height: 1.6rem;}
    .brand_cont .first .copy span em {font-size: 1.1rem; color: #ffad18;}
    .brand_cont .second .introList li > img {float: none; width: 100%; padding:1.5rem 0;}
    .brand_cont .second .introList li > div {width: 100%!important; position: static; display: block; margin-left: 2px !important;}
    .brand_cont .second .introList li > div > div .inner_title {text-align: center;}
    .inner_title span {font-size: 1.1rem; padding-left: 32px; background-size: auto 41px;}
    .inner_title span em {font-size: 1.4rem;}
    .brand_cont .second .introList {padding-top: 3rem;}
    .inner_title {height: auto;}
    .brand_cont .second .introList li > div > div .inner_title {margin-bottom: 1.4rem;}
    .brand_cont .second .introList {width: 90.4% !important; padding-left: 5px !important;}
     .brand_cont.mysecond {margin-top:0px !important;}
     
    .brand_cont .second .introList li > div > div p {font-size: .9rem; line-height: 1.6rem;}
    .brand_cont .second .introList li:first-child > img {width: 100%; display: none;}
    .brand_cont .second .introList li {padding-top: 2rem;}
    .brand_cont .second .introList li:first-child {padding-top: 0;}
    .brand_cont .second .introList li:nth-child(2) > img {width: 130%; margin-left: -26%; float: none;}
    .brand_cont .second .introList li:nth-child(3) > img {width: 100%; margin-left: 0;}
    .brand_cont .second .dream .rainbow {width: 140%; margin-left: -20%;}
    .brand_cont .second .dream .logo {width: 40%; left: 30%;}
    .brand_cont .second .dream .animals > div {font-size: 10px; white-space: nowrap;}
    .brand_cont .second .dream .animals > div.one {left: 5.06%; top: 60%;}
    .brand_cont .second .dream .animals > div.two {left: 19%; top: 57%;}
    .brand_cont .second .dream .animals > div.three {left: 31%; top: 52%;}
    .brand_cont .second .dream .animals > div.four {top: 47%;}
    .brand_cont .second .dream .animals > div.five {left: 60%; top: 52%;}
    .brand_cont .second .dream .animals > div.six {left: 73%; top: 57%;}
    .brand_cont .second .dream .animals > div.seven {left: 84%; top: 60%;}
    .brand_cont .second .dream .animals > div span {padding-top: 10px; display: block;}
    .brand_cont .second .video > div .video_title {width: 90.4%; margin:auto; font-size: .9rem; line-height: 1.4rem; float: none; padding-bottom: 8rem;}
    .brand_cont .second .video > img {width: 100%; position: absolute; left: 0; top: 27%; }
    .brand_cont .second .video > div {position: static; margin-top: 3rem;}
    .brand_cont .second .video > div .videoBox ul {padding: 30px 20px; width: 280%; z-index: 999; position: relative;}
    .brand_cont .second .video > div .videoBox {overflow-x: auto; width: 83.5%;}
    .brand_cont .second .video {padding-bottom: 50px;}
    .company_cont .titleImg {width: 55%;}
    .company_cont {padding: 30px 0 10px;}
    .company_cont .span1 {font-size: 1.2rem; padding: 0 5%;}
    .company_cont .train {width: 88%;}
    .company_cont .com_intro > img {float: none; width: 100%; padding: 1rem 0 1.5rem;}
    .company_cont .com_intro > div {float: none; width: 100%;}
    .company_cont .com_intro > div > span {font-size: 1.2rem; padding: 1rem 0 1.2rem; text-align: center;}
    .company_cont .com_intro > div p {font-size: .9rem; line-height: 1.6rem;}
    .company_cont .team .inner_title {margin:6% auto 1.4rem;}
    .company_cont .team .slider .slick-slide > div div {height: 142px;}
    .company_cont .team .slider .slick-prev, .company_cont .team .slider .slick-next {height: 54px; margin-top: -27px; width: 20px;}
    .company_cont .team .slider .slick-slide > div div em {padding: 10px 0 8px;}
    .company_cont .team .slider .slick-slide > div div span {font-size: .9rem;}
    .company_cont .com_intro > div .inner_title {text-align: center;}
    .sideBox.member > div .memberBox .intro > em {font-size: 1.2rem;}
    .sideBox.member > div .memberBox .intro > em span {font-size: .9rem;}
    .sideBox.member > div .memberBox > div > span {float: none; width: 100%; margin-bottom: 1rem;}
    .sideBox.member > div .memberBox > div > div {float: none; width: 100%; position: static;}
    .sideBox.member > div {height: 70%; top: 15%;}
    .nicescroll-rails.member {left: 22% !important;}
    .sideBox.member {width: 80%;}
    .sideBox.member.cur {left: 20%;}
    .sideBox.member > div .memberBox .intro > span {font-size: 1rem; padding-bottom: 10px;}
    .sideBox.member > div .member_container {padding: 0 6% 0 8%; width: 86%;}
    .sideBox.member > span {bottom: 2%;}
    .sideBox.member > span a {height: 36px;}
    .company_cont .invest .inner_title {margin: 8% auto 1.4rem;}
    .company_cont .invest > em {padding: 0 5% 10px; font-size: 1.1rem;}
    .company_cont .invest > span {font-size: .9rem; line-height: 1.6rem;}
    .company_cont .invest .investBox {margin: 12% auto 0; width: 90%;}
    .history_cont .first .inner_title {padding-top: 120px;}
    .sideBox.history {width: 90%;}
    .sideBox.history.cur {left: 10%;}
    .nicescroll-rails.history {left: 98% !important; position: fixed !important; top: 23% !important;}
    .sideBox .historyBox .year a {font-size: 16px; height: 34px; line-height: 34px; width: 104px;}
    .sideBox > i.line1 {left: 104px;}
    .sideBox .historyBox .month {padding: 0 4% 0 104px;}
    .sideBox .historyBox .month > ul li:first-child {margin-top: 2px;}
    .sideBox .historyBox .month > ul li em {width: 60px; font-size: 14px;}
    .sideBox > i.line2 {left: 164px;}
    .sideBox .historyBox .month > ul li {margin-bottom: 16px;}
    .sideBox .historyBox .month > ul li div span {font-size: 14px; line-height: 24px;}
    .sideBox .historyBox .month > ul li div {padding-left: 80px;}
    .history_cont .second .yearList .yearBox {margin: 90px auto 0;}
    .history_cont .second .yearList .yearBox .swiper {display: block;}
    .history_cont .second .yearList .yearBox .slider {display: none;}
    .history_cont .second .yearList .yearBox .cloud {bottom: -10%; z-index: 999;}
    .history_cont .second .inner_title.title2 {padding: 0 0 30px;}
    .history_cont .second .patent .patentBox > div, .history_cont .second .patent .patentBox > div:first-child {width: 100%; float: none;}
    .history_cont .second .patent .patentBox > div span img {top: 0;}
    .history_cont .second .patent > img {width: 140%; left: -20%; bottom: 40px;}
    .history_cont .second .patent {padding-bottom: 90px;}
    .history_cont .second .patent .patentBox {z-index: 999; position: relative;}
    .product_cont {padding: 80px 0 30px;}
    .product_cont .proBox > div > em {font-size: 1.4rem;}
    .product_cont .proBox li > em {font-size: 1rem; padding: 14px 0 12px; line-height: 1.4rem;}
    .product_cont .proBox li div a {font-size: .9rem; width: 48%; height: 32px; line-height: 32px; float: right;}
    .product_cont .proBox li div a:first-child {margin-right: 0; float: left;}
    .product_cont .proBox li {width: 46%;}
    .product_cont .proBox .brief {display: block; width: 100%; padding: 30px 0;}
    .product_cont .proBox .brief div {margin-left: 0; width: 25%; text-align: center;}
    .product_cont .proBox .brief div em {font-size: 1.2rem;}
    .product_cont .proBox > div:nth-child(2) li > em {height: 2.8rem;}
    .product_cont .proBox div:nth-child(3) li div {width: 46%;}
    .recruit_cont {padding: 90px 0 40px;}
    .recruit_cont .tab {padding:26px 0 0;}
    .recruit_cont .banner .inner_title {top: 70%;}
    .recruit_cont .tab a {height: 34px; line-height: 34px; padding: 0 20px;}
    .recruit_cont .tab_cont ul li {width: 100%; margin-left: 0; float: none; margin-bottom: 30px; padding: 0 5%;}
    .recruit_cont .tab_cont ul li:last-child {margin-bottom: 0;}
    .recruit_cont .detailBox {width: 90%; padding: 0 5% 5%;}
    .recruit_cont .detailBox > em {padding: 5% 0 1rem;}
    .recruit_cont .detailBox dd {line-height: 26px;}
    .recruit_cont .detailBox > img {bottom: -10px; right: -10px;}
    .recruit_cont .back {width: 38%;}
    .contact_cont .contactBox li {width: 100%; margin-left: 0;}
    .contact_cont .contactBox {width: 60%; }
    .contact_cont {padding: 60px 0 40px; background-size: 280%;}
    .contact_cont .contactBox li, .contact_cont .contactBox li:first-child {height: auto; padding: 12px 6%; margin-top: 1rem;}
    .contact_cont .contactBox li:first-child {margin-top: 0;}
    .contact_cont .contactBox iframe {margin-top: 30px;}
    .market_cont {padding: 80px 0 40px;}
    .privacy_cont {padding: 80px 0 0;}
    .privacy_cont .privacyBox .policy > em {font-size: 1.2rem;}
    .privacy_cont .privacyBox .check {margin: 2rem 0;}
    .question_cont {padding: 80px 0 40px;}
    .question_cont .banner .inner_title {position: static; padding-bottom: 1rem;}
    .question_cont .question {margin-top: 1.5rem;}
    .question_cont .question > img {width: 30px; top: -28px; right: 10px;}
    .question_cont .question ul {padding: 0 8%;}
    .network_cont .inner_title {padding-bottom: 8px;}
    .market_cont .marketBox .banner > img {width: 180%; margin-left: -40%;}
    .checkBox {width: 90%; padding: 1.5rem 4%;}
    .market_cont .marketBox .checkBox > img {bottom: 0; top: auto; width: 30%; height: auto;}
    .checkBox > em {font-size: 1.2rem;}
    .market_cont .marketBox .checkBox a {font-size: 1rem; height: 36px; line-height: 36px;}
    .app_cont {padding: 80px 0 20px;}
    .app_cont .sub {width: 90%; margin:auto;}
    .app_cont .app li > div {width: 100%; float: none; padding: 1.5rem 0; background: url(../images/software/border.png) repeat-x left top;}
    .app_cont .app li {background: none; padding: 0;}
    .app_cont .app li:first-child > div:first-child {background: none;}
    .app_cont .app li > div .img {bottom: 1.5rem;}
    .app_cont .app li > div .download > em {font-size: 1.2rem;}
    .update_cont {padding: 80px 0 10px;}
    .appcode {display: none}
    .update_cont .update li > div {width: 100%; float: none; background: url(../images/software/border1.png) repeat-x left top; padding: 1.4rem 0 1.4rem 70px;}
    .update_cont .update li {padding: 0; background: none;}
    .update_cont .update li:first-child > div:first-child {background: none;}
    .update_cont .update li > div > img {top: 1.7rem;}
    .experience_cont {padding: 80px 0 40px; background-size: 180%;}
    .experience_cont ul li {width: 100%; float: none; margin-left: 0; margin-top: 1.4rem;}
    .experience_cont ul li span {padding: 10px 0 14px;}
    .sideBox.experience .experienceBox .code {display: block; width: 100%;}
    .sideBox.experience .experienceBox .code > div {width: 70%; height: auto; margin-right: 0;}
    .sideBox.experience .experienceBox .code > img {width: 28%; height: auto;}
    .sideBox.experience .experienceBox .code > div span {font-size: .9rem;}
    .sideBox.experience .experienceBox .code > div span:nth-child(2) {padding: 10px 0 6px;}
    .sideBox.experience .experienceBox .code > div img {width: 40%; height: auto;}
    .nicescroll-rails.experience {position: fixed !important; top: 2% !important;}
    .news_cont .banner .inner_title {top: -30%;}
    .news_cont ul li {width: 100%; margin-left: 0; margin-bottom: 35px;}
    .news_cont .banner > img {width: 130%; margin-left: -15%;}
    .news_cont {padding: 130px 0 20px;}
    .news_cont ul li a > div em {margin: 12px 0 8px;}
    .news_cont ul li a i {margin-top: 15px;}
    .news_cont .detail .title em {width: 100%;}
    .news_cont .detail .title span {position: static; padding-top: 10px;}
    .news_cont .btn {width: 80%;}
    .news_cont .btn div a {width: 100%; font-size: .9rem; height: 34px; line-height: 34px;}
    .news_cont.n_detail_cont {padding: 80px 0 30px;}
    .antiBox .banner > img {width: 160%; margin-left: -26%;}
    .market_cont .antiBox .checkBox {padding: 1.5rem 8%;}
    .market_cont .antiBox .checkBox li.code input {width: 70%;}
    .market_cont .antiBox .checkBox li.code img {width: 28%;}
    .market_cont .antiBox .checkBox a {width: 48%;}
    .product1_cont .first .slogan {position: static; width: 73.4%; margin:auto; padding: 1.5rem 0 70px;}
    .product1_cont .first .slogan .title img {width: 80%; margin:auto;} 
    .product1_cont .first {padding-top: 55px;}
    .product1_cont .first .btns {background: #f8f8f8; height: 54px; text-align: center;}
    .product1_cont .first .btns > div img {display: none;}
    .product1_cont .first .btns > div > div {float: none; display: inline-block;}
    .product1_cont .first .btns > div > div a {display: inline-block; font-size: 1rem; margin-top: 10px;}
    .product1_cont .first .slogan .word {text-align: center;}
    .product1_cont .first .slogan > img {margin: auto;}
    .product1_cont .first .slogan .word p {line-height: 18px;}
    .product1_cont .second .imac > img {width: 82%;}
    .product1_cont .second .imac > div {width: 75.8%; left: 12.1%;}
    .product1_cont .second .imac > div .play {width: 28px; height: 30px; margin-top: -15px; margin-left: -14px;}
    .product1_cont .second .blue img:first-child {width: 26%; left: -5%;}
    .product1_cont .second .blue img:nth-child(2) {width: 14.4%; right: 4%;}
    .product1_cont .third {height: auto !important; padding-bottom: 200px;}
    .product1_cont .third ul {width: 94.68%;}
    .product1_cont .third ul li {width: 33.3%; margin-left: 0; padding-top: .8rem;}
    .product1_cont .third ul li div img {width: 55%; margin:auto;}
    .product1_cont .third ul li > em {font-size: .9rem;}
    .sideBox.product {width: 70%;}
    .sideBox.product.cur {left: 30%;}
    .nicescroll-rails.cur {left: 14% !important; position: fixed !important; top: 2% !important;}
    .product1_cont .fourth .inner_title {padding: 50px 0 20px;}
    .product1_cont .fourth ul li > img {width: 80%; float: none; margin: auto;margin-top: 20px;}
    .product1_cont .fourth ul li > div {position: static; height: auto !important; padding: 1.2rem 0; width: 100%; text-align: center;}
    .product1_cont .fourth ul li > div > div .step_title span {font-size: 1rem;}
    .product1_cont .fourth ul li > div > div .step_title img {height: 16px;}
    .product1_cont .fourth ul li > div > div > span {line-height: 26px; text-align: left;}
    .product1_cont .fourth ul li > div > div .download {display: inline-block;}
    .product1_cont .fourth ul li > div > div .download > img {width: auto; height: 100%;}
    .product1_cont .fourth ul li > div > div .download > div {padding-left: 37%;}
    .product1_cont .fourth ul li:nth-child(2) > img {width: 80%; float: none; margin: -15% auto 0;}
    .product1_cont .fourth ul li:nth-child(2) > div {width: 100%; margin-top: -14%;}
    .product1_cont .fourth ul li:nth-child(3) > img {width: 50%; margin-left: 0; margin:.5rem auto .8rem;}
    .product1_cont .fourth ul li:nth-child(3) > div {width: 100%;}
    .product1_cont .fifth .inner_title {padding: 40px 0 50px;}
    .product1_cont .fifth .product img {width: 90%;}
    .product1_cont.product3_cont .first .slogan .title img {margin-left: 5.2%;}
    .product1_cont .second .inner_title {padding: 50px 0 35px;}
    .product1_cont.product3_cont .third .bottom {display: block;}
    .product1_cont.product2_cont .first .slogan .title img {margin-left: 13.2%;}
    .product1_cont .third ul.five {width: 94.68%;}
    .product1_cont .third ul.five li {width: 33.3%; margin-left: 0; padding-top: .8rem;}
    .product1_cont .inner_title img{width:50%}
    .product1_cont .sixBox .intro img{width:100%}
    
    .product1_cont .second .imac > div .poster {display: none; }
    .product1_cont .second .imac > div .play{top:30%;}
    
    .product1_cont .third ul.five li:nth-child(4n+1) {margin-left: 0;}
    .product1_cont .third ul.five li > i {top: .8rem; right: 14%;}
    .product1_cont.product2_cont .third .bottom .animal1 {bottom: 0;}
    .product1_cont.product2_cont .fourth ul li:nth-child(3) > img {width: 80%; margin: auto;}
    .product1_cont.product4_cont .first .slogan .title img.balala1 {width: 64%;}
    .product1_cont.product4_cont .first .slogan .title img.balala2 {width: 80%;}
    .product1_cont.product4_cont .third {padding-bottom: 140px;}
    .product1_cont.product4_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 52%;}
    .product1_cont.product4_cont .sixth .sixBox .intro > div > div {font-size: 14px;}
    .product1_cont.product4_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2n) {width: 48%;}
    .product1_cont.product4_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {padding-left: 38px;}
    .product1_cont.product4_cont.product5_cont .third .bottom .light {bottom: 5%;}
    .product1_cont.product4_cont.product5_cont .third .bottom .helicopter {bottom: 6%;}
    .product1_cont .sixth .inner_title {padding: 50px 0 30px;}
    .product1_cont .third ul li > em.s1 em {white-space: normal; left: 0; top: 10px; margin-left: 0;}
    .product1_cont .sixth .sixBox .intro > div > img {position: static; width: 100%;}
    .product1_cont .sixth .sixBox .intro > div > div {width: 100%; margin-top: 1rem;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div, .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div:nth-child(2n) > div, .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div > div, .product1_cont .sixth .sixBox .intro > div > div, .product1_cont .sixth .sixBox .intro > div:nth-child(2n) > div, .product1_cont.product4_cont.product8_cont .sixth .sixBox .intro > div:nth-child(2n+1) > div .introBox {padding: 1.2rem 5%;}
    .product1_cont.product5_cont .sixth .sixBox .intro > div:first-child > div .introBox > em {margin-top: 0;}
    .product1_cont .sixth .sixBox .intro > div > div .introBox > em {font-size: 1.2rem;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div {width: 56%;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {width: 35%; float: right;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3), .product1_cont.product5_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div:nth-child(3) {width: 100%; margin-top: 10px;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span {display: block; width: 50%; float: left; box-sizing: border-box; -webkit-box-sizing:border-box;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:first-child, .product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2) {margin-top: 0;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n+1) {width: 56%;}
    .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n) {width: 35%; float: right;}
    .product1_cont.product4_cont .fourth .inner_title {padding: 50px 0 10px;}
    .product1_cont.product4_cont .fifth .product > div {position: static; text-align: center; padding-top: 1.2rem;}
    .product1_cont.product4_cont .fifth .product > img {width: 80%; margin:auto;}
    .product1_cont.product4_cont .xn7  > img {width: 80%; margin:auto;}
    .product1_cont.product4_cont .xn8  > img {width: 80%; margin:auto;}
    .product1_cont.product4_cont .ar >div{display: none;}
      
      
    .product1_cont.product4_cont .fifth .inner_title {padding: 50px 0 20px;}
    .product1_cont.product4_cont .fifth .product > div > div {display: inline-block;}
    .product1_cont.product4_cont .fifth .product > div > div > div ul li {text-align: left;}
    .product1_cont.product4_cont .fifth .product > div > div > div img {width: 46%; margin:auto;}
    .product1_cont .sixth .sixBox .intro > div {margin-top: 35px;}
    .product1_cont.product4_cont.product5_cont .third ul li span {font-size: 12px;}
    .product1_cont .third .inner_title {max-width: 92%; margin: auto;}
    .product1_cont.product4_cont.product7_cont .first .slogan .title img:first-child {width: 50%;}
    .product1_cont.product4_cont.product7_cont .first .slogan .title {width: 100%;}
    .product1_cont.product4_cont.product7_cont .third .bottom .light {bottom: 1%;}
    .product1_cont.product4_cont.product7_cont .third .bottom .angel {bottom: 2%;}
    .product1_cont .sixth .sixBox > ul li {width: 50%; padding-top: 1rem;}
    .product1_cont .sixth .sixBox > ul li img {border-left: 1px solid #5c5c5c;}
    .product1_cont .sixth .sixBox > ul li:nth-child(2n) img {border-left: 0;}
    .product1_cont .sixth .sixBox > ul li:first-child, .product1_cont .sixth .sixBox > ul li:nth-child(2) {padding-top: 0;}
    .product1_cont .sixth .sixBox > ul {margin-bottom: 40px;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div > span em {font-size: 14px;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {line-height: 20px; padding-left: 42px;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div:nth-child(4) > div .introBox > div > div:nth-child(2) {width: 47%;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div:nth-child(4) > div .introBox > div > div {width: 52%;}
    .product1_cont.product4_cont.product7_cont .third {padding-bottom: 130px;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div, .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div, .product1_cont.product7_cont .sixth .sixBox .intro > div:nth-child(2) > div .introBox > div > div:nth-child(2), .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div:nth-child(4) > div .introBox > div > div, .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div:nth-child(4) > div .introBox > div > div:nth-child(2) {width: 100%; float: none;}
    .product1_cont.product4_cont.product7_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {width: 100%; float: none; margin-top: 10px;}
    .product1_cont.product4_cont.product5_cont .third {padding-bottom: 150px;}
    .product1_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {padding-left: 72px;}
    .product1_cont.product8_cont .first .slogan .title img {width: 62%;}
    .product1_cont.product8_cont .first .slogan .title img:first-child {width: 44%;}
    .product1_cont.product8_cont .sixth .sixBox .paint img {margin: 0 auto 40px;}
    .product1_cont.product8_cont .sixth .sixBox .intro > div > img {position: static; width: 100%; height: auto;}
    .product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox {width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .product1_cont.product8_cont .sixth .sixBox .intro > div > div {height: auto; width: 100%;}
    .product1_cont.product8_cont .sixth .sixBox .intro > div {height: auto;}
    .product1_cont.product4_cont.product8_cont .sixth .sixBox .intro > div:nth-child(2n+1) > div .introBox, .product1_cont.product8_cont .sixth .sixBox .intro > div > div .introBox {padding: 1.2rem 8%;}
    .product1_cont.product9_cont .first .slogan .title img {width: 80%;}
    .product1_cont.product9_cont .first .slogan .title img:first-child {width: 60%;}
    .product1_cont.product9_cont .third .bottom .light {bottom: 1%;}
    .product1_cont.product4_cont .fifth .product > div {height: auto;}
    .product1_cont.product9_cont .fifth .product > div > div > div div em, .product1_cont.product9_cont .fifth .product > div > div > div div {text-align: left;}
    .product1_cont.product9_cont .fifth .product > div > div > div div em {padding: 20px 0 10px;}
    .product1_cont.product6_cont .first .slogan {width: 73.4%;}
    .product1_cont.product6_cont .first .slogan .title img {width: 80%;}
    .product1_cont.product6_cont .third .bottom .light, .product1_cont.product6_cont .third .bottom .kung {bottom: 1%;}
    .product1_cont.product10_cont .first .slogan .title img {width: 80%;}
    .product1_cont.product10_cont .first .slogan .title img:first-child {width: 54%;}
    .product1_cont.product10_cont .third .bottom .globe {bottom: 2%;}
    .product1_cont.product10_cont .third {padding-bottom: 110px;}
    .product1_cont.product10_cont .fourth ul li:nth-child(2) > img {margin: auto;}
    .product1_cont.product10_cont .fourth ul li:nth-child(2) > div {margin-top: 0;}
    .product1_cont.product10_cont .fourth ul li:nth-child(2) {margin: 30px 0 0;}
    .product1_cont.product10_cont .seventh .topic ul li {width: 46%; margin-left: 8%; margin-top: 40px;}
    .product1_cont.product10_cont .seventh .topic ul li:nth-child(2n+1) {margin-left: 0;}    
    .product1_cont.product10_cont .seventh .inner_title {padding: 50px 0 15px;}
    .product1_cont.product10_cont .fourth .inner_title {padding: 50px 0 0 0;}    
    .fullpage .five .swiper-container {width: 90%; margin: auto; overflow:visible !important;}
    .fullpage .five .news {width: auto;}
    .fullpage .five {display: block;}
    .fullpage .five .fp-tableCell {display: block;}
    .fullpage .five .news .swiper-slide {margin-left: 0;}
    .fullpage .title h1 {font-size: 1.4rem;}
    .fullpage .title > em {font-size: 1rem;}
    .fullpage .four.active .newsBtn {margin: auto;}
    .bx-wrapper img {max-width: none;}
    .fullpage .five .bx-wrapper .bx-viewport .bxslider li img {width: 240%;}
    .fullpage .five .ipad {width: 150%; left: -25%; top: -20px;}
    .fullpage .five .title {padding-top: 60px;}
    .fullpage .third .thirdBox .bear {width: 72%;}
    .fullpage .four .intro > div > div {left: 22px;}
    .fullpage .four.active .intro > div > div > img {width: auto; height: 100%;}
    .fullpage .four .intro > div > div div {margin-top: 15px;}
    .fullpage .four .intro > div:first-child > div span, .fullpage .four .intro > div:nth-child(2) > div span, .fullpage .four .intro > div > div span {margin-top: 16px;}
    .fullpage .five .news {padding: 0;}
    .fullpage .pro .intro > em {font-size: 1.4rem;}
    .fullpage .pro .intro > span {padding-bottom: 1.2rem;}
    .fullpage .pro .intro .swiper-container {bottom: 10px; padding-bottom: 4%;}    
    .fullpage .second.pro .pic .prize {width: 100%;}
    .fullpage .second.pro .pic .big {width: 134%; margin-left: -17%;}
    .fullpage .sixth.pro .pic .prize {width: 52%; margin: 0; padding-bottom: 2rem;}
    .fullpage .sixth.pro .pic .big, .fullpage .seventh.pro .pic .big {width: 100%;}
    .fullpage .seventh.pro .pic .prize {width: 52%; margin: 0;}
    .fullpage .second, .fullpage .third, .fullpage .five, .fullpage .sixth, .fullpage .seventh {display: block;}
    .fullpage .second .fp-tableCell, .fullpage .third .fp-tableCell, .fullpage .five .fp-tableCell, .fullpage .sixth .fp-tableCell, .fullpage .seventh .fp-tableCell {display: block;}
    .fullpage .third .thirdBox {padding-top: 65px;}
    .fullpage .second {background: url(../images/mobile/index/banner1.jpg) no-repeat; background-size: cover;}
    .fullpage .sixth {background: url(../images/mobile/index/banner2.jpg) no-repeat; background-size: cover;}
    .fullpage .seventh {background: url(../images/mobile/index/banner3.jpg) no-repeat; background-size: cover;}
    .product1_cont.product11_cont .first .slogan .title img {width: 91%;}
    .product1_cont.product11_cont .first .bannerImg .logo {position: static; width: 30%; margin:auto; padding-top: 1.5rem;}
    .product1_cont .first .slogan {padding: 1rem 0 70px;}
    .product1_cont.product11_cont .third .newest {width: 90%;}
    .product1_cont.product11_cont .third ul {width: 94.68%;}
    .product1_cont.product11_cont .third ul li {width: 33.33%; margin-left: 0; padding-top: .8rem;}
    .product1_cont.product11_cont .third ul li:nth-child(4n+1) {margin-left: 0;}
    .product1_cont.product11_cont .fourth ul li:nth-child(2) {overflow:visible; margin: 70px 0 10px;}
    .product1_cont.product11_cont .fourth ul li:nth-child(2) > div {margin-top: 0;}
    .product1_cont.product11_cont .fifth .product img {width: 90%;}
    .product1_cont.product11_cont .fourth .inner_title {padding: 50px 0 0;}
    .product1_cont.product12_cont .first .slogan .title img:first-child {width: 30%;}
    .product1_cont.product4_cont.product12_cont .fourth > img {padding-top: 0;}
    .product1_cont.product4_cont.product12_cont .fifth .product > img {width: 90%;}
    .product1_cont.product4_cont.product12_cont .fifth .product > div > div > div img {width: 36%;}
    .product1_cont.product4_cont.product12_cont .fifth .product {padding-bottom: 50px;}
    .fullpage .pro .intro > em {padding-bottom: 10px;}
    .fullpage .pro .intro ul li a span {z-index: 999; padding: 4px 12px 4px 4px; background-size: auto 12px; font-size: 12px; position: relative;}
    .fullpage .sixth.pro .intro ul li a span, .fullpage .seventh.pro .intro ul li a span {background-size: auto 12px;}
    .fullpage .pro .intro ul {padding-top: 15px;}
    .brand_cont .second .logo_wall ul li {width: 33.33%;}
    .brand_cont .second .logo_wall {width: 92%; padding-bottom: 30px;}
    .invest_cont .banner .mobile {display: block;}
    .invest_cont .banner .pc {display: none;}
    .invest_cont .second .mobile{display: block;}
    .invest_cont .second .pc{display: none;}
    .invest_cont .intro .introBox {width: 90%;}
    .invest_cont .first .title, .invest_cont .intro ul {width: 100%; float: none;}
    .invest_cont .title > em span {font-size: 46px; line-height: 46px;}
    .invest_cont .title > em {font-size: 24px;}
    .invest_cont .title > span {padding-top: 5px; font-size: 25px;}
    .invest_cont .title > i {width: 10%; margin:15px 0;}
    .invest_cont .intro .introBox .title > p {font-size: 1rem; line-height: 1.8rem; padding-bottom: 20px;}
    .invest_cont .intro ul li > div span {font-size: 1rem; line-height: 2rem;}
    .invest_cont .intro ul li > div span em {font-size: 1.5rem;}
    .invest_cont .intro ul li > img {margin-top: 5px;}
    .invest_cont .intro ul li:first-child > img {margin-top: 11px;}
    .invest_cont .intro .introBox {padding:50px 0 60px;}
    .invest_cont .sub_title {font-size: 32px;}
    .invest_cont .second {padding:50px 0 45px;}
    .invest_cont .second .ar_lan > span {font-size: 1rem; padding:12px 0 20px;}
    .invest_cont .second .ar_lan {width: 90%;}
    .invest_cont .second .ar_lan .pie > div .pieBox .pieImg {width: 76%;}
    .invest_cont .second .ar_lan .pie > div .pieBox .list ul li {line-height: 22px;}
    .invest_cont .second .ar_lan .pie > div .bar span {line-height: 40px; font-size: 14px;}
    .invest_cont .second .ar_lan .pie > div .bar img {width: 100%;}
    .invest_cont .second .ar_lan .pie > div .bar {height: 40px; margin-top: 16px;}
    .invest_cont .second .ar_lan .pie > div:nth-child(2) {padding-top: 30px;}
    .invest_cont .second .ar_lan .pie > div:nth-child(2) .pieBox .pieImg {width: 76%;}
    .invest_cont .third .safe .sub_title {font-size: 30px; padding:32px 0 15px;}
    .invest_cont .third .safe .s1 {font-size: 36px; line-height: 36px; padding-bottom: 6px;}
    .invest_cont .third .safe .eng span {font-size: 14px;}
    .invest_cont .third .logoBox li.mobile img {height: 130px;}
    .invest_cont .third .safe {height:260px; top: 50%; margin-top: -130px;}
    .invest_cont .third .safe .logo_slide .bx-wrapper .bx-controls-direction a {height: 34px; margin-top: -17px;}
    .invest_cont .fourth {width: 90%; padding:50px 0 20px;}
    .invest_cont .fourth .product, .invest_cont .fourth .dinosaur {width: 100%; float: none; display: block;}
    .invest_cont .fourth .product .title > em {font-size: 32px;}
    .invest_cont .fourth .product .title > span {font-size: 30px; padding:6px 0;}
    .invest_cont .fourth .product .title ul li span {font-size: 26px; padding-left: 35%;}
    .invest_cont .fourth .dinosaur {padding-top: 25px;}
    .invest_cont .fifth {background: url(../images/invest/bg2.jpg) no-repeat center; background-size: cover; padding: 50px 0;}
    .invest_cont .fifth .sub_title {padding-bottom: 40px;}
    .invest_cont .fifth ul li, .invest_cont .fifth ul li:nth-child(2n) {width: 100%; float: none; margin-top: 20px;}
    .invest_cont .fifth ul li div em {font-size: 20px;}
    .invest_cont .fifth ul li div span {font-size: 16px; line-height: 24px;}
    .invest_cont .fifth ul li:nth-child(2) {margin-top: 20px;}
    .invest_cont .sixth {padding:40px 0 200px; background: url(../images/invest/bottom1.jpg) no-repeat center; background-size: cover;}
    .invest_cont .sixth .contact > div {float: none;}
    .invest_cont .sixth .contact {width: 90%;}
    .invest_cont .sixth .sub_title {font-size: 30px;}
    .invest_cont .fifth .sub_title {font-size: 30px;}
    .invest_cont .sixth .contact i {width: 12%; margin:15px 0;}
    .invest_cont .sixth .contact > div > div span {font-size: 1rem; padding-left: 30px; margin-bottom: 8px;}
    .invest_cont .sixth .contact > div > div.hotline span {background-size: auto 1rem;}
    .invest_cont .sixth .contact > div > div.email span {background-size: auto .8rem;}
    .invest_cont .sixth .contact > div > div a img {width: 55%;}
    .invest_cont .sixth .contact > div > div.email a {font-size: 1rem;}
    .invest_cont .sixth .contact > div > div.email a.email1 {margin-bottom: 5px;}
    .invest_cont .sixth .contact > div > div.email {margin-top: 25px;}
    .news_cont .detail img {width: 100% !important; height: auto !important;}
}
@media screen and (max-width: 375px){
	.history_cont .second .yearList .yearBox .swiper .swiper-slide span {min-height: 5.6rem;}
	.experience_cont ul {margin: 120px auto 0;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2), .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n) {width: 38%;}
	.product1_cont .sixth .sixBox > ul {margin-bottom: 30px;}
	.fullpage .four .intro > div > div {left: 18px;}
	.fullpage .four .intro > div:first-child > div span, .fullpage .four .intro > div:nth-child(2) > div span, .fullpage .four .intro > div > div span {font-size: 12px; padding-left: 22px; line-height: 16px; margin-top: 12px;}
	.fullpage .four .intro > div > div div {margin-top: 10px;}
	.fullpage .third .thirdBox .bear {width: 62%;}
	.fullpage .third .thirdBox .aboutNeo > div p {font-size: .8rem;}
	.fullpage .pro .intro .swiper-container {padding-bottom: 2%; bottom: 8px;}
	.fullpage .pro .intro > em, .fullpage .title h1 {font-size: 1.2rem;}
	.fullpage .pro .intro > span {padding-bottom: 10px;}
}
@media screen and (max-width: 360px){
	.company_cont .team .slider .slick-slide > div div span {font-size: .8rem;}
	.company_cont .team .slider .slick-slide > div div {height: 150px;}
	.contact_cont .contactBox {margin-top: 25%;}
	.sideBox .introList li div em {font-size: 1rem;}
	.product1_cont.product7_cont .sixth .sixBox > ul li span {font-size: 12px;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2), .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n) {width: 40%;}
	.product1_cont.product10_cont .seventh .topic ul li > span {font-size: .8rem;}
	.fullpage .third .thirdBox .bear {width: 60%;}
	.fullpage .pro .pic .prize, .fullpage .sixth.pro .pic .prize {padding-bottom: 1rem;}
	.fullpage .pro .intro > em {font-size: 1.2rem;}
	.fullpage .pro .intro > span {font-size: .8rem;}
	.invest_cont .second .ar_lan .pie > div .bar span {font-size: 12px;}
}
@media screen and (max-width: 320px){
	.history_cont .second .yearList .yearBox .swiper .swiper-slide span {font-size: .8rem; line-height: 1.2rem; min-height: 4.8rem;}
	.history_cont .second .patent .patentBox > div span em {font-size: .9rem;}
	.inner_title span {font-size: 1rem;}
	.inner_title span em {font-size: 1.2rem;}
	.inner_title span i {top: 23px;}
	.history_cont .second .yearList .yearBox {margin: 108px auto 0;}
	.sideBox .historyBox .year a {font-size: 14px; width: 72px; height: 30px; line-height: 30px; margin-top: 8px;}
	.sideBox > i.line1 {left: 72px;}
	.sideBox .historyBox .month {padding: 0 4% 0 72px;}
	.sideBox .historyBox .month > ul li em {width: 50px; font-size: 12px;}
	.sideBox > i.line2 {left: 122px;}
	.sideBox .historyBox .month > ul li:first-child {top: 0;}
	.sideBox .historyBox .month > ul li div {padding-left: 60px;}
	.sideBox .historyBox .month > ul li div span {font-size: 12px; line-height: 20px;}
	.recruit_cont {padding: 80px 0 40px;}
	.recruit_cont .back {font-size: 1rem; height: 36px; line-height: 36px;}
	.recruit_cont .detailBox > span {margin-top: 25px;}
	.experience_cont ul {margin:92px auto 0;}
	.product1_cont .first .btns > div > div a {width: 120px;}
	.product1_cont .first .btns > div > div a:first-child {margin-right: 8px;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div, .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2), .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) {width: 100%; float: none;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n+1), .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2n) {width: 100%; float: none;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(3) span:nth-child(2), .product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div:nth-child(2) {margin-top: 10px;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox {display: inline-block;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div {text-align: center;}
	.product1_cont.product4_cont.product5_cont .sixth .sixBox .intro > div > div .introBox > div > div > span {text-align: left; padding-left: 78px;}
	.fullpage .title h1 {font-size: 1.2rem;}
	.fullpage .title > em {padding: 5px 0 10px;}
	.fullpage .newsBtn, .fullpage .third .thirdBox .aboutNeo > div > a {width: 120px; height: 28px; line-height: 28px;}
	.fullpage .second, .fullpage .third, .fullpage .five, .fullpage .second .fp-tableCell, .fullpage .third .fp-tableCell, .fullpage .five .fp-tableCell {display: block;}
	.fullpage .four.active .intro > div > div > img {height: 60%; width: auto;}
	.fullpage .four .intro > div > div span i {width: 4px; height: 4px; margin-top: -2px;}
	.fullpage .third .thirdBox .aboutNeo > div p.p2 {display: none;}
	.fullpage .third .thirdBox .bear {width: 68%;}
	.product1_cont.product11_cont .third .newest > div > span, .product1_cont.product11_cont .third .newest > div > div {font-size: 14px;}
	.product1_cont.product11_cont .third .newest > div > div {font-size: 1rem;}
	.invest_cont .second .ar_lan {width: 94%;}
	.invest_cont .third .safe .sub_title {font-size: 28px;}
	.invest_cont .third .safe .s1 {font-size: 32px; line-height: 32px;}
	.invest_cont .fourth .product .title ul li span {padding-left: 45%;}
}
@media screen and (max-height: 480px){
	.fullpage .four .intro > div {height: 52%;}
	.fullpage .four .intro > div > div div {display: none;}
}

/*外加样式*/
.second .carousel{

}
.second .carousel .next1,.second .carousel .prev1,.second .carousel1 .next1,.second .carousel1 .prev1{
    display: inline-block;
    width: 4%;
    height: 12%;
}
.second .top,.second .bottom{
    display: inline-block;
    width: 7%;
    height: 4%;

}
.second .top{
    position: absolute;
    top: 3%;
    left: 48%;
}
.second .bottom{
    position: absolute;
    top: 3%;
    left: 58%;
}
.second .carousel .next1,.second .carousel1 .next1{
    position: absolute;
    left: 5%;
    top: 40%;
}
.second .carousel .prev1,.second .carousel1 .prev1{
    position: absolute;
    right:5%;
    top: 40%;
}
.second .carousel img,.second .carousel1 img{
    border:2px solid #000000;
    border-radius: 20px;
    width: 75%;
}
.title_head{
    font-size: 46px;
    text-align: center;
    color: #fff;
    display: block;
    background: url(../images/invest/4.jpg) no-repeat center; background-size: cover;
    width: 50%;
    margin: 0 auto;
}