@charset "utf-8";

blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

h1{font-size:18px}

h2{font-size:1pc}

h3{font-size:14px}

h4,h5,h6{font-size:100%}

address,cite,dfn,em,var{font-style:normal}

code,kbd,pre,samp,tt{font-family:Courier New,Courier,monospace}

small{font-size:9pt}

ol,ul{list-style:none}

a{text-decoration:none}

a:hover{text-decoration:none}

abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}

q:after,q:before{content:''}

legend{color:#000}

fieldset,img{border:none;max-width: 100%;}

button,input,select,textarea{font-size:100%}

table{border-collapse:collapse;border-spacing:0}

hr{height:1px;border:none}

html{font-size:62.5%; /* 10รท16=62.5% */}

body,button,input,select,textarea{font-size:14px;font-size:1.4em ; /* 12รท10=1.2 */font-family: '微软雅黑';}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}

@media only screen and (min-width:361px) {html {font-size:70.31%!important}}

@media only screen and (min-width:376px) {html {font-size:73.24%!important}}

@media only screen and (min-width:481px) {html {font-size:94%!important}}

@media only screen and (min-width:561px) {html {font-size:109%!important}}

@media only screen and (min-width:641px) {html {font-size:125%!important}}

.fl{float:left;}

.fr{float:right;}

ul,li{list-style:none;}

.container-m{width: 96%; padding-left: 4%;}

.container-s{width: 94%; padding-left: 6%;}

.cl{clear: both;}

.c{*zoom:1;}

.c:after{content: ' '; display: block; height: 0; clear: both;}

.txt-c{text-align: center;}

.txt-r{text-align: right;}



/*公共头部*/

