@charset "utf-8";
/*Home*/
.index-main-1{ margin-top: 4rem; min-height: 100vh; background: url(../img/index-img-bg-1.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;}
.index-main-1-text{ margin: 0 auto; text-align: center; border-top: 1px solid #000;}
.index-main-1-text h1{margin-top: 4rem;font-size: 4.8rem;color:#000;}
.index-main-1-text h2{margin-top: 3rem;font-size: 2.4rem;color:#3d3a3a;}
.index-main-1-text h2 span{ display: inline-block; background:url(../img/index-img-ai.png) no-repeat top; width: 4.4rem;height: 2.2rem; font-size: 1.8rem; color: #91f6e4;}
.index-main-1-text p{margin-top: 1rem;font-size: 1.2rem;color:#3d3a3a;}
.index-main-2{ background-color:#000; height: 42rem; }
.index-main-2 h1{ color: #fff; font-size: 4rem;text-align: center;padding-top: 5rem; font-weight: 400;}
.index-main-2 p{ color: #ebebeb; font-size: 1.4rem; width: 60rem; margin: 3rem auto 0 auto; line-height: 2.8rem;}
/*.index-main-3{border-top:1px solid #000; min-height: 100vh; background: url(../img/index-img-bg-1.jpg) no-repeat; background-size:100% 100%; background-attachment:fixed;}*/
.index-main-3 ul{margin: 6rem auto;width: 61rem;}
.index-main-3 ul li{ width: 20rem; display: inline-block; margin: 5rem 0; }
.index-main-3 ul li h3{ font-size: 2.1rem; line-height: 4.2rem; font-weight: 400; color: #4ca6ff;}
.index-main-3 ul li p{ font-size: 1rem; line-height: 2rem;}
.index-main-4{border-top:1px solid #fff; min-height: 100vh; background: url(../img/index-img-bg-4.jpg) no-repeat; background-size:100% 100%;}
.index-main-4 h1{ color: #fff;font-size: 3.6rem; text-align: center; margin-top: 7rem; line-height: 5.4rem; font-weight: normal;}
.index-main-5 div{width: 70rem; margin: 0 auto;}
.index-main-5 div h1{ text-align: center; line-height: 15rem; margin-top: 2rem; font-size: 2.4rem;}
.index-main-5 div ul{display: flex; flex-wrap:wrap;}
.index-main-5 div ul li{width: 35rem; height: 21.8rem;}
.index-main-5 div ul li:nth-child(1){background-color: #f4f4f4; border-radius: 1.5rem 0 0 0;}
.index-main-5 div ul li:nth-child(4){background-color: #f4f4f4; border-radius: 0 0 1.5rem 0 ;}
.index-main-5 div ul li img{ width: 35rem; height: 21.8rem;}
.index-main-5 div ul li p{ margin: 0 auto; width: 23rem; margin-top:8rem; font-size: 1rem; line-height:2rem; }
.index-main-5 div ul li p a{ color: #7d6b57; font-size: 2.1rem;}
.index-main-6{margin-top: 8rem; }
.index-main-6 div{width: 70rem; margin: 0 auto;}
.index-main-6 div h1{font-size: 2.4rem; text-align: center;}
.index-main-6 div p{ font-size: 1.2rem; line-height: 2.4rem; text-align: center; margin-bottom: 5rem;color: #ccc;}
.index-main-6 div img{ width: 70rem;}
.index-main-7{border-top:1px solid #fff;background: url(../img/index-img-7.jpg) no-repeat;background-size:100% 100%;min-height: 100vh; margin-top: 12rem;}
.index-main-7 p{ color: #fff; font-size: 3.6rem; line-height: 5.4rem; margin: 15% 0 0 6%;}
@media screen and (max-width:1500px){.index-main-7 p{font-size:2.4rem; line-height: 3.6rem;}}
.index-main-8-0{border-top:1px solid #fff;background: url(../img/index-img-8-0.jpg) no-repeat;background-size:100% 100%;min-height: 100vh;}
.index-main-8-0 p{ color: #333; font-size: 3.6rem; line-height: 5.4rem; margin: 12% 0 0 15%;}
.index-main-8-0 font{ font-size: 1.2rem; line-height: 1.8rem; color: #666;margin: 1% 0 0 15%; display: block;}
@media screen and (max-width:1500px){.index-main-8-0 p{font-size:2.4rem; line-height: 3.6rem;}.index-main-8-0 font{font-size: .8rem; line-height: 1.2rem;}}
.index-main-8{border-top:1px solid #7092ab;background: url(../img/index-img-8.jpg) no-repeat;background-size:100% 100%;min-height: 100vh;}
.index-main-8 p{ color: #fff; font-size: 3.6rem; line-height: 5.4rem; margin: 15% 0 0 9%;}
.index-main-8 font{ font-size: 1.2rem; line-height: 1.8rem; color: rgba(255,255,255,.8);margin: 1% 0 0 9%; display: block;}
@media screen and (max-width:1500px){.index-main-8 p{font-size:2.4rem; line-height: 3.6rem;}.index-main-8 font{font-size: .8rem; line-height: 1.2rem;}}
.index-main-9{border-top:1px solid #7092ab;background: url(../img/index-img-9.jpg) no-repeat;background-size:100% 100%;min-height: 100vh;}
.index-main-9 p{ color: #666; font-size: 3.6rem; line-height: 5.4rem; margin: 15% 0 0 12%;}
@media screen and (max-width:1500px){.index-main-9 p{font-size:2.4rem; line-height: 3.6rem;}}
.index-main-10{ background-color: #f5f9fa;}
.index-main-10 div{ margin: 0 auto; width: 66rem;border-top: 1px solid #f5f9fa; padding: 4rem;}
.index-main-10 div h1{ text-align: center; font-size: 2.4rem; line-height:3.6rem; margin: 4rem 0 5rem 0; }
.index-main-10 div ul{ display: flex; flex-wrap:wrap; justify-content:space-between;}
.index-main-10 div ul li{ text-align: center; width: 22rem;}
.index-main-10 div ul li h3{ color: #c9d9f2; font-size:3rem; font-weight: normal; line-height: 6rem; }
.index-main-10 div ul li p{ font-size: 1.5rem; line-height: 3rem;}
.about-main-1{margin-top: 8rem;}
.about-main-2,.about-main-3{margin-top:4rem;}
.about-main-text{ width: 60rem; margin:0 auto; }
.about-main-text h1{ font-size:2.1rem; line-height: 5.2rem; margin-bottom: 1rem; font-weight: normal; text-align: center;}
.about-main-text p{ font-size: 1rem; line-height: 2rem;}
.about-main-3{ margin-bottom:10rem;}
.about-main-3 ul{display: flex; flex-wrap:wrap; justify-content:space-between;}
.about-main-3 ul li{ text-align: center; width: 19rem; background-color: #f2faf7;}
.about-main-3 ul li h4{ margin-top:2rem; line-height: 2rem; font-weight: normal; color: #0b73f5;}
.about-main-3 ul li p{padding-bottom: 1rem;}
.join-section-1{margin: 8.5rem auto 6rem auto; width: 60rem;}
.join-section-1 h1{ font-size: 2.1rem; line-height: 5.2rem; margin-bottom: 1rem; font-weight: normal; text-align: center;}
.join-section-1>h2{margin-top:2rem; line-height: 2rem; font-weight: normal; color: #0b73f5;}
.join-section-1 div>h2{font-weight: normal;}
.join-section-1 p{ font-size: 1rem; line-height: 2rem;}
.join-section-1-list{ margin: 2rem 0 0rem 0; }
.join-section-1-list:after{clear:both; content: '.'; display: block; visibility: hidden;}
.join-section-1-list .left,.join-section-1-list .right{background-color: #f2faf7; width: 29.4rem; height: 18rem;}
.join-section-1-list .left{ float: left;}
.join-section-1-list .right{ float: right;}
.join-section-1-list .left h2,.join-section-1-list .right h2{font-size: 1rem; line-height: 2rem; padding: 1rem 1rem 0 1rem;}
.join-section-1-list .left p,.join-section-1-list .right p{font-size: .8rem;padding: 0 1rem;}
.join-section-1 .bom{background-color: #f2faf7; text-align:center; height: 6rem;}
.join-section-1 .bom p{font-size: .8rem;}
.join-section-1 .bom p:nth-child(1){ padding-top: 1rem;}
.estimate-main div{ width: 57rem; margin: 0 auto;}
.estimate-main div h1{ color:#3d3a3a; font-size: 2.1rem; margin: 4rem 0 1rem 0; font-weight: normal; }
.estimate-main div ul li{ display: inline-block; width: 16rem; margin-bottom: 2rem; position: relative;}
.estimate-main div ul li:after{content: ""; position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.3); width: 320px; height: 210px;}
.estimate-main div ul li:hover:after{background-color: rgba(0,0,0,.0); width: 0; height: 0; cursor: pointer;}
.estimate-main div ul li:nth-child(2){ margin: 0 4.1rem;}
.estimate-main div ul li:nth-child(5){ margin: 0 4.1rem;}
.estimate-main div ul li p{ color: #666; font-size: .9rem; line-height: 1.8rem; width: 12rem; text-align: center; margin: 0 auto;}
.serve-banner{margin-top: 4rem; text-align: center; border-top: 1px solid #bcd0d1; background: linear-gradient(top, #bcd0d1, #ffffff);background: -ms-linear-gradient(top, #bcd0d1, #ffffff);background: -webkit-linear-gradient(top, #bcd0d1, #ffffff);background: -moz-linear-gradient(top, #bcd0d1, #ffffff); }
.serve-banner>p{  letter-spacing:0px; font-size: 1rem; line-height: 2rem;  margin-top: 5rem; color: #666; }
.serve-banner>h1{ font-size: 2.4rem;}
.serve-banner>img{ margin: 5rem 0 2rem 0;}
.serve-section-1{ width: 60rem;  margin: 0 auto;}
.serve-section-1 h1,.serve-section-2 h1{margin: 4.5rem 0 1rem 0; font-weight: normal; font-size: 2.1rem; line-height: 5.2rem;text-align: center;}
.serve-section-1 ul{display: flex; flex-wrap:wrap; justify-content:space-between;}
.serve-section-1 ul li{display: inline-block; width: 18rem;}
.serve-section-1 ul li video{ display: inline-block;  width: 18rem;background-color: red;}
.serve-section-1 ul li div p{ line-height: 2rem; font-size: .8rem; font-weight: 900;}
.serve-section-1 ul li div font{ font-size: .7rem; color: #999; line-height: 1.4rem;}
.serve-section-2{ width: 58rem;  margin: 0 auto; margin-bottom: 8rem; }
.serve-section-2 ul li:nth-child(1){border-top:1px solid #ebebeb; }
.serve-section-2 ul li{ border-bottom:  1px solid #ebebeb; padding: 1rem 0 .5rem .5rem;}
.serve-section-2 ul li div.answer{ display: none; background-color: #f5f5f5; width: 57rem;}
.serve-section-2 ul li p{letter-spacing:0px; line-height: 2rem; color: #000; font-size: .8rem; width: 56rem; padding: 0 .5rem;}
.serve-section-2 ul li p.faq{font-size: .9rem;}
.serve-section-2 ul li:hover div.answer{ display: block;}
.serve-section-2 ul li:hover p.faq{ color: red; cursor: pointer; }

.case{display: flex; flex-wrap:wrap; justify-content:space-between; width: 61rem; margin: 6rem auto 8rem auto;}
.case-list{ width: 18rem; border:1px solid #ebebeb;  height: 18rem;}
.case-list li{line-height: 3rem; border-bottom: 1px solid #ebebeb; padding-left: 1rem; color: #666;}
.case-list li:last-child{border-bottom:none;}
.case-list li:hover{color: #0b73f5; cursor: pointer;}
.case-box{width:40rem; min-height: 40rem;}
.case-main{display: none;}
.case-main:nth-child(1){display: block;}
.case-main h1{ font-size: 1.2rem; margin-bottom: 1rem;}
.case-main p{ color: #666; font-size: .8rem; line-height: 1.6rem;}
.case-main p b{font-size: .8rem;}

/*.product-list{width:60rem; margin: 8.5rem auto 3rem auto; }
.product-list h1{margin-bottom: 3rem;}
.product-list article>p{ font-size: .8rem; margin-bottom:4rem;}
.product-list article ul{margin: 1rem 0 0rem 0; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.product-list article ul li{ width: 284px; margin:18px 18px 0 0; border: 1px solid #f5f5f5;} 
.product-list article ul li:nth-child(4n){margin-right: 0;}
.product-list article ul li img{width:284px;} 
.product-list article ul li p{ line-height: 2rem; padding-left: 1rem;}
.product-list article ul li span{color:#999;line-height: 2rem; font-size: .7rem; display: block;padding:0 0 1rem 1rem;}
.product-list article ul li p a{ color: #f9b41e;}
.product-list article ul li:hover{ box-shadow:0px 0px 4px #cccccc; z-index: 999; cursor: pointer;}*/

.product-main{width:60rem; margin: 8rem auto 3rem auto;}
.product-main h1{ font-size: 2.1rem; line-height: 5.2rem;  text-align: center; font-weight: normal; margin-bottom: 1rem;}
.product-main p{font-size: .8rem; line-height: 2rem;}
.product-main img{margin:1rem 0 1rem 0; } 
/*产品列表*/
.product-main ul{margin: 1rem 0 0rem 0; display: flex; -webkit-display:flex; flex-flow:wrap; -webkit-flex-flow:wrap;}
.product-main ul li{ width: 284px; margin:18px 18px 0 0; border: 1px solid #f0f0f0;} 
.product-main ul li:nth-child(4n){margin-right: 0;}
.product-main ul li img{width:284px;} 
.product-main ul li p { line-height: 2rem; font-size: .9rem; padding-left: 1rem;}
.product-main ul li span{color:#999;font-size: .7rem; display: block;padding:0 0 1rem 1rem;}
.product-main ul li p font{ color: #0b73f5;font-size: .8rem;} 
.product-main ul li:hover{ box-shadow:0px 0px 4px #cccccc; z-index: 999; cursor: pointer;} 

/*APP下载*/
.down{ background-color:#3da783; width: 750px; min-height: 1344px; margin: 0 auto; display: block; position: relative; letter-spacing:0px;}
.down-title{padding: 50px 0 30px 0;  text-align: center;}
.down div>img{ width: 50%;}
.down p{ font-size: 54px; color: #fff;}
.down ul{display: flex; flex-wrap:wrap; justify-content:center; }
.down ul li{   border-radius: 10px; display: inline-block; }
.down ul li:nth-child(1){ margin-right: 50px;}
.down ul li a{display: inline-block;width: 278px; height: 88px; background-image: url(../img/down-android.png);background-size:cover;}
.down ul li.ios a{display: inline-block;width: 278px; height: 88px; background-image: url(../img/down-iphone.png);background-size:cover;}
.down ul li.google a{display: inline-block;width: 278px; height: 88px; background-image: url(../img/down-google.png);background-size:cover;margin-top: 20px;}
.down>p{ color: #fff; padding: 30px 0; margin-left: 76px;}
.down>img{ position: absolute; bottom: 0; left: 0; right: 0; width: 570px; margin: 0 auto;}