body{height: auto;}
.con_width{width: 80%;margin: 0 auto;}
.nav_top{height: 67px;width: 100%;background: transparent;position: fixed;top: 0;left: 0;z-index: 10;}
.bgnavf_top{background: #ffffff;box-shadow: 0 0 8px #d8d8d8;}
.logo_f{margin: 15px 0 0 0px;color: #fff;font-size: 26px;font-family: SourceHanSansCN-Regular;line-height: 27px;}
.logo_f:hover{color: #fff;}
.logo_f img{width: 38px;height: 38px;margin-right: 10px;vertical-align: middle}
.topnavf{margin-left: 100px;margin-top: 3px;}
.topnavf a{margin: 12px 13px 0 13px;padding: 8px 10px 16px 10px;font-size: 18px;color: #fff;display: inline-block;position: relative;}
.topnavf a.active::after{content: "";position: absolute;height: 4px;width: 100%;background: #fff;border-radius: 2px;bottom: 0;left: 0;}
.topnavf a:hover{color:#fff;text-decoration: none;}

.bgnavf_top .topnavf a{color: #333;}
.bgnavf_top .logo_f, .bgnavf_top .topnavf a, .bgnavf_top .topnavf a:hover{color: #333;}
.bgnavf_top .topnavf a.active{color: #387ee8;}
.bgnavf_top .topnavf a.active::after{content: "";position: absolute;height: 4px;width: 100%;background: #387ee8;border-radius: 2px;bottom: 0;left: 0;}.login_pc,.login_pc:hover,.login_pc:focus{height: 34px;margin-top: 18px;background: #3272e7;color: #fff;border-radius:4px;text-align: center;line-height: 34px;font-size: 15px;padding: 0 23px;}
.index_lbbg{overflow: hidden;background-position: center!important;text-align: center;width: 100%;height: 100vh;background: linear-gradient(to right,#358CF6,#17DDD7) ;background-size: cover;position: relative;}
.imgbg{background: url(../img/banner-bg.png) no-repeat bottom;width: 100%;height: 100vh;background-size: contain;position: relative;}
.box-slogan{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}
.slogan{text-align: center;color: #fff;font-size: 54px;letter-spacing: 20px; font-family: "Times New Roman", Times, serif;}
.slogan-m{text-align: center;padding-top: 30px;color: #fff;font-size: 26px;letter-spacing: 5px;}
.bgwhite{background: #fff;}
.f_title{width:100%;margin: 0 auto;padding-top: 140px;text-align: center;position: relative;margin-bottom: 80px;}
.f_title::before{background:linear-gradient(to right,#fff,#C9E0FA,#fff);content: '';height: 1px;width: 100%;position: absolute;bottom: 19px;left: 0;}
.f_title span{height:42px;line-height:42px;font-size:30px;color: #000;padding: 0 21px;display: inline-block;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0px;}
.f_titled{width:100%;margin: 0 auto;padding-top: 140px;text-align: center;position: relative;margin-bottom: 80px;}
.f_titled::before{background:linear-gradient(to right,#fff,#C9E0FA,#fff);content: '';height: 1px;width: 100%;position: absolute;bottom: 19px;left: 0;}
.f_titled span{height:42px;line-height:42px;font-size:30px;color: #000;padding: 0 21px;display: inline-block;background: #f2f7ff;position: absolute;left:50%;transform: translateX(-50%);bottom: 0px;}
.f_number{width: 100px;height: 100px;box-shadow: 0 0 5px #e8e8e8;border-radius: 6px;padding: 10px;}
.f_number img{width:80px;height:80px;}
.f_width3{width: 33.3%;float: left;padding:30px 0 0px 0;height: 160px;}
.f_bgwhite{background: #fff;padding-bottom: 100px;}
.f_bgqing{background: #f2f7ff;padding-bottom: 100px;}
.f_wenan{width: calc(100% - 160px);margin-left: 15px;color: #999999;font-size: 15px;}
.f_wenan p{font-size: 22px;font-weight: bold;color: #000;padding: 5px 0 8px 0;margin-bottom: 0;}
.bottomed_f{height: 47px;line-height: 47px;background: #365AC1;text-align: center;color: #fff;font-size: 13px;}
.bottomed_f a{color: #fff;font-size: 13px;margin-left: 56px;}
.shiyong{width:180px;height:52px;background:#fff;box-shadow:0px 2px 9px -2px rgba(24,73,47,0.2);border-radius:8px;text-align: center;line-height: 52px;font-size:21px;color: #50ADF4;margin: 80px 66px 0 0;display:inline-block;cursor: pointer;}
.shiyong:hover,.shiyong:focus{color:#50ADF4;}

.bgblue{background: #f2f7ff;padding-bottom: 100px;padding-top: 50px;}
.div-link{ margin-bottom: 20px;}
.copy,.copy:hover {width: 80px;height: 36px;line-height: 36px;color: #387ee8;border: 1px solid #387ee8;border-radius: 6px;text-align: center;font-size: 15px!important;text-decoration: none;}
.textarea-box{box-shadow: 0px 6px 12px 1px rgba(22, 113, 216, 0.11);background: #ffffff;border-radius: 6px;padding: 20px;}
.textarea-box a,.textarea-box a:hover{background: #387ee8;width: 120px;height: 36px;line-height: 36px;color: #fff;border: none;border-radius: 6px;text-align: center;font-size: 15px!important;margin-top: 80px;text-decoration: none;}

.textarea-box textarea{width: calc(100% - 140px);height: 120px;font-size: 16px;padding: 10px;resize: none;border: none; color: #8b8b8b;}
.tishi-copy{font-size: 20px; counter-reset: #444; margin-bottom: 20px;}

.advisory_bd{background: #fff url(https://www.jiankangle.com/form/imgs/zixun.png) no-repeat center;width: 50px;height: 50px;border: 2px solid #ddd;border-radius: 6px;background-size:100%;padding-top:0px;text-align: center;color: #333;font-size: 12px;display: block;}
.rightside{position: fixed;right: 34px;bottom:140px;width: 61px;}
.hotline{display: block;background:#fff url(https://www.jiankangle.com/form/imgs/tel.png) no-repeat;border: 2px solid #ddd;
    border-radius: 6px;width: 50px;height: 50px;margin-top: 13px;background-size:100% 100%;}
.hotline_pic{position: absolute;right: 55px;top:-3px;width: 175px;height: 55px;display: none;}
.hotline:hover .hotline_pic{display: block;}
.advisory_bd:hover,.hotline:hover{border: 2px solid #5094FB;}

.wechart-bg{background: url(https://www.jiankangle.com/img/qrcord.png) no-repeat;right: 55px;top: 50%;transform: translateY(-50%);width: 210px;height: 210px;display: none;background-size: contain;}
.advisory_bd:hover .wechart-bg{display: block;}
.wechart-bg img{width: 188px;float: left;margin: 5px 0 0 7px;}
.wechart-bg p{color: #666;width: 200px;text-align: center;bottom: 12px;left: 0;}

a.unavailable{pointer-events: none;opacity: 0.5;cursor: not-allowed;}

/* 三方对接 */
.duijie-box{text-align: center; line-height: 400px; font-size: 40px; color: white; letter-spacing:5px; font-weight: lighter;margin-top: 66px;
    background: url('../img/abut.png') no-repeat center;height: 400px;background-size: cover;}
.table-desc{margin-bottom: 50px;border: 1px solid #ddd; width: 100%;}
.table-desc tr:nth-child(even){background: #fff;}
.table-desc th{text-align: center;font-size: 17px;font-weight: 600;padding: 13px;border: 1px solid #ddd;background: #F1F3F5;}
.table-desc td{padding:10px 13px;text-align: center;font-size: 15px;color: #333;border: 1px solid #ddd;}
.three_foot img{width: 30px;margin-right: 10px;vertical-align: middle;}
.three_foot{line-height: 30px;font-size: 18px;padding: 12px;vertical-align: middle; margin-top: 10px;background: #ffffff;}
.three_foot span{vertical-align: middle;color: #ACACAC;font-size: 11px;}
.f_duijie{width: calc(33.3% - 54px);box-shadow: 0 0 10px #ececec;border-radius: 6px;text-align: center;color: #333;margin-right:80px;}
.apply-box{font-size: 20px;overflow: hidden;padding: 60px 0px;position: relative; padding-bottom: 14px;}
.apply-box img{margin-bottom: 30px;height: 79px;}
.f_duijie::after{content: '';position: absolute;background: url(../img/arrow.png) no-repeat;width: 45px;height: 15px;background-size: contain;top: 42%;right: -70px;}
.f_duijie:last-child::after{content: '';position: absolute;background: url(../img/arrow.png) no-repeat;width: 0px;height: 0px;background-size: contain;top: 42%;right: -70px;}
.title_dj{width: 100%;font-size: 30px;color: #000;padding: 50px 0 30px 0;text-align: center;}
.apply-box p{position: absolute;border: 4px solid #F3F3F3;width: 90px;height: 90px;line-height: 80px;font-size: 50px;color: #F3F3F3; text-align: center;border-radius: 50%;top: -13px;left: -18px;}
.p-info{color: #999999;font-size: 15px; padding-left: 12px; padding-right: 12px;}
.f_duijie:last-child{margin-right: 0px;}
/* 商务合作 */
.coop-box{text-align: center; line-height: 400px; font-size: 40px; color: white; letter-spacing:5px; font-weight: lighter;margin-top: 66px;
    background: url('../img/coop.png') no-repeat center;height: 400px;background-size: cover;}
.lianxi_bg{padding: 30px; margin-top: 50px;position: relative;background: #fff;border: 1px solid #e8e8e8;box-shadow: 0 0 10px #d8d8d8;border-radius: 5px;}
.lianxi_bg div,.dizhi_bg div{font-size:19px;font-weight: bold;}
.lianxi_bg p,.dizhi_bg p{font-size:15px;margin-top:19px;}
.jiaopic,.weix_bg>.jiaopic{position: absolute;width: 10%;bottom: 0;right: 0;}
.div_tit{border-bottom: 1px dashed #DBEBFC; padding-bottom: 6px;}
.weix_bg{background: #fff;border: 1px solid #e8e8e8;box-shadow: 0 0 10px #d8d8d8;border-radius: 5px;padding: 40px;margin-top: 50px;position: relative;}
.weix_bg p{margin-top:60px;margin-left: 63px;font-size: 21px;float: left;}
.weix_bg>img{width: 155px;}

.blue-desc{color: #096dd9; margin-left: 5px; margin-right: 5px;}