.head{background: #333;}

.head .logo{width: 50%;padding:  0.125rem 0 4rem;margin: 0 auto;}

.menu{width: 4%;position: relative; margin: 0.75rem 0;}

.menu img{display: block; margin-top: 0.3rem;}

.menu-list{position: absolute; width: 500%;right: 0;margin-top: 1rem;z-index: 100; }

.menu-list li{background: #000;border-bottom: solid 1px #333; width:600%;padding-left: 6.25rem; }

.menu-list li a{display: block;font-size: 1.125rem; line-height:350%; color: #fff;}

.first-menu-list{position: relative;}

.menu-list li ul{position: relative;width: 100%;}

.menu-list li ul li{display: block;padding-left: 0;}

.menu-list li ul li:last-child{border-bottom: solid 1px #fff;}

.menu-list .last-menu-list{border-bottom: solid 1px #fff;}

.last-menu-list a{background: url(../images/last-menu-list-bg.png) no-repeat left center; background-size: 4%; padding-left: 1.6rem;}



/*head-nav*/

.head-nav{background: #fff;}

.head-nav ul li{width: 25%;margin: 0 auto; float: left;padding: 0 2%;}

.head-nav ul li img{margin-top: 1.375rem;width: 33px;position: relative;left: 18px;}

.head-nav ul li p{font-size: 1.25rem; line-height: 1.25rem; color: #666; text-align: center; margin-top:0.6875rem; margin-bottom:2.3125rem;margin-right: 0.2rem; }

.head-nav ul li:hover p{color: #db4662;}    





/*banner*/

.banner{box-shadow: 0 0 5px rgba(0,0,0,0.3);}



/*栏目标题*/

.title{background:url(../images/title-bg.png)no-repeat  center bottom; margin-bottom: 0.875rem;}

.title p{font-size: 1.5rem; line-height: 1.5rem; color: #000; text-align: center; padding-top: 1.25rem; padding-bottom: 1.75rem;}

.title p em{font-size: 1.5rem; line-height: 1.5rem;}

.title span{display: block; font-size: 1.4rem; line-height: 1.4rem; color: #333; text-align: center; padding-bottom:1.75rem; }





/*栏目按钮*/

.more{display: block; width: 100%; font-size:1.5rem; line-height:2.5rem; color: #e93f5f; text-align: center;}







/*精品课程*/

.course-title em{display: block;font-size: 1.5rem; line-height: 120%; color: #333; margin-bottom: 0.375rem;}

.course-title p{font-size: 1.3rem; line-height: 1.6rem; color: #666;}

.course-title-bg1{margin-left: 0.4375rem;background: url(../images/course-title-bg1.png) no-repeat;padding-left: 3.0625rem; background-size:8%;}

.course-list{margin-top: 0.9375rem;}

.course-list ul{width: 104%; overflow: hidden;}

.course-list ul li{width: 46%; margin-right: 4%; float: left;}

.course-list ul li p{font-size: 1.25rem; line-height: 1.25rem; color: #333; margin-top: 0.875rem; margin-bottom: 1.1875rem; text-align: center;}

.course-list ul li:hover p{color: #db4662;}

.course .more{background: #fcbec8;}

.course .more:hover{color: #db4662; text-decoration: none;}



/*热门课程*/

.hot-course{background: #faf9f9; padding-top: 1.25rem;}

.course-title-bg2{background: url(../images/course-title-bg2.png)no-repeat; padding-left:3.4375rem; background-size: 5%; padding-bottom: 1.25rem;}

.hot-course img{margin-bottom: 0.625rem;}



/*优势*/

.ad .title p{color: #000;}

.ad-title{padding-left:3.75rem; background-size: 7%;}

.ad-title em{display: block; font-size: 1.5rem; line-height: 1.8rem; color: #333;}

.ad-title p{font-size: 1.3rem; line-height: 1.6rem; color: #666; margin-top: 0.5625rem;}

.ad1{background: #f8f8f8;}

.ad1 .ad-title{background: url(../images/ad1-title-bg.png) no-repeat; -webkit-background-size: 10%;background-size: 10%;}

.ad1-pic{width: 79%; margin: 0 auto; padding-top: 1.5625rem; padding-bottom: 2.1875rem;}

.ad1 img{box-shadow: 0.3125rem 0.3125rem 0.3125rem #e6e6e6;}

.ad1-pic1{margin-bottom: 0.5625rem;}

.ad1-pic2{width: 49%;}



.ad2{background: #fff; padding-top: 2.125rem; padding-bottom: 2.5625rem;}

.ad2 .ad-title{background: url(../images/ad2-title-bg.png) no-repeat; background-size: 10%;}

.ad2-bg{background: url(../images/ad2-bg.jpg) no-repeat center; background-size:cover; border-radius: 3px; -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5);-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); margin-top: 1rem;padding: 0 2%;padding-right: 6%; overflow: hidden;}

.ad2-bg ul{overflow: hidden;}

.ad2-bg ul li{float: left; margin-right: 1.1rem; width: 48%; margin-top: 1.25rem; margin-bottom: 1.25rem;}

.ad2-bg ul li:last-child{ margin-right: 0rem;}



.ad3-4{background: #f4f4f4; padding-top: 2rem; padding-bottom: 2.0625rem;;}

.ad3{background: url(../images/ad3-title-bg.png) no-repeat; background-size: 10%;}

.ad3-pic{width: 100%; margin: 1.3125rem auto 2.25rem;}

.ad3-pic img{display: inline-block;}

.ad3-pic1{width: 49%; margin-bottom: 0.625rem;}

.ad3-pic2{width: 32%;} 

.ad4{background: url(../images/ad4-title-bg.png) no-repeat; background-size: 10%;}

.ad4-list{margin-top: 1.375rem;overflow: hidden; width: 100%;}

.ad4-list ul{float: left;}

.ad4-list ul li{float: left; max-width: 152px;margin-right: 3%;width: 30%;}

.ad4-list ul li p{font-size: 1.3rem; line-height: 100%; color: #666; margin-top: 1rem; text-align: center;}



.ad5{margin-top: 2rem; }

.ad5 .ad-title{background: url(../images/ad5-title-bg.png) no-repeat; margin-bottom: 1.1875rem; background-size: 10%;}

.ad5-pic{background: #f9f9f9;/*padding-top: 0.1875rem;*/}

.ad5-pic img{display: inline-block;box-shadow: 0.3125rem 0.3125rem 0.3125rem #e6e6e6; margin-bottom: 0.625rem;;}

.ad5-pic1{width: 49%; }

.ad5-pic2{width: 32%;}



.ad6 .ad-title{background: url(../images/ad6-title-bg.png) no-repeat; margin-top: 1.75rem; margin-bottom: 1.3125rem;background-size: 10%;}

.ad6 .ad-title em span{font-size: 1.3rem; line-height: 1.3rem;}

.ad6-list{margin-bottom:2.6875rem}

.ad6-list ul li{float: left;width: 31%;background: #fff; border-radius: 9px;-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5); margin-right: 1rem; margin-bottom: 0.625rem;}

.ad6-list ul li:nth-child(3n){margin-right: 0rem;}



.ad7 .ad-title{background: url(../images/ad7-title-bg.png) no-repeat; background-size: 10%;}

.ad7-bg{background: url(../images/ad7-bg.jpg) no-repeat; margin-top: 1.3125rem; margin-bottom: 2.375rem;background-size:cover;}

.ad7-bg p{font-size: 1.5rem; line-height: 3.25rem; color: #333;  padding-top: 2.375rem;}



.ad8 .ad-title{background: url(../images/ad8-title-bg.png) no-repeat;background-size: 10%;}

.ad8-list{margin-top: 1.1875rem; margin-bottom: 1.125rem;overflow: hidden;width: 100%;}

.ad8-list ul{float: left;}

.ad8-list ul li{float: left; width: 30%;/*margin-right: 3%;*/max-width: 152px;}

.ad8-list ul li img{width: 90%;border-radius: 50%;}

.ad8-list ul li p{font-size: 1rem; line-height: 100%; color: #666; margin-top: 1rem; text-align: center;}

.ad8-list ul li span{display: block; font-size: 1rem; line-height: 1rem; color: #888;margin-top:0.75rem ; text-align: center;}

.ad8 .more{background: #c7e7a4; color: #4e8316;}



.ad9 .ad-title{background: url(../images/ad9-title-bg.png) no-repeat;background-size: 10%; margin-top: 2rem; margin-bottom: 1.1875rem;}

.ad9-pic {position: relative;}

.ad9-pic ul{height:100%;margin: 0 auto;}

.ad9-pic ul li {height:100%;}

.ad9-pic ul li a {display: block; height:100%;}

.ad9-pic ul li a .em-bg{position: absolute; bottom:0; z-index: 666; background-color: rgba(0,0,0,0.61);  padding:0.625rem; width: 100%;}

.ad9-pic ul li a em{display: block; font-size: 1.25rem; line-height: 1.375rem; color: #fff;  border-left: solid 0.1875rem #fff; height: 1.375rem;padding-left: 0.625rem;}



/*数字按钮样式*/

.ad9-pic .icon {overflow:hidden;  position:absolute; color: #fff; bottom:0px; zoom:1; z-index:667; width: 100%; top:11.4rem;}

.ad9-pic .icon ul{display: inline-block;padding-top:2.8rem; margin-right: 0.625rem;}

.ad9-pic .icon li {width:0.8rem; height: 0.8rem;margin-right:0.8rem; cursor:pointer; float: left;background:url(../images/ad9-ico.png) no-repeat;}

.ad9-pic .icon li.on { background:url(../images/ad9-ico-on.png) no-repeat } /*当前项*/

.ad9-pic .icon li:last-child{margin-right: 0rem;}



/*预约*/

.mess{background: #f4f4f4; padding-bottom: 1.9375rem;}

.mess-title{padding-top: 1.875rem; padding-bottom: 1.8125rem;}

.mess-title em{display: block; font-size: 2rem; line-height: 200%; color: #de1e42; text-align: center;}

.mess dl{ border:solid 0.0625rem #8d8d8d; border-radius: 0.25rem; margin-bottom: 1.0625rem;height: 3rem;}

.mess dl dt{font-size: 1.25rem; line-height: 3rem;color: #333; padding-left:1.1875rem; font-weight: normal;}

.mess dl input{background: 0 0;outline: 0;border-top: none;border-left: none;border-bottom: none;border-right: none;font-size: 1.25rem; line-height: 3rem;color: #333; font-weight: normal;padding-left: 1.625rem;text-align: left; width: 75%;}   

.mess dl select{display: inline-block; background: url(../images/select-icon.png) no-repeat center right;outline: 0;border-top: none;border-left: none;border-bottom: none;border-right: none;font-size: 1.25rem; height: 3rem;color: #333; font-weight: normal;padding-left: 1.625rem;text-align: left; width: 80%;-webkit-appearance: none;} 

.mess .reserve input{width: 100%; background: #f2842c; outline: 0; border:0;font-size: 1.25rem; line-height: 3.125rem; color: #fff; text-align: center;}



/*联系我们*/

.contact{ margin-bottom: 2.3125rem;}

.map{width: 30%; margin: 0 auto;}

.map img{display: block; margin-top: 4rem; background-size: 10%;}

.map p{font-size: 1.25rem; line-height: 1.25rem; color: #666; text-align: center; margin-top: 1rem;}

.map p em{font-size: 0.9375rem;  color: 878787;}

.text{width: 61%; margin-top: 2rem;}

.text em{display: block; font-size: 1.375rem; line-height: 1.375rem; color: #8d8d8d; font-weight: bold;}

.text span{font-size: 1.125rem; line-height:150%; color: #8d8d8d;}

.tel{background: url(../images/tel-icon.png) no-repeat left top; background-size: 14%; padding-left: 3rem;}

.add{background: url(../images/add-icon.png) no-repeat left top; background-size: 14%; padding-left: 3rem; margin-top: 1.5rem; }

.buttom{display: inline-block;width: 40%; font-size: 1.125rem; line-height: 2.5rem; color: #fff; text-align: center; margin-top: 1.2rem;}

.about-our{background: #2bb898; margin-right: 1.0625rem;}

.consult{background: #ff6148;}

.zw{height: 3.375rem;}



/*底部*/

.foot p{font-size: 1.25rem;line-height: 180%;color: #7e7e7e; margin-bottom: 1.5rem;}

.foot p a{color: #787878;}

.footer{position: fixed; bottom: 0; width: 100%; height: 3.375rem; line-height: 3.375rem; background: #424242;}

.foot-nav{width: 33.1%; float: left;}

.foot-nav-2{background: #242424;}

.footer{position: fixed;bottom: 0;}

.footer .foot-nav-bg{display: inline-block; width: 40%;  height: 3.375rem; line-height: 3.375rem; text-align: center;}

.footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:100%;}

.footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:42%;}

.footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:42%;}

.footer a{display: inline-block; width:60%; font-size: 1.25rem; line-height: 3.375rem; color: #fff;}



/*内页nav*/

.ny-nav{background: #fff; line-height: 3.6875rem;}

.ny-nav ul li{float: left;padding: 0 0.9rem;}

.ny-nav ul li:last-child{padding-right: 0rem;}

.ny-nav ul li a{display: block; font-size: 1.25rem; line-height:3.6875rem ;color: #7e7e7e;}

.ny-nav ul li a:hover{color: #db4662;}



/*内页关于港焙*/

.ny-about-title{ border-bottom: solid 0.0625rem #d4d4d4; padding-top: 1.3125rem; margin-bottom: 1.1875rem;}

.ny-about-title em{display: block; font-size: 1.125rem; line-height: 1.125rem; color: #595959; margin-bottom:  0.5625rem;}

.ny-about-title span{display: block; font-size: 0.8125rem; line-height: 0.625rem; color: #a3a3a3;margin-bottom: 0.8125rem;}

.ny-about p{font-size: 1.2rem; line-height: 1.75rem; color: #666;margin-bottom: 1rem;}

.ny-about img{max-width: 100%;height: auto; margin: 0 auto;}



/*内页港焙新闻*/

.news-list{margin-bottom: 1.75rem;}

.news-list li{border-bottom: solid 1px #f0f0f0;}

.news-list li strong{display: block;margin-top: .4rem; font-weight: normal;font-size: 1.25rem;line-height: 150%;color: #757575;}

.news-list li span{display: block; font-size: 1rem;color: #b4b3b3; line-height: 100%;padding-bottom: .8rem;margin-top: 0.4rem;}

.news-list li strong:hover{color: #db4662;}



/*讲师团队*/

.teacher-list ul li{float: left; width: 48%; margin-right: 0.6rem; margin-bottom: 2.6875rem;}

.teacher-list ul li p{border:solid 1px #747474; font-size: 1.125rem; line-height: 1.9375rem; color: #747474; text-align: center; margin-top: 0.25rem;}	

.teacher-list ul li:hover p{border:solid 1px #d7193d; color: #d71a3e; text-decoration: none;}



/*学生作品*/

.stu-works-banner{position: relative;}

.stu-works-banner .prev,.stu-works-banner .next{display: block; width: 4%; height:3.4375rem; position: absolute; top:6rem; z-index: 1000;}

.stu-works-banner .prev{left: 0.625rem;background: url(../images/bd-prev.png)no-repeat center;-webkit-background-size:100%; background-size: 100%;}

.stu-works-banner .next{right: 0.625rem; background: url(../images/bd-next.png)no-repeat center;-webkit-background-size:100%; background-size: 100%;}





.share{overflow: hidden;margin-top: 0.9375rem; margin-bottom: 2.25rem;}

.share-title{font-size: 0.8125rem;}

.share ul li{float: left;margin: 0 0.3125rem;}



.text2{display: block; width: 60%; font-size:1.25rem; line-height: 3.5rem; color: #fff; text-align: center;  margin:0 auto;}

.stu-works-tel{background: #7dbf32;margin-bottom: 0.9375rem;}

.stu-works-consult{background: #fe4d01;margin-bottom:6.5625rem;}



/*课程介绍*/

.ny-course{background: #f5f5f5; padding-bottom: 3.0625rem;} 

.ny-course-title{padding-top: 38px; padding-bottom: 36px; text-align: center;}

.ny-course-title em{display: block; font-size: 2.1875rem; line-height: 2.1875rem; color: #fe4d01; margin-bottom: 10px;}

.ny-course-title span{display: block; font-size: 1.25rem; line-height: 0.9375rem; color: #666; margin-bottom:1.375rem;}

.ny-course-title i{display: block; width:26%; height: 0.0625rem; background-color: #fe4d01; margin: 0 auto;}

.ny-course-list{background: #fff;}

.ny-course-list ul{width: 90%; margin: 0 auto; padding-bottom: 3.1875rem;}

.ny-course-list ul li{padding-top: 2.5625rem; padding-bottom: 2.25rem; border-bottom: solid 0.0625rem #a9a9a9;}

.ny-course-list ul li .ny-course-pic{margin-right: 1.5rem; width: 50%;}

.ny-course-list .info{width: 44%;}

.ny-course-list .info em{display: block; font-size: 1.625rem; line-height: 1.625rem; color: #fe4d01; margin-top: 0.6rem; margin-bottom: 0.8rem;}

.ny-course-list .info i{display: block; width: 28%; height: 0.0625rem; background-color: #fe4d01; margin-bottom: 0.5rem;}

.ny-course-list .info span{display: block; font-size: 1.25rem; line-height: 1.5rem; color: #666; margin-bottom: 0.6rem; }

.ny-course-list .info p{width: 60%; font-size:1.125rem;line-height: 2.25rem; color: #fff; text-align: center; background: #fe4d01;}



/*学习环境*/

.learn-title1{margin-top: 1.5rem; margin-bottom: 1rem;}

.learn-title1 em{display: block; background: url(../images/learn-title1-bg.png) no-repeat center; font-size: 2rem; line-height: 2rem; color: #f37610; text-align: center; margin: 0 auto;}

.learn-title1 span{display: block; font-size: 1.3rem; line-height: 1.3rem; color: #333; text-align: center; margin-top: 0.6875rem; margin-bottom: 1.1875rem;}

.title-en{font-size: 1.5rem; line-height:0.9375rem; color: #333; text-align: center; margin-top: 1rem; margin-bottom: 2.1875rem;}

.learn-list ul li{margin-bottom: 2.3125rem;}

.learn-title2{background: url(../images/learn-icon1.png) no-repeat left center; background-size: 8%; padding-left: 3.25rem; margin-bottom:1.5rem; }

.learn-title2 em{display: block; font-size: 1.6rem; line-height: 1.6rem; color: #f37610; margin-bottom: 0.375rem; }

.learn-title2 span{display: block; font-size: 1.2rem; line-height: 1.2rem; color: #5e5e5e;}



/*就业保障*/

.job-ad{background: #4f4f4f; padding-bottom: 1.4375rem;}

.job-ad em{display:block; font-size: 2rem; line-height: 2rem; color: #fff; text-align: center; padding-top: 1rem; margin-bottom: 1.3125rem;}

.job-ad i{display: block; width: 100%; height: 0.0625rem; background-color: #676767;}

.job-ad p{font-size: 1.2rem; line-height: 1.4rem; color: #cdcdcd; text-align: center; margin-top: 0.875rem; margin-bottom: 1.3125rem;}

.job-ad span{display: block; width: 55%; border: solid 0.0625rem #fff584; font-size:1.3rem; line-height: 2rem; color: #fff584; text-align: center; margin: 0 auto;}



/*品牌特色*/

.job-title{background: url(../images/job-title-bg.png) no-repeat top center #f0f0f0;padding-bottom: 1rem; background-size: 160%;}

.job-title em{display: block; font-size: 1.5rem; line-height: 3rem; color: #fff; text-align: center;}

.job-content{background: #f0f0f0; width: 100%;}

.job-title-en{display: block; font-size: 1.3rem; line-height: 1.3rem; color: #9b9b9b; text-align: center; padding-bottom: 1.125rem;}

.brand-list{padding-bottom: 1.3125rem;}

.brand-list ul li{margin-right: 1.17rem; width: 48%; float: left; margin-bottom: 1.1875rem;position: relative;}

.brand-list ul li p{background: rgba(0,0,0,0.57); font-size: 1.2rem; line-height: 2.5rem; color: #f0f0f0; text-align: center; position: absolute;bottom: 0;width: 100%;}

.brand-list ul li:nth-of-type(even){margin-right: 0rem;}



/*企业简介*/

.line{display: block; width: 100%; height:0.0625rem; background-color: #d8d8d8;}

.company-profile{font-size: 1.2rem; line-height: 1.5rem; color: #666; text-indent: 2rem; padding-top: 1.0625rem; padding-bottom: 2.6875rem;}

.suitable-crowd-pic{padding-bottom: 2.625rem;}



/*产品系列*/

.product-list{padding-bottom: 0.875rem;}

.product-list ul li{float: left; margin-bottom: 20px; margin-right: 1rem; width: 31%;position: relative;}

.product-list ul li p{background: rgba(243,118,16,0.69); font-size: 1.2rem; line-height: 1.875rem; color: #fff; text-align: center; position: absolute;bottom: 0;width: 100%;}

.product-list li:nth-child(3n){margin-right: 0rem;}



/*提供扶持*/

.provide-support-pic{padding-bottom:2.125rem;}



/*前期准备 经营管理*/

.ready{padding-top:1.4375rem;padding-bottom: 3.125rem; }

.ready ul li{width: 50%; float: left;}

.ready ul li .ready-pic{width: 45%; margin-right: 0.875rem;}

.ready ul li .ready-info em{display: block; font-size: 1.2rem; line-height: 1.2rem; color: #666; margin-top: 0.75rem;}

.ready ul li .ready-info p{font-size: 1rem; line-height: 1.4rem; color: #8f8f8f;margin-top: 0.6rem;}



#jiathis_counter_31{width: 36px !important;}







.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}

.pagelist a, .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}

.pagelist span.current {color: #f30;border: 1px solid #ddd;}