@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: 5rem;font-size: 4.2rem;color:#000;}
.index-main-1-text h2{margin-top: 2rem;font-size: 1.6rem;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: 1rem;color:#3d3a3a;}
.index-main-2{ background-color:#000; height: 42rem; }
.index-main-2 h1{ color: #fff; font-size: 3.6rem;text-align: center;padding-top: 7rem; font-weight: 400;}
.index-main-2 p{ color: #ebebeb; font-size: 1.2rem; width: 60rem; margin: 3rem auto 0 auto; line-height: 2.4rem;}
/*.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: 3rem 0;}
.index-main-3 ul li h3{ font-size: 1.4rem; line-height: 2.8rem; font-weight: 400; color: #4ca6ff;}
.index-main-3 ul li p{ font-size: .8rem; line-height: 1.6rem;}
.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: 10rem; 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;font-weight: 400;}
.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:6rem; font-size: .8rem; line-height:2rem; }
.index-main-5 div ul li p a{ color: #7d6b57; font-size: 1.8rem;}
.index-main-6{margin-top: 8rem; }
.index-main-6 div{width: 70rem; margin: 0 auto;}
.index-main-6 div h1{font-size: 2.1rem; text-align: center; font-weight: 400;}
.index-main-6 div p{ font-size: 1rem; 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: 2.4rem; line-height: 5.4rem; margin: 15% 0 0 6%; width:38rem;}
@media screen and (max-width:1500px){.index-main-7 p{font-size:2rem; 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: 2.4rem; line-height: 5.4rem; margin: 12% 0 0 5%;}
.index-main-8-0 font{ font-size: 1rem;width: 30rem; line-height: 1.8rem; color: #666;margin: 1% 0 0 5.5%; display: block;}
@media screen and (max-width:1500px){.index-main-8-0 p{font-size:2rem; line-height: 3rem;width: 24rem;}.index-main-8-0 font{font-size: .8rem; line-height: 1.6rem;width: 24rem;}}
.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: 2.4rem; line-height: 3.6rem; margin: 15% 0 0 5%;width: 30rem;}
.index-main-8 font{ font-size: 1rem;line-height: 1.8rem; color: rgba(255,255,255,.8);margin: 1% 0 0 5%; display: block;width: 24rem;}
@media screen and (max-width:1500px){.index-main-8 p{font-size:2rem; line-height: 3rem;}.index-main-8 font{font-size: .8rem; line-height: 1.2rem;width: 20rem;}}
.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: #333; font-size: 2.4rem; line-height: 3.6rem; margin: 15% 0 0 5%; width: 26rem;}
@media screen and (max-width:1500px){.index-main-9 p{font-size:2rem; line-height: 3rem;}}
.index-main-10{ background-color: #f5f9fa;}
.index-main-10 div{ margin: 0 auto; width: 66rem;border-top: 1px solid #f5f9fa; padding: 4rem 0;}
.index-main-10 div h1{ text-align: center; font-size: 2.4rem; font-weight: 400; 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.2rem; line-height: 2rem;}
.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: .8rem; 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: .8rem; 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: 22rem;}
.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: 8rem;}
.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; font-weight: normal;}
.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-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: 28px; 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;}

/*K26推广页*/
.publicity #anchor{ display: inline-block; height: 60px;}
.publicity{width:750px; margin:0 auto;}
.publicity .inputArea div{ height: 1rem;}
.publicity .inputArea div p{ color: red;  font-size: 24px; display:none;}
.publicity .inputArea ul{width: 680px; margin:0 auto;}
.publicity .inputArea ul li{ margin: 1rem 0; padding-bottom: 10px; border-bottom: 2px solid #e5e5e5;}
.publicity .inputArea ul li p b{ color:red;font-size: 30px;}
.publicity .inputArea ul li p{font-size: 30px; color: #666; }
.publicity .inputArea ul li input{width: 100%; color: #666; border:none; outline:none; height: 4rem; display：inline-block; font-size: 30px;}
.publicity .inputArea ul li input[type="checkbox"]{ width: 40px; height: 40px;}
.publicity .inputArea ul li span{ font-size: 20px; display: inline-block;padding-left: 10px; color: #ccc; position: relative; top:-8px;}
.publicity .inputArea ul li span a{ color: #4e90ff;}
.publicity .inputArea ul li:nth-child(8){border:none; }
.publicity .inputArea ul li a.inputBtn{ background-color: #4e90ff; color: #fff; margin-top: 60px; width: 100%; height: 100px; line-height: 100px; font-size: 40px; text-align: center; font-weight: 900; display:block;}

.publicity .inputArea ul li.operateLine {padding:0;margin:0;margin-top:2rem;list-style:none;;border:none;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;}
.publicity .inputArea ul li .basicStyle {width:15rem;font-size:1rem;}
.publicity .inputArea ul li .basicStyle .inputCheckbox {position:static;width:1.6rem;height:1.6rem;padding:0;margin:0;margin-right:.3rem;border:1px solid #666;border-radius:.2rem;vertical-align:middle;}
.publicity .inputArea ul li .basicStyle .checkedStyle {position:static;width:1.6rem;height:1.6rem;padding:0;margin:0;margin-right:.3rem;border-radius:.2rem;background:url("../img/checkedBoxIcon.jpg") no-repeat;background-size:100%;vertical-align:middle;}

.publicity .declaration{ z-index: 9999; display: none; width: 680px;  height:80%;margin-left: 35px; background-color: #fff; box-shadow: 0px 20px 20px 20px rgba(0,0,0,.2); position: fixed; top:10%; border-radius: 20px; border:1px solid #e5e5e5; margin-left: 35px;}
.publicity .declaration>p{ position:absolute; top:0; right: 0; border-radius: 20px;  text-align: right; height: 60px; background-color: #fff; display: block; width: 100%;}
.publicity .declaration div{overflow:scroll; overflow-x: hidden; height:100%;}
.publicity .declaration div h3{ font-size: 36px; text-align: center; padding: 0 0 20px 0;margin-top: 60px;}
.publicity .declaration div h4{font-size: 30px; padding: 0 0 20px 0;margin:0 40px;} 
.publicity .declaration div p{ font-size: 24px; line-height: 48px; margin:0 40px;}
.pubBottom{ position: fixed; bottom: 0; width: 750px; height: 100px; border-top:1px solid #e5e5e5; background-color: #fff;}
.pubBottom ul{ display: flex;}
.pubBottom ul li:nth-child(1){width:35%;}
.pubBottom ul li:nth-child(1) a img{ margin: 0 auto; display: table-cell; margin-top: 20px;}
.pubBottom ul li:nth-child(1) a span{ display: block; text-align: center; color: #999;}
.pubBottom ul li:nth-child(2){width:65%; background-color: #4e90ff; height: 100px;text-align: center;}
.pubBottom ul li:nth-child(2) a{height: 100px; width: 100%; color: #fff; display: inline-block; line-height: 100px; font-size: 36px;}

/*头条Message*/
.messageTable{ margin: 5rem auto 1rem auto; width: 60rem; min-height: 36rem;}
.messageTable table{width: 60rem; margin-top: 2rem;max-height:30rem; text-align: left; line-height: 1.4rem;  border-collapse: collapse;table-layout: fixed; overflow:auto; display: inline-block; border:1px solid #f5f5f5;overflow-y:auto;}
.messageTable table tr{height: 2rem;}
.messageTable table thead tr th{border:1px solid #ccc; background-color: #ebebeb; font-size: .7rem;padding-left: .3rem; height: 2rem;}
.messageTable table tbody tr td{border:1px solid #ccc; font-size: .7rem; padding-left: .3rem;  }
.messageTable span{ margin-top: .5rem; display: block; text-align: right; font-size: .7rem;}
.messageTable span a{ padding: 4px 10px; border: solid 1px #e5e5e5; cursor: pointer; background-color: #f5f5f5; }
.messageTable span a:nth-child(3){border-right: none; border-left: none;}
.messageTable span a:hover{background-color: #fff;}
.pageNormalBox a,.pageNormalBox font{font-size: .8rem;}

*{padding:0;margin:0;border:0;list-style:none;text-decoration:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.floatingFrame{z-index: 2000;position:fixed;top:0;left:0;width:100%;height:100%;background: rgba(54,193,244,.96);}
.floatingContent{width: 20rem;margin-left:40%;margin-top: 18rem;border-radius:.3rem;background-color: #fff;}
.panelBox {width:100%;padding:1rem;font-size:.8rem;overflow:hidden; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);}
.panelBox input {display: inline-block;width:80%;height: 1.8rem;padding-left:.4rem;font-size:.8rem;outline: none;border:1px solid #ccc;}
.panelBox span {display: block;float:right;width:3rem;height:1.8rem;line-height:1.8rem;font-size:.7rem;text-align:center;color:#fff;border-radius:.4rem;background-color: #36c1f4;cursor: pointer;} 
.panelBox span:hover{ background-color:#0b9ace; }