﻿
/* 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;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
.c{clear:both;}
.n,em{font-weight:normal;font-style:normal;}
.b{font-weight:bold;}
.i{font-style:italic;}

*,*:before,*:after{-webkit-text-size-adjust: 100%; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent;}
html{height: 100%;}
body{position: relative;margin: 0 auto;font-size: 14px;line-height: 1.5;color: #333; font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;min-width: 320px;max-width: 750px;}
a{color: #333;}
a:hover{color: #d7a746;}
img{max-width: 100%;}
li, ol, ul{list-style: none;}
input,textarea,select{border: none; font-size: 14px;color: #444;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;outline: 0;}
input[type='submit'],input[type='password'],input[type='text'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select,textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
.viewport{margin: 0 auto; min-width: 320px; max-width: 750px; height: 100%; overflow-x: auto;}
.wp{padding: 0 15px;margin: 0 auto;}
.ani,a{-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
/******************************* -------[=头部]-------
********************************/
.header{position: absolute; top: 50px;left: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;border-top: 1px solid #373737;border-bottom: 1px solid #373737;background-image: url(../images/bg-hd.png);z-index: 102; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
/******************************* -------[=导航]-------
********************************/
/******************************* -------[=公用]-------
********************************/
.g-tit-1{text-align: center;}
.g-tit-1.white{color: #fff;}
.g-tit-1.brown{color: #b18c62;}
.g-tit-1 .d1{height: 1em;line-height: 1em;font-size: 18px;font-weight: bold;}
.g-tit-1 .d2{position: relative;padding: 0 21px;display: inline-block;height: 30px;line-height: 30px;font-size: 20px;font-weight: bold;font-family: PAINP;font-weight: lighter;}
.g-tit-1 .d2:before,.g-tit-1 .d2:after{position: absolute;top: 0;width: 15px;height: 30px;background-position: center center;background-repeat: no-repeat;content: ''; background-size: 2500%;}
.g-tit-1 .d2:before{left: 0;}
.g-tit-1 .d2:after{right: 0;}
.g-tit-1.brown .d2:before{background-image: url(../images/1.png);}
.g-tit-1.brown .d2:after{background-image: url(../images/1.png);}
.g-tit-1.white .d2:before{background-image: url(../images/1.png); background-position: -31px -7px;}
.g-tit-1.white .d2:after{background-image: url(../images/1.png); background-position: -13px -7px;}
.g-tit-1 .d3{font-size: 12px;}
.bdbg1{background: url(../images/bg-three-1.png);margin-bottom: 56px;}
/*咨询课程详细内容*/
.p-btn-1{display: block; margin: 0 auto; width:9em; height: 35px; font-size: 12px; text-align: center; border: 1px solid #dda841;}
.p-btn-1 span{position: relative; top: -6px; left: -6px; z-index: 5; display: block; width: 9em; line-height: 35px; 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);}
/*表单*/
.box-form .form{margin-top: 25px; padding-bottom: 20px;}
.box-form .form ul{padding: 30px 20px 0;}
.box-form .form .btn-form{border-radius: 9px; margin: 20px auto 0;display: block;width:140px;height: 36px;line-height: 36px;color: #fff;font-size: 14px;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: 18px;text-align: center;font-size: 0;}
.box-form .form .li-gender label{position: relative;margin: 0 21px;display: inline-block;width: 60px;height: 80px;background-position: center center;background-repeat: no-repeat;cursor: pointer;-webkit-background-size: 55px auto;
background-size: 55px auto;}
.box-form .form .li-gender label.m{background-image: url(../images/ico-hm-1.png);}
.box-form .form .li-gender label.f{background-image: url(../images/ico-hm-2.png);}
.box-form .form .li-gender input{display: none;}
.box-form .form .li-gender em{position: absolute; right: 2px; bottom:0; display: none; width: 17px; height: 17px; background: url(../images/ico-checked-1.png) center center no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
.box-form .form .li-item{margin-bottom: 10px;}
.box-form .form .d1{float: left; width: 114px; height: 36px; line-height: 36px; 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 10px;}
.box-form .form .inp-form{display: block; width: 100%; height: 36px; line-height: 36px; 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; -webkit-background-size: 8px auto; background-size: 8px auto;}
.box-form .form .select .s-list{position: absolute; top: 37px; left: -21px; right: -14px; display: none; z-index: 2;}
.box-form .form .select .s-list a{padding: 0 13px 0 20px; display: block; height: 36px; line-height: 36px; font-size: 14px;}
.section-hm.s6 .form{background-color: #fff;border-radius:10px;}
.section-hm.s6 .form .li-item{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .d1{border-right: 1px solid #e7e7e7;color: #333;}
.section-hm.s6 .form .inp-form{color: #888;}
.section-hm.s6 .form .inp-form::-webkit-input-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-moz-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-ms-input-placeholder{color: #888;}
.section-hm.s6 .form .select .cur{color: #333;}
.section-hm.s6 .form .select .s-list{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .select .cur{background-image: url(../images/ico-hm-3.png);}
.section-hm.s6 .form .select .s-list{background-color: #fff;}
.section-hm.s6 .form .select .s-list a{border-bottom: 1px solid #e7e7e7;}
@keyframes zixun{50%{font-size:21px;color:red;border:2px solid red;}
100%{font-size:12px;color:white;border:2px dashed white;}}
@-moz-keyframes zixun{50%{font-size:21px;color:red;border:2px solid red;}
100%{font-size:12px;color:white;border:2px dashed white;}}
@-webkit-keyframes zixun{50%{font-size:21px;color:red;border:2px solid red;}
100%{font-size:12px;color:white;border:2px dashed white;}}
@-o-keyframes zixun{50%{font-size:21px;color:red;border:2px solid red;}
100%{font-size:12px;color:white;border:2px dashed white;}}.ban-inner1 img{display: block;width: 100%;}
.row-tj3{padding: 0 15px 35px; background: #442d23 url(../images/bg03.png) 0 0 no-repeat; background-position: 100% 100%;}
.row-tj4{padding: 30px 15px 35px; background: #f1efea url(../images/bg02.png) 0 0 no-repeat; background-position: 100% 100%;}
.row-tj4 .con{overflow: hidden;margin-bottom: 10px;}
.row-tj4 .con .txt{font-size: 13px; color: #fff;}
.row-tj4 .con .txt .tit{position: relative; padding-left: 50px; font-size: 18px; line-height: 1.2em; margin-bottom: 35px; background: url(../images/sl-ico09.png) left top no-repeat; background-size: 40px auto;}
.row-tj4 .con .txt .tit em{display: block; font-size: 12px; font-family: 'sophis'; line-height: 2em;}
.row-tj4 .con .txt .tit:after{position: absolute; content: ''; width: 100%; height: 29px; left: 0;bottom: -48px; background: url(../images/sl-ico10.png) 0 0 no-repeat; background-size: 100% 100%;}
.row-tj4 .con .txt h5{font-size: 14px; margin-top: 10px; font-weight: normal; line-height: 1.5em;}
.row-tj4 .con .txt p{font-size: 13px; line-height: 1.8em;}
.sl-list3{overflow: hidden; margin: 0 -10px 20px;}
.sl-list3 li{float: left; width: 50%;}
.sl-list3 .con1{margin: 0 10px;}
.sl-list3 .pic{position: relative; height: 0; padding-top: 65%; overflow: hidden;}
.sl-list3 .pic img{position: absolute; left: 0;top: 0; display: block; width: 100%; height: 100%;}
.sl-list3 .txt{font-size: 12px; color: #fff; line-height: 1.5em; padding: 10px 0;}
.sl-list3 .txt p{white-space: nowrap;}
.sl-list3 .txt .num{float: right; font-size: 22px; color: #dca538; font-family: 'sophis'; line-height: 1em;}
.teach-for .slick-arrow{position: absolute; width: 35px; height: 35px; font-size: 0; border: none; outline: none; cursor: pointer; top: 25px; z-index: 2;}
.teach-for .slick-prev{right: 35px; background: url(../images/kf-prev0.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-next{right: 0; background: url(../images/next1.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-prev:hover{background: url(../images/prev2.png) 0 0 no-repeat; background-size: 100% 100%;}
.teach-for .slick-next:hover{background: url(../images/next2.png) 0 0 no-repeat; background-size: 100% 100%;}
/******************************* -------[=烘焙甜点专业6个月]-------
********************************/
.section-hm.s6{padding: 40px 10px 35px;background: url(../images/bg-hm-m-3.jpg) center center no-repeat;background-size: cover;}
.section-hm.s6 .form .li-item{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .d1{border-right: 1px solid #e7e7e7;color: #333;}
.section-hm.s6 .form .inp-form{color: #888;}
.section-hm.s6 .form .inp-form::-webkit-input-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-moz-placeholder{color: #888;}
.section-hm.s6 .form .inp-form::-ms-input-placeholder{color: #888;}
.section-hm.s6 .form .select .cur{color: #333;}
.section-hm.s6 .form .select .s-list{border: 1px solid #e7e7e7;}
.section-hm.s6 .form .select .cur{background-image: url(../images/ico-hm-3.png);}
.section-hm.s6 .form .select .s-list{background-color: #fff;}
.section-hm.s6 .form .select .s-list a{border-bottom: 1px solid #e7e7e7;}
/*************************************
********增加页面*******************
**************************************/
/*公用*/
.btn-box2{margin-top: 24px;text-align: center;}
.btn-box2 .p-btn-1{margin: 0 8px; 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;}
/*欧米奇-西餐料理-修改*/
.wp{width: 95%;margin: 0 auto;}
.row-a6-xc.section-hm.s6{padding: 35px 0;}
.row-a6-xc.section-hm.s6 .form .select .cur{background-image: url(../images/ico-xiala.png);}
.workScro1{padding: 0 15px;}
.workScro1 img{width: 100%;}
.workScro1 .slick-arrow{position: absolute; bottom: 0; z-index: 10; width: 35px; height: 35px; background-repeat: no-repeat; background-position: center; -webkit-background-size: 10px; background-size: 10px; background-color: rgba(255,255,255,.3);}
.workScro1 .slick-arrow.prev{right: 50px; background-image: url(../images/ico-threem-1.png);}
.workScro1 .slick-arrow.next{right: 15px; background-image: url(../images/ico-threem-2.png);}
.workScro1 .slick-arrow.prev:hover,
.workScro1 .slick-arrow.next:hover{background-color: #d0a857;}
.m-box-nine .g-tit-1{padding: 34px 0 17px;}
.m-box-nine .row1{padding-bottom: 35px;}
.ul-list-p2{overflow: hidden; margin-left: -10px; padding-bottom: 18px;}
.ul-list-p2 li{overflow: hidden; float: left; padding: 0 0 10px 10px; width: 50%;}
.ul-list-p2 .center{padding: 15px; background-color: #fff;}
.ul-list-p2 .ico{margin: 5px 0 12px; width: 46px; height: 46px; background-image: url(../images/img-nine-2.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 230px 92px; background-size: 230px 92px;}
.ul-list-p2 .info{overflow: hidden;}
.m-box-nine .row2{padding-bottom: 35px; background: url(../images/img-ninem-3.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-nine .row2 .cont{overflow: hidden; padding-bottom: 28px;}
.m-box-nine .row5{padding-bottom: 35px;}
.ul-list-p4{overflow: hidden; margin-left: -10px; padding-bottom: 20px;}
.ul-list-p4 li{float: left; margin-bottom: 10px; width: 50%;}
.ul-list-p4 a{position: relative; display: block; height: 366px; margin-left: 10px; font-size: 13px; text-align: center; color: #666;}
.ul-list-p4 .ico{margin: 9px auto 0; width: 42px; height: 42px; background-image: url(../images/img-nine-2.png); background-repeat: no-repeat; -webkit-background-size: 210px 84px; background-size: 210px 84px;}
.ul-list-p4 h4{position: relative; padding: 8px 0 8px; font-weight: normal; font-size: 15px; line-height: 1; color: #333;}
.ul-list-p4 h4:before{content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 20px; height: 2px; background-color: #666;}
.ul-list-p4 .li1 .ico{background-position: -42px 0px;}
.ul-list-p4 .li2 .ico{background-position: -168px 0px;}
.ul-list-p4 .li3 .ico{background-position: -168px -42px;}
.ul-list-p4 .li4 .ico{background-position: -42px -42px;}
.ul-list-p4 .info{overflow: hidden;}
.ul-list-p4 .img,.ul-list-p4 .txt{position: absolute;}
.ul-list-p4 .img{left: 0; width: 100%; height: 176px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.ul-list-p4 .txt{left: 0; right: 0; padding: 0 12px; border: 1px solid #e9e2d7;}

.vertical-align{font-size:0;}
.vertical-align:before {content: '';display: inline-block;height: 100%; vertical-align: middle;}
.g-tit-1 .d1{
    font-size: 34px;
    color: #b18c62;
    opacity: .15;}
.g-tit-1 .d2 {
    font-family: '微软雅黑';
    font-size: 18px;
    position: relative;
    top: -20px;
    font-weight: bold;
}
.m-box-nine .row1 .img img{display: block;margin-bottom: 5px;}
.m-box-nine .row1 .p-btn-1{margin-top:30px;}

.m-box-nine .g-tit-1{padding-bottom:5px;}
.g-tit-1 .d3{ position: relative;   top: -20px;}
.ul-list-p2{margin:0;background:#fff;padding:0 22px;margin-bottom:12px;}
.ul-list-p2 li{width:100%;border-bottom:1px dashed #bdbdbd;padding:13px 0 9px;}
.ul-list-p2 li:last-child{border:0;}
.ul-list-p2 .center{padding:0;text-align:center;}
.ul-list-p2 .ico{background: none;display: inline-block;width:18px;height:auto;margin:0;vertical-align: middle;margin-right:9px;}
.ul-list-p2 h5{display: inline-block;line-height: 30px;font-size:14px;vertical-align: middle;}
.ul-list-p2 .info{display:block;color:#666;text-align: center}

.m-box-nine .row2{background-image:url(../images/bg-nine-xc-jxzp.jpg);}
.m-box-nine .row2 .cont{position: relative;padding-bottom: 0;}
.m-box-nine .row2 .workScro1{width: 50%;padding:0 10px;position: absolute;left:5px;height:100%;}
.m-box-nine .row2 .img-box{width: 100%;position: relative;clear: both;overflow:hidden;}
.m-box-nine .row2 .box{float: right;width:50%;padding:0 10px;margin-left: 10px;margin-right:5px;margin-bottom: 10px;position: relative;}
.m-box-nine .row2 .box img{width:100%;display: block;}
.m-box-nine .row2 .box.last{position: absolute;bottom: 0;left:0;margin-left:5px;}
.m-box-nine .row2 .box .tit{position: absolute;bottom: 0;left:10px;width:calc(100% - 20px);height:34px;z-index: 2;background: url(../images/img-nine-xc-zpbg.png) repeat; text-align: center;color: #fff;display: none;}
.m-box-nine .row2 .box .tit h3{font-size: 13px;font-weight: normal;line-height: 17px;}
.m-box-nine .row2 .box .tit h4{font-size: 12px;font-weight: normal;line-height: 17px;}
.workScro1 .slick-arrow.prev{width:calc(50% - 10px);height:22px;background:url(../images/img-nine-xcjx-arrow3.png) no-repeat center center;left:10px;bottom:0;background-size:cover;display: block;}
.workScro1 .slick-arrow.next{width:calc(50% - 10px);height:22px;background:url(../images/img-nine-xcjx-arrow4.png) no-repeat center center;right:10px;bottom:0;background-size:cover;}
.slick-list{height:100%;}
.slick-track{height:100%;}
.slick-track img{height:100%;}

.row-tj3{background: none;}
.teach-for .slick-list{padding-top:0;}
.teach-for .slick-prev{right:27.75%;background-image:url(../images/kf-prev2.png);}
.teach-for .slick-next{right:calc(27.75% - 35px);}
.teach-for .item{background: none;padding:0;}
.teach-for .item .top .img{width: 48.7%;margin:0 auto;padding:9px;}
.teach-for .item .top .img img{width:100%;height: auto;}
.teach-for .item .top .h3{text-align:center;line-height:27px;padding-bottom: 10px;}
.teach-for .item .con{background:#fff;padding:16px 0;}
.teach-for .item .con .tabnav{font-size: 0;}
.teach-for .item .con .tabnav span{width: 33.33%;display: inline-block;font-size:14px;text-align:center;line-height:38px;position: relative;color:#666;}
.teach-for .item .con .tabnav span em{display: block;position: absolute;width: 34%;height:2px;left:33%;background:#d4a54c;border-radius:2px;display: none;}
.teach-for .item .con .tabnav span.on{color:#333;}
.teach-for .item .con .tabnav span.on em{display: block;}
.teach-for .item .con .tabcont{padding:17px 20px 10px;}
.teach-for .item .con .tabcont .tabli{display: none}


.row-tj4{background:url(../images/bg-nine-xc-jxzp.jpg)no-repeat; background-size: cover;}
.row-tj4 .con .txt .tit{background:url(../images/ico-xc-zcb.png) 25px top no-repeat;;font-size: 20px;background-size:45px auto;padding-left: 80px;border-bottom:1px solid #3d3029;margin-bottom:25px;    padding-bottom: 10px;}
.row-tj4 .con .txt .tit em{font-family: Arial; font-size: 11px; opacity: .4; font-weight: normal;letter-spacing:1px;padding-left: 3px;}
.row-tj4 .con .txt .tit:after{background: none;}

.row5 .p-btn-1{margin-top: 18px;}
.ul-list-p4{margin-top:15px;padding-bottom:10px;}
.ul-list-p4 a{height: auto;}
.ul-list-p4 .txt{border: 1px solid #e9e2d7 !important;position: static;padding-bottom:20px;}
.ul-list-p4 .ico{width: 50px;height:50px;}
.ul-list-p4 .li1 .ico{background: url(../images/ico-nine-xc-qj1.png) no-repeat center;background-size:100%;}
.ul-list-p4 .li2 .ico{background: url(../images/ico-nine-xc-qj2.png) no-repeat center;background-size:100%;}
.ul-list-p4 .li3 .ico{background: url(../images/ico-nine-xc-qj3.png) no-repeat center;background-size:100%;}
.ul-list-p4 .li4 .ico{background: url(../images/ico-nine-xc-qj4.png) no-repeat center;background-size:100%;}
.box-form .form .li-gender .checked em {display: block;}
