@charset "utf-8";
/*CSSDocument*/
body{margin:0 auto;background-color:#fff;}
.zt-box-list img{width:100%;}
/**/
.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;}
/* 首页 */
.indexBox .title{text-align: center; position: relative; padding: 30px 0;}
.indexBox .title .tit{ font-size: 2em; 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;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('images/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;}

/* indexBox6 */
.indexBox6{ background:url('images/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:48%;margin:0 auto; 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: 1em; 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('images/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('images/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('images/box00.png') no-repeat top center; margin: 0 auto; padding-bottom: 44px;}

.indexBox0 .box{ background: #fff; width: 100%; height: 380px;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: 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: #c7000a; border-radius: 5px; margin: 40px auto; color:#FFF; margin-left:70px;font-size: 26px;}

        .zt-box-list { text-align:center; }
        .common_form_box.form-submit-bg-200 { background:#f4f4f4; margin-top:0; padding-top:.1rem; }
        .common_form_box.form-submit-bg-200 .form-x .input { background:#fff!important;text-align: center; }
        .common_form_box.form-submit-bg-200 .form-x .form-button { padding:0 0.1rem; margin-top:.2rem; }
        .common_form_box.form-submit-bg-200 .form-x .button { background:#0037d4!important; width:100%; }