﻿/* By 5811.com.cn */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin: 0; padding: 0;}
.breadcrumb{font-size:13px;}
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
ol, ul{list-style: none;}
caption, th{text-align: left;}

abbr, acronym{border: 0;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.clearfloat{zoom:1}
.clear{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.l, .col-l, .col_l, .col-c, .col_c{float: left;}
.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span{float: right;}
.c{clear: both;}
.n, em{font-weight: normal; font-style: normal;}
.b{font-weight: bold;}
.i{font-style: italic;}
/* .fa{font-family: Arial;} */
.fg{font-family: Georgia;}
.ft{font-family: Tahoma;}
.fl{font-family: Lucida Console;}
.fs{font-family: '宋体';}

/*
body{font: 12px 宋体, Arial, sans-serif;} */
a{text-decoration: none;}
a:hover{color: #FF6600}
.link_cnt a{color: #777!important;}
.link_cnt a:hover{color:rgba(234,174,50,1)!important;}
/*-----------------[初始化]--------------*/
body{color: #333; font-size: 12px; font-family: "微软雅黑", "Microsoft Yahei" !important; min-width: 1300px; /* background: #f6f6f6; */}
::-webkit-scrollbar{width: 0px; height: 7px;}
a{color: #444;}
a:hover{color: #d7a746;}
img, .ani{max-width: 100%; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}
input, textarea, select{font-size: 12px; color: #444; font-family: "微软雅黑", "Microsoft Yahei";}
input[type='submit'], input[type='reset'], input[type='button'], select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
@font-face{font-family: 'iconfont'; src: url('/style/fonts/iconfont.eot'); src: url('/style/fonts/iconfont.eot') format('embedded-opentype'), url('/style/fonts/iconfont.woff') format('woff'), url('/style/fonts/iconfont.ttf') format('truetype'), url('/style/fonts/iconfont.svg#iconfont') format('svg');}
@font-face{font-family: 'sophis'; src: url('/style/fonts/sophisticate ssi semi bold italic.ttf');}
@font-face{font-family: 'PAINP'; src: url('/style/fonts/painp.ttf');}
.iconfont{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
/*布局*/
.wp{width: 1200px; margin: 0 auto;}
.h50{height: 50px; clear: both; overflow: hidden;}
.h100{height: 100px; clear: both; overflow: hidden;}
*{outline: none;}
@font-face{font-family: 'ShinePersonalUse'; src: url('/style/fonts/shine personal use.ttf');}

/*
-----------------[公用]--------------*/
/* banner */
.ban-inner{height: 600px; text-align: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s;}
.fbanner{margin-top:-20px;transition-duration:all 1.5s;-webkit-duration:all 1.5s;-ms-duration:all 1.5s;-moz-duration:all 1.5s;transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s;}
.ban-inner.ban-in2{height: 500px;}
.ban-inner .tit{font-size: 100px; color: #d09d3d; padding-top: 120px; margin-bottom: 43px; font-weight: bold; background: url(/style/images/kaif/ico16.png) center 80px no-repeat;}
.ban-inner .tit em{display: block; font-size: 40px; font-family: '宋体'; font-weight: bold;}
.ban-inner .tit em span{display: inline-block; position: relative; padding: 0 100px;}
.ban-inner .tit em span:after{position: absolute; content: ''; left: 0; top: 7px; width: 81px; height: 31px; background: url(/style/images/kaif/ico17.png) 0 0 no-repeat; background-size: 100% 100%;}
.ban-inner .tit em span:before{position: absolute; content: ''; right: 0; top: 7px; width: 81px; height: 31px; background: url(/style/images/kaif/ico18.png) 0 0 no-repeat; background-size: 100% 100%;}
/*ban-in3*/
.ban-inner.ban-in3{height: 600px;}
.ban-inner.ban-in3 .pos{margin: 88px 182px 10px 194px;}
.ban-inner.ban-in3 .next{display: block; margin: 0 auto; width: 50px; height: 140px; background: url(/style/images/kaif/img-three-1.png) center no-repeat; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; -webkit-animation: aniTop 1.5s infinite ease-in; -o-animation: aniTop 1.5s infinite ease-in; animation: aniTop 1.5s infinite ease-in;}
@-webkit-keyframes aniTop{0%{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';} 50%{-webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 100%{-webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}}
@keyframes aniTop{0%{-webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';} 50%{-webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} 100%{-webkit-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';}}
/*咨询课程详细内容*/
.p-btn-1{display: block; margin: 0 auto; width: 198px; height: 48px; font-size: 16px; text-align: center; border: 1px solid #dda841;}
.p-btn-1 span{position: relative; top: -6px; left: -6px; z-index: 5; display: block; width: 200px; line-height: 50px; background-color: #dca436; color: #fff; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.p-btn-1:hover span{-webkit-transform: translate(5px,5px); -ms-transform: translate(5px,5px); -o-transform: translate(5px,5px); transform: translate(5px,5px);}
.bdbg-p1{background: url(/style/images/kaif/bg-three-1.png);}

/*表单*/
.box-form .list{float: left;width: 660px;}
.box-form .list img{display: block;}
.box-form .tit{height: 61px;line-height: 61px;font-size: 24px;text-align: center;}
.box-form .table{overflow: hidden;}
.box-form .table .item{height: 45px;line-height: 45px;font-size: 14px;}
.box-form .table .item.last{border-bottom-color: transparent;}
.box-form .table div{float: left;text-align: center;}
.box-form .table .d1{width: 158px;}
.box-form .table .d2{width: 168px;}
.box-form .table .d3{width: 172px;}
.box-form .table .d4{width: 160px;}
.box-form .form{margin-left: 680px;padding-bottom: 40px;}
.box-form .form ul{padding: 30px 40px 0;}
.box-form .form .btn-form{margin: 40px auto 0;display: block;width: 210px;height: 45px;line-height: 45px;color: #fff;font-size: 18px;text-align: center;background-color: #dca436;border: none;cursor: pointer;}
.box-form .form .btn-form:hover{background-color: #b18c62;}
.box-form .form .li-gender{margin-bottom: 38px;text-align: center;font-size: 0;}
.box-form .form .li-gender label{position: relative;margin: 0 24px;display: inline-block;width: 110px;height: 156px;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.box-form .form .li-gender label.m{background-image: url(/style/images/kaif/ico-hm-1.png);}
.box-form .form .li-gender label.f{background-image: url(/style/images/kaif/ico-hm-2.png);}
.box-form .form .li-gender input{display: none;}
.box-form .form .li-gender em{position: absolute;right: 12px;bottom: 0;display: none;width: 23px;height: 23px;background: url(/style/images/kaif/ico-checked-1.png) center center no-repeat;}
.box-form .form .li-gender .checked em{display: block;}
.box-form .form .li-item{margin-bottom: 20px;}
.box-form .form .d1{float: left;width: 114px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;}
.box-form .form .d1 em{color: #f01332;font-weight: bold;}
.box-form .form .d2{margin-left: 115px;padding: 0 13px 0 20px;}
.box-form .form .inp-form{display: block;width: 100%;height: 48px;line-height: 48px;border: none;font-size: 14px;}
.box-form .form .select{position: relative;cursor: pointer;}
.box-form .form .select .cur{display: block;width: 100%;height: 100%;background-position: right center;background-repeat: no-repeat;}
.box-form .form .select .s-list{position: absolute;top: 48px;left: -21px;right: -14px;display: none;z-index: 2;background: #6E5A50;color: #fff;}
.box-form .form .select .s-list a{padding: 0 13px 0 20px;display: block;height: 40px;line-height: 40px;font-size: 14px;color: #fff;}
.s6 .form  .select  .cur {
    background-image: url(/style/images/kaif/ico-three-16.png);
}

a{transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;}

/*公用*/
.s-tit-1{padding-top: 70px; margin-bottom: 40px;}
.s-tit-1 img{display: block;margin: 0 auto;}
/*欧米奇-咖啡饮品专业2-修改*/
.row-a1-kf{padding-bottom: 70px; overflow: hidden;}
.m-txt1-kf{float: left; padding-top: 270px; width: 400px; height: 219px; background-color: #dca436; background: #dca436 url(/style/images/kaif/kf-img.png) center top 40px no-repeat;}
.m-txt1-kf .txt{margin: 0 auto 25px; width: 260px; font-size: 16px; line-height: 26px; text-align: center; color: #fff;}
.m-txt1-kf .txt h4{font-size: 30px; margin-bottom: 15px; font-weight: normal;}
.m-txt1-kf .p-btn-1{border: 1px solid #fff;}
.m-txt1-kf .p-btn-1 span{color: #6e5a50; border: 1px solid #fff; background-color: #fff;}
.ul-list-kf{overflow: hidden; padding: 7px 30px 0; margin-right: -40px; background-color: #6e5a50;}
.ul-list-kf li{float: left; width: 50%;}
.ul-list-kf li a{display: block; height: 160px; margin-right: 40px; border-bottom: 1px dotted #9a8c85;}
.ul-list-kf li .pic{float: left; margin-right: 20px; margin-top: 40px;}
.ul-list-kf li .pic img{display: inline-block;}
.ul-list-kf li.li5 a,.ul-list-kf li.li6 a{border-bottom: none;}
.ul-list-kf .txt{padding-top: 50px; color: #fff; line-height: 24px; font-size: 14px;}
.ul-list-kf .txt h5{font-size: 16px; font-weight: normal;}
.row-a2-kf{height: 852px;overflow: hidden;}
.ul-list2-kf{overflow: hidden; margin-right: -20px; margin-bottom: 34px;}
.ul-list2-kf li{width: 25%; float: left; margin-bottom: 20px;}
.ul-list2-kf a{display: block; height: 232px; margin-right: 20px;}
.ul-list2-kf .pic img{display: block;}
.ul-list2-kf .txt{padding-top: 10px; text-align: center; height: 53px; overflow: hidden; color: #fff; font-size: 16px; background-color: #6e5a50;}
.ul-list2-kf a:hover .txt{background-color: #cfa045;}
.ul-list2-kf .txt span{display: block; font-size: 14px;}
.row-a3-kf{height: 975px;}
.row-a3-kf .m-inban{width: 540px; float: left;}
.row-a3-kf .m-pic-kf{width: 640px; float: right;}
.m-inban{position: relative;}
.m-inban .pic{height: 300px; overflow: hidden;}
.m-inban img{display: block;}
.m-inban .slick-arrow{position: absolute; z-index: 9; top: 256px; display: block; width: 44px; height: 44px; background-repeat: no-repeat; background-position: center center;}
.m-inban .prev{right: 44px; background-image: url(/style/images/kaif/kf-prev.png);}
.m-inban .prev:hover{background-image: url(/style/images/kaif/kf-prev0.png);}
.m-inban .next:hover{background-image: url(/style/images/kaif/kf-next0.png);}
.m-inban .next{right: 0; background-image: url(/style/images/kaif/kf-next.png);}
.m-inban .txt{padding: 30px 30px 0; height: 280px; line-height: 25px; overflow: hidden; overflow-y: auto; color: #6e5a50; background: url(/style/images/kaif/kf-banbg.png) repeat;}
.m-inban .txt h4{font-size: 24px;font-weight: normal;}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_draggerContainer{height: 260px!important;}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.2)!important;}
.mCSB_scrollTools .mCSB_dragger{background: none!important;}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,0.4)!important;}
.m-pic-kf{overflow: hidden;}
.m-pic-kf .tit{position: relative; padding-top: 18px; margin-bottom: 20px; font-size: 18px; height: 82px; color: #fff; text-align: center; background-color: #6e5a50;}
.m-pic-kf .tit i{position: absolute; top: 19px; left: 128px; display: block; width: 38px; height: 31px; background: url(/style/images/kaif/kf-ds.png) center center no-repeat;}
.m-pic-kf .tit h4{font-size: 34px; font-weight: normal;}
.ul-pic-kf{overflow: hidden; margin-right: -10px;}
.ul-pic-kf li{float: left; width: 50%; margin-bottom: 10px;}
.ul-pic-kf li .pic{margin-right: 10px;}
.ul-pic-kf img{display: block; width: 100%; height: 100%;}
.btn-box2{margin-top: 43px;text-align: center;}
.btn-box2 .p-btn-1{margin: 0 22px; display: inline-block;}
.btn-box2 .p-btn-1.c2{border: 1px solid #6e5a50;}
.btn-box2 .p-btn-1.c2 span{background-color: #6e5a50;border: 1px solid #6e5a50;}
.row-a4-kf{height: 521px; padding: 70px 0;}
.row-a4-kf .col-l{width: 651px;position: relative;}
.row-a4-kf .col-r{width: 490px;}
.row-a4-kf .col-l i{display: block; position: absolute; top: 0; left: 0; width: 159px; height: 199px; background: url(/style/images/kaif/kf-i1.png) center center no-repeat;}
.in-ban-box .in-ban{margin-left: 190px;}
.in-ban-box .jz-slider{position: relative; z-index: 2; margin-top: -170px; padding-top: 42px; padding-left: 57px; padding-right: 38px; width: 267px; height: 242px; background: url(/style/images/kaif/kf-bn.png) center center no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.in-ban-box .jz-slider .slick-arrow{position: absolute; z-index: 9; right: -37px; display: block; width: 44px; height: 44px; background-repeat: no-repeat; background-position: center center;}
.in-ban-box .jz-slider .prev{top: 153px; background-image: url(/style/images/kaif/kf-prev.png);}
.in-ban-box .jz-slider .prev:hover{background-image: url(/style/images/kaif/kf-prev0.png);}
.in-ban-box .jz-slider .next:hover{background-image: url(/style/images/kaif/kf-next0.png);}
.in-ban-box .jz-slider .next{top: 197px; background-image: url(/style/images/kaif/kf-next.png);}
.in-ban-box .jz-slider img{display: block;}
.m-txt-kf{color: #fff;}
.m-txt-kf .tit{margin-bottom: 27px;}
.m-txt-kf .tit span{font-size: 53px; font-family: 'segoesc';}
.m-txt-kf .tit h5{position: relative; padding-left: 166px; font-size: 16px; font-weight: normal;}
.m-txt-kf .tit h5:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 150px; height: 2px; background-color: #fff;}
.m-txt-kf .txt h5{margin-bottom: 3px; font-size: 16px; font-weight: normal; padding-left: 21px; position: relative;}
.m-txt-kf .txt h5:before{content: ''; display: block; position: absolute; top: 50%; left: 0; width: 15px; height: 2px; background-color: #fff;}
.m-txt-kf .txt{font-size: 14px; line-height: 25px; margin-bottom: 35px;}
.m-txt-kf .p-btn-1{margin: 0;}
.row-a5-kf{height: 807px;}
.row-a5-kf .p-btn-1{margin-top: 54px;}
.ul-pictxt{width: 800px; overflow: hidden; float: left;}
.ul-pictxt li{float: left; width: 400px; height: 220px; background-color: #6e5a50; overflow: hidden;}
.ul-pictxt .pic{width: 50%;height: 100%;}
.ul-pictxt .pic img{display: block;width: 100%;height: 100%;}
.ul-pictxt .txt{width: 140px; color: #fff; font-size: 14px; padding: 45px 30px 0;}
.ul-pictxt .txt .num{margin-bottom: 15px; font-size: 30px; font-family: 'Arial'; padding-bottom: 11px; border-bottom: 1px dotted #9a8c85;}
.ul-pictxt .txt p{overflow: hidden;line-height: 24px;max-height: 96px;}
.pic-logo{float: right; width: 400px; height: 440px;}
.pic-logo img{display: block;width: 100%;height: 100%;}
.row-a6-kf.section-hm.s6{height: 705px;padding-top: 100px;}
.box-form.color .cont,.box-form.color .form{background-color: #6e5a50;border: none;}
.box-form.color .cont .tit{color: #fff;border-bottom: 1px solid #9b7765;}
.box-form.color .cont .item{color: #fff;border-bottom: 1px dotted #9b7765;}
.box-form.color .cont .item.last{border-bottom: none;}
.box-form.color .cont .d3{color: #dca436;}
.section-hm.s6 .cont{margin-top:52px;}
.section-hm.s6.color .form .li-item{background-color: #6e5a50;color: #fff;border: 1px solid #9b7765;}
.box-form.color .form .li-gender label.m{background-image: url(/style/images/kaif/kf-nan.png);}
.box-form.color .form .li-gender label.f{background-image: url(/style/images/kaif/kf-nv.png);}
.box-form.color .form .li-gender em{background-image: url(/style/images/kaif/kf-true.png);}
.section-hm.s6.color .form .d1{color: #fff; border-right: 1px solid #9b7765;}
.section-hm.s6.color .form .inp-form{background-color: #6e5a50;color: #fff;}
.section-hm.s6.color .form .inp-form::-webkit-input-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form::-moz-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form::-ms-input-placeholder{color: #fff;}
.section-hm.s6.color .form .inp-form:input-placeholder{color: #fff;}
.section-hm.s6.color .form .select .cur{color: #fff;}
/* 咖啡专业结束 */

