/*header*/
.header{ height:376px; width:100%; padding-top: 120px; background-image:url(../images/b3.jpg);    background-position: center;background-size: auto 500px;background-repeat:no-repeat; margin-bottom: 80px}
.header>ul{ height:460px;margin:0 auto;display:block;}
.header_top{ z-index: 9999;height: 62px; position: fixed;top: 0;left: 0; width: 100%}
.navFixed{ position: fixed;left: 0;top: 0;_position: absolute;top:expression(offsetParent.scrollTop+0);z-index:1000; backdrop-filter:blur(10px); background:rgba(255,255,255,.6);height:62px; display:block; width:100%;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.1);}



.header_tip{ width: 1160px; margin:0 auto; display: block;}
.header_tip h2{ font-size: 48px; font-weight: 600; }
.header_tip h3{ font-size: 15px; line-height: 24px; margin-top: 10px; width: 600px}

.test_upload{ width: 460px;height:48px; line-height: 48px; background: #ffffff; margin-top: 38px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); border-radius: 3px;}
.test_upload input{width:320px;margin-left: 15px;height: 100%;font-size: 14px; background: transparent;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.test_upload button{width: 120px; height: 48px; line-height: 48px; border-radius:0 3px 3px 0; border:1px #ff0000 solid; color: #fff; background: #ff0000; cursor: pointer}
.test_upload button:hover{ background: #EE0B0B}
.header_bz{ font-size: 12px; color: #B5B5B5; margin-left: 10px; line-height: 36px}




/*part1*/
.part1{ height: 630px; margin-bottom:70px}
.part1 > ul{width:calc(100% - 40px) ;margin: 0 auto; padding: 20px}
.public-title{ height: 80px; text-align: center; padding-top: 50px; margin-bottom: 20px}
.public-title p{ font-size: 26px; line-height: 48px; font-weight: 600}
.public-title span{ color: #868686 }


.geshi ul{
    margin-top: 0.2rem;
    padding: 0.08rem;
    grid-gap: 0;
    display: grid;
    border: 0.01rem solid rgba(30,111,255,.04);
    border-radius: 6px;
    box-shadow: 0 0.04rem 0.24rem 0 rgba(133,162,221,.4);
    grid-template-columns: auto auto auto;
}


.geshi img{width: 46px}
.geshi li{flex-direction: column; display: flex;padding: 20px 0 ; align-items: center;}
.geshi li p{ font-size: 14px; line-height: 32px; text-align: center;}


/*part2*/
.part2{ height: 1050px; margin-bottom:30px; background:#FBFBFB}
.part2 > ul{width:calc(100% - 40px);margin: 0 auto; padding: 20px;}
.td-list img{ width: 44px; height:44px; }
.li-td{ width: calc(100% - 20px);margin-bottom: 20px; height: 102px; box-shadow: 0 0.04rem 0.24rem 0 rgba(133,162,221, .4); background: #fff; border-radius: 6px; display: inline-block; vertical-align:top; padding:10px; font-size: 0}
.li-td span{float: left; margin:24px ;}
.td-title{ font-size: 18px; font-weight: 500; margin-top: 24px}
.td-tip{ font-size: 12px; color: #888; line-height: 26px; }

/*part3*/
.part3{ height: 720px; margin-bottom:30px;}
.part3 > ul{width:1160px;margin: 0 auto;}

.cj-title{ font-size: 24px; font-weight: 600; line-height: 68px; text-align: center; }
.cj-tp img{width:100%; margin-bottom: 10px}
.cj-nr{ line-height: 28px; color: #6A6A6A; margin-bottom: 20px}

.cj-kp{ width: 302px; height: 468px;border-radius: 3px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3); padding: 30px; position: relative;z-index: -2; display: inline-block; margin:0 20px 0 0 ; }
.cj-mh{ position: absolute; top: -20px; left: 20px; }
.cj-mh img{width: 82px; height:74px }
.cj-kp span{ font-size: 12px; color: #A0A0A0; padding: 3px 15px; border:1px solid #ccc; border-radius: 2px; margin:0 6px 10px 0; display: inline-block;}

.cj-bg{position: absolute; bottom: -5px; right: 0px; z-index: -1}
.cj-bg img{width: 161px; height:118px }



/*part4*/
.part4{ height: 840px; margin-bottom:30px; background: #FBFBFB}
.part4 > ul{width:1160px;margin: 0 auto;}


.jiage{ width: 1160px; height: 620px; border-top: 1px solid #ECECEC;border-left: 1px solid #ECECEC; background: #fff;}
.jg-list{ width: 519px; height: 200px; border-right: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC; float: left; padding: 20px  30px; position: relative;}

.jg-tip{border-right: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC; height: 118px; clear:both; padding: 20px 0 0 20px}
.jg-tip li{ line-height: 32px }
.jg-tip span{ color: #ff0000 }


.jg-title{ font-size: 20px; font-weight: 600 }
.jg-dyl{ font-size: 14px; line-height: 28px; margin-bottom: 15px }
.js-xq { margin-bottom: 20px; color: #333333}
.js-xq span{ display: inline-block; width: 50%;line-height: 28px; font-size: 12px; }
.jg-jg{ color: #ff0000; font-size: 20px; }
.jg-jg span{ font-size: 12px; color: #333; font-weight: normal; margin-left: 8px }
.jg-js{ font-size:12px;color: #333333; line-height: 24px; }

.jg-bot{position: absolute; bottom: 20px; right: 20px; color: #fff; padding: 8px 20px; background: #ff0000; border-radius: 3px}

.jg-bot a{color: #fff}
.jg-bot a:hover{ color: #fff }
/*2022.10.18*/
.jiage_index{ width: 1160px; height: 650px;}
.jiage_index_li{ width: 27%; border:1px solid #ECECEC; height: 620px; display: inline-block;  background: #fff; margin: 0 10px; padding: 20px 20px}
.jiage_jg{ margin-bottom: 30px }
.jiage_jg img{ float: left; margin: 20px 20px 0 60px; }
.jiage_bb{ font-size: 18px; font-weight: bold; line-height: 36px;display: block;}
.jiage_tips{ line-height: 24px; padding-top: 24px;display: block; }
.jiage_tips b{ font-size: 32px; font-weight: bold; }

.jiage_xx li{ line-height: 38px }
.jiage_xx span{ display: inline-block;width: 120px; text-align: right;margin-right: 20px;color: #8C8C8C}
.jiage_d{ float: right; width: 55%; display: inline; font-size: 12px}
.jiage_d b{ border:1px solid #ececec; padding: 2px 8px; border-radius: 2px; font-weight: normal;}

/*part8 2022.11.29*/

.part8{ height: 640px; margin-bottom:0px;}
.part8 > ul{width:100%;margin: 0 auto ;}
.geshi_index{ width:100%; height: 450px;}
.geshi_index li{width: 84px; height: 50px;  text-align: center; line-height: 50px; font-size: 16px;color: #454545; background: #fff; display: inline-block; margin: 5px}
.geshi_index li a{ display: block; border:1px #ECECEC solid;border-radius: 2px;}
.geshi_index li a:hover{ background:#FF0000;border:1px #EF0000 solid; color: #fff;border-radius: 2px;box-shadow:0px 0px 6px #ccc;}

/*part5*/
.part5{ height: 640px; margin-bottom:30px;}
.part5 > ul{width:1160px;margin: 0 auto;}
.jieru{ text-align: center; margin-bottom: 30px}
.jieru img{ width: 70%; margin-top: 20px}
.hidocs-api{ width: 95%; height: 345px; margin:0 auto;  background: #f7f7f7; padding: 10px; line-height: 30px; border-radius: 6px}
.hidocs-api h3{ font-weight: bold; font-size: 16px}
.hidocs-api-tips{ padding-top: 20px; color: #888}




/*part7*/
.foot{ width:100%; height:225px; background:#343645}

.foot ul{ width:1150px; margin:0 auto;}
.foot li{ width:190px; height:150px; float:left; padding-top:40px; color:#fff;color:#fff;line-height:36px;font-size: 12px;}
.foot li img{ width:150px }
.foot h3{ font-size:16px;line-height:32px}

.foot a{ color:#A4A4A4; line-height:36px}
.foot a:hover{ color:#E8E8E8}
.index_link{ height: 36px; line-height: 36px; font-size: 12px; background:#343645; overflow: hidden;color:#A4A4A4; clear: both;}
.index_link ul{width: 923px;margin: 0 auto; padding-left: 160px}
.index_link li{ display: inline-block; margin-right: 10px}
.index_link a{ color:#A4A4A4; line-height:36px}
.index_link a:hover{ color:#E8E8E8}
.banquan{width:100%; height:36px; background:#26262E}
.banquan ul{ margin:0 auto; text-align:center; color:#929292; font-size:12px; line-height:36px}

.banquan a{ color:#929292; line-height:36px}
.banquan a:hover{ color:#E8E8E8}






/*part9  2023.4.14*/
.part9{ height: 2550px; margin-bottom:30px}
.part9 > ul{width: calc(100% - 44px) ;margin: 0 auto;padding: 20px;}

.zz-list-li{width:calc(100% - 44px) ; height:200px; background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);box-shadow: 0 0.04rem 0.24rem 0 rgba(133,162,221, .4);border: 2px solid #fff;
 border-radius: 6px; display: inline-block; vertical-align:top;margin-bottom: 20px; padding:20px; font-size: 0;}

.zz-list-li h4{ font-size: 20px; font-weight: 500; line-height: 36px; }
.zz-list-tip{ font-size: 14px; color: #3D495D; margin:10px 0; height: 40px}
.z-w{ font-size: 10px; color: #fff; background: #0060FF; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 4px}
.z-e{ font-size: 10px; color: #fff; background: #00CA28; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 4px}
.z-pt{ font-size: 10px; color: #fff; background: #FF682A; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 4px}
.z-pd{ font-size: 10px; color: #fff; background: #E60000; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 4px}
.z-o{ font-size: 10px; color: #fff; background: #00CDC9; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 2px; margin-right: 4px}
.zz-link{ font-size: 14px;  line-height: 30px;color: #0064FC; font-weight: 500 }
.zz-icon{ margin-bottom: 20px }

.zz-link a{ color: #0064FC; font-weight: 500 }
.zz-link a:hover{color: #004BBC; font-weight: 500 }





/*part10  2023.4.14*/
.part10{ height: 700px;background:#FBFBFB}
.part10 > ul{width:100%;margin: 0 auto;}
.kh-list{ width: 1224px;display: flex;flex-wrap: wrap; margin: 0 auto;}
.kh-list-img{margin: 12px;width: 180px;height: 92px; background: #fff}


/*part11  2023.4.16*/

.tab {width: 1148px;margin: 30px auto;}
.tab-title {height: 68px;font-size: 0;text-align: center;;}
.tab-title .item {display: inline-block;width: 80px;height: 46px;line-height: 46px;text-align: center;color: #333;font-size: 16px;margin:0 20px;}
.tab-title .item-cur {color: #424242;border-bottom: 3px solid red;}
.tab-cont {position: relative;background-color: #F9F9F9;width: 1148px;height: 500px;overflow: hidden;}
.tab-cont__wrap {position: absolute;}
.tab-cont .item {width: 1148px;height: 540px;color: #000;}
.tab_left{ width:270px; height: 480px;float: left; padding: 30px 0px 30px 30px}
.tab_right{width: 768px; height: 460px; float: right; padding: 30px 40px 0px 40px}
.tab_right img{ width: 768px; box-shadow:8px 8px 20px 0 rgba(55,99,170,.1); }
.tab_cj_title{ font-size: 18px; font-weight: 500; line-height: 36px; overflow: hidden; margin-bottom: 20px}
.tab_cj_t{ border-left: 4px solid #5B5B5B; padding-left: 20px; margin-bottom:30px}
.tab_cj_b{border-left: 4px solid #FD2424; padding-left: 20px}
.tab_cj_bt{ font-weight: 500;  margin-bottom: 15px}
.tab_cj_xq{ line-height: 25px;color: #424242; margin-bottom: 10px}
.tab_cj_bq span{ display: inline-block; border:1px solid #ccc; line-height: 20px; font-size: 12px; height: 20px; padding: 0 5px; margin:0 5px 5px 0;color: #6D6D6D; border-radius: 2px}
.tab_cj_bq  a{ color: #FF0000 }
.tab_cj_bq  a:hover{color: #DA0000}



.index_banner{width: 100%; margin:0px auto; display: block; height: 400px; padding-top: 120px;background-image:url(../images/b3.jpg); background-position: right;}
.index_banner ul{ padding: 10px;}
.index_banner h2{ font-size:54px; font-weight: 600; margin-bottom: 20px;}
.index_banner h3{font-size: 16px; line-height: 32px;}




.header_tip{ width: 1160px; margin:0px auto 0 auto; display: block;}
.Load1 h2{ font-size: 48px; font-weight: 600; }
.Load1 h3{ font-size: 15px; line-height: 24px; margin-top: 10px; }




.test_upload{ width: 460px;height:48px; line-height: 48px; background: #ffffff; margin-top: 38px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1); border-radius: 3px;}
.test_upload input{width:320px;margin-left: 15px;height: 100%;font-size: 14px; background: transparent;border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.test_upload button{width: 120px; height: 48px; line-height: 48px; border-radius:0 3px 3px 0; border:1px #ff0000 solid; color: #fff; background: #ff0000; cursor: pointer}
.test_upload button:hover{ background: #EE0B0B}
.header_bz{ font-size: 12px; color: #B5B5B5; margin-left: 10px; line-height: 36px}
.index_banner_bottom {margin-top: 30px;}

.index_click1 a{ color: #fff; padding: 10px 25px ;text-align: center; background: red; border-radius: 3px }
.index_click1 a:hover{ background: #e20202;border-radius: 3px }

.index_click2{ margin-left: 10px; }
.index_click2 a{ color: #333; padding: 10px 25px ;text-align: center; background: #fff; border-radius: 3px; border:1px solid #ebebeb; }
.index_click2 a:hover{ border-radius: 3px ; background: #f5f4f4;}




/*server-mode*/
.server-mode{ width: 100%; margin: 0 auto; height: 740px}
.server-mode h3{ font-size: 32px; font-weight: 500; text-align: center; margin: 60px 0  40px 0;}
.server-mode-sass{ padding: 20px; width:calc(100% - 80px) ; height: 250px;  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);background:url(../images/server-bg.png); background-repeat: no-repeat; background-size: 100%; margin: 20px;}
.server-mode-private{ padding: 20px;width: calc(100% - 80px) ; height: 250px; box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1);background:url(../images/server-bg.png); background-repeat: no-repeat; background-size: 100%;margin: 20px;}
.server-title{ font-size:22px; font-weight: 600;}
.server-tips{ margin: 10px 0 20px 0;;}
.server-tips span{ background:#eeeeee; color:rgb(194, 0, 0);font-size: 12px; padding: 5px;}
.server-mode p{ line-height: 28px; padding-left: 20px; background:url(../images/jiantou.png); background-repeat: no-repeat; background-size: 10px; background-position:  0px;}
.server-a{margin: 30px 0 0 0; font-size: 16px;}
.server-a a{background: red;color: #fff; padding: 16px 28px; text-align: center; border-radius: 40px; }