@charset "UTF-8";
html{font-family:Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;}
body,html{font-size:14px;max-width:1920px;margin:0 auto!important;width:100%}
h1,h2,h3,h4,h5,h6,li,ul{margin:0;padding:0;border:0;vertical-align:middle}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
li{list-style:none}
a:active,a:hover{outline:0}
a{color:#333}
b,strong{font-weight:700}
img{vertical-align:middle;max-width: 100%;}
*,:after,:before{box-sizing:border-box}
.kby{width:1200px;margin:0 auto}
.kby:after,.kby:before{clear:both;display:block;content:"";}
.k_l{float:left}
.k_r{float:right}
.ky_l {float:left; width:910px;}
.ky_r {float:right; width:275px;}
.ky_bg{background: #ffffff;}
.k_space {height:15px; clear:both;}
.ky_space {height:10px; clear:both;}
.kby_box{background-color:#f5f5f5}

.nav{height:35px;line-height:35px;background-color:#f6f7fa;top:0;left:0;width:100%;z-index:999999}
.nav>.kby>.k_l{width:650px;margin-right:0;height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666}
.nav>.kby>.k_l>a{color:#666;font-size:14px;cursor:pointer}
.nav>.kby>.k_l>span{color:#666;font-size:14px;display:block}
.nav>.kby>.k_l>a:hover{color:#007aff}
.nav>.kby>.k_r{width:550px;text-align:right}
.nav>.kby>.k_r>ul>li{color:#666;display:inline-block;padding:0 23px;position:relative;cursor:pointer;margin-left:-4px}
.nav>.kby>.k_r>ul>li:nth-child(1):before{display:none}
.nav>.kby>.k_r>ul>li:nth-child(1):hover{cursor:auto}
.nav>.kby>.k_r>ul>li:before{height:14px;width:1px;background-color:#999;content:"";position:absolute;left:0;top:10px}
.nav>.kby>.k_r>ul>li.list:after{content:"\e603";font-family:iconfont;margin-left:5px;color:#999}
.nav>.kby>.k_r>ul>li>a{color:#666}
.nav>.kby>.k_r>ul>li>a>i{vertical-align:-1px;vertical-align:middle/0;margin-right:2px}
.nav>.kby>.k_r>ul>li>a:hover,.nav>.kby>.k_r>ul>li>span:hover{color:#007aff}
.nav>.kby>.k_r>ul>li>ul{position:absolute;width:100%;height:0;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:999;left:0;top:40px;overflow:hidden;transition:all .3s linear}
.nav>.kby>.k_r>ul>li>ul>li{height:40px}
.nav>.kby>.k_r>ul>li>ul>li>a{text-align:center;display:block;color:#333}
.nav>.kby>.k_r>ul>li>ul>li>a:hover{background-color:#f5f5f5;color:#ff7800}
.nav>.kby>.k_r>ul>li.active:after{transform:rotate(-180deg);display:inline-block}
.nav>.kby>.k_r>ul>li.active>ul{height:200px}
.nav>.kby>.k_r>ul>li:nth-child(4).active>ul{height:160px}
.nav>.kby>.k_r>ul>li:last-child{padding-right:0}
.nav>.kby>.k_r>ul>li.mark>span>i{font-size:13px;margin-right:4px}
.kby_head{height:100px;background-color:#fff;padding-bottom:20px}
.kby_head>.kby{height:110px;padding-top:15px}
.kby_head>.kby>.logo{width:180px;float:left;margin-top:5px}
.kby_head>.kby>.logo>a{display:block}
.kby_head>.kby>.logo>a>img{width:100%;}

.kby_head>.kby>.search{width:560px;float:left;margin-left:130px;padding-top:20px;}
.kby_head>.kby>.search>.form>i{position:absolute;left:0;top:0;width:36px;height:36px;line-height:36px;text-align:center;color:#999;font-size:16px;}
.kby_head>.kby>.search>.form{height:40px;width:100%;border:2px solid #007aff;position:relative}
.kby_head>.kby>.search>.form>i>img{width: 20px;height: 20px;}
.kby_head>.kby>.search>.form>input{width:80%;height:100%;border:none;padding-left:40px}
.kby_head>.kby>.search>.form>input.sub{width:20%;position:absolute;top:0;background-color:#007aff;padding-left:0;font-size:14px;color:#fff;transition:all .2s linear}

.kby_head>.kby>.tel{width:200px;float:left;position:relative;padding-top:9px; margin-top: 15px; margin-left:80px;}
.kby_head>.kby>.tel>i{width:26px;height:26px;position:absolute;left:0;top:9px;line-height:22px;text-align:center;font-size:16px}
.kby_head>.kby>.tel>i>img{width: 26px;height:26px;}
.kby_head>.kby>.tel>div>span{font-size:21px;font-weight:700;color:#ff8400;padding-left:37px}
.kby_head>.kby>.tel>div>p{color:#666;font-size:14px;margin-top:3px;text-align:right}
.kby_nav{background-color:#fff}
.kby_nav>.kby{position:relative}
.kby_nav>.kby>.kby_class{width:220px;float:left;height:45px;line-height:44px;background-color:#007aff;float:left;position:relative}
.kby_nav>.kby>.kby_class>span{display:block;text-align:left;font-size:16px;color:#fff;padding-left:32px}
.kby_nav>.kby>ul{width:980px;float:left;padding-left:40px}
.kby_nav>.kby>ul>li{float:left;height:44px;line-height:44px;text-align:center;position:relative;padding:0 30px}
.kby_nav>.kby>ul>li>a{color:#333;font-size:16px}
.kby_nav>.kby>ul>li>a:hover{color:#2592ff}
.kby_nav>.kby>ul>li>b{width:18px;height:18px;background-color:#f12c20;display:block;position:absolute;right:9px;top:9px;line-height:18px;font-size:12px;color:#fff}
.kby_nav>.kby>ul>li>b:before{content:"";border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #f12c20;border-left:5px solid transparent;position:absolute;left:-10px;top:4px}

.kbyclass {width:220px;float:left;background:#ffffff;z-index:100;position: absolute;left:0px; top:44px;box-sizing: border-box;box-shadow: 0px 0px 8px rgba(0,0,0,0.05);}
.kbyclass i {font-style:normal;font-weight:bold;float:right;font-family:simsun;margin-right:20px;}
.kbyclass li {height:42.2px;line-height:42.2px;padding:0 10px 0 17px;font-size:14px;overflow:hidden;cursor:pointer;width: 220px;}
.kbyclass div {display:none; position:absolute; left:220px; top:0px; background:#ffffff; z-index:1000; width:900px;height:422px;padding:10px 15px; text-align:left;border:#eee 1px solid; overflow-y:scroll}
.kbyclass li a{color:#000}
.kbyclass dl {margin:0 1% 10px 1%;display:block; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:10px;}
.kbyclass dl a:hover{color:#00299F}
.kbyclass dt {height:25px;font-size:16px;line-height:25px; overflow:hidden;text-align:left;padding:0;margin:0; float:left; width:20%;}
.kbyclass li div dt a { color:#333;}
.kbyclass dd {margin:0;padding:0px 0;line-height:25px;font-size:14px; text-align:left;float:left;width:75%;}
.kbyclass li dd a{margin-right:20px;float:left; color:#666;}
.kbyclass li>a {margin-left:0px;-webkit-transition: all .25s; -moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; position:relative;padding-left:28px}
.kbyclass li>i {color:#fff;}
.kbyclass li:hover i {color:#fff;}
.kbyclass li:hover>a span {color:#fff;}
.kbyclass li>a:before { color:#fff;margin-right:10px; font-size:20px;float:left; position:absolute; top:-15px; left:0px}
.kbyclass li:hover>a:before { color:#fff;}
.kbyclass li:hover div {display:block;}
.kbyclass li:hover {background:#00299F}
.kbyshow{display: none;}

.banner {display: flex;}
.banner>.kby_rc {width: 715px;display: flex;flex-direction: column;margin: 14px 14px 0 234px;background-color: #fff;}
.banner>.kby_rc {padding: 0px;}
.banner>.kby_rc>.kby_rc-swiper {overflow: hidden;}
.banner>.kby_rc>.kby_rc-swiper>.swiper-pagination {position: static;}
.banner>.kby_rc>.kby_rd {margin-top: 20px;margin-bottom: 10px;}
.banner>.kby_rc>.kby_rd ul {height: 100%;display: flex;justify-content: space-between;align-items: flex-end;padding: 10px;}
.banner>.kby_rc>.kby_rd ul li {display: flex;align-items: center;margin-right: 10px;}
.banner>.kby_rc>.kby_rd ul li img{width: 50px;}
.banner>.kby_rc>.kby_rd ul li p{font-size: 16px;color: #000;margin-left: 10px;}
.banner>.kby_rg {flex: 1;margin-top: 14px;padding: 10px;background-color: #fff;position: relative;}
.banner>.kby_rg>.head{text-align: center; font-size: 16px;color: #ff8400;}
.banner>.kby_rg ul{height: 100%;position:relative;max-width: 215px;}
.banner>.kby_rg ul li {position:relative;margin-top: 10px;text-overflow: ellipsis;max-width: 215px;white-space: nowrap;overflow: hidden;}
.banner>.kby_rg ul li:before {content: "• ";color: #ff8400; }
.banner>.kby_rg ul li a{color: #999;font-size: 14px;}


/* 推荐机构 */
.kby_floor2{margin-bottom:20px;margin-top:20px}
.kby_floor2>.kby{background-color:#fff}
.kby_floor2>.kby>.tit{padding:20px;border-bottom:1px solid #efefef}
.kby_floor2>.kby>.tit>h2{vertical-align: bottom;color: #007aff;}
.kby_floor2>.kby>.box{float:left;padding:20px;width: 100%;}
.kby_floor2>.kby>.box ul>li{width:19%;border:1px solid #ececec;border-radius:5px;margin-right:14px;float:left;margin-bottom:10px}
.kby_floor2>.kby>.box ul>li:nth-child(5n) {margin-right: 0;}
.kby_floor2>.kby>.box ul>li{display:block}
.kby_floor2>.kby>.box ul>li>.img{position:relative;display:block;background-color:#ececec;overflow:hidden}
.kby_floor2>.kby>.box ul>li>.ms{padding:10px 0}
.kby_floor2>.kby>.box ul>li>.ms>a{display:block;font-size:16px;color:#333;font-weight:700;padding-left:15px}
.kby_floor2>.kby>.box ul>li>.ms>a:hover{color:#007aff}
.kby_floor2>.kby>.box ul>li:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.kby_floor2>.kby>.box:after{clear:both;display:block;content:"";}
.kby_floor2>.kby>.box:before{clear:both;display:block;content:"";}
/* 推荐课程 */
.kby_floor1{margin-bottom:20px;margin-top:20px}
.kby_floor1>.kby{background-color:#fff}
.kby_floor1>.kby>.tit{padding:20px;border-bottom:1px solid #efefef}
.kby_floor1>.kby>.tit>h2{vertical-align: bottom;color: #ff8400;}
.kby_floor1>.kby>.box{float:left;padding:20px 20px 0px 20px;width: 100%;}
.kby_floor1>.kby>.box ul>li{width:23%;border:1px solid #ececec;border-radius:5px;margin-right:30px;float:left;margin-bottom:30px}
.kby_floor1>.kby>.box ul>li:nth-child(4n) {margin-right: 0;}
.kby_floor1>.kby>.box ul>li{display:block}
.kby_floor1>.kby>.box ul>li>.img{height:120px;position:relative;display:block;background-color:#ececec;overflow:hidden}
.kby_floor1>.kby>.box ul>li>.ms{padding:10px 0;text-overflow: ellipsis;max-width: 245px;white-space: nowrap;overflow: hidden;}
.kby_floor1>.kby>.box ul>li>.ms>a{display:block;font-size:16px;color:#333;font-weight:700;padding-left:18px}
.kby_floor1>.kby>.box ul>li>.ms>a:hover{color:#007aff}
.kby_floor1>.kby>.box ul>li:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.kby_floor1>.kby>.box:after{clear:both;display:block;content:"";}
.kby_floor1>.kby>.box:before{clear:both;display:block;content:"";}

/* 咨询 */
.kby_floor3{margin-bottom:20px;margin-top:20px;}
.kby_floor3>.kby>.k_ll{width:588px;float:left;height:550px;background-color:#fff;float: left;margin-right: 24px;}
.kby_floor3>.kby>.k_ll>.tit{padding:20px;border-bottom:1px solid #efefef}
.kby_floor3>.kby>.k_ll>.tit>h2{vertical-align: bottom;text-align: center;}
.kby_floor3>.kby>.k_rr{background-color:#fff;float: left;width:588px;height:550px;}
.kby_floor3>.kby>.k_rr>.tit{padding:20px;border-bottom:1px solid #efefef}
.kby_floor3>.kby>.k_rr>.tit>h2{vertical-align: bottom;text-align: center;}
.kby_floor3>.kby ul{padding: 20px;}
.kby_floor3>.kby ul li { float:left; height:30px; line-height:30px; font-size:14px; color:#333;width:100%;margin-right:20px;}
.kby_floor3>.kby ul li a {display:block; float:left; width:100%;height:30px; line-height:30px;}
.kby_floor3>.kby ul li a:hover {color:#007aff;}
.kby_floor3>.kby ul li a span { float:right;color:#999;height:30px; line-height:30px;}
/* 友情链接 */
.link{margin-bottom:20px;margin-top:20px}
.link>.kby{background-color:#fff}
.link>.kby>.tit{padding:20px;border-bottom:1px solid #efefef}
.link>.kby>.tit>h2{vertical-align: bottom;}
.link>.kby> a { font-size:16px;  float:left; margin:15px; color:#888;}
/*底部CSS*/
.footer{width:100%;padding:15px 0 0;background:#333;overflow:hidden;}
.footer>.footer-A1 { overflow:hidden;text-align:center;}
.footer>.footer-A1 a {padding-right: 10px; color: #999;}
.footer>.footer-A2 { overflow:hidden; border-top:1px solid #424242; margin-top:10px; text-align:center;}
.footer>.footer-A2>p{font-size:14px; color: #999;margin: 15px;}
.footer>.footer-A2>p>a{font-size:14px; color: #999;}


/* 培训课程-导航栏目 */
.kb_nav{padding:10px 10px 10px 20px;height:40px;line-height:20px;background:#FF8400;font-size:16px;color:#fff;}
.kb_nav>.kby>a{color:#fff}
.kb_nav>.kby>a:hover{color:#00299F}
/*类别选择样式*/
.kb_filter{margin:0 auto;width:1200px;position: relative;background: #fff;margin-top:10px;margin-bottom: 10px;border: 1px solid #ddd;}
.kb_filter>ul{padding: 10px 0px 10px 15px;}
.kb_filter>ul li {padding: 0px 0px 10px 75px;position: relative;}
.kb_filter>ul li span {display: block;font-size: 14px;line-height: 25px;position: absolute;left: 0;}
.kb_filter>ul li .li_con a {display: block;float: left;padding: 0 8px 0 6px;margin-right: 2px;text-decoration: none;font-size: 14px;line-height: 26px;margin-bottom: 8px;}
.kb_filter>ul li .li_con a:hover {color: #00299F;}

/*课程列表*/
.kb_c_list {padding:15px 15px 0px 15px;border-radius: 5px;}
.kb_c_list li {padding: 15px 5px 15px 0;border-bottom: 1px solid #ddd; overflow:hidden;transition:all .3s;}
.kb_c_list li:hover {background:#F7F9FB;}
.kb_c_list li .image { float:left; width:165px; height:105px; overflow:hidden;}
.kb_c_list li .image img { width:165px; height:105px;transition:all .5s;}
.kb_c_list li .image img:hover { transform: scale(1.08);}
.kb_c_list li .text { float:left; width:70%; padding:0px 20px;}
.kb_c_list li .text strong { font-size: 20px;color: #000; width: 100%;display: block;height: 45px;font-weight:bold;}
.kb_c_list li .text strong:hover { color:#007aff;}
.kb_c_list li .text p { font-size:14px; color:#333;line-height:20px;}
.kb_c_list li .text .c_p1 { height:20px;}
.kb_c_list li .text .c_p1:before {display:inline-block; width:20px; height:20px; line-height:15px; text-align:center;  margin:0px 5px 0 0; color:#007aff; font-size:16px;font-weight: 700;}
.kb_c_list li .text .c_p1 a{  color:#007aff !important}
.kb_c_list li .text .c_p1 em { color: #ee2e2c; margin-left:15px;}
.kb_c_list li .text .c_p2 { color:#666;padding:10px 0;}

.kb_n_list {padding:15px 15px 0 15px;border-radius: 5px;}
.kb_n_list ul li { padding:15px 5px 0px 0px; overflow:hidden; border-bottom:1px solid #eee;}
.kb_n_list ul li:hover {background:#F7F9FB;}
.kb_n_list ul li .content { width: 100%; float: left; margin-bottom: 10px;}
.kb_n_list ul li .content .title {float: left;}
.kb_n_list ul li .content .title h2 a{ font-size: 20px;color: #000; width: 100%;display: block; font-weight: bold;}
.kb_n_list ul li .content .title h2 a:hover { color:#007aff;}
.kb_n_list ul li .content .time { float:right; font-size:14px; color:#999;overflow:hidden;line-height:25px;}
.kb_n_list ul li .text{margin-bottom: 10px;}
.kb_n_list ul li .text p { font-size:14px; line-height:25px;}

/* 右侧分栏 */
.ky_r>.box{margin-bottom:15px;background-color: #fff;padding: 16px 0 1px 0;border-radius: 5px;}
.ky_r>.box>.tit {margin: 0 20px 20px 35px;position: relative;}
.ky_r>.box>.tit:before {content: ""; height: 25px; width: 5px;background-color: #007aff;position: absolute;left: -15px;}
.ky_r>.box>.tit>h3 {font-size: 20px; font-weight: 700;}
.ky_r>.box>ul{padding:15px;border-top:1px solid #f4f4f4;}
.ky_r>.box>ul>li{margin-bottom:15px;position:relative}
.ky_r>.box>ul>li>a{position:relative;display:block;padding-left:27px;font-size:14px;color:#666;line-height:18px;text-overflow: ellipsis;max-width: 240px;white-space: nowrap;overflow: hidden;}
.ky_r>.box>ul>li>a>em{display:block;width:18px;height:18px;background-color:#007aff;text-align:center;border-radius:5px;position:absolute;left:0;top:0;font-size:14px;line-height:18px;color:#fff}
.ky_r>.box>ul>li>em{display:block;width:18px;height:18px;background-color:#007aff;text-align:center;border-radius:5px;position:absolute;left:0;top:0;font-size:14px;line-height:18px;color:#fff}
.ky_r>.box>ul>li:nth-child(n+4)>a>em{background-color:#999}
.ky_r>.box>ul>li:nth-child(n+4)>em{background-color:#999}
.ky_r>.box>ul>li>a:hover{color:#007aff}
/* 留言 */
.ky_r>.ky_box{border-radius:5px;height:375px;background:url(https://www.kby19.com/static_pc/images/ly.png) no-repeat center center;padding:30px 20px;margin-bottom:15px}
.ky_r>.ky_box>span{display:block;text-align:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:30px}
.ky_r>.ky_box>form>p{height:40px;line-height:40px;background-color:#fff;margin-bottom:15px;border-radius:5px;overflow:hidden;position:relative}
.ky_r>.ky_box>form>p>input{width:100%;height:100%;border:none;padding:0 10px;font-size:14px}
.ky_r>.ky_box>form>input{display:block;width:100%;height:48px;line-height:48px;text-align:center;font-size:20px;background-color:#ff8400;border:none;outline:0;color:#fff2ee;border-radius:30px;margin-top:30px}
.ky_r>.ky_box>p{font-size:14px;color:#fff;margin-top:10px;text-align: center;}

.kb_kf{border-radius:5px;height:385px;padding:15px;margin-bottom:10px;background-color:#fff;}
.kb_kf .pic img {display: block;margin: 5px auto;width: 50%;}
.kb_kf .l_tet {font-size: 14px;color: #999;text-align: center;margin: 15px 0;}
.kb_kf .sqst { width: 100%;font-size: 16px;display: block; background: #FF8400;text-align: center;line-height: 40px;color: #fff;}
.kb_kf ul li {width: 98%;line-height: 30px;float: left; margin: 1%;padding: 2%;border-bottom: 1px dashed #dbd5d5;}
.kb_kf ul li img{ width: 25px;margin-right: 10px;}

.kb_xuan {padding:15px 15px 5px 15px;}
.kb_xuan_title {font-size: 16px;height: 40px;padding-left: 50px;line-height: 40px;background: #007aff;color: #fff;}
.layui-form-label {width: 150px;}
.layui-form-item .layui-input-inline {width: 390px;}
.layui-btn {width: 200px;}
.layui-input-block {margin-left: 190px;}
.kby_end{background: #fff;width:1200px;margin:0 auto;}
.kby_end>.tit{padding:15px;border-bottom:1px solid #efefef}
.kby_end>.tit>h3{vertical-align: bottom;}
.kby_end>ul{display: flex;flex-wrap: wrap;}
.kby_end>ul>li{flex: 1 1 50%;box-sizing: border-box;padding: 10px;}