@charset "utf-8";
/*CSSDocument*/
*{margin:0;padding:0;border:0;}
html{margin:0auto;width:100%;}
body{background:#ffffff;color:#1a1a1a;font-family:Microsoft YaHei,Sim Sun;-webkit-text-size-adjust:none;}
a{color:#1a1a1a;text-decoration:none;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
a:hover{text-decoration:none;transition:.3s all;-webkit-transition:.3s all;-moz-transition:.3s all;-o-transition:.3s all;}
img{border:none;}
ol,ul,li{list-style:none;}
li{list-style-type:none;}
table{border-collapse:collapse;}
input,textarea,button{outline:none;}
textarea{resize:none;}
img{max-width:100%;vertical-align:middle;display: block;}
/**/
.center{text-align:center;}
.clear{clear:both;}
.bold{font-weight:bold;}
.block{display:block;}
.clearfix:after{clear:both;content:"";display:block;visibility:hidden;height:0;overflow:hidden;}
/*布局*/
.w_2,.w_3,.w_4{width:100%;}
.w_2 li{width:50%;float:left;box-sizing:border-box;}
.w_3 li{width:33.33%;float:left;box-sizing:border-box;}
.w_4 li{width:25%;float:left;box-sizing:border-box;}
/*字体颜色*/
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}
.colorc{color:#ccc;}
.white{color:#FFF;}
.blue{color:#2979ff;}
.orange{color:#ff8542;}
/*背景颜色*/
.bj_gray{background-color:#f6fbff;}
.bj_white{background-color:#FFF;}
.bj_blue{background-color:#006bf2;}
/*定位*/
.relative{position:relative;}
.absolute{position:absolute;}
.flex{display:flex;justify-content:space-between;align-items:center;}
.flex-wrap{flex-wrap:wrap;}
.flex-col{flex-direction:column;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
/*字体样式*/
.text-over{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
/* 首页 */
.container{ width: 690px; margin: 0 auto;}
html,body{width: 750px; margin: 0 auto;}
.indexBox .title{text-align: center; position: relative; padding: 30px 0;}
.indexBox .title .tit{ font-size: 36px; font-weight: bold; color: #333333;position: relative; z-index: 1;}
.indexBox .title .txt{font-size: 22px; color: #666666;text-align: center;}
.indexBox .title .tip{font-size: 30px; color: #ff8542; font-weight: bold; position: relative;}
.indexBox .title .tip::after{ content: ''; position: absolute; width: 240px; height: 10px; left: calc(50% - 120px); bottom: 0;background: #d7f3fe;z-index: -1}
.indexBox .moreBtn{width: 300px; height: 64px; line-height: 64px; background: #ff6613; border-radius: 32px; margin: 40px auto;}
.indexBox .moreBtn a{text-align: center; font-size: 24px; color: #fff; display: block;}
/* 首页  动画图 */
.banner{ width: 100%; max-width: 750px; height: 450px; overflow: hidden; margin-bottom: 30px;}
/* indexBox1 */
.indexBox1 .box1{border-radius: 8px; box-shadow: 0 0 46px rgba(143, 162, 192, 0.4); padding:24px;}
.indexBox1 .box1 li{width: 290px; padding-left: 40px; font-size: 20px; box-sizing: border-box;background: url('../img/javaWap/box11.jpg') no-repeat left 12px; height:55px; line-height: 55px;}
.indexBox1 .box1 li span{color:#f33705}
.indexBox1 .box1 li:nth-of-type(2n){ width: 390px;}
/* indexBox2 */
.indexBox2{background:url('../img/javaWap/box2_bj.jpg') no-repeat bottom center; padding-bottom:2px;}
.indexBox2 .container{border-radius: 8px; box-shadow: 5px 0 32px rgba(69, 161, 253, 0.54); padding:24px 0; background: #2077fc;}
.indexBox2 li{width: 20%; text-align: center; margin: 10px 0 40px;}
.indexBox2 li p{font-size: 18px; color: #fff;}
.indexBox2 li img{display: block; margin:0 auto;}
/* indexBox3 */
.indexBox3 li{text-align: center;}
.indexBox3 .name{ margin-top: -30px; font-size: 24px; font-weight: bold;}
.indexBox3 p{ font-size: 20px;}
.indexBox3 .xian{width: 24px; height: 4px; margin:10px auto;}
.indexBox3 li:nth-of-type(1) .name{color:#485ef5; }
.indexBox3 li:nth-of-type(2) .name{color:#33c498;}
.indexBox3 li:nth-of-type(3) .name{color:#f6cd47;}
.indexBox3 li:nth-of-type(1) .xian{background:#485ef5; }
.indexBox3 li:nth-of-type(2) .xian{background:#33c498;}
.indexBox3 li:nth-of-type(3) .xian{background:#f6cd47;}
/* indexBox4 */
.indexBox4{background: #f6fbff; padding: 20px 0 10px 0;}
.indexBox4 .box{ width: 330px; height: 350px; border: 1px solid #d8e7f3; margin-bottom: 30px;background: #fff;}
.indexBox4 .box .img{ width: 330px; height: 175px; overflow: hidden; }
.indexBox4 .box .img img{width: 330px; height: 175px; display: block;}
.indexBox4 .box .cont{text-align: center;}
.indexBox4 .box .tit{font-size: 22px; color: #006cfb; font-weight: bold; padding: 25px 0 8px 0;}
.indexBox4 .box li{color: #666666; height: 28px; line-height: 28px; font-size: 18px;}
/* indexBox5 */
.indexBox5 .img{ margin-top: -50px;}
/* indexBox6 */
.indexBox6{ background:url('../img/javaWap/box6_bj.jpg') no-repeat bottom center #006bf2; padding-bottom: 20px;}
.indexBox6 .title .tit{color: #fff;}
.indexBox6 .container{background: #fff; border-radius: 10px; padding-bottom: 30px;}
.indexBox6 .tabs{ justify-content: center;}
.indexBox6 .tabs .tab{ font-size: 24px; color: #252b3a; height: 52px; line-height: 52px; border: 1px solid #8b9db7; margin: 33px 18px; border-radius: 8px; padding: 0 15px;}
.indexBox6 .tabs .tab.on{background: #006cff; color: #fff; border-color: #006cff; position: relative;}
.indexBox6 .tab.on::after{content: ''; position: absolute; bottom:-20px; left:calc(50% - 8px); width:0px;height: 0px;border: 8px solid transparent;border-top:8px solid #006cff;}

.indexBox6 .tabCont{background: #f7faff; border-radius: 8px; margin: 0 30px; padding-bottom: 30px; display: none;}
.indexBox6 .tabCont.on{display: block;}
.indexBox6 .tabCont .tit{ border-bottom: 1px solid #e1ecff; padding: 0 30px; height: 76px; margin-bottom: 30px;}
.indexBox6 .tabCont .tit span{ font-size: 26px; font-weight: bold;}
.indexBox6 .tabCont .tag{width: 100px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; border-radius: 12px; margin-left: 15px;font-size: 18px;}
.indexBox6 .tabCont .tag1{ color: #006bf2; background: #cfe5fe;}
.indexBox6 .tabCont .tag2{ color: #ff5d23; background: #ffe2d5;}
.indexBox6 .tabCont .box{ padding-top: 20px;}
.indexBox6 .tabCont .name{ font-size: 26px; color: #333333; height: 40px; line-height: 40px; padding-left: 17px;}
.indexBox6 .tabCont .name img{ float: left; margin-right: 11px;}
.indexBox6 .tabCont li,.indexBox6 .tabCont p{ font-size: 20px; color: #61656e; line-height: 40px; padding:0 50px 0 80px; position: relative;}
.indexBox6 .tabCont li::before{content: ''; position: absolute; left: 66px; width: 5px; height: 12px; background: #006cff; border-radius: 3px; top: 13px; }
.indexBox6 .moreBtn{ margin-top: -30px;}
/* indexBox7 */
.indexBox7{}
.indexBox7 .box li{width: 320px; z-index: 1; position: relative;}
.indexBox7 .box .tit{ width: 233px; height: 55px; line-height: 55px;text-align: center; font-size: 26px; background: #ff6f05; border-radius: 5px; color: #fff; margin: 0 auto;  box-shadow:0 9px 18px rgba(255, 111, 5, 0.2); position: relative; z-index: 1;}
.indexBox7 .box .nr{ height: 150px;border-top: 3px solid #ffad71; border-left: 3px solid #ffad71; background: #fff9f4; border-radius: 4px; box-sizing: border-box; padding: 25px 50px 0 30px; font-size: 22px; color: #333333; margin-bottom: 20px; transition: 0.3s; margin-top: -20px; line-height: 33px;}
.indexBox7 li:nth-of-type(2) .tit{background:#00bb9a;box-shadow:0 9px 18px rgba(0, 187, 154, 0.2)}
.indexBox7 li:nth-of-type(3) .tit{background:#307bf6;box-shadow:0 9px 18px rgba(48, 123, 246, 0.2)}
.indexBox7 li:nth-of-type(4) .tit{background:#30b7f6;box-shadow:0 9px 18px rgba(48, 183, 246, 0.2)}
.indexBox7 li:nth-of-type(2) .nr{background:#ecfcf9;border-color:#6ed8c6;}
.indexBox7 li:nth-of-type(3) .nr{background:#e6efff;border-color:#89b4fa;}
.indexBox7 li:nth-of-type(4) .nr{background:#e6feff;border-color:#89ebfa;}
.indexBox7 .imgs li{ width: 220px; height: 140px; border-radius: 8px; overflow: hidden;}
/* indexBox8 */
.indexBox8{background: #f6fbff; margin-top: 30px;}
.indexBox8 li{width: 335px;height: 60px; line-height: 60px;text-align: center; font-size: 24px; border-radius: 8px;background: #e8e8e8; margin-bottom: 24px;}
.indexBox8 li a{display: block;width: 335px;height: 60px;border-radius: 8px;}
.indexBox8 li .red{ color: #f52f24;}
.indexBox8 li.bj_red a{ background: #ff6613; color:#fff}
/* indexBox9 */
.indexBox9{background:url('../img/javaWap/box9_bj.jpg') no-repeat top center; padding: 20px 0 60px;}
.indexBox9 li{width: 220px; height: 135px; margin-bottom: 10px; overflow: hidden;}
.indexBox9 li:nth-of-type(7),.indexBox9 li:nth-of-type(8){width: 340px; height: 180px; margin-bottom: 10px;}
.indexBox9 li img{display: block; width: 100%;}
/* indexBox0 */
.indexBox0{background:url('../img/javaWap/box0_bj.jpg') no-repeat top center; padding: 40px 0;}
.indexBox0 .name{ font-size: 36px; font-weight: bold; color: #ffffff; line-height: 48px;color: #fff;text-align: center;}
.indexBox0 .name span{ color: #00fff6;}
.indexBox0 .txt{ font-size: 24px; color: #0f3386; width: 385px; height: 48px; text-align: center; line-height: 48px;background: url('../img/javaWap/box00.png') no-repeat top center; margin: 0 auto; padding-bottom: 44px;}

.indexBox0 .box{ background: #fff; width: 100%; height: 380px; border-radius: 15px; padding: 30px 40px; box-sizing: border-box;}
.indexBox0 .tit{ font-size: 26px; font-weight: bold; color: #333;text-align: center; padding-bottom: 15px;}
.indexBox0 .form{font-size: 24px;}
.indexBox0 .input{ margin-bottom: 20px;}
.indexBox0 .input input{background: #f7f7f7;border-radius: 5px; border: 1px solid #e7e7e7; width: 100%; height: 70px; line-height: 70px; font-size: 20px; color: #929baa; padding-left: 14px; box-sizing: border-box; font-size: 22px;}
.indexBox0 .moreBtnnn{width: 400px; height: 70px; line-height: 70px; background: #ff6613; border-radius: 32px; margin: 40px auto; color:#FFF; margin-left:70px;}