body { font-size: 18px; color: #6e6e6e; font-family: "微软雅黑";}
.main-nav {  height: 30px; line-height: 30px; width: 100%; cursor: pointer; position: absolute; top: 60px; left:40%; z-index: 200;}
.main-nav > li { float: left; width: 9%; border-radius: 15px; text-align: center; margin-right: 1%; }
.main-nav > .current-li { background: #ea5352; color: #f9f9f9; }
.page { min-width: 1100px; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; border-top: 8px solid #ec515d;}
.bottom-btn { width: 6.8%; position: absolute; bottom: -1px; left: 45%; z-index: 400;}
.zhezhao { width: 100%; position: fixed;  top: 0; bottom: 0; background:rgba(1,1,1,0.8); z-index: 500; display: none;}



/*首页*/
.index { visibility: visible;}
.index .top-arrow { position: absolute; top: 0; left: 43%; z-index: 300; width: 30px;}
.index .index-top-bg { width: 30%; position: absolute; top: 0; left: 12%; }
.index .index-bottom-bg { width: 39%; position: absolute; bottom: 0; right: 7%; } 
.index .index-ww { width: 11.5%; position: absolute; bottom: 1px; left: 10.6%; }

.index .tel-container { width: 500px; height: 600px; margin: 10% 0 0 40%; position: relative; z-index: 99;}
/*动画*/
.index .animate { width: 155px; height: 274px; position: absolute; top: 38px; left: 7px; }
.index .index-tel { float: left; margin: 0 2% 0 0; width: 170px;}
.index .tel-right { float: left; width: 59%; padding: 20px 0 0 0;}
.index .logo-img { text-align: center; }
.index .text-column1 { text-align: center; font-size: 32px; color: #3bdabc; margin: 18px 0 20px 0; }
/*.index .text-column2 { text-align: center; font-size: 18px; color: #3bdabc; margin: 0 0 26px 0;}*/
.index .download-tel { width: 68%; height: 39px; cursor: pointer; line-height: 39px; text-indent: 26%; font-size: 14px; margin: 16px auto; border: 2px solid #3bdabc; border-radius: 20px; }
.index .iphone { background: url("../imgs/index/iphone.png") 20% center no-repeat; background-size: 10%; }
.index .andior { background: url("../imgs/index/andior.png") 20% center no-repeat; background-size: 10%; }
.index .bullet { width: 50%; background: white; position: absolute; top: 20%; bottom:20%;  left: 25%; z-index: 600; display: none; }
.index .bullet-bg-left { height: 100%; width: 37%; position: absolute;}
.index .bullet-logo { position: absolute; width: 30%; top: -28%; left: -10%; }
.index .code-img { width: 30%; margin: 8% 0 0 40%;}
.index .tel-scan { width: 30%; height: 38px; line-height: 38px; margin: 4% 0 0 41%; font-size: 24px; color:#3bdabc; padding: 0 5px;}
.index .tel-scan > img { height: 90%; float: left; margin: 0 5px 0 0;}
.index .bullet-ww { width: 15.4%; position: absolute; bottom: 10px; right: 20px; }
.index .close { width: 5%; position: absolute; top: -6%; right: -6%; }



/*关于微籽*/
.about-with {background: #fff; visibility: hidden;  }
.about-with .top-arrow { position: absolute; top: 0; left: 53%; z-index: 300; width: 30px;}
.about-with .bg-left { width: 37%; position: absolute; top: 0; left: 0; }
.about-with .bg-right { width: 21%; position: absolute; bottom: 0; right: 0; }
.about-with .bottom-ww { width: 15%; position: absolute; bottom: 15px; left: 20%; z-index: 300; }
.about-with .main { width: 52.6%; height: 640px; position: absolute; top: 22%; left: 26.6%; color: #04daa6; z-index: 100;}
.about-with .title1 { font-size: 35px; padding: 0 9%; }
.about-with .logo { width: 16.4%; margin: 0 0 20px 108px; padding: 0 8%;}
.about-with .title2 { height: 52px; line-height: 52px; font-size: 30px; }
/*.about-with .title3 { height: 70px; line-height: 70px; font-size: 24px; }*/
.about-with .text { font-size: 20px; line-height: 35px; padding: 10px 0 0 20%; }
.about-with .swiper-container { width: 82%; margin: 0 auto;  }
.about-with .swiper-slide { padding: 0 3px 13%;}
.about-with .swiper-button-prev { background-image: url("../imgs/about-with/left1.png"); background-size: 40px; top: 130px; width: 40px; height: 40px; left: 0;}
.about-with .swiper-button-next { background-image: url("../imgs/about-with/right1.png"); background-size: 40px; top: 130px; width: 40px; height: 40px; right: 0;}
/*.about-with .swiper-pagination-bullet {width: 13px; height: 13px; background-image: url("../imgs/about-with/bullet2.png"); background-size: 13px;  }*/
/*.about-with .swiper-pagination-bullet-active { width: 16px; height: 16px; background-image: url("../imgs/about-with/bullet1.png"); background-size: 16px; }*/

.about-with .swiper-pagination-bullet {width: 13px; height: 13px; }
.about-with .swiper-pagination-bullet-active { width: 14px; height: 14px; background: #3bdabc;}

/*场景活动*/
::-webkit-scrollbar { width: 0; }
.activi { background: #fff; visibility: hidden; }
.activi .top-arrow { position: absolute; top: 0; left: 63%; z-index: 300; width: 30px;}
.activi .bg-left { width: 33.6%; position: absolute; top: 0; left: 0; }
.activi .bg-right { width: 21.9%; position: absolute; top: 0; right: 0; }
.activi .main { width: 860px; position: absolute; top: 120px; left: 22%;}
.activi .logo { width: 200px; height: 230px; position: absolute; top: -150px; left: -100px; }
.activi .main-title {  position: relative; height: 65px; line-height: 65px; font-size: 35px; font-weight: normal; color: #04daa6; padding: 0 0 0 10%;}
.activi .one-list { float: left; width: 50%; padding: 60px 30px 0 0; position: relative; cursor: pointer; }
.activi .left { float: left; width: 138px; height: 138px; border-radius: 50%; overflow: hidden; margin: 0 20px 0 0;}
.activi .left img { height: 100%; }
.activi .right { padding: 5px 0 0 0;}
.activi .title1 { height: 50px; line-height: 50px; font-size: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #04daa6; font-weight: normal;}
.activi .intr { font-size: 16px; color: #5c5c5c; }
.activi .more { cursor: pointer; position: absolute; bottom: 10px; left:170px; width: 90px; height: 26px; line-height: 26px; font-size: 16px; text-align: center; border-radius: 12.5px; background: #3bdabc; outline: none; border: 1px solid #0cb189; color: #fff; }

.activi .bullet { width: 900px; height: 650px; margin: 100px auto; position: relative; z-index: 600; display: none; }
.activi .imgLists { width: 500px; height: 450px; overflow: hidden; display: inline-block; font-size: 0; float: left; }
/*.activi .imgLists > img:nth-of-type(1) { width: 100%; margin: 0 0 20px 0;}
.activi .imgLists > img:nth-of-type(2) { width: 49%; margin:0 2% 0 0;}
.activi .imgLists > img:nth-of-type(3) { width: 49%; }*/

.activi .imgLists > div:nth-of-type(1) { width: 500px; height: 210px;   margin: 0 0 30px 0; overflow: hidden;}
.activi .imgLists > div:nth-of-type(2) { width: 240px; height: 210px; margin:0 15px 0 0; float: left; overflow: hidden;}
.activi .imgLists > div:nth-of-type(3) { width: 240px; height: 210px; float: right; overflow: hidden;}
.activi .imgLists img { width: 100%; }
.activi .imgLists .width-img { height: 100%;}

.activi .content { float: right; width: 400px; height:96%; overflow: hidden; padding: 0 15px; color: #fff; }
.activi .title2 { height: 70px; line-height: 70px; font-size: 37px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.activi .title3 { height: 35px; line-height: 35px; font-size: 26px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.activi .text {line-height: 20px; font-size: 14px; text-indent: 2em; padding: 10px 0 0 0; }
.activi .close { width: 3%; position: absolute; top: -7%; right: -3%;  }



/*合作伙伴*/
.partner { background: #fff; visibility: hidden; }
.partner .top-arrow { position: absolute; top: 0; left: 73%; z-index: 300; width: 30px;}
.partner .bg-left { width: 33.5%; position: absolute; top: 0; left: 0; }
.partner .bg-right { width: 22%; position: absolute; bottom: 0; right: 0; }
/*.partner .main { width: 52.6%; height: 640px; position: absolute; top: 22%; left: 26.6%; color: #fff;}*/
.partner .main { width: 750px; height: 640px; margin: 150px auto; color: #fff; position: relative;}
.partner .title1 { font-size: 35px; padding: 0 8%; color: #3bdabc; }
.partner .logo { width: 16.4%; margin: 0 0 20px 108px; padding: 0 8%;}
.partner .swiper-container {width: 600px; height: 300px; padding: 5% 0 0 0;}
.partner .swiper-slide { width: 200px; height: 185px; border-radius: 10px; padding: 0 15px 0 0; }
.partner .swiper-slide > p { height: 185px; width: 185px; background: #fff; border-radius: 10px; overflow:hidden;display: table-cell; vertical-align: middle;}
.partner .swiper-slide img { width: 100%;  }
.partner .swiper-container-horizontal>.swiper-pagination-bullets, .partner .swiper-pagination-custom, .partner .swiper-pagination-fraction { bottom: 0; }
/*.partner .swiper-container {width: 83%; padding: 5% 0 0 0; }
.partner .swiper-slide { padding: 0 15px 13% 0; margin: 0 2px 0 0; }
.partner .swiper-slide > img { width: 100%; }*/
.partner .swiper-button-prev { background-image: url("../imgs/partner/left1.png"); background-size: 40px; top: 145px; width: 40px; height: 40px; left: 0;}
.partner .swiper-button-next { background-image: url("../imgs/partner/right1.png"); background-size: 40px; top: 145px; width: 40px; height: 40px; right: 0;}
/*.partner .swiper-pagination-bullet {width: 13px; height: 13px; background-image: url("../imgs/partner/bullet2.png"); background-size: 13px;  }*/
/*.partner .swiper-pagination-bullet-active { width: 16px; height: 16px; background-image: url("../imgs/partner/bullet1.png"); background-size: 16px;}*/

.partner .swiper-pagination-bullet {width: 13px; height: 13px; }
.partner .swiper-pagination-bullet-active { width: 14px; height: 14px; background: #3bdabc;}



/*关于我们*/
.about-us { visibility: hidden; background: #fff; }
.about-us .top-arrow { position: absolute; top: 0; left: 83%; z-index: 300; width: 30px;}
.about-us .left-bg { width: 31%; position: absolute; top: 0; left: 0; }
.about-us .right-bg { width: 22%; position: absolute; bottom: 0; right: 0; }
.about-us .main { color:#535353; width: 70%; margin: 10% auto; padding: 4% 0 0 0; position: relative; z-index: 99; font-size: 22px; text-indent: 2em; background: url("../imgs/about-us/map.png") right top no-repeat; background-size: 50%;}
.about-us .left { width: 55.8%; padding: 0  0 0 20px; }
.about-us .intr { font-size: 15px; line-height: 32px; margin: 0 0 20px 0; }
.about-us .address { font-size: 13px; line-height: 25px; }
.about-us .address img { height: 15px; margin: 0 15px 0 0; }
.about-us .addr, .about-us .email, .about-us .tel { padding: 0 0 0 20px; }
.about-us .address .addr > img { margin: 0 18px 0 5px; }
.about-us .address .tel > img { margin: 0 16px 0 2px; }
.about-us .search-btn { width: 32%; position: absolute; right:10%; top: 80px; cursor: pointer; }
.about-us .bullet { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 600; display: none; }
.about-us .result { width: 100%; height: 100%; }
.about-us .close { width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; cursor: pointer; }