﻿
/* 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;}
.l,.col-l,.col_l,.col-c,.col_c{float:left;}
.c{clear:both;}
.n,em{font-weight:normal;font-style:normal;}

a{text-decoration:none;}

*,*: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;}


/*咨询课程详细内容*/
.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;  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);}
/*banner*/
/*表单*/
.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;}
.ban-inner1 img{display: block;width: 100%;}
/******************************* -------[=烘焙甜点专业6个月]-------
********************************/
/*欧米奇-西餐料理-修改*/
.wp{width: 95%;margin: 0 auto;}
.p-btn-1.color1{border-color: #9f805c;}
.p-btn-1.color1 span{background-color: #9f805c;}
.p-tit-1{position: relative; padding: 33px 0 15px; text-align: center; line-height: 1; color: #ab8d68;}
.p-tit-1 .en{font-size: 24px; opacity: .15;}
.p-tit-1 .cn{position: absolute; top: 58px; left: 50%;  margin-top: -18px; font-size: 18px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.p-tit-1 .cn span{display: inline-block; padding-left: 25px; background-repeat: no-repeat; background-position: left center; -webkit-background-size: auto 18px; background-size: auto 18px;}
.p-tit-1 .info{padding: 8px 0px 0; font-size: 12px; line-height: 1.6;}
.m-box-three .row1{padding-bottom: 35px;}
.ul-list-mp1{overflow: hidden; margin-left: -10px; padding: 0 15px 28px;}
.ul-list-mp1 li{float: left; margin-bottom: 10px; width: 50%;}
.ul-list-mp1 .center{margin-left: 10px; padding: 10px; background-color: #fff;}
.ul-list-mp1 .img img{display: block; width: 100%;}
.ul-list-mp1 h5{padding: 10px 0 2px; font-weight: normal; font-size: 14px; white-space: nowrap; overflow: hidden;}
.ul-list-mp1 .info{overflow: hidden; height: 34px; font-size: 12px; line-height: 1.4; color: #666;}
.m-box-three .row3{padding-bottom: 40px;}
.tchScro{padding: 0 15px;}
.tchScro .item > a{display: block; margin-bottom: 25px; padding: 15px; background-color: #fff;}
.tchScro .img img{width: 100%;}
.tchScro .txt{padding-bottom: 20px; font-size: 13px; text-align: justify; color: #666;}
.tchScro h3{position: relative; margin-bottom: 15px; padding: 12px 0 10px; font-size: 1.3em; font-weight: normal; color: #333;}
.tchScro h3:before{content: ''; position: absolute; bottom: 0; left: 0; width: 25px; height: 2px; background-color: #e6ddd1; color: #333;}
.tchScro .color{font-size: 14px; color: #333;}
.tchScro p{font-size:13px; padding-bottom: 20px;}
.tchScro .btns{text-align: center;}
.tchScro .p-btn-1{display: inline-block; margin: 0 15px 8px;}
.tchScro .slick-dots{position: absolute; /* bottom: 79px; */ left: 0; z-index: 10; width: 100%; text-align: center;}
.tchScro .slick-dots li{display: inline-block; margin: 0 3px; width: 10px; height: 10px; border-radius: 50%; background-color: #dbdbdb; cursor: pointer;}
.tchScro .slick-dots .slick-active{background-color: #d7a746;}
.m-box-three .row4{padding: 30px 15px 35px; background: url(../images/img-threem-6.jpg) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .cont{color: #fff;}
.m-box-three .row4 h2{position: relative; padding: 3px 0 12px; font-size: 18px; line-height: 1;}
.m-box-three .row4 h2:after{content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: #d4a54c;}
.m-box-three .row4 .txt{padding-bottom: 18px; font-size: 13px;}
.m-box-three .row4 h4{padding: 17px 0 5px; line-height: 1; font-weight: normal; font-size: 14px;}
.m-box-three .row4 .list{overflow: hidden; margin-left: -10px; padding-bottom: 27px;}
.m-box-three .row4 .li{float: left; width: 50%;}
.m-box-three .row4 .item{position: relative; display: block; margin: 0 0 10px 10px; height: 130px; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .item:after,
.m-box-three .row4 .item:before{content: ''; position: absolute; z-index: 1; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.m-box-three .row4 .item:before{left: 0; top: 0; width: 100%; height: 100%; background-color: #b18c62;}
.m-box-three .row4 .item:after{left: 5px; right: 5px; bottom: 5px; top: 5px; border: 1px solid #d8c4ad;}
.m-box-three .row4 .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.55);}
.m-box-three .row4 .center{position: relative; z-index:2; padding: 11px 12px 0 15px; color: #fff;}
.m-box-three .row4 .tit{padding-bottom: 10px;}
.m-box-three .row4 .cn{overflow: hidden; white-space: nowrap; padding-bottom: 2px; font-size: 14px;}
.m-box-three .row4 .en{overflow: hidden; height: 29px; font-size: 12px; line-height: 1.2; font-family: 'Arial';}
.m-box-three .row4 .ico{overflow: hidden;}
.m-box-three .row4 .ico img{width: 37px;}
.m-box-three .row4 .btn{float: right; margin-top: 20px; width: 20px; height: 20px; background: url(../images/ico-three-5.png) center no-repeat; -webkit-background-size: cover; background-size: cover;}
.m-box-three .row4 .it1:before,
.m-box-three .row4 .it1:after,
.m-box-three .row4 .it2:hover:before,
.m-box-three .row4 .it2:hover:after{opacity: 0;}
.m-box-three .row4 .it1:hover:before,
.m-box-three .row4 .it1:hover:after{opacity: 1;}
.ul-list-p1{overflow: hidden; margin-left: -10px; padding: 0 15px;}
.ul-list-p1 li{float: left; width: 50%;}
.ul-list-p1 a{display: block; margin: 0 0 10px 10px; padding: 25px 17px 18px; background-color: #fff;}
.ul-list-p1 .ico{display: block; width: 38px; height: 30px; background-repeat: no-repeat; background-position: center top; -webkit-background-size: auto 100%; background-size: auto 100%;}
.ul-list-p1 h4{margin: 12px 0 4px; font-weight: normal; font-size: 14px; color: #333;}
.ul-list-p1 .info{overflow: hidden; height: 73px; font-size: 13px; line-height: 1.4; color: #888;}
.ul-list-p1 .ico1{background-image: url(../images/ico-threem-3.png);}
.ul-list-p1 .ico2{background-image: url(../images/ico-threem-4.png);}
.ul-list-p1 .ico3{background-image: url(../images/ico-threem-5.png);}
.ul-list-p1 .ico4{background-image: url(../images/ico-threem-6.png);}
.ul-list-p1 a:hover{background-color: #b18c62;}
.ul-list-p1 a:hover h4{color: #fff;}
.ul-list-p1 a:hover .info{color: #fff;}
.ul-list-p1 a:hover .ico1{background-image: url(../images/ico-threem-3h.png);}
.ul-list-p1 a:hover .ico2{background-image: url(../images/ico-threem-4h.png);}
.ul-list-p1 a:hover .ico3{background-image: url(../images/ico-threem-5h.png);}
.ul-list-p1 a:hover .ico4{background-image: url(../images/ico-threem-6h.png);}
.m-box-three .row5 .cont{padding: 20px 15px 35px 25px;}
.m-box-three .row5 .ct-img:before,
.m-box-three .row5 .ct-cont:before{content: ''; position: absolute;  width: 84px; height: 84px; opacity: .2;}
.m-box-three .row5 .ct-img{position: relative;}
.m-box-three .row5 .ct-img:before{top: -10px; left: -10px; background-color: #dca436;}
.m-box-three .row5 .ct-img img{position: relative; display: block; width: 100%;}
.m-box-three .row5 .ct-cont{position: relative; margin-top: 10px;}
.m-box-three .row5 .ct-cont:before{top: 0; right: 0; border-top: 2px solid #dca436; border-right: 2px solid #dca436;}
.m-box-three .row5 .ct-tit{position: relative; padding: 8px 0 12px;}
.m-box-three .row5 .ct-tit:before{content: ''; position: absolute; bottom: 0; left: 0;  width: 50px; height: 2px; background-color: #dca436;}
.m-box-three .row5 .ct-tit .en{font-size: 15px; font-family: spu; color: #ab8d68; opacity: .5;}
.m-box-three .row5 .ct-tit .cn{padding-top: 2px; font-size: 17px;}
.m-box-three .row5 .ct-info{padding: 12px 0 25px; font-size: 13px; line-height: 1.7; color: #666;}
.m-box-three .row5 .color{color: #d4a54c;}
.m-box-three .row5 .btns{text-align: center;}
.m-box-three .row5 .p-btn-1{display: inline-block; margin: 0 10px;}
.row-three{padding: 43px 0 35px; background: url(../images/bg-hm-1.jpg) center center no-repeat; background-size: cover;}
.row-three .table .d3,
.row-three .form .d1 em{color: #f0ac27;}
.row-three .form,
.row-three .form .inp-form{background-color: #9f805c;border-radius:10px; color: #fff;}
.row-three .form .inp-form::-webkit-input-placeholder{color: #fff;}
.row-three .form .inp-form::-moz-placeholder{color: #fff;}
.row-three .form .inp-form::-ms-input-placeholder{color: #fff;}
.row-three .form .li-item{border: 1px solid #b69978;}
.row-three .form .d1{border-right: 1px solid #b69978; color: #fff;}
.row-three .form .select .cur{background-image: url(../images/ico-three-16.png);}
.row-three .form .select .s-list{background-color: #9f805c; border: 1px solid #b69978;}
.row-three .form .select .s-list a{color: #fff;}
.row-three .form .select .s-list a:hover{color: #f0ac27;}
.box-form .form .li-gender .checked em {display: block;}