f@charset "utf-8";
html{ /*font-size:62.5%;*/}
body{ padding:0px 0px 100px 0px; margin:0px auto; font-size: 26px; line-height:28px; font-family: Microsoft YaHei,arial,'宋体'; color:#666666; 
min-width:320px; 
max-width:640px;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); 

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased; background:#fff; 
}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
ul,ul li{ list-style: none; margin: 0;}
h1,h2,h3,h4,h5,h6,p{ padding:0px; margin:0px;}
h3{ color:#333333;}
select,input,textarea,button{ font-size:26px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{ font-size:26px; border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption,address,menu{ margin:0px; padding:0px; display: block;} /*html5设置*/
img,object{ max-width:100%; border:none; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
.hide{ display:none;} /*设置隐藏元素*/
.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #b2b2b2;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
/*input{ -webkit-appearance: none;}*//*苹果手机表单重置*/
.Contain{ padding:0 10px;}
/*清楚浮动*/
.clear{ clear:both;}.clearfix{overflow:hidden;_zoom:1;}

/*font*/
.tit{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}

/*导航 s*/
.Header{ background:#1e6672; position:relative; height:88px; padding:0 18px;}
.Header .Logo{ float:left; padding-top:15px;}
.Header a.back{position:absolute; width:88px; height:88px; left:0px; top:0px; background:url(../image/back.png) center center no-repeat;}
.openbtn{ position:absolute; top:0px; right:20px; z-index:9999999;}
.closebtn{ display:none; background:rgba(0,0,0,0.5);position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:9999999;}
.MainNav{ background:url(../image/navbg.jpg) right top no-repeat; background-size:cover; position:fixed; height:100%; width:331px; right:-391px; top:0px; z-index:100000000;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; padding:0 30px; overflow-y:auto}
.MainNav.on{right:0px;}
.MainNav .search{ position:relative; margin:40px 0 21px; border:2px solid rgba(255,255,255,0.4); border-radius:28px; height:52px; line-height:52px; padding-left:78px;}
.MainNav .search .btn{ position:absolute; left:27px; top:2px; width:42px; height:52px; background:url(../image/searchbtn.png) center center no-repeat;}
.MainNav .search input{ width:221px; height:52px; line-height:52px;}

.MainNav li { position:relative;}
.MainNav li span a{display:block; padding:0px 15px; line-height:79px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1);}
.MainNav li .arr{ position:absolute; width:100%; height:79px; right:0px; top:0px; background: url(../image/navarr.png) right center no-repeat; cursor:pointer;}
.MainNav li .arr.arrauto{ width:50px;}
.MainNav li .ico { background:url(../image/navico.png) center center no-repeat; display:inline-block; vertical-align:middle; width:32px; height:32px; margin:0 32px 0px 14px;}
.MainNav li.a0 .ico{ background-position: 0px top;}
.MainNav li.a0.on .ico{ background-position: -32px top;}
.MainNav li.a1 .ico{ background-position: 0px -32px;}
.MainNav li.a1.on .ico{ background-position: -32px -32px;}
.MainNav li.a2 .ico{ background-position: 0px -64px;}
.MainNav li.a2.on .ico{ background-position: -32px -64px;}
.MainNav li.a3 .ico{ background-position: 0px -96px;}
.MainNav li.a3.on .ico{ background-position: -32px -96px;}
.MainNav li.a4 .ico{ background-position: 0px -128px;}
.MainNav li.a4.on .ico{ background-position: -32px -128px;}
.MainNav li.a5 .ico{ background-position: 0px -160px;}
.MainNav li.a5.on .ico{ background-position: -32px -160px;}
.MainNav li.a6 .ico{ background-position: 0px -192px;}
.MainNav li.a6.on .ico{ background-position: -32px -192px;}
.MainNav li.a7 .ico{ background-position: 0px -224px;}
.MainNav li.a7.on .ico{ background-position: -32px -224px;}
.MainNav li.on span a{ color:#cfa972;}
.MainNav li.on span .arr{background: url(../image/navarr2.png) right center no-repeat;}
.subnav {display:none;}
.subnav dd a{ display:block; padding-left:108px;line-height:54px; color:#d7d9dd;}
.subnav dd a.on{color:#b1956c;}
.bodyon{ overflow:hidden;}
/*导航 end*/

/*底部*/
.Footer{ background:#f8f8f8; padding-top:36px;}
.Footer .contact{ float:left; width:334px; padding-left:32px; font-size:18px;}
.Footer .contact .tels{ line-height:45px; color:#1e6672; font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.Footer .contact p{ width:330px;}
.Footer .contact .btn span{ display:block; font-size:28px; margin:19px 0 15px;}
.Footer .contact .btn a{ display:inline-block; width:150px; line-height:50px; color:#fff; text-align:center; font-weight:bold; border-radius:8px; margin-right:5px; font-size:28px;}
.Footer .contact .btn a.zx{ background:#1e6672;}
.Footer .contact .btn a.tel{ background:#84592a;}
.Footer .img{ float:right; padding:17px 12px 0 0;}
.Footer .copyright{ clear:both; text-align:center; color:#666666; font-size:18px; padding:30px 0 59px;}
.Footer .copyright a{color:#666666;}
.BotNav{ position:fixed; z-index:998; width:100%; bottom:0px; left:0px; background:#fff; border-top:1px solid #e6e6e6; height:100px; font-size:22px;}
.BotNav li{ width:33.333%; line-height:35px; text-align:center; float:left;}
.BotNav a{ color:#4c4c4c; display:block; padding-top:9px;}
.BotNav img{ display:block; margin:0px auto;}
.BotNav a.home{ padding-top:0px; margin-top:-30px;}
.BotNav a.home span{ border-radius:50%; width:80px; height:60px; padding-top:20px; background:#1e6672; display:block; margin:0px auto;}

.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; width:45px; position:fixed; right:0px; bottom:100px; z-index:1000;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background: #b3b3b3 url(../image/top.png) center center no-repeat; height:45px; cursor:pointer;}

/*底部 end*/

/*字体*/
.f_red{ color:#ff3d3d;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#999999; clear:both; line-height:50px;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 0px 5px;width:50px; border-radius:50%; color:#999999; font-size:22px;}
.Pages .p_page a{ display:inline-block; vertical-align:top; background:#e6e6e6; }
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; text-align:center; vertical-align:middle; font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{color:#333;}
.Pages .p_page .num a{ display:inline-block; text-align:center; margin:0px 5px; vertical-align:top;color:#999999;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ background:#6f441c; color:#fff;}
/*pages end*/


.Contain{ padding:0px 10px;}


/*首页 s*/
.banner .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.9);}
.banner .swiper-pagination-bullet-active{ width:40px; height:12px; background:#fff; border-radius:6px;}
.HomeNav{ padding:0px 0px 40px;}
.HomeNav li{ width:33.3333%; float:left; text-align:center; padding-top:30px;}
.HomeNav li img{ display:block; margin:0px auto;}
.HomeNav li h2{ font-weight:normal; font-size:26px; margin:11px 0 0px;}
.HomeNav li p{ font-size:16px; color:#999999;}
.Homezx{ padding:0 20px 38px;}
.HomeTit{ text-align:center; padding:20px 0;}

.HomeClass{ padding:0px 20px; background:url(../image/classbg.gif); margin-bottom:20px;}
.ClassList li{ position:relative; margin-top:20px; padding:20px; border-radius:5px; background:#fff; box-shadow:0 0 10px #ddd;}
.ClassList li .tithead{ overflow:hidden; margin-bottom:23px; height:49px; line-height:40px; border-bottom:1px solid #e6e6e6; color:#333;font-size:20px;}
.ClassList li .tithead img{ display:inline-block; vertical-align:middle; margin-right:11px;}
.ClassList li .tithead a.more{ float:right; color:#999999; font-size:20px;}
.ClassList li .img{ width:260px; height:210px; float:left; border-radius:10px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassList li .info{ width:270px; float:right;}
.ClassList li .info .t{ padding:8px 0 18px;}
.ClassList li .info .t h3{ font-size:30px; color:#333333;}
.ClassList li .info .t p{ font-size:14px; color:#999999; text-transform:uppercase;}
.ClassList li .info .p{ font-size:22px; padding-bottom:22px; line-height:34px;}
.ClassList li .info .btn a{ display:inline-block; border-radius:5px; width:130px; line-height:40px; text-align:center; font-size:20px; color:#fff;}
.ClassList li .info .btn a.zx{ background:#6f441c; margin-right:10px;}
.ClassList li .info .btn a.lj{ background:#cfa972;}

.tcbox{ clear:both;padding:40px 0px 40px;font-weight: bold;}
.tcbox a{ border-radius:28px;display:inline-block; text-align:center; width:220px; line-height:55px; color:#fff; margin:0 7px;}
.tcbox a img{ width:0.6rem;display:inline-block; vertical-align:middle; margin-right:13px;}
.tcbox a.zx{ background:#6f441c;}
.tcbox a.tel{ background:#84592a;}
.tcbox a.more{ background:#84592a;}
.tcbox a.more img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.tcbox a.more2{ background:#6f441c;}

.ClassVideo .swiper-container{ padding:0 0px 0 24px;}
.ClassVideo .swiper-slide { width:590px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity:0.5;}

.ClassVideo .swiper-slide .box{ width:590px; margin:0px auto;}
.ClassVideo .swiper-slide .img{ border-radius:9px; height:300px; background-position: center center; background-repeat:no-repeat; background-size:cover; margin-top:10px;}
.ClassVideo .swiper-slide .video{ border-radius:9px;margin-top:10px;}
.ClassVideo .swiper-slide .video video{ border-radius:9px; height:300px; width:100%; background:#000;object-fit: fill;}

.ClassVideo .swiper-slide .info{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; position:absolute; width:92%; padding:0 4%; bottom:15px;}
.ClassVideo .swiper-slide .info .num{ float:right; background:url(../image/play.png) 0px center no-repeat; padding:0 20px 0 35px; font-size:22px; line-height:28px; color:#fff; margin-top:14px;}
.ClassVideo .swiper-slide .info .t{color:#fff; float:left;}
.ClassVideo .swiper-slide .info .t span{ display:block; font-size:16px;}
.ClassVideo .swiper-slide-active {filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.ClassVideo .swiper-slide-active .info{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.ClassVideo .swiper-slide-active .img{height:320px;margin-top:0px;}

.ClassVideo.f2 .swiper-container{ padding:0 0px 0 24px;}
.ClassVideo.f2 .swiper-slide { width:550px;}
.ClassVideo.f2 .swiper-slide .box{ width:550px;}


.ClassVideo .toplist{ padding:20px 20px 0;}
.ClassVideo .toplist ul{ margin-left:-15px;}
.ClassVideo .toplist li{ margin-left:15px; float:left; position:relative;}
.ClassVideo .toplist li img{ border-radius:9px; width:190px; height:110px;}
.ClassVideo .toplist li .t{ background:rgba(0,0,0,0.4); position:absolute; left:0px; top:0px; padding:30px 0 0 18px; height:80px; width:172px; color:#fff; border-radius:10px;}
.ClassVideo .toplist li .t i{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.ClassVideo .toplist li .t span{ display:block; font-size:16px; margin-top:4px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}

.HomeTeacher{ background:url(../image/teacherbg.jpg) center top no-repeat; background-size:cover;padding:20px 20px 40px;}
.HomeTeacher .swiper-container{ margin-top:46px;}
.HomeTeacher .box{ width:275px; margin:0px auto; padding-bottom:44px;}
.HomeTeacher .box .img{ height:165px;overflow:hidden;}
.HomeTeacher .box .img img{ margin:0px auto; border-radius:50%;  display:block; width:165px; height:165Apx;}
.HomeTeacher .box .name{ text-align:center;}
.HomeTeacher .box .name .tit{ color:#fff; padding:11px 0 8px;}
.HomeTeacher .box .name p{ font-size:20px; color:#c4c4c4;}
.HomeTeacher .box .name .star{ color:#cfa972; font-size:18px;}
.HomeTeacher .box .info{ font-size:16px; color:#fff; border-top:1px dashed #b1b1b1; border-bottom:1px dashed #b1b1b1; margin:12px 0 20px; padding:10px 0px; color:#fff;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.HomeTeacher .box .tcbox{padding:0px 0px; text-align:center;}
.HomeTeacher .box .tcbox a{ line-height:45px; font-size:18px; width:110px;}
.HomeTeacher .box .tcbox a.zx{ background:#6f441c;}
.HomeTeacher .box .tcbox a.detail{ background:#cfa972;}
.HomeTeacher .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.HomeTeacher .swiper-pagination-bullet{opacity:1; width:12px; height:12px; border-radius:50%; background:rgba(255,255,255,0.6);}
.HomeTeacher .swiper-pagination-bullet-active{background:#cfa972;}

.HomeAbout{ padding:20px 20px 0px; background:#f8f8f8;}
.HomeAbout ul{ margin:20px 0px 0px -15px;}
.HomeAbout li{ float:left; margin:0 0 16px 15px;}
.HomeAbout li:nth-child(1){ width:auto;}
.HomeAbout li img{ display:block; border-radius:10px;}
.HomeAbout .tcbox{ margin-top:-16px;}

.HomeNews{ padding-top:20px;}
.HomeNews .first{ margin-top:20px; height:300px; background-position: center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.HomeNews .first .t{ position:absolute; left:0px; bottom:0px; width:100%; line-height:50px; background:rgba(0,0,0,0.5);}
.HomeNews .first .t span{ display:block; height:50px; margin-left:5%; width:90%; overflow:hidden;}
.HomeNews .first a{ display:block; height:300px; color:#fff;}

.HomeNews .li{ margin:20px 20px 0px; border-bottom:1px dashed #e6e6e6; height:160px; position:relative; padding-left:263px;}
.HomeNews .li .img{ position:absolute; left:0px; top:0px;}
.HomeNews .li .img img{ width:240px; height:140px; border-radius:10px;}
.HomeNews .li .tit{ line-height:44px; color:#000000; margin-bottom:7px;}
.HomeNews .li .p{ color:#808080; font-size:18px; margin-bottom:16px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.HomeNews .li .date{ background:url(../image/date.gif) 0px center no-repeat; padding-left:23px; color:#b2b2b2; font-size:16px;}

.HomeMsg{ background:url(../image/msgbg.jpg) center top no-repeat; background-size:cover; padding:20px 50px 30px;}
.HomeMsg ul{ margin-top:20px;}
.HomeMsg li{ position:relative; margin-bottom:14px;}
.HomeMsg li .input{ border:1px solid rgba(255,255,255,0.5); background:rgba(150,149,148,0.5); height:64px; width:99%; border-radius:4px; text-indent:3em; color:#b2b2b2;}
.HomeMsg li select{ color:#b2b2b2; border:1px solid rgba(255,255,255,0.5); background:rgba(150,149,148,0.5); height:64px; width:100%; border-radius:4px; text-indent:3em;}
.HomeMsg li select option{ color:#333;}

.HomeMsg li .textarea{ border:1px solid rgba(255,255,255,0.5); background:rgba(150,149,148,0.5); height:64px; border-radius:4px; padding:10px 10px 10px 81px;}
.HomeMsg li .textarea textarea{ height:80px;}
.HomeMsg li .ico{ position:absolute; border-right:1px solid #f5f5f5; width:44px; top:19px; left:22px;}
.HomeMsg li .ico i{ display:block; width:27px; height:32px;}
.HomeMsg li .ico.name i{ background:url(../image/name_ico.png) center center no-repeat;}
.HomeMsg li .ico.tel i{ background:url(../image/tel_ico.png) center center no-repeat;}
.HomeMsg li .ico.class i{ background:url(../image/class_ico.png) center center no-repeat;}
.HomeMsg li .ico.msg i{ background:url(../image/msg_ico.png) center center no-repeat;}
.HomeMsg li.btn{ padding-top:16px; text-align:center;}
.HomeMsg li .sendbtn{ width:100%; border-radius:35px; background:#84592a; height:66px; color:#fff;}

.HomeMsg.msg2{ background:#fff url(../image/msgbg.jpg) center top no-repeat; border-radius:10px; box-shadow:0 0 18px #ddd; margin:60px 12px 0;}
.HomeMsg.msg2 .input{ border:2px solid #cccccc; border-radius:5px; height:62px; line-height:62px; text-indent:0.5em; background:none;}
.HomeMsg.msg2 li select{ border:2px solid #cccccc; border-radius:5px; height:62px; line-height:62px; text-indent:0.5em; background:none;}
.HomeMsg.msg2 .ico{ display:none;height:62px; line-height:62px; text-indent:0.5em; background:none;}
.HomeMsg.msg2 .sendbtn{ width:320px;}
.HomeMsg.msg2 li select{ border:2px solid #cccccc;}

.HomeMsg.msg3{}
.HomeMsg.msg3 li .input{ border:0px; background:#fff; border-radius:33px;height:66px; width:99%; text-indent:3em;}
.HomeMsg.msg3 li select{ border:0px;}
.HomeMsg.msg3 li .ico{border-right:1px solid #e6e6e6;}
.HomeMsg.msg3 li .ico.name i{ background:url(../image/name_ico2.png) center center no-repeat;}
.HomeMsg.msg3 li .ico.tel i{ background:url(../image/tel_ico2.png) center center no-repeat;}
.HomeMsg.msg3 li .ico.class i{ background:url(../image/class_ico2.png) center center no-repeat;}

.HomeMsg.msg4{ padding:40px; background:url(../image/msgbg.jpg) center center no-repeat; background-size:cover;}
.HomeMsg.msg4 li .input{ border:0px; background:none;height:76px; text-indent:0em;}
.HomeMsg.msg4 li select{ border:0px; background:none;height:76px; text-indent:0em;}
.HomeMsg.msg4 li .input:-moz-placeholder {color: #eee0d1;}
.HomeMsg.msg4 li .input::-moz-placeholder {color: #eee0d1;}
.HomeMsg.msg4 li .input:-ms-input-placeholder{color: #eee0d1;}
.HomeMsg.msg4 li .input::-webkit-input-placeholder{color: #eee0d1;}

.HomeMsg.msg4 .box{ background:#84592a; border-radius:10px; padding:20px;}
.HomeMsg.msg4 li{ border:2px solid #eddecb; height:76px; line-height:76px; padding-left:199px;}
.HomeMsg.msg4 li .ico{ width:182px; text-align:center;border-right:2px solid #eddecb; font-size:28px; color:#fff; left:0px; top:0px;}
.HomeMsg.msg4 .sendbtn{ width:300px; background:#6f441c; height:80px; border-radius:12px;}
.HomeMsg.msg4 li.btn{ border:0; padding-left:0px;}


/*首页 end*/


/*内页公用 s*/
.SubPage{ padding-bottom:35px;}
.SinglePage{ line-height:34px;}
.Subtit{ text-align:center; padding:20px 0px;}
.Subtit h2{ font-size:36px; color:#333333; margin-bottom:10px;}
.Subtit h2 span{color:#b39a71;}
.Subtit p{color:#b39a71; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.Subtit2{ padding:0px 0 0 12px; margin:38px 0 28px; border-left:6px solid #84592a;}
.Subtit2 h2{ font-size:36px; color:#333333; line-height:28px; margin-bottom:6px;}
.Subtit2 p{color:#999999; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;}
.Subtit2.bai h2{ color:#fff;}
.Subtit2.bai p{ color:#b0b0b0;}
.MenuList{ margin:0 0 3% -2%;}
.MenuList li{ text-align:center; width:23%; float:left; margin:0 0 2% 2%;}
.MenuList li a{ display:block; border-radius:10px; color:#fff; background:#464646; line-height:55px;}
.MenuList li a:hover,.MenuList li a.on{ background:#84592a;}
.Position{ background:#333333; padding:20px 0px 15px 20px; border-bottom:1px solid #454545; color:#bfbfbf; line-height:45px;}
.Position a{color:#bfbfbf;}.Position span{color:#cfa972;}
/*内页公用 end*/

/*关于 s*/

/*关于 end*/


/*校园风采 s*/
.Video{ position:relative; z-index:0;}
.Video video{ background:#000;object-fit: fill;}
.Video.vs video{ border-radius:10px; background:#000;object-fit: fill;}
.Video .time{ position:absolute; left:0px; top:0px; border-radius:10px 0 0 0; line-height:30px; padding:0 10px; font-size:18px; color:#fff; background:rgba(0,0,0,0.5);}
.Video .info{ padding:23px 0px 23px;}
.Video .info .t{ position:relative; padding-right:111px; line-height:38px; margin-bottom:15px; font-size:28px; color:#333333;}
.Video .info .t .num{ background:url(../image/play.png) 0px center no-repeat; line-height:26px; position:absolute; right:0px; top:0px; padding-left:38px; color:#808080;}
.Video .info .num2{ background:url(../image/play.png) 0px center no-repeat; line-height:26px; padding-left:38px; color:#808080;}
.Video .info .p{ color:#808080; font-size:22px;}
.Video .info .txt{ border-top:2px solid #e6e6e6; margin-top:26px; padding-top:26px; font-size:22px; color:#333333; line-height:36px;}
.Video.vs2 .info{ margin:0 20px;}
.Video.vs3{ margin:20px 0px;}

.fcbg1{background:url(../image/bg1.gif);}
.fcbg2{ background:url(../image/bg2.gif);}
.Fcbox{ padding:20px 20px 0px;}
.Fcbox .photo{ margin-left:-10px;}
.Fcbox .photo li{ width:295px; height:196px; float:left; margin:0 0 10px 10px; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Fcbox .photo li a{ display:block; height:196px;}
.Fcbox .photo li:nth-child(1) { width:auto; height:400px; float:none;}
.Fcbox .photo li:nth-child(1) a{ height:400px;}
/*校园风采 end*/


/*新闻资讯 s*/
.graybg{ padding:20px; background:#f8f8f8;}
.NewsList{ padding-bottom:10px;}
.NewsList li{ background:#fff; border-radius:10px; margin-bottom:20px; padding:20px;}
.NewsList li .tit{ font-size:30px; color:#333333;}
.NewsList li .date{ font-size:20px; color:#b2b2b2; margin:5px 0 25px;}
.NewsList li .img{ height:373px; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.NewsList li .p{ font-size:22px; margin:22px 0px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color:#666;}
.NewsList li .more{ border-top:2px solid #f0f0f0; padding-top:18px; color:#333333; background:url(../image/more.png) right 25px no-repeat;}

.FocusNews .swiper-slide{ border-radius:11px; position:relative; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.FocusNews .swiper-slide .t{ position:absolute; border-radius:0 0 11px 11px; background:rgba(0,0,0,0.6); width:100%; line-height:60px; left:0px; color:#fff; bottom:0px;}
.FocusNews .swiper-slide .t span{ display:block; margin-left:5%; width:75%; overflow:hidden;}
.FocusNews .swiper-slide a{ display:block; height:412px;}
.FocusNews .swiper-pagination{ left:auto !important; right:20px; width:auto !important; text-align:right;}
.FocusNews .swiper-pagination-bullet{ width:12px; height:12px; border-radius:50%; background:#fff;}
.FocusNews .swiper-pagination-bullet-active{ background:#84592a;}

.FaqList{ padding:20px 0 10px;}
.FaqList li{ margin-bottom:20px; background:#fff; border-radius:10px; padding:20px 263px 20px 20px; height:140px; position:relative;}
.FaqList li .img{ position:absolute; right:20px; top:20px;}
.FaqList li .img img{ width:191px; height:140px;}
.FaqList li .t{ height:90px; margin-top:5px; color:#333333;}
.FaqList li .date{color:#b2b2b2; font-size:20px;}
.FaqList li a{ display:block;}

.NewsInfo{ padding:40px 20px;}
.TitInfo{ margin-bottom:30px; text-align:center; border-bottom:2px solid #ebebeb; padding-bottom:15px;}
.TitInfo h2{ line-height:33px; font-weight:normal; font-size:32px; color:#333333; margin-bottom:15px;}
.TitInfo date{ color:#999999; font-size:22px;}

.PrevNextBox{ border-top:2px solid #ebebeb; margin-top:30px; padding-top:24px;}
.PrevNextBox dl{ position:relative; height:45px; line-height:45px; padding-left:0px;}
.PrevNextBox dl span{ position:absolute; left:0px; top:0px;}
.PrevNextBox dl a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; color:#666;}

.PjList{ border-top:20px solid #f0f0f0; padding:34px 20px 20px;}
.PjList .tithead{ color:#333; text-align:center; line-height:36px; font-size:32px;}
.PjList .tithead span{ text-transform:uppercase; margin-top:-5px; display:block; color:#999999; font-size:14px;}
.PjList .item{ border-bottom:1px solid #f0f0f0; padding:0 0 29px 97px; margin-top:36px; position:relative;}
.PjList .item .head{ position:absolute; left:0px; top:0px;}
.PjList .item .head img{ width:70px; height:70px;}
.PjList .item .name{ height:43px; line-height:43px; color:#333;}
.PjList .item .star{ color:#fccf01;}
.PjList .item .date{ float:right; color:#999999; font-size:22px;}
.PjList .item .info{ font-size:22px; line-height:38px; margin:10px 0 18px;}
.PjList .item .hfinfo{ border-radius:10px; padding:19px; background:#f5f9fa; color:#95a2a2; font-size:22px; line-height:38px;}
/*新闻资讯 end*/


/*技术导师 s*/
.TeacherMenu{ text-align:center; z-index:999; background:#333333; padding:0 10px;}
.TeacherMenu li{ display:inline-block;}
.TeacherMenu li a{ display:block; padding:31px 10px 0; height:77px; color:#fff; font-size:20px; line-height:32px;}
.TeacherMenu li.on a{ border-bottom:2px solid #cfa972; color:#cfa972;}
.TeacherMenu li .ico{ display:block; margin:0px auto; width:32px; height:31px; background:url(../image/menuico.png);}
.TeacherMenu li#li1 .ico{ background-position:0px top;}
.TeacherMenu li#li2 .ico{ background-position:-32px top;}
.TeacherMenu li#li3 .ico{ background-position:-64px top;}
.TeacherMenu li#li4 .ico{ background-position:-96px top;}
.TeacherMenu li#li5 .ico{ background-position:-128px top;}
.TeacherMenu li#li1.on .ico{ background-position:0px -31px;}
.TeacherMenu li#li2.on .ico{ background-position:-32px -31px;}
.TeacherMenu li#li3.on .ico{ background-position:-64px -31px;}
.TeacherMenu li#li4.on .ico{ background-position:-96px -31px;}
.TeacherMenu li#li5.on .ico{ background-position:-128px -31px;}
.TeacherMenu.proFixed{ position:fixed; width:100%; left:0px; top:0px;}

.Teacherbox{ background:url(../image/teacherbg.jpg) center top repeat-y; padding:0 20px 80px;}
.Teacherbox .tithead{ margin:40px auto 18px; width:237px; text-align:center; background:url(../image/titbg.png) center bottom no-repeat; color:#fff;}
.Teacherbox .tithead img{ display:block; margin:0px auto; width:45px; height:45px;}
.Teacherbox .tithead h2{ line-height:53px; font-size:32px;}
.Teacherbox .tithead .en{ font-size:14px; line-height:22px; padding-top:4px;}
.Teacherbox li{ padding-top:42px; height:288px; position:relative;}
.Teacherbox li .bg{ height:180px; position:absolute; width:100%; left:0px; bottom:0px; background:#333333;}
.Teacherbox li .head{ position:relative; z-index:1; margin-left:20px; float:left; text-align:center; width:160px;}
.Teacherbox li .head img{ display:block; width:160px; height:160px; margin-bottom:12px;margin-top:60px;border-radius:20px}
.Teacherbox li .head .star{ color:#cfa972;}
.Teacherbox li .info{ position:relative; z-index:1; width:360px; padding-left:30px; float:left; color:#fff; font-size:20px;}
.Teacherbox li .info .name{ color:#fff; font-size:28px; line-height:34px; padding-bottom:14px;}
.Teacherbox li .info .name a{ color:#fff;}
.Teacherbox li .info .job{ display:inline-block; padding:0 20px; line-height:40px; border-radius:4px; background:#6f441c; margin-bottom:35px;}
.Teacherbox li .info .p{ margin-bottom:16px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.Teacherbox li .info .btn a{ text-align:center; display:inline-block; margin-right:10px; border-radius:24px; width:160px; line-height:40px; color:#fff;}
.Teacherbox li .info .btn a img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.Teacherbox li .info .btn a.kc{ background:#6f441c;}
.Teacherbox li .info .btn a.xq{ background:#cfa972;}
.Teacherbox li:nth-child(even) .head{ float:right;}

.Teacherbox .detail{ padding-top:40px; color:#fff;}
.Teacherbox .detail .img img{ display:block; width:330px; margin:0px auto -100px;border-radius:20px}
.Teacherbox .detail .info{ background:#333333; padding:100px 20px 10px;}
.Teacherbox .detail .info > p{font-size: 24px;line-height: 1.5;text-indent: 2em;}
.Teacherbox .detail .info .top{ margin-bottom:24px; text-align:center; border-bottom:1px solid #717171; line-height:36px; padding-bottom:21px;}
.Teacherbox .detail .info .top .name{ font-size:36px; line-height:39px; padding-top:28px;}
.Teacherbox .detail .info .top .star{ color:#cfa972; line-height:38px;}
.Teacherbox .detail .info .top p{ color:#e0e0e0;}
.Teacherbox .detail .info .con{ font-size:20px; line-height:35px;}
.Teacherbox .tcbox { padding:24px;}
.Teacherbox .tcbox a{ width:280px; line-height:55px; border-radius:27px; background:#6f441c;}
.Teacherbox .tcbox img{ margin-right:13px; display:inline-block; vertical-align:middle;}

.Teacherbox .tithead2{ text-align:center; color:#fff; padding:35px 0px;}
.Teacherbox .tithead2 img{ margin-right:18px; display:inline-block; vertical-align:middle;}
.Teacherbox .tithead2 span{ display:inline-block; vertical-align:middle; line-height:14px; font-size:14px;}
.Teacherbox .tithead2 span b{ display:block; font-size:30px; line-height:33px; margin-bottom:5px;}

.Teacherbox .teacher_sj{ margin-bottom:10px;}
.Teacherbox .teacher_sj .img{ border:1px solid rgba(255,255,255,0.4); padding:9px; margin:0 18px;}
.Teacherbox .teacher_sj .img span{ display:block; height:360px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Teacherbox .teacher_sj .swiper-button-prev,.Teacherbox .teacher_sj .swiper-button-next{ width:13px; height:23px; background:url(../image/arr.png) 0px top no-repeat; left:0px;}
.Teacherbox .teacher_sj .swiper-button-next{ left:auto; right:0px; background-position:right top;}

.Teacherbox .teacher_zp{ margin-bottom:10px;}
.Teacherbox .teacher_zp .swiper-slide .img{background-position: center center; background-repeat:no-repeat; background-size:cover; width:250px; height:180px; margin-bottom:5px; float:left;}
.Teacherbox .teacher_zp .swiper-slide .img:first-child{ width:100%; height:365px; margin:0 5px 5px 0px;}

.Teacherbox .teacher_zp .swiper-button-prev,.Teacherbox .teacher_zp .swiper-button-next{ width:26px; height:70px; background: rgba(0,0,0,0.4) url(../image/arr2.png) 0px center no-repeat; left:0px;}
.Teacherbox .teacher_zp .swiper-button-next{ left:auto; right:0px; background-position:right center;}

.Teacherbox .PrevNextBox{ color:#fff; border-top:2px solid #545454;}
.Teacherbox .PrevNextBox a{ color:#fff;}
/*技术导师 end*/

/*合作单位 s*/
.Coopreate{ margin-bottom:36px;}
.Coopreate li{ margin-top:20px; position:relative; border-radius:10px; background:#fff; box-shadow:0 0 10px #ddd; padding:20px 20px 0px 241px; height:160px;}
.Coopreate li .img{ background-position: center center; background-repeat:no-repeat; background-size:contain; position:absolute; left:20px; top:20px; border:1px solid #e6e6e6; width:188px; height:138px;}
.Coopreate li .tit{ line-height:43px; color:#333333;}
.Coopreate li .tit i{ display:block; width:30px; height:9px; border-bottom:3px solid #b39a71; margin-bottom:22px;}
.Coopreate li .p{ color:#999999; font-size:20px;}
/*合作单位 end*/


/*课程分类 s*/
.ClassMenu{ text-align:center; z-index:999; background:#fff; padding:0 20px;}
.ClassMenu li{ display:inline-block;}
.ClassMenu li a{ display:block; padding:33px 17px 0; margin:0 10px; height:94px; color:#999999; font-size:22px; line-height:44px;}
.ClassMenu li.on a{ border-bottom:3px solid #cfa972; color:#cfa972;}
.ClassMenu li .ico{ display:block; margin:0px auto; width:44px; height:44px; background:url(../image/menuico.png);}
.ClassMenu li#li1 .ico{ background-position:0px top;}
.ClassMenu li#li2 .ico{ background-position:-44px top;}
.ClassMenu li#li3 .ico{ background-position:-88px top;}
.ClassMenu li#li4 .ico{ background-position:-132px top;}
.ClassMenu li#li1.on .ico{ background-position:0px -44px;}
.ClassMenu li#li2.on .ico{ background-position:-44px -44px;}
.ClassMenu li#li3.on .ico{ background-position:-88px -44px;}
.ClassMenu li#li4.on .ico{ background-position:-132px -44px;}
.ClassMenu.proFixed{ position:fixed; width:100%; left:0px; top:0px;}

.Classbox{}
.Classbox .tithead{ background:#4b5565; height:70px; line-height:70px; padding:0 20px; color:#fff; margin-bottom:40px;}
.Classbox .tithead .tel{ background:url(../image/tel.png) 0px center no-repeat; padding-left:45px; font-size:22px; font-weight:bold; float:right;}
.Classbox .tithead h2{ font-size:34px; margin-right:9px; float:left;}
.Classbox .tithead p{ text-transform:uppercase; font-size:14px; line-height:19px; padding-top:19px;}
.Classbox .tithead p b{ display:block; font-size:24px;}
.Classbox ul li{ margin:0 20px 50px; height:320px;}
.Classbox ul li .img{ width:220px; height:320px; float:right; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Classbox ul li .info{ background:url(../image/libg1.gif) 0px 36px no-repeat; height:320px; padding-left:30px; width:350px; float:left;}
.Classbox ul li .info h2{ display:inline-block; background: #fff url(../image/dot.gif) 0px 36px no-repeat; padding:18px 19px 0; line-height:46px; margin-bottom:5px; font-size:30px; color:#b39a71; margin-left:-20px;}
.Classbox ul li .info h2 a{color:#b39a71;}
.Classbox ul li .info .date{ font-size:22px; color:#4c4c4c; line-height:30px; margin-bottom:18px;}
.Classbox ul li .info .date i{ display:block; width:30px; height:15px; border-bottom:3px solid #333333;}
.Classbox ul li .info .p{ font-size:20px;overflow: hidden; width:323px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.Classbox ul li .tcbox{ padding:10px 0 0 0;}
.Classbox ul li .tcbox a{ width:160px; line-height:40px; font-size:20px;}
.Classbox ul li .tcbox a.zx{ margin-left:0;}
.Classbox ul li:nth-child(even) .img{ float:left;}
.Classbox ul li:nth-child(even) .info{ float:right; background:url(../image/libg2.gif) 0px 36px no-repeat;}
.Classbox ul li:nth-child(even) .info h2{ background: #fff url(../image/dot.gif) right 36px no-repeat;}
/*课程分类 end*/


/*尊爱烘焙 s*/
.Hptithead{ text-align:center; padding:24px 0 40px;}
.Hptithead h2{ color:#333333; font-size:40px; line-height:70px;}
.Hptithead p{ display:inline-block; line-height:35px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-transform:uppercase; font-size:18px;}

.ShrqList{ padding:0 20px; text-align:center;}
.ShrqList .list1{ margin-left:-16px;}
.ShrqList .list1 li{ width:290px; float:left; margin-left:16px; background:#f0f0f0; height:380px;}
.ShrqList .list1 li .img{ height:200px; background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ShrqList .list1 li .info{ padding:16px 20px 0px;}
.ShrqList .list1 li .info .tit{ line-height:48px; font-size:26px;}
.ShrqList .list1 li .info .tit i{ width:30px; height:15px; display:block; margin:0px auto; border-top:3px solid #c8a270;}
.ShrqList .list1 li .info .p{ font-size:18px;}
.ShrqList .list2{ margin-left:-20px;}
.ShrqList .list2 li{  width:185px; float:left; margin-left:20px;}
.ShrqList .list2 li .ico{ position:relative; margin-bottom:-52px;}
.ShrqList .list2 li .info{ padding:60px 13px 0px; height:126px; background:#f0f0f0; font-size:22px; color:#4c4c4c; border-radius:13px;}
.ShrqList .txt .t1{ color:#333333;}
.ShrqList .txt .t1 span{ display:block; font-size:16px; color:#808080;}
.ShrqList .txt .p{ color:#4c4c4c; font-size:22px; padding:5px 0 22px;}

.ShrqList .txt2{ color:#4c4c4c; padding-top:20px; border-left:2px solid #7e4f3d; margin-left:21px;}
.ShrqList .txt2 li{ padding:0 0 35px 47px; position:relative; font-size:22px; text-align:left;}
.ShrqList .txt2 li .num{ position:absolute; left:-21px; top:0px; text-align:center; color:#fff; width:44px; line-height:44px; background:#7e4f3d; border-radius:50%;}

.Classts{ padding:0px 20px 0; background:url(../image/tsbg.jpg);}
.Classts .Hptithead h2{ color:#fff;}
.Classts .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.Classts li{ background:#c8a270; color:#fff;}
.Classts li img{ float:right; display:block; width:300px; height:220px;}
.Classts li dl{ line-height:28px; font-size:20px; padding:10px 20px 0; width:260px; float:left;}
.Classts li dl dt{ font-size:26px; line-height:52px; font-weight:bold;}
.Classts li dl dt i{ display:block; width:30px; height:13px; border-top:3px solid #fff;}
.Classts li:nth-child(even) dl{ float:right;}
.Classts li:nth-child(even) img{ float:left;}

.Classts .nr2{ margin:0 0 -10px -10px;}
.Classts .nr2 li{ width:295px; text-align:center; height:230px; background-position: center center; background-repeat:no-repeat; background-size:cover; margin:0 0 10px 10px; float:left; position:relative;}
.Classts .nr2 li .t{ position:absolute; left:0px; bottom:0px; width:100%; line-height:50px; background:rgba(195,133,67,0.9); color:#fff; font-size:22px;}
.Classts .nr2 li a{ display:block; height:230px;}
.Classts .nr2 li:nth-child(1){ height:340px; width:auto; float:none;}
.Classts .nr2 li:nth-child(1) a{ height:340px;}

.Classts .nr3{ margin:0 0 -10px -10px;}
.Classts .nr3 li{ height:260px; background:#fff; margin-bottom:10px;}
.Classts .nr3 li .img{ width:336px; height:260px; background-position: center center; background-repeat:no-repeat; background-size:cover; float:right; position:relative;}
.Classts .nr3 li .img span{ position:absolute; width:73px; height:260px; background:url(../image/zz1.png); left:0px; top:0px;}
.Classts .nr3 li .info{ padding-left:20px; width:240px; float:left;}
.Classts .nr3 li .info .t{ background:url(../image/starbg2.gif) center bottom no-repeat; padding:20px 0; line-height:38px; margin-bottom:18px; color:#333333; font-weight:bold; text-align:center;}
.Classts .nr3 li .info .p{ font-size:16px; z-index:1; color:#666;}
.Classts .nr3 li:nth-child(even) .img{ float:left;}
.Classts .nr3 li:nth-child(even) .img span{ left:auto; right:0px; background:url(../image/zz2.png);}
.Classts .nr3 li:nth-child(even) .info{ float:right; padding-left:0px; padding-right:20px;}
.Classts .nr3 li:last-child{ margin-bottom:10px;}

.Classts.ys{ background:#fbf8f1;}
.Classts.ys .Hptithead h2{ color:#333333;}
.Classts.ys .Hptithead p{border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; color:#666666;}
.Classts.ys .list li{ background:#fff; margin-bottom:20px;}
.Classts.ys .list li dl{ color:#4d4d4d;}
.Classts.ys .list li dl dt{color:#333333;}
.Classts.ys .list li dl dt i{border-top:3px solid #84592a;}
.Classts.ys .list li:last-child{margin-bottom:0px;}

.Classcon{ padding:0px 20px 0; background:url(../image/nrbg.jpg);}
.Classcon ul{ margin:0px 0px -29px -20px;}
.Classcon li{ width:290px; text-align:center; float:left; margin:0px 0px 29px 20px;}
.Classcon li .img{ height:220px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classcon li .tit{ border-bottom:1px solid #e6e6e6; line-height:50px; color:#333333;}

.Classcon .nr2{ margin:0px 0px -15px -15px;}
.Classcon .nr2 li{ width:190px; text-align:center; float:left; margin:0px 0px 15px 15px;}
.Classcon .nr2 li .img{ height:220px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classcon .nr2 li .tit{ border-bottom:0px solid #e6e6e6; line-height:50px; color:#4c4c4c; font-size:22px;}
.Classcon .nr2 li:nth-child(4),.Classcon .nr2 li:nth-child(5){ width:290px;}

.Classcon .txt{ margin-bottom:20px; background:url(../image/linebg.gif) right bottom no-repeat; padding:0 10px 10px 0px;}
.Classcon .txt .box{ background:#84592a; color:#fff; text-align:center; padding:18px 64px 27px; font-size:22px;}

.Classcourse{ padding:0px 20px 0;}
.tablecss{ text-align:center;}
.tablecss .thead th{ border-left:1px solid #e5ceb0; font-weight:normal; color:#fff; background:#84592a; padding:10px;}
.tablecss li td{padding:10px; color:#333; font-size:20px; border-bottom:1px solid #ebebeb;}
.tablecss li:nth-child(even) td{ background:#f5f7f9;}

.showMorehandle{ text-align:center; line-height:50px; border-bottom:1px solid #ebebeb;}
.showMorehandle a{ cursor:pointer; font-size:20px; display:block; color:#808080;}
.showMorehandle a i{ margin-left:10px; display:inline-block; background:url(../image/pagearr.gif); width:13px; height:11px;}

.Classbrand{ padding:0px 20px 0;}
.Classbrand .con { position:relative; background:url(../image/brandbg.jpg) right center no-repeat; background-size:contain;}
.Classbrand .t{ width:182px; color:#fff; line-height:45px; text-align:center; background:#84592a; border-radius:29px 0 29px 0px; margin-bottom:16px;}
.Classbrand p{ font-size:18px; color:#4c4c4c;}
.Classbrand .img{ position:absolute; right:0px; top:64px;}

.ClassSer{ padding:0px 20px 0; background:url(../image/teacherbg.jpg);}
.ClassSer .Hptithead h2{ color:#fff;}
.ClassSer .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.ClassSer .p1{ text-align:center; font-size:22px; color:#fff; padding-bottom:25px;}
.ClassSer li{ margin-bottom:10px; border-radius:10px; background:#fff; padding:20px 20px 0;}
.ClassSer li .img{ float:right; padding-bottom:20px;}
.ClassSer li .img img{ border-radius:10px; width:200px; height:160px;}
.ClassSer li .info{ width:325px; float:left;}
.ClassSer li .info .tit{ color:#333333; margin:10px 0;}
.ClassSer li .info .p{ color:#999999; font-size:18px;}
.ClassSer li:nth-child(even) .img{ float:left;}
.ClassSer li:nth-child(even) .info{float:right;}
.ClassSer li:last-child{ margin-bottom:0px;}

.Classzp{ padding:0 20px;}
.Classzp ul{ margin-left:-10px;}
.Classzp li{ float:left; padding:0 0 10px 10px; width:295px; text-align:center;}
.Classzp li .img{background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classzp li .tit{ line-height:50px; color:#333333; background:#f0ede6;}
.Classzp li.li1 .img{ height:250px;}
.Classzp li.li2 .img{ height:150px;}
.Classzp li.li3{ margin:310px 0px 0px -610px;}
.Classzp li.li3 .img{ height:150px;}
.Classzp li.li4 .img{ height:250px;}
.Classzp li.li5 .img{ height:250px;}
.Classzp li.li6 .img{ height:150px;}
.Classzp li.li7{ margin:310px 0px 0px -610px;}
.Classzp li.li7 .img{ height:150px;}
.Classzp li.li8 .img{ height:250px;}

.ClassTeacher{ padding:0 20px 38px; background:url(../image/teacherbg.jpg);}
.ClassTeacher .Hptithead h2{ color:#fff;}
.ClassTeacher .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.ClassTeacher .box{ background:#fff; border-radius:10px; padding:20px;}
.ClassTeacher .box .head{ text-align:center; padding-bottom:20px; border-bottom:1px solid #e6e6e6; margin-bottom:16px;}
.ClassTeacher .box .head .img{ height:240px; width:240px; margin:0px auto; overflow:hidden; border-radius:50%;}
.ClassTeacher .box .head .img img{ display:block; width:240px;}
.ClassTeacher .box .head h2{ line-height:60px; padding-top:17px; color:#333333; font-size:36px;}
.ClassTeacher .box .head p{ display:inline-block; color:#fff; background:#84592a; border-radius:4px; line-height:40px; padding:0 25px;}
.ClassTeacher .box .con{ color:#333333; font-size:22px;}
.ClassTeacher .box .tcbox{ padding-top:20px;}
.ClassTeacher .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.ClassTeacher .swiper-pagination-bullet{opacity:1; width:12px; height:12px; border-radius:50%; background:#cccccc;}
.ClassTeacher .swiper-pagination-bullet-active{background:#84592a;}

.Classhzdw{ padding:0 20px; background:url(../image/bg1.gif);}
.Classhzdw ul { margin-left:-15px;}
.Classhzdw li { margin:0 0 15px 15px; float:left; width:190px; height:126px;}
.Classhzdw li .img{ background-position: center center; background-repeat:no-repeat; background-size:contain;height:126px;}
/*尊爱烘焙 end*/

/*尊享烘焙 s*/
.Classcon2{ padding:0px 20px 0; background:#fbf8f1;}
.Classcon2 ul{ margin:0px 0px -20px -20px;}
.Classcon2 li{ width:290px; position:relative; text-align:center; float:left; margin:0px 0px 20px 20px;}
.Classcon2 li .img{ height:300px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classcon2 li .info{ border:2px solid #e7ddd0; height:298px; border-bottom:0; padding:0 15px; background:#fff;}
.Classcon2 li .info .ico{ padding-top:18px;}
.Classcon2 li .info .tit{ line-height:49px; color:#333333;}
.Classcon2 li .info .tit i{ display:block; margin:0px auto; width:30px; height:15px; border-top:3px solid #4d4d4d;}
.Classcon2 li p{ font-size:18px; color:#4c4c4c;}
.Classcon2 li:nth-child(even) { position:relative; padding-top:300px;}
.Classcon2 li:nth-child(even) .img{ position:absolute; left:0px; width:100%; top:0;}
.Classcon2 li:nth-child(even) .info{border-bottom:2px solid #e7ddd0; border-top:0px;}
.Classcon2 li:nth-child(odd) { clear:both;}

.ClassLook{ padding:0px 20px 0; background:#3a363a; color:#fff; font-size:20px;}
.ClassLook .Hptithead h2{ color:#fff;}
.ClassLook .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}

.Classbrand2{ padding:0px 20px 0; background:url(../image/brandbg2.jpg);}
.Classbrand2 .con { position:relative; background: #fff url(../image/brandbg3.jpg) right bottom no-repeat; border-radius:0 94px 0 94px; padding:27px 27px 100px 27px; font-size:20px; color:#666666;}
.Classbrand2 .con .pic{ position:absolute; left:-20px; bottom:0px;}
.Classbrand2 .t{ color:#333333; margin-bottom:15px; font-size:26px;}
.Classbrand2 .t img{ display:inline-block; vertical-align:middle; margin-right:10px;}
.Classbrand2 p{ margin-bottom:20px;}

.ClassStu{ padding:0px 20px 0; background:url(../image/teacherbg.jpg);}
.ClassStu .Hptithead h2{ color:#fff;}
.ClassStu .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.ClassStu li{ background:#fff; height:220px;}
.ClassStu li .img{ float:right; width:300px; height:220px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassStu li .info{ width:260px; float:left; padding-left:20px;}
.ClassStu li .info .tit{ line-height:54px; color:#333333; padding-top:20px; font-size:26px;}
.ClassStu li .info .tit i{ border-top:3px solid #84592a; width:30px; height:15px; display:block;}
.ClassStu li .info .p{ color:#4c4c4c; font-size:18px;}
.ClassStu li:nth-child(even) .img{ float:left;}
.ClassStu li:nth-child(even) .info{float:right;}

.ClassWork{ padding:0 20px; background:#fbf8f1;}
.ClassWork ul{ margin-left:-10px;}
.ClassWork li{ position:relative; float:left; padding:0 0 10px 10px; width:295px; text-align:center;}
.ClassWork li .img{background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassWork li .tit{ position:absolute; left:10px; width:97%; bottom:10px; line-height:50px; color:#333333; background:rgba(0,0,0,0.5); color:#fff;}
.ClassWork li.li1 .img{ height:300px;}
.ClassWork li.li2 .img{ height:200px;}
.ClassWork li.li3{ margin:310px 0px 0px -610px;}
.ClassWork li.li3 .img{ height:200px;}
.ClassWork li.li4 .img{ height:300px;}

.ClassWork .zp{ margin-left:-5px;}
.ClassWork .zp li{ position:relative; float:left; padding:0 0 5px 5px; width:297px; text-align:center;}
.ClassWork .zp li .img{background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassWork .zp li .tit{ position:absolute; left:10px; width:97%; bottom:10px; line-height:50px; color:#333333; background:rgba(0,0,0,0.5); color:#fff;}
.ClassWork .zp li.li1 .img{ height:405px;}
.ClassWork .zp li.li2 .img{ height:200px;}
.ClassWork .zp li.li3{ margin:0px -300px 0px 0px;}
.ClassWork .zp li.li3 .img{ height:200px;}

.ClassXs{ padding:0 20px 0px; background:url(../image/bg1.gif);}
.ClassXs .swiper-container{ padding-bottom:45px;}
.ClassXs .box{ box-shadow:0 0 10px #ddd; background:#fff; border-radius:10px; padding:20px;}
.ClassXs .img{ height:370px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassXs .head{ padding-bottom:20px; border-bottom:2px solid #e6e6e6; margin-bottom:16px;}
.ClassXs .head h2{ line-height:60px; padding-top:10px; color:#333333; font-size:30px;}
.ClassXs .head p{ display:inline-block; font-size:22px; min-width:269px; color:#666666;}
.ClassXs .mores{ display:block; background:url(../image/more.png) right center no-repeat; color:#333;}
.ClassXs .tcbox{ padding-bottom:20px;}
.ClassXs .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.ClassXs .swiper-pagination-bullet{opacity:1; width:12px; height:12px; border-radius:50%; background:#cccccc;}
.ClassXs .swiper-pagination-bullet-active{background:#84592a;}

.ClassHj{ padding:0 20px 0px;}
.ClassHj .img{ height:400px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.ClassHj .swiper-button-prev,.ClassHj .swiper-button-next{ width:26px; height:70px; background: rgba(0,0,0,0.4) url(../image/arr2.png) 0px center no-repeat; left:0px;}
.ClassHj .swiper-button-next{ left:auto; right:0px; background-position:right center;}
/*尊享烘焙 end*/

/*尊耀烘焙 s*/
.p_ad{ padding:20px 0px;}
.ClassHy{ padding:0 20px; background:url(../image/hybg.jpg) center top no-repeat; background-size:cover; color:#fff; font-size:20px;}
.ClassHy .Hptithead h2{ color:#fff;}
.ClassHy .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.ClassHy .num{ margin:0 0 30px -15px;}
.ClassHy .num li{ margin-left:30px; border-radius:50%; float:left; line-height:20px; width:118px; height:118px; border:1px solid #a8a8a7; text-align:center;}
.ClassHy .num li p{ font-size:18px; padding:0 8px;}
.ClassHy .num li p i{ display:block; padding-top:30px; font-size:22px; line-height:32px;}
.ClassHy .num li:nth-child(1),.ClassHy .num li:nth-child(3){ margin-top:30px;}

.Classxyfw{ padding:0 20px; background:url(../image/teacherbg.jpg);}
.Classxyfw .Hptithead h2{ color:#fff;}
.Classxyfw .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.Classxyfw .p1 { padding-bottom:30px; text-align:center;}
.Classxyfw .p1 span{ display:inline-block; line-height:46px; color:#fff; padding:0 26px; background:#84592a; border-radius:24px;}
.Classxyfw .swiper-container{ padding-bottom:35px;}
.Classxyfw .xyfw1.swiper-container{ margin-bottom:35px;}
.Classxyfw .swiper-slide .box{ color:#4c4c4c; border-radius:12px; background:#fff; width:240px; margin:0px auto; padding:30px 20px 0px; height:250px;}
.Classxyfw .swiper-slide .box h3{ width:200px; line-height:45px; margin:0px auto; color:#fff; background:#84592a; border-radius:10px; font-size:28px; text-align:center; margin-bottom:8px;}
.Classxyfw .swiper-slide .box p{ font-size:16px;}

.Classxyfw .swiper-slide .box2{ background:#fff; height:280px;}
.Classxyfw .swiper-slide .box2 .img{ width:300px; height:280px; float:right;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classxyfw .swiper-slide .box2 .info{ float:left; padding-left:20px; width:260px;}
.Classxyfw .swiper-slide .box2 .info .tit{ font-size:26px; line-height:57px; padding-top:20px;}
.Classxyfw .swiper-slide .box2 .info .tit i{ display:block; border-top:3px solid #84592a; width:30px; height:15px;}
.Classxyfw .swiper-slide .box2 .info .p{ color:#4c4c4c; font-size:16px;}

.Classxyfw .swiper-slide .box3{ background:#fff; height:360px;}
.Classxyfw .swiper-slide .box3 .img{ width:300px; height:360px; float:right;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.Classxyfw .swiper-slide .box3 .info{ float:left; padding-left:20px; width:260px;}
.Classxyfw .swiper-slide .box3 .info .tit{word-wrap:break-word;white-space:normal; font-size:26px; line-height:57px; padding-top:20px;}
.Classxyfw .swiper-slide .box3 .info .tit i{ display:block; border-top:3px solid #84592a; width:30px; height:15px;}
.Classxyfw .swiper-slide .box3 .info .tit span{ display:block; font-weight:normal; text-transform:uppercase; line-height:16px; color:#999999; font-size:14px; margin-bottom:6px;}
.Classxyfw .swiper-slide .box3 .info .p{ color:#4c4c4c; font-size:18px; line-height:30px;}

.Classxyfw .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0px;}
.Classxyfw .swiper-pagination-bullet{opacity:1; width:12px; height:12px; border-radius:50%; background:#cccccc;}
.Classxyfw .swiper-pagination-bullet-active{background:#84592a;}
/*尊耀烘焙 end*/


/*作品欣赏 s*/
.DesignMenu{ background:#fafafa; padding-top:25px; height:165px;}
.DesignMenu .t{ padding-top:12px; font-size:14px; color:#999999;}
.DesignMenu .t span{ display:block; font-size:26px; color:#333333;}
.DesignMenu .ico{ border-radius:50%; width:74px; height:74px; border:2px solid #cfa972; margin:0px auto; padding:6px;}
.DesignMenu .ico i{ border-radius:50%; display:block; border:1px solid #d1ad79; width:72px; height:72px; background:url(../image/menuico.png) 0px top no-repeat;}
.DesignMenu .ico .i1{ background-position:0px top;}
.DesignMenu a.on .ico i{ background-color:#cfa972;}
.DesignMenu a.on .ico .i1{ background-position:0px -72px;}
.DesignMenu .ico .i2{ background-position:-72px top;}
.DesignMenu a.on .ico .i2{ background-position:-72px -72px;}
.DesignMenu .ico .i3{ background-position:-144px top;}
.DesignMenu a.on .ico .i3{ background-position:-144px -72px;}
.DesignMenu .ico .i4{ background-position:-216px top;}
.DesignMenu a.on .ico .i4{ background-position:-216px -72px;}
.DesignMenu .ico .i5{ background-position:-288px top;}
.DesignMenu a.on .ico .i5{ background-position:-288px -72px;}
.DesignMenu a.on .t{ color:#cfa972;}.DesignMenu a.on .t span{ color:#cfa972;}
.DesignMenu .swiper-slide{ width:110px; text-align:center;}
.DesignMenu.proFixed{ position:fixed; width:100%; left:0px; top:0px; z-index:999;}

.DesignTit{ width:216px; text-align:center; margin:31px auto; background:url(../image/titbg.png); height:123px;}
.DesignTit h3{ line-height:60px; font-size:32px; color:#4a221a; padding-top:41px;}
.DesignTit p{ color:#fff; line-height:22px; font-size:14px;}
.dtip{ text-align:center; color:#999999; padding-bottom:30px; font-size:20px;}

.DesignList{ margin:0 0 0 -10px;}
.DesignList li{ margin:0 0 20px 10px; position:relative; float:left; color:#fff; overflow:hidden;}
.DesignList li .t{ line-height:60px; width:90%; left:0px; position:absolute; bottom:0px; background:rgba(0,0,0,0.6); padding:0 5%;}
.DesignList li .t .more{ float:right; display:block; width:30px; height:30px; background:url(../image/more.png); margin-top:16px;}
.DesignList li .img{background-position: center center; background-repeat:no-repeat; background-size:cover;}
.DesignList li .detail{ display:none;background:rgba(0,0,0,0.6); position:absolute; width:90%; left:0px; top:0px; height:87%; padding:20% 5% 0;}
.DesignList li .detail .tit{ line-height:70px; font-size:30px; border-bottom:1px solid #fff;}
.DesignList li .detail .p{ margin:22px 0px; font-size:18px;}
.DesignList li .detail a.zlbtn{ display:block; color:#fff; width:220px; background:#cfa972; border-radius:25px; line-height:55px; font-size:20px; text-align:center;}

.DesignList.d1 li.pt1{ width:240px;}
.DesignList.d1 li{ width:370px;}
.DesignList.d1 li .img{height:480px;}

.DesignList.d2 li{ width:305px; height:380px;}
.DesignList.d2 li .img{height:360px;}

.DesignList.d3 li{ width:305px; height:380px;}
.DesignList.d3 li .img{height:380px;}
.DesignList.d3 li.pt1{ width:410px; height:470px;}
.DesignList.d3 li:nth-child(2){ width:240px; height:440px; margin:24px 0 0 -36px; border-top:6px solid #fff; border-left:6px solid #fff; border-radius:6px 0 0 0;}
.DesignList.d3 li:nth-child(2) .img{height:440px;}

.Morepage{ text-align:center; padding:30px 0 40px;}
.Morepage a{ display:inline-block; width:220px; line-height:55px; background:#84592a; border-radius:29px; color:#fff;}
.Morepage a img{ display:inline-block; vertical-align:middle; margin-right:10px;}
/*作品欣赏 end*/


/*就业创业 s*/
.JobMenu{ background:#333333; text-align:center; height:110px;}
.JobMenu li{ display:inline-block; width:37%;}
.JobMenu li a{ display:block; padding-top:29px; height:79px; color:#fff;}
.JobMenu li i{ width:32px; height:32px; display:block; margin:0px auto 5px; background:url(../image/menuico.png);}
.JobMenu li.on a{ border-bottom:2px solid #84592a; color:#84592a;}
.JobMenu li#li1 i{ background-position:0px top;}
.JobMenu li#li2 i{ background-position:-32px top;}
.JobMenu li#li1.on i{ background-position:0px -32px;}
.JobMenu li#li2.on i{ background-position:-32px -32px;}

.Jobbox1{ padding:20px 20px 40px;}

.jobpic{ margin-bottom:20px;}
.jobpic .img{ height:400px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.jobpic .swiper-button-prev,.jobpic .swiper-button-next{ width:23px; height:40px; background: url(../image/arr.png) 0px center no-repeat; left:10px;}
.jobpic .swiper-button-next{ left:auto; right:10px; background-position:right center;}

.Jobbox2{ background:#333333; padding:20px 0px 0px;}
.Jobbox2 .Subtit h2{ color:#fff;}
.Jobbox2 .{ color:#fff;}
.Jobbox2 .swiper-container{ padding:0px 20px;}
.Jobbox2 .swiper-slide .box{ margin:58px 10px 0px; background:#fff; font-size:22px;}
.Jobbox2 .swiper-slide .box .info{ padding:0 25px 40px;}
.Jobbox2 .swiper-slide .box .info .ico img{ margin-top:-28px;}
.Jobbox2 .swiper-slide .box .info h3{ text-align:center; line-height:72px; color:#333333; font-size:30px;}
.Jobbox2 .swiper-slide .box .img{background-position: center center; background-repeat:no-repeat; background-size:cover; height:320px;}
.Jobbox2 .swiper-slide .ico{ text-align:center; margin-top:-30px;}
.Jobbox2 .swiper-button-prev,.Jobbox2 .swiper-button-next{ width:52px; height:52px; background: #84592a url(../image/arr2.png) 0px center no-repeat; left:10px; border-radius:50%;}
.Jobbox2 .swiper-button-next{ left:auto; right:10px; background-position:right center;}
.Jobbox2 .swiper-slide{ opacity:0.2;}
.Jobbox2 .swiper-slide-active{ opacity:1;}

.Jobbox3{background: #060000 url(../image/jybg.jpg) center bottom no-repeat; padding:20px 20px 0px; color:#fff;}
.Jobbox3 .Subtit h2{ color:#fff;}
.Jobbox3 li{ border-bottom:1px dashed #6a6666; margin-bottom:35px; padding-bottom:20px;}
.Jobbox3 li .ico{ float:left; width:130px;}
.Jobbox3 li .info{ width:450px; float:right;}
.Jobbox3 li .info .t{ line-height:40px; font-size:28px; margin-bottom:15px;}
.Jobbox3 li .info .t i{ margin-right:17px; display:inline-block; text-align:center; font-size:26px; width:38px; line-height:38px; border:1px solid #fff; border-radius:50%;}
.Jobbox3 li .info .p{ font-size:20px;}
.Jobbox3 li:nth-child(even) .ico{ float:right;}
.Jobbox3 li:nth-child(even) .info{ float:left;}
.Jobbox3 li:last-child{ margin-bottom:0;}
/*就业创业 end*/


/*时尚咖啡茶饮 s*/
.cofficebox1{ padding:40px 20px 50px;}
.cofficebox1 .box{ font-size:22px; border:3px solid #cfa972; margin-top:24px; padding:46px 33px 33px; line-height:35px; position:relative;}
.cofficebox1 .box .t{ position:absolute; left:0px; top:-24px; line-height:50px; padding:0 8px; background:#fff;}
.cofficebox1 .box .t i{ display:inline-block; width:50px; text-align:center; line-height:50px; font-size:32px; color:#fff; font-weight:bold; margin:0 2px; background:#cfa972; border-radius:50%;}

.cofficebox2{ padding:0 0px; background:url(../image/jybg2.jpg);}
.cofficebox2 .Hptithead h2{ color:#fff;}
.cofficebox2 .Hptithead p{border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; color:#e0e0e0;}
.cofficebox2 .p1{ text-align:center; margin-bottom:29px; line-height:54px;}
.cofficebox2 .p1 span{ font-size:22px; color:#fff; display:inline-block; border-radius:25px; background:#1f1b17; padding:0 40px;}
.cofficebox2 .list li{ margin-bottom:20px; background:#1f1b17; color:#fff;}
.cofficebox2 .list li .img{ width:360px; height:320px;background-position: center center; background-repeat:no-repeat; background-size:cover; float:right;}
.cofficebox2 .list li dl{ line-height:26px; font-size:16px; padding:10px 0px 0 25px; width:220px; float:left;}
.cofficebox2 .list li dl dt{ font-size:26px; line-height:35px; background:url(../image/starbg.gif) center bottom no-repeat; padding:45px 0 28px; margin-bottom:14px; font-weight:bold; color:#fbcb0a;}
.cofficebox2 .list li dl dt i{ display:block; width:30px; height:13px; border-top:3px solid #fff;}
.cofficebox2 .list li:nth-child(even) dl{ float:right; padding-right:25px; padding-left:0;}
.cofficebox2 .list li:nth-child(even) .img{ float:left;}
.cofficebox2 .list li:nth-child(1) { background:none; position:relative; height:310px;}
.cofficebox2 .list li:nth-child(1) dl{ z-index:2; position:absolute; left:0px; top:0px; width:220px; background:#1f1b17; height:290px; padding:0 25px;}
.cofficebox2 .list li:nth-child(1) .img{ height:240px; position:absolute; bottom:0px; width:100%; left:0px;}
.cofficebox2 .list li:last-child{ margin-bottom:0;}
.cofficebox2.c2 .list li dl dt{ color:#84592a;}

/*时尚咖啡茶饮 end*/

/*主流欧日面包 s*/
.gwbox1{ padding:40px 20px 50px;}
.gwbox1 .img{ float:left; width:268px;padding-top: 30px;}
.gwbox1 .info{ float:right; width:310px; padding-top:16px; font-size:20px; color:#4c4c4c;}
.gwbox1 .info .t{ line-height:44px; text-align:center; color:#fff; background:#cfa972; border-radius:20px; margin-bottom:15px;}
/*主流欧日面包 end*/

/*直击课堂 s*/
.Classbox1{ padding:20px 20px 0;}
.linebox{ background:#f7f7f7; height:20px;}
.Classbox2{ padding:40px 20px 30px;}
.Subtits{ text-align:center;}
.Subtits h2{ color:#333333; font-size:36px;}
.Subtits p{ color:#999999; font-size:14px; line-height:30px; padding-top:5px; text-transform:uppercase;}
.Subtits i{ display:block; margin:0px auto; width:40px; height:30px; border-top:4px solid #b39a71;}

.HotVideo{}
.HotVideo .swiper-slide{ width:260px; height:297px; position:relative;}
.HotVideo .swiper-slide .img{ border-radius:10px; height:180px;background-position: center center; background-repeat:no-repeat; background-size:cover;}
.HotVideo .swiper-slide .time{ position:absolute; left:0px; top:0px; border-radius:10px 0 0 0; line-height:30px; padding:0 10px; font-size:18px; color:#fff; background:rgba(0,0,0,0.5);}
.HotVideo .swiper-slide .tit{ margin-top:11px; line-height:40px; color:#333333;}
.HotVideo .swiper-slide .num{ font-size:20px;color:#808080; line-height:31px; background:url(../image/play.png) 0px center no-repeat; padding-left:30px;}

.VideoMenu{ margin:0 0 20px -10px;}
.VideoMenu li{ width:140px; line-height:50px; text-align:center; margin:0 0 10px 10px; float:left;}
.VideoMenu li a{ display:block; background:#b3b3b3; color:#fff; font-size:24px; border-radius:26px;}
.VideoMenu li a.on{ background:#b39a71;}

.VideoList{ padding-bottom:20px;}
.VideoList li{ border-bottom:2px solid #ebebeb; margin-bottom:28px; height:200px; position:relative; padding-left:290px;}
.VideoList li .img{border-radius:10px; width:260px; height:180px;background-position: center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px;}
.VideoList li .time{ position:absolute; left:0px; top:0px; border-radius:10px 0 0 0; line-height:30px; padding:0 10px; font-size:18px; color:#fff; background:rgba(0,0,0,0.5); z-index:2;}
.VideoList li .hot{ z-index:2; position:absolute; top:0px; left:200px;}
.VideoList li .hot img{ width:60px; border-radius:0 10px 0 0;}
.VideoList li .tit{ color:#333333; font-size:28px; line-height:38px;}
.VideoList li .p{ line-height:44px; color:#808080; height:89px; font-size:22px;}
.VideoList li .num{ font-size:24px;color:#808080; line-height:40px; background:url(../image/play.png) 0px center no-repeat; padding-left:30px;}
.VideoList .showMorehandle{ text-align:center; line-height:55px; border-bottom:0px solid #ebebeb;}
.VideoList .showMorehandle a{ cursor:pointer; border-radius:28px; width:220px; margin:0px auto; font-size:26px; display:block; color:#fff; background:#6f441c;}
.VideoList .showMorehandle a i{ display:none;}


.Msgbox{ padding:0 0 15px;}
.Msgbox .textarea{ background:#f0f0f0; position:relative; border-radius:5px; padding:18px 18px 18px 82px;}
.Msgbox .textarea .ico{ position:absolute; left:21px; top:18px; width:45px; border-right:1px solid #cccccc;}
.Msgbox .textarea textarea{ line-height:25px; width:100%; height:165px; background:none;}
.Msgbox .textarea textarea:-moz-placeholder {color: #333333;}
.Msgbox .textarea textarea::-moz-placeholder {color: #333333;}
.Msgbox .textarea textarea:-ms-input-placeholder {color: #333333;}
.Msgbox .textarea textarea::-webkit-input-placeholder {color: #333333;}
.Msgbox .btn { text-align:center; padding-top:20px;}
.Msgbox .btn .sendbtn{ width:200px; height:55px; color:#fff; border-radius:30px; background:#999999; cursor:pointer;}
/*直击课堂 end*/


/*关于优美 s*/
.Aboutmain{ padding:0; overflow:hidden;}
.Aboutmain .Header{ background:none; height:0;}
.Aboutmain .Header .Logo{ display:none;}
.Aboutmain .openbtn{ position:fixed;}

.section{background-position: center center; background-repeat:no-repeat; background-size:cover;}
.section .Subtit{transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s;}
.section .LogoTop{ padding:38px 0px 0px 21px; height:60px;}
.section .content{ font-size:22px; padding:0 20px;}
.section.active .Subtit{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.section .ani{transform:translateY(100px);-webkit-transform:translateY(100px);opacity:0;transition:all 1s;}
.section.active .ani{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.section .anic{opacity:0;transition:opacity 1s;}
.section.active .anic{opacity:1;}
.section.active .ani1{transition:all 1s 0.2s;}
.section.active .ani2{transition:all 1s 0.4s;}
.section.active .ani3{transition:all 1s 0.6s;}
.section.active .ani4{transition:all 1s 0.8s;}
.section.active .ani5{transition:all 1s 0.9s;}
.section.active .ani6{transition:all 1s 1s;}
.section.active .ani7{transition:all 1s 1.1s;}
.section.active .ani8{transition:all 1s 1.2s;}
.section.active .ani9{transition:all 1s 1.2s;}
.section.active .ani10{transition:all 1s 1.2s;}
.section.active .ani11{transition:all 1s 1.2s;}

.section-1{background-image:url(../image/secbg1.jpg); color:#333;}
.section-1 .line{ background:url(../image/sec1_2.png) center center no-repeat; width:100%; height:100%; background-size:contain; position:absolute; left:0px; top:0px;}
.section-1 .Logo{ width:100%; top:20%; position:absolute; text-align:center;}
.section-1 .txt{ width:80%; left:10%; top:50%; position:absolute; text-align:center;}

.section-2{ background:url(../image/nrbg.jpg);}

.section-3{background-image:url(../image/secbg3.jpg); color:#fff;}
.section-3 .Subtit h2{ color:#fff;}
.section-3 li{ overflow:hidden; position:relative; padding:0 0 20px 70px; line-height:26px; font-size:16px;}
.section-3 li .line{ position:absolute; width:1px; background:rgba(255,255,255,0.6); top:50px; height:100%; left:26px;}
.section-3 li h3{ font-size:28px; line-height:50px; padding-bottom:0px; color:#fff;}
.section-3 li .ico{ left:0px; position:absolute; top:0px;}

.section-4{background-image:url(../image/secbg3.jpg); color:#fff;}
.section-4 .Subtit h2{ color:#fff;}
/* .section-4 li{ overflow:hidden; position:relative; padding:0 0 0px 70px; line-height:26px; font-size:16px;} */
.section-4 li .line{ position:absolute; width:1px; background:rgba(255,255,255,0.6); top:50px; height:100%; left:26px;}
.section-4 li h3{ font-size:28px; line-height:50px; padding-bottom:0px; color:#fff;}
.section-4 li .ico{ left:0px; position:absolute; top:0px;}
.section-4 li img{
	display:block;
	margin:0 auto;
}

/* .section-4{ background:url(../image/nrbg.jpg);}
.section-4 ul{ margin-left:-4px;}
.section-4 li{ float:left; margin:0 0 4px 4px;} */

.section-5{background-image:url(../image/secbg5.jpg); color:#fff;}
.section-5 .Subtit h2{ color:#fff;}
.section-5 .txt{ color:#fff; text-align:center; padding:0 25px 25px;}
.section-5 .con{ margin:0px auto; text-align:center; width:85%;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s 0.5s;}
.section-5.active .con{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}

.section-6{ background:url(../image/nrbg.jpg);}
.section-6 li{ position:relative; margin-bottom:10px; background:#fff; border-radius:10px; padding:15px 15px 15px 85px; box-shadow:0 0 10px #ddd;}
.section-6 li .ico{ position:absolute; left:16px; top:16px;}
.section-6 li h3{ color:#b39a71; font-size:26px; font-weight:normal; margin-bottom:10px;}
.section-6 li p{ font-size:18px; line-height:26px;}

.section-7{background-image:url(../image/secbg7.jpg);}
.section-7 .Subtit h2{ color:#fff;}
.section-7 ul{ margin:15px 0 0 -15px;}
.section-7 li{ width:190px; height:120px; background-position:center center; background-repeat:no-repeat; background-size:contain; margin:0 0 15px 15px; float:left;}
.section-7 li a{ display:block; height:120px;}

.section-8{background-image:url(../image/secbg8.jpg);}
.section-8 .content{ width:440px; margin:55px auto 0;}
.section-8 .content .thead{ border-radius:10px; border:1px solid #b39a71; background:#1a1a1a; width:248px; line-height:68px; text-align:center; color:#b39a71; font-size:36px; margin:-31px auto 0;}
.section-8 .content .formbox{ border:1px solid rgba(179,154,113,0.6); background:rgba(0,0,0,0.6); border-radius:10px; padding-bottom:45px;}
.section-8 .content .formbox li{ position:relative; margin:40px 50px 0px; padding-left:70px;}
.section-8 .content .formbox li .input{ height:49px; line-height:49px; width:100%; border-bottom:1px solid #b39a71;}
.section-8 .content .formbox li .ico{ position:absolute; top:0px; left:0px;}
.section-8 .content .formbox li .ico i{ display:block; width:50px; height:50px;}
.section-8 .content .formbox li .ico.name i{ background:url(../image/name_ico.png) center center no-repeat;}
.section-8 .content .formbox li .ico.tel i{ background:url(../image/tel_ico.png) center center no-repeat;}
.section-8 .content .formbox li .ico.class i{ background:url(../image/class_ico.png) center center no-repeat;}
.section-8 .content .formbox li.btn{ margin-top:28px; padding-left:0; text-align:center;}
.section-8 .content .formbox li .sendbtn{ width:100%; border-radius:35px; background:#84592a; height:66px; color:#fff;}
.section-8 .content .telbox{ margin-top:30px; border:1px solid rgba(179,154,113,0.6); background:rgba(0,0,0,0.6); border-radius:10px; padding:15px 0; text-align:center; line-height:36px; font-size:24px; color:#b39a71;}
.section-8 .content .telbox img{ display:inline-block; vertical-align:middle; margin-right:12px;}

/*关于优美 end*/



/* 商务通附加样式 */
#LR-BTN{
	width: 80px!important;
	height: 80px!important;
	border-radius:50%!important;
}
#LR-BTN-ICON{
	width: 50px!important;
	height: 50px!important;
	margin:15px!important;
}
#LR-BTN .LR-ICON{
	background-size:50px auto !important;
}

#LR-CIRCLE{
	width: 80px!important;
	height: 80px!important;
	line-height:80px!important;
	border-radius:50%!important;
}
img#LR-BUBBLE-AVATAR{
	width: 40px!important;
	height: 40px!important;
	border-radius:50%!important;
}
span#LR-BUBBLE-NAME{
	font-size:24px!important;
}
#LR-BUBBLE-MSG{
	height: auto!important;
}
div#LR-BUBBLE-MSG > font > font{
	font-size:24px!important;
}
#LR-BUBBLE-MSG p{
	font-size:24px!important;
}
#LR-BUBBLE-MSG img{
	width: 50px!important;
	height: auto!important;
}
#LR-BUBBLE-MSG{
	font-size:24px!important;
}
/* 弹窗附加样式 */
.omqcenterbox{
	width:300px;
	height:261px;
	background-color:#fff;
	position:fixed;
	left:50%;
	top:45%;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	margin-left:-150px;
	margin-top:-130.5px;
	box-shadow:0 0 20px rgba(10,2,4,.75);
	-webkit-box-shadow:0 0 20px rgba(10,2,4,.75);
	-moz-box-shadow:0 0 20px rgba(10,2,4,.75);
	-ms-box-shadow:0 0 20px rgba(10,2,4,.75);
	z-index:101;
	transition:linear .5s;
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	}
.omqcenterboxd{
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-o-transform:scale(1.5)
	}
	.omqcenterbox-close{
		position:absolute;
		top:-14px;
		right:-14px;
		cursor:pointer
	}
	.omqcenterbox .omqcenter-title{
		display:block;
		width:100%;
		text-align:center;
		font-size:22px;
		font-weight:400;
		line-height:1.5;
		font-family:"Microsoft YaHei";
		margin-top:28px;
		margin-bottom: 0;
		}
	.omqcenterbox .omqcenter-ftitle{
		display:block;
		width:100%;
		text-align:center;
		font-size:20px;
		font-weight:bold;
		color:#427F88;
		margin:20px 0;
		}
	.omqcenterbox .omqcenter-telval{
		width:227px;
		height:30px;
		order:1px solid #6a7380;
		border-radius:17px;
		-webkit-border-radius:17px;
		-moz-border-radius:17px;
		margin:20px auto 8px;
		text-align:center;
		line-height:30px
		}
	.omqcenterbox .omq-telval{
		width:150px;
		height:30px;
		line-height:30px;
		background-color:#FFF;
		font-size:14px;
		color:#6a7380;
		-moz-border-radius:15px 0 0 15px;
		-webkit-border-radius:15px 0 0 15px;
		border-radius:15px 0 0 15px;
		padding-left:13px;
		float:left;
		outline:0;
		border:2px solid #ccc;
		}
		.omqcenterbox .omq-telbtn{
			width:60px;
			line-height:34px;
			color:#fff;
			background-color:#6a7380;
			font-size:12px;
			text-align:center;
			text-decoration:none;
			-moz-border-radius:0 14px 14px 0;
			-webkit-border-radius:0 14px 14px 0;
			border-radius:0 14px 14px 0;
			float:left;
			border:0;
			outline: none;
			}
			.omqcenterbox .omq-innerc{
				width:228px;
				margin:20px auto;
				font-size:12px;
				line-height:1.4;
				text-align: center;
				}
			.omqcenterbox .omqcenter-chat{
				position:absolute;
				width:100%;
				bottom:0;
				left:0;
				height:58px;
				line-height:58px;
				border-radius:0 0 15px 15px;
				-webkit-border-radius:0 0 15px 15px;
				-moz-border-radius:0 0 15px 15px
				}
			.omqcenter-swt,.omqcenter-tel{
				display:block;
				position:relative;
				width:50%;
				height:58px;
				float:left
				}
				.omqcenter-tel{
					background-color:#427F88;
					border-radius:0 0 0 15px;
					-webkit-border-radius:0 0 0 15px;
					-moz-border-radius:0 0 0 15px
					}
				.omqcenter-swt{
					background-color:#323232;
					border-radius:0 0 15px 0;
					-webkit-border-radius:0 0 15px 0;
					-moz-border-radius:0 0 15px 0;
					}
				.omqcenter-tel em,.omqcenter-tel i{
					display:block;
					position:absolute;
					left:50%;
					color:#fff;
					font-style:normal;
					text-decoration:none
					}
					.omq-telpic{
						top:50%;
						margin-left:-50px;
						margin-top:-16px;
						width:27px;
						height:27px;
						font-size:24px
					}
					.omqcenter-tel em,.omqcenter-swt em{
						height:100%;
						top:0;
						margin-left:-16px;
						font-size:16px;
						}
					.omqcenter-chata,.omqcenter-chatb,.omqcenter-swt em,.omqcenter-swt i{
						display:block;
						position:absolute;
						left:50%;
						color:#fff;
						font-style:normal;
						text-decoration:none
						}
					.omqcenter-chata{
						margin-left:-55px
						}
					.omqcenter-chatb{
						margin-left:-15px
						}
					.omqcenter-nub{
						top:15px;
						width:14px;
						height:14px;
						margin-left:-34px;
						line-height:13px;
						text-align:center;
						font-size:9px;
						background-color:#e60012;
						-moz-border-radius:14px;
						-webkit-border-radius:14px;
						border-radius:14px;
						-moz-box-shadow:0 0 3px rgba(0,0,0,.8);
						-webkit-box-shadow:0 0 3px rgba(0,0,0,.8);
						box-shadow:0 0 3px rgba(0,0,0,.8);
						z-index:3;font-style:normal
						}
					.omqcenter-chata{
						top:50%;
						margin-left:-50px;
						width:27px;
						height:24px;
						margin-top:-15px;
						font-size:24px
}

.text1{ font-size:24px !important;}
.text{ font-size:26px !important;}

.right_menu > img{
	display:block;
	width:80%;
	margin:20px auto;
}