﻿@charset "utf-8";
@font-face {  
	font-family: "impact"; font-weight: normal; font-style: normal;
	src: url('../fonts/impact-webfont.eot');
	src: url('../fonts/impact-webfont.eot') format('embedded-opentype'),
		 url('../fonts/impact-webfont.woff') format('woff'),
		 url('../fonts/impact-webfont.ttf') format('truetype'),
		 url('../fonts/impact-webfont.svg#futura') format('svg');
} 

body{ margin:0px; padding:0px; margin:0px auto; overflow-x:hidden; font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#666666;}
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;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
button{ cursor:pointer; border:0px;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0;  vertical-align:top;}
a{ color:#000; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#216672;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tc{ text-align:center;}.tr{ text-align:right;}.tl{ text-align:left;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{width:1300px; margin:0px auto;}
.relative{ position:relative;}

:-moz-placeholder {color: #a7a7a7;}
::-moz-placeholder {color: #a7a7a7;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #a7a7a7;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #a7a7a7;}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.Scale-img:hover .btnbox a img{-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}

.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%; font-size:16px;}
.p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}

.btnbox{ clear:both;}
.btnbox a{ width:160px; display:inline-block; text-align:center; font-size:16px;line-height:40px; border-radius:4px; color:#fff; background:#442906;}
.btnbox a img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.btnbox a:hover{ background:#86500a;}
.btnbox a.detail{ width:130px; line-height:44px;}
.btnbox a.detail2{ width:90px; line-height:32px; background:#c79c64; color:#fff; font-size:14px;}
.btnbox a:hover.detail2{ background:#94682e;}
.btnbox a.zx{ margin:0 5px; font-size:14px; width:110px; line-height:35px;}
.btnbox a.zx2{ margin:30px 5px; font-size:16px; border-radius:24px; width:200px !important; line-height:45px;}
.btnbox a.zx3{ margin:0 5px; font-size:16px; border-radius:24px; width:200px !important; line-height:50px; background:#d3ad7c;}
.btnbox a:hover.zx3{ background:#a8783b;}
.btnbox a.detail3{ margin:0 5px; font-size:14px; width:110px; line-height:35px; background:#d3ad7c;}
.btnbox a:hover.detail3{ background:#94682e;}
.btnbox a.more{ border-radius:26px; width:220px; line-height:50px; background:#c79c64;}
.btnbox a:hover.more{background:#94682e;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both;}
.Pages span{ padding:0px 0px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 0px; line-height:38px; width:38px; border:1px solid #e6e6e6; background:#fff; color:#666666; font-size:16px;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.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{background:#216773;border:1px solid #216773;}
.Pages .p_page .num a{ display:inline-block; text-align:center; margin:0px 2px; vertical-align:middle;}
.Pages .p_page .num a:hover{ background:#216773; border:1px solid #216773;color:#fff;}
.Pages .p_page .num a.a_cur{ background:#216773; border:1px solid #216773; color:#fff;}
.Pages .input{ vertical-align:middle; text-align:center; width:60px; height:36px; line-height:36px; border:1px solid #e6e6e6;}
.Pages .btn{border:1px solid #e6e6e6; cursor:pointer; width:50px; height:38px;}

.pagearr .prev,
.pagearr .next{ position:absolute;left:-50px; top: 130px; display:block; width:36px; height:36px; border:2px solid #999999; border-radius:50%; overflow:hidden; background: url(../img/pagearr1.png) center center no-repeat; cursor:pointer;}
.pagearr .next{ left:auto; right:-50px; background: url(../img/pagearr2.png) center center no-repeat;}
.pagearr .prev:hover{border:2px solid #c79c65; background: url(../img/pagearr01.png) center center no-repeat;}
.pagearr .next:hover{border:2px solid #c79c65; background: url(../img/pagearr02.png) center center no-repeat;}
.pagearr .prevStop{background: url(../img/pagearr1.png) center center no-repeat; opacity:0.2;}
.pagearr .nextStop{background: url(../img/pagearr2.png) center center no-repeat; opacity:0.2;}

/*pages end*/


/*Top*/
.Topbg{ position:absolute; width:100%; height:180px; top:0px; z-index:2; background:url(../img/topbg2.png) top repeat-x;}
.Header{ height:100px; position:fixed; left:0px; top:0px; width:100%; z-index:3; border-bottom:1px solid rgba(255,255,255,0.1);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Logo{ float:left; padding-top:20px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Searchbox{float:right; position:relative; padding:38px 0 0 9px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .Searchbox .icon{ width:28px; height:21px; background:#c79c64; border-radius:50%; text-align:center; padding-top:7px;cursor:pointer;}
.Header .Search{ display:none; position:absolute; right:0px; top:101px; z-index:888;}
.Header .Search a.close{border-radius:50%; background: #c79c64 url(../img/closenav.png) center center no-repeat; width:28px; height:28px; vertical-align:middle; display:inline-block; position:absolute; right:0px; top:-63px;}
.Header .Search .box{ position:relative; background:#fff; border-radius:5px; width:398px; height:42px; border:1px solid #d4d4d4;}
.Header .Search .ipt{ vertical-align:top; width:80%; height:40px; line-height:40px; text-indent:1em;}
.Header .Search .searchbtn{ cursor:pointer; width:45px; height:42px; background: #c79c64 url(../img/searchbtn.png) center center no-repeat; position:absolute; right:0px; top:0px; border-radius:0 5px 5px 0;}

.MainNav{height:40px; float:right;}
.MainNav li{ float:left; position:relative; z-index:888; width:111px;}
.MainNav li span a{ text-align:center;display:block; font-size:16px; line-height:25px; padding-top:31px; height:69px; color:#fff;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav li span i{ letter-spacing:-0.1em; display:block; line-height:17px; text-transform:uppercase; font-size:12px; opacity:0.3;}
.MainNav li span a:hover,.MainNav li.onnav span a,.MainNav li .sele{ color:#c79c64;}

.SubNav{ display:none; position:absolute; border-radius:0px 0px 2px 5px; top:100px; margin-left:0px;width:100%; text-align:center;}
.SubNav dd a{display:block; background:#c79c64; border-radius:5px; color:#fff; margin-bottom:2px; line-height:35px;}
.SubNav dd a:hover{ background:#a7783b;}
.SubNav dd{opacity:0;}
.SubNav dd.li1{transition:opacity 1s;}
.SubNav dd.li2{transition:opacity 1s 0.2s;}
.SubNav dd.li3{transition:opacity 1s 0.3s;}
.SubNav dd.li4{transition:opacity 1s 0.4s;}
.SubNav dd.li5{transition:opacity 1s 0.5s;}
.SubNav dd.li6{transition:opacity 1s 0.6s;}
.MainNav li.onnav .SubNav dd{opacity:1;}

.Header.fixedhead{ height:70px;background:rgba(0,0,0,0.7);}
.Header.fixedhead .Logo{ padding-top:6px;}
.Header.fixedhead .Searchbox{ padding-top:20px;}
.Header.fixedhead .Search{top:71px;}
.Header.fixedhead .Search a.close{top:-51px;}
.Header.fixedhead .MainNav li span a{padding-top:15px; height:55px;}
.Header.fixedhead .SubNav{top:70px;}

/*Top*/

/*Bottom*/
.BottomZX{ position:fixed; left:0px; bottom:0px; width:100%;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0; height:0px; background:#216773;z-index:999;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.BottomZX .logo{ padding-top:18px; position:relative; float:left;}
.BottomZX .fr{ float:right; padding-top:26px;}
.BottomZX .input{ text-indent:1em; border:1px solid #a6c2c7; height:38px; line-height:38px; width:238px; border-radius:3px; color:#fff; font-size:16px;}
.BottomZX .fr a{ margin-left:30px;}
.BottomZX a.tel{ background:#4d858f;}.BottomZX a:hover.tel{ background:#1f3e43;}
.BottomZX a.zx{ margin-left:20px; background:#d3ad7c;}.BottomZX a:hover.zx{ background:#956a33;}
.BottomZX.fixedZX{filter:alpha(opacity=100);-moz-opacity: 100;opacity:100; height:90px;}

.Footer{ background:#202123; padding-top:43px;}
.Footer .SiteMap{ padding-bottom:64px; float:left;}
.Footer .SiteMap dl{ width:146px; float:left; line-height:30px;}
.Footer .SiteMap dl dt{ background:url(../img/bline.png) 0px bottom no-repeat; line-height:56px; font-size:16px; margin-bottom:11px;}
.Footer .SiteMap dl dt a{ color:#fff;}.SiteMap dl dt a:hover{ color:#216773;}
.Footer .SiteMap dl dd a{ color:#949495;}.SiteMap dl dd a:hover{ color:#216773; margin-left:5px;}
.Footer .Contact{ float:right;}
.Footer .Contact .nav{ line-height:53px; font-size:16px;}
.Footer .Contact .nav a{ color:#fff;}.Footer .Contact .nav a:hover{ color:#216773;}
.Footer .Contact .tel{ line-height:14px; color:#bcbcbc; padding-bottom:4px;}
.Footer .Contact .tel b{ display:block; line-height:58px; color:#216773; font-size:36px; font-family:"impact";}
.Footer .Share{}
.Footer .Share a{ position:relative; display:inline-block; vertical-align:middle; width:30px; height:30px; margin-right:22px; background:url(../img/share.png);filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6;}
.Footer .Share a.qq{ background-position:0px top;}
.Footer .Share a.wx{ background-position:-30px top;}
.Footer .Share a.sina{ background-position:-60px top;}
.Footer .Share a.tels{ background-position:-90px top;}
.Footer .Share a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Footer .Share .box{ width:0px; height:0px; background:#fff; padding:5px;position:absolute; left:0px; top:30px; max-width:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; text-align:center; font-size:18px;}
.Footer .Share .box img{ display:block; width:140px; height:140px;}
.Footer .Share a:hover .box{ width:140px; height:auto;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; left:-60px;}
.Footer p.sc_address{width: 230px;margin-top: 30px;}
.Footer p.sc_address span{font-size: 16px;color: #fff;}

.Copyright{ text-align:center; background:#111111; color:#bababa; padding:15px 0px; line-height:30px;}
.Copyright a{ color:#bababa;}.Copyright a:hover{ color:#216773;}
.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:35px; position:fixed; right:0px; bottom:90px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background:url(../img/top.gif) center center no-repeat; height:35px; cursor:pointer;}
/*Bottom*/

/*首页*/
.homebody .Topbg{ height:280px; background:url(../img/topbg.png) top repeat-x;}

.HomeBan.noon { z-index:-1;}

.HomeBan {overflow:hidden; clear:both; position:relative;}
.HomeBan .bd{ position:relative; z-index:0;}
.HomeBan .bd li img{ width:100%; display:block;}
/* .HomeBan .bd ul{ width:100% !important;} */
.HomeBan .hd{ width:100%;position:absolute; display:none; bottom:20px; left:0; z-index:1; height:11px; overflow:hidden; text-align:center;}
.HomeBan .hd ul li{width: 7px; height: 7px; line-height:100px; border-radius:50%; display:inline-block;*display:inline;zoom:1; margin:0 5px; border:2px solid #fff; opacity:0.6; background:none; vertical-align:top;}
.HomeBan .hd ul .on{background:#fff; border:2px solid #fff; opacity:1;}
.HomeBan .prev,
.HomeBan .next{ position:absolute;left:-60px; top: 50%; margin-top:-20px; width:50px; height:50px; overflow:hidden; background: url(../img/btn_left.png) center center no-repeat; cursor:pointer;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeBan .next{ left:auto; right:-60px; background: url(../img/btn_right.png) center center no-repeat;}
.HomeBan:hover .prev{ left:25px;}
.HomeBan:hover .next{ right:25px;}


.HomeTit{ text-align:center; color:#000000; padding:57px 0 43px;}
.HomeTit h2 b{ display:block; line-height:32px; font-size:36px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform:uppercase;}
.HomeTit h2{ font-weight:normal; line-height:42px; font-size:24px;}
.HomeTit p{ padding-top:3px; line-height:30px; font-size:24px; width:170px; margin:0px auto; color:#fff; background:url(../img/maisui.png) center center no-repeat; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

.time{ border-radius:4px 0 0 0px; z-index:10; line-height:30px; background:rgba(0,0,0,0.4); position:absolute; padding:0 10px; color:#fff; left:0px; top:0px;}
.playnum{ padding-left:23px; color:#999999; background:url(../img/playico.png) 0px center no-repeat;}
.star{ font-size:20px; color:#c79c64;}

.HomeKnow{ background:#f7f7f7; padding-top:45px; height:135px;}
.HomeKnow li{ width:25%; float:left; line-height:26px; color:#999999;}
.HomeKnow li .box{ position:relative; padding-left:102px;}
.HomeKnow li .ico{ position:absolute; left:0px; top:0px;}
.HomeKnow li .ico img{ width:90px; height:90px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeKnow li p{ padding-top:22px; font-size:16px; color:#333333;}
.HomeKnow li a.detail{color:#c79c64; font-weight:bold;}.HomeKnow li a:hover.detail{ text-decoration:underline;}
.HomeKnow li:hover .ico img{ margin-top:-8px;}
.HomeKnow li:nth-child(4) p{ padding-top:22px;}

.Classmain{ padding-bottom:80px;}
.Classmain .class{ position:relative; width:630px; height:220px; margin-bottom:40px; float:left;}
.Classmain .class .bg{ z-index:-1; position:absolute; left:0px; bottom:0px; top:20px; height:200px; width:100%; border-radius:6px; background:#f8f8f8;}
.Classmain .class .imgbox{ float:left; border-radius:6px 0 0 6px; width:320px; height:220px;}
.Classmain .class .imgbox em{ position:absolute; left:0px; bottom:0px; padding:2%; width:96%; background:rgba(0,0,0,0.5); color:#fff; z-index:2;}
.Classmain .class .info{ line-height:20px; color:#333333; width:250px; float:left; padding:40px 0 0 33px;}
.Classmain .class .info .tit{ line-height:31px; color:#999999; text-transform:uppercase; padding-bottom:9px; font-size:12px;}
.Classmain .class .info .tit em{ display:block; line-height:28px; font-size:20px; color:#000000;}
.Classmain .class .info .tit em img{ width:31px; height:31px; display:inline-block; vertical-align:middle; margin-right:5px;}
.Classmain .class .info .btnbox{ padding-top:17px;}
.Classmain .class .info .btnbox a{ width:90px; margin-right:10px; font-size:14px; line-height:35px !important;}
.Classmain .class.next{ float:right;}
.Classmain .hd{ clear:both;text-align:center;}
.Classmain .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:0px 3px; background: #999999; overflow:hidden;line-height:9999px;}
.Classmain .hd ul .on{ background:#216672}

.Teachermain{ background:url(../img/teacherbg.gif); padding-bottom:80px;}
.Teachermain ul{ margin-left:-60px;}
.Teachermain li{ width:280px; height:auto;padding-bottom: 30px; margin-left:60px; float:left; display:inline; background:#fff;}
.Teachermain li .imgbox{ height:360px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Teachermain li .imgbox span{ background-position:center top;}
.Teachermain li .info{ text-align:center; padding-top:14px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Teachermain li .info .name{ color:#000000; font-size:24px; line-height:40px;}
.Teachermain li .info .sc{ margin:16px 10px 0px; text-align:left; line-height:21px;min-height: 50px; padding:10px 18px; color:#999999; border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.Teachermain li .btnbox{ padding-top:20px; text-align:center;}
.Teachermain li:hover{ box-shadow:0 3px 18px #ddd;}
.Teachermain li:hover .imgbox{ height:300px;}
.Teachermain li:hover .info{ padding-top:40px;}

.Desienmain{ padding-bottom:20px;}
.Desienmain .title{ float:left;}
.Desienmain li{ float:left; margin:0 0 70px 33px; width:300px; height:550px; position:relative;}
.Desienmain li .imgbox{ width:260px; height:360px; margin:0px auto 0;}
.Desienmain li .info{ text-align:center;}
.Desienmain li .tits{ position:relative; color:#bebebe; text-transform:uppercase; padding-top:28px; font-size:12px; line-height:25px;}
.Desienmain li .tits em{ display:block; font-size:24px; color:#000000; font-family:"宋体";}
.Desienmain li .tits .line{ position:absolute; width:1px; height:46px; left:49%; top:-25px; background:#000;}
.Desienmain li .p{ color:#666; line-height:20px; margin:7px 0 13px;}
.Desienmain li .bg{ z-index:-1; position:absolute; left:0px; width:100%; top:30px; background:#f9f9f9; height:520px;}
.Desienmain li{}
.Desienmain li.li3{ margin-left:0;}
.Desienmain li.next{}
.Desienmain li.next .tits{ padding-top:20px;}
.Desienmain li.next .tits .line{ top:auto; bottom:-146px;}
.Desienmain li.next .imgbox{ position:absolute; left:20px; bottom:0px;}
.Desienmain li.next .bg{ top:0px;}

.Desienmain li.li1,.Desienmain li.li2{ margin-left:20px; width:550px; height:380px;}
.Desienmain li.li1 .imgbox,.Desienmain li.li2 .imgbox{ width:550px; height:380px;}
.Desienmain li.li1 .info,.Desienmain li.li2 .info{ width:240px; height:160px; background:#fff; position:absolute; left:0px; bottom:0px; z-index:3;}
.Desienmain li.li1 .info .tits,.Desienmain li.li2 .info .tits{ padding-top:15px;}
.Desienmain li.li1 .info .tits .line,.Desienmain li.li2 .info .tits .line{ display:none;}
.Desienmain li.li1 .info .p,.Desienmain li.li2 .info .p{ margin:6px 0 10px;}
.Desienmain li.li1 .bg,.Desienmain li.li2 .bg{ display:none;}

.ClassMain{ background:url(../img/classbg.gif);}
.ClassMain .Topclass{ border-radius:4px; height:420px; position:relative; padding:60px 0 0 629px; margin-bottom:43px;}
.ClassMain .Topclass .video{ z-index:1000; position:absolute; left:0px; top:0px;}

.ClassMain .Topclass .info{ line-height:26px; height:420px; background:#fff; box-shadow:0 0 20px #ddd; padding:0 38px 0px 87px;}
.ClassMain .Topclass .info .tit{ line-height:50px; padding-top:39px; font-size:22px;}
.ClassMain .Topclass .info .p{ height:185px; margin-top:16px;}
.classlist{ margin:0 0 0 -46px;}
.classlist li{ width:290px; height:313px; float:left; padding-left:46px;}
.classlist li .imgbox{ height:180px; border-radius:4px;}
.classlist li .tit{ margin:18px 0 8px;}

.Newsmain{ padding-bottom:66px;}
.Newsmain .menu{ text-align:center; height:100px;}
.Newsmain .menu li{ display:inline-block;*display:inline;zoom:1; padding:0 3px;}
.Newsmain .menu li a{ font-size:16px; color:#fff; line-height:22px; display:table-cell; width:140px; height:60px; vertical-align:middle; padding-left:60px; position:relative; background:#d3ad7c; border-radius:4px; text-align:left;}
.Newsmain .menu li.on a{background:#216773;}
.Newsmain .menu li .ico{ position:absolute; top:14px; left:18px; width:33px; height:33px; background:url(../img/menuico.png) no-repeat;}
.Newsmain .menu li em{ text-transform:uppercase; display:block; font-size:12px;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity:0.6;}
.Newsmain .menu li.li1 .ico{ background-position:0px top;}
.Newsmain .menu li.li2 .ico{ background-position:-33px top;}
.Newsmain .menu li.li3 .ico{ background-position:-66px top;}
.Newsmain .menu li.li4 .ico{ background-position:-99px top;}
.Newsmain .slide{ margin-left:-50px;}
.Newsmain .slide li{ width:400px; padding-left:50px; float:left;}
.Newsmain .slide li .imgbox{ height:240px;}
.Newsmain .slide li .info{ line-height:22px; position:relative; padding:19px 0 0 84px;}
.Newsmain .slide li .info .date{ position:absolute; top:19px; left:0px; text-align:center; width:56px; padding-right:8px; font-size:13px; height:100px; border-right:1px solid #e6e6e6; color:#666666;}
.Newsmain .slide li .info .date b{ display:block; line-height:42px; padding-top:14px;color:#000000; font-size:30px;}
.Newsmain .slide li .info .tit{ line-height:19px; margin-bottom:15px;}
.Newsmain .slide li .info .p{-webkit-line-clamp: 3;}

.Cooperatemain{ background:url(../img/hzbg.gif) center top no-repeat;padding-bottom:80px;}
.Cooperatemain.sbg{ background:#f8f8f8;}
.Cooperatemain.sbg2{ background:#fff;}
.Cooperatemain ul{ margin-left:-8px;}
.Cooperatemain li{ width:210px; margin:0 0 8px 8px; display:inline; float:left; background:#fff; height:100px;}
.Cooperatemain li img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; display:block; margin:0px auto; max-height:100px; max-width:210px;}
.Cooperatemain li:hover img{ margin-top:-7px;}
.Cooperatemain li:hover{ box-shadow:0 0 10px #999;}
.Cooperatemain .btnbox { padding-top:49px;}
.Cooperatemain .btnbox a{ width:260px;}
.Cooperatemain.sbg2 li a{ display:block; border:1px solid #ebebeb;}
.Cooperatemain.sbg2 li img{max-height:98px; max-width:208px;}
.Cooperatemain.sbg2 li:hover img{ margin-top:0;}

.HomeNav{ padding-top:71px; height:122px;}
.HomeNav li{ width:25%; float:left; line-height:22px; color:#999999;}
.HomeNav li .box{ position:relative; padding-left:69px;}
.HomeNav li .ico{ position:absolute; left:0px; top:0px;}
.HomeNav li .ico img{ width:60px; height:60px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeNav li h2{ line-height:32px; font-size:16px;}
.HomeNav li h2 a{ color:#000;}.HomeNav li h2 a:hover{ color:#216773;}
.HomeNav li:hover .ico img{ margin-top:-8px;}


/*栏目页*/
.SubPage{ height:auto !important; height:280px; min-height:280px; padding:60px 0px;}
.SubBan{ height:349px;}
.classBan{height:800px;}
.Position{ line-height:50px;}
.Position a{ color:#666;}
.Position a:hover,.Position span{ color:#216672;}


.MenuList{ background: #f9f9f9 url(../img/line.gif) 0px bottom repeat-x; height:80px; overflow:hidden; text-align:center;}
.MenuList li{ display:inline-block; *display:inline;zoom:1; width:19%; vertical-align:top;}
.MenuList li a{ font-size:16px; color:#333333; line-height:20px; height:59px; display:block; padding:21px 0px 0px 69px; position:relative; text-align:left;}
.MenuList li em{ text-transform:uppercase; display:block; font-size:12px; color:#999999;}
.MenuList li .ico{ position:absolute; top:21px; left:21px; width:39px; height:39px;}
.MenuList li .i1,.MenuList li .i2{ display: block; width: 39px; height: 39px; position: absolute; left:0;top: 0px;}
.MenuList li .i1{ transition: 400ms;}
.MenuList li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.MenuList li:hover .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.MenuList li:hover .i2,.MenuList li.onli .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.MenuList li.onli a,.MenuList li:hover a{background:#cfa972; color:#fff;}
.MenuList li.onli em,.MenuList li:hover em{ color:#eddfce;}
.MenuList.MenuFiexd{ width:100%; left:0px; top:0px; position:fixed; z-index:999;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px;}


/*课程分类*/
.Classtithead{ padding-top:60px; height:72px; font-size:34px; color:#c79c65;}
.Classtithead span{ color:#333333;}
.Classtithead em{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-left:8px; display:inline-block; line-height:16px; vertical-align:middle; color:#999999; text-transform:uppercase; font-weight:normal;}
.Classtithead em b{ display:block; font-size:24px;}

.ClassList { margin:0 0 0 -40px; padding-bottom:35px;}
.ClassList li{ position:relative; width:630px; height:320px; margin:0 0 40px 40px; float:left; background:#fafafa;}
.ClassList li .imgbox{ float:left;width:250px; height:320px;}
.ClassList li .info{ line-height:20px; width:326px; float:left; padding:24px 0 0 30px;}
.ClassList li .info .tit{ line-height:40px; text-transform:uppercase; font-size:12px;}
.ClassList li .info .tit em{ display:block; font-size:22px;}
.ClassList li .info .tit em img{ width:38px; height:38px; display:inline-block; vertical-align:middle; margin-right:5px;}
.ClassList li .info .txt{ line-height:26px; color:#666; margin-bottom:18px;}
.ClassList li .info .txt i{ display:block; width:40px; height:14px; border-bottom:3px solid #c79c65;}
.ClassList li .info p{ height:25px; font-weight:bold; line-height:25px; color:#333333;}
.ClassList li .info .btnbox{ padding-top:15px;}
.ClassList li .info .btnbox a{ width:150px; margin-right:10px; font-size:14px; line-height:40px !important;}
.Classbox.next { background:#fafafa;}
.Classbox.next li{ background:#fff;}

/*尊享烘焙*/
.Hptithead{ text-align:center; padding:60px 0 40px;}
.Hptithead h2{ color:#333333; font-size:34px; line-height:70px;}
.Hptithead h2 span{ color:#c79c65;}
.Hptithead p{ display:inline-block; line-height:35px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; text-transform:uppercase; font-size:14px; color:#999999; min-width:220px;}
.Hptithead .p2{ padding-top:8px;}

.Classshrq{}
.Classshrq .img{ float:left;}
.Classshrq .info{ font-size:16px; width:545px; float:right;}
.Classshrq .info .thead{ padding-top:30px; height:85px; position:relative;}
.Classshrq .info .thead .line{ width:200px; height:1px; position:absolute; left:-106px; top:30px; background:#d6d6d6;}
.Classshrq .info .thead .en{ line-height:64px; color:#f7f7f7; font-size:55px; font-family:"impact"; text-transform:uppercase;}
.Classshrq .info .thead .cn{ color:#333; font-size:30px; line-height:30px; margin-top:-30px;}
.Classshrq .info .thead h2.cn{ font-size:34px;}
.Classshrq .info .thead h2.cn span{ color:#d3ad7c;}
.Classshrq .info .p1{ color:#999999; font-size:12px; text-transform:uppercase; padding-top:12px; }
.Classshrq .info .p2{ line-height:18px; color:#999999; font-size:12px; text-transform:uppercase; padding-top:12px; height:101px; width:520;}
.Classshrq.rq2 .img{ float:right;}
.Classshrq.rq2 .info{float:left;}
.Classshrq.rq2 .info .thead .line{ left:auto; right:-106px;}
.Classshrq.rq2 .info .thead .en{ color:#f0f0f0;}

.Classts{ padding:0px 0px 60px; background:url(../img/tsbg.jpg);}
.Classts li{ width:33.3333%; float:left; background:#c8a270; height:600px; position:relative; overflow:hidden; color:#fff;}
.Classts li img{ display:block; width:auto; height:300px;margin: 0 auto;}
.Classts li dl{ line-height:26px; height:300px; text-align:center;}
.Classts li dl dt{ font-size:20px; line-height:65px; font-weight:bold; padding-top:46px;}
.Classts li dl dt i{ display:block; width:30px; height:30px; border-top:3px solid #fff; margin:0px auto;}
.Classts li dl dd{ padding:0 62px;}
.Classts li:nth-child(even) dl{ margin-top:300px;}
.Classts li:nth-child(even) img{ position:absolute; top:0px; left:0px;}
.Classts.ts2 li{ width:20%; height:440px;}
.Classts.ts2 li img{height:220px;}
.Classts.ts2 li dl{ line-height:24px; height:220px; text-align:left; padding:0 25px;}
.Classts.ts2 li dl dt{ font-size:16px; line-height:48px; padding-top:16px;}
.Classts.ts2 li dl dt i{ height:18px; margin:0px;}
.Classts.ts2 li dl dd{ padding:0;}
.Classts.ts2 li:nth-child(even) dl{ margin-top:220px;}
.Classts.ts3 li{ background:#fff; color:#666;}
.Classts.ts3 li dl dt{ color:#333;}
.Classts.ts3 li dl dt i{ border-top:3px solid #c8a270;}

.Classcon2{ padding:0px 0px 0; position:relative;}
.Classcon2 .box{ height:600px; overflow:hidden; margin-bottom:58px;}
.Classcon2 ul{ overflow:hidden; zoom:1;}
.Classcon2 li{ width:289px; height:600px; position:relative; text-align:center; float:left; margin:0px 47px 0px 0px;}
.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 26px; background:#fff;}
.Classcon2 li .info .ico{ padding-top:18px; height:78px;}
.Classcon2 li .info .tit{ font-size:20px; line-height:44px; color:#333333; font-weight:bold;}
.Classcon2 li .info .tit i{ display:block; margin:0px auto; width:30px; height:15px; border-top:3px solid #4d4d4d;}
.Classcon2 li:nth-child(even) { position:relative; padding-top:300px; height: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 .prev,.Classcon2 .next{ top: 300px;}

.ClassLook { padding-bottom:58px;}
.ClassLook .info{ float:right; line-height:28px; padding-top:20px; width:620px;font-size:18px;}
.ClassLook .img{ float:left; margin-top:-18px;}

.tablecss{ text-align:center; margin-bottom:58px;}
.tablecss .thead th{ padding:0 10px; border-left:1px solid #e5ceb0; color:#fff; background:#d3ad7c; height:50px; font-size:16px;}
.tablecss .txt{ text-align:center; padding:0px 27px; text-align:left;}
.tablecss li td{padding:15px 10px; border-bottom:1px solid #ebebeb; border-right:1px solid #e5e5e5;}
.tablecss li tr td:last-child{border-right:1px;}
.tablecss li:nth-child(even) td{ background:#f5f7f9;}

.showMorehandle{ clear:both; text-align:center; line-height:50px; background:#eae9e8;}
.showMorehandle a{ cursor:pointer; font-size:16px; display:block;}
.showMorehandle a i{ margin-left:10px; display:inline-block; background:url(../img/pagearr.png); width:13px; height:11px;}

.Classbrand2{ position:relative; padding:79px 0 58px;}
.Classbrand2 .img{ position:absolute; left:0px; top:0px;}
.Classbrand2 .info{ position:relative; z-index:1; background:#fff; margin-left:539px; padding:23px 40px 40px; box-shadow:5px 0 25px #ddd;}
.Classbrand2 .info .item{ padding:0 0 28px 100px; position:relative;}
.Classbrand2 .info .item .ico{ top:16px; left:0px; position:absolute;}
.Classbrand2 .info .item .ico img{ box-shadow:0 6px 18px #ddd; border-radius:50%;}
.Classbrand2 .info .item .tit{ line-height:50px; font-size:16px; color:#333;}

.ClassStu{ margin:0 0 0 -87px;}
.ClassStu li{ width:259px; float:left; text-align:center; height:478px; padding-left:87px;}
.ClassStu li .img{ border-radius:50%; height:259px; overflow:hidden; box-shadow:2px 2px 20px #ddd; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.ClassStu li .tits{ padding-top:6px; line-height:59px; font-size:18px; color:#333;}
.ClassStu li .tits i{ display:block; margin:0px auto; width:30px; height:18px; border-top:3px solid #d3ad7c;}
.ClassStu li p{ margin:0 22px;}

.ClassWork{ margin:0 0 48px -10px; position:relative;}
.ClassWork li{ width:440px; height:270px; float:left; margin:0 0 10px 10px; position:relative;}
.ClassWork li .imgbox{height:270px;}
.ClassWork li .tit{ position:absolute; left:0px; text-align:center; line-height:50px; font-size:16px; background:rgba(0,0,0,0.5); bottom:0px; width:100%; z-index:1; color:#fff;}
.ClassWork li.li1,.ClassWork li.li2{ width:420px; height:550px;}
.ClassWork li.li1 .imgbox,.ClassWork li.li2 .imgbox{ height:550px;}

.ClassTeacher{}
.ClassTeacher .box{ height:340px; overflow:hidden; margin-bottom:50px;}
.ClassTeacher .box li{ width:640px; height:340px; float:left; margin-right:20px; background:#f8f8f8;}
.ClassTeacher .box li .imgbox{ width:250px; height:340px; float:left;}
.ClassTeacher .box li .info{ width:355px; padding:17px 0 0 20px; float:left;}
.ClassTeacher .box li .info .name{ line-height:66px; font-size:30px; color:#333333; padding-bottom:25px; border-bottom:1px solid #e6e6e6; margin-bottom:22px;}
.ClassTeacher .box li .info .job{ display:block; text-align:center; width:280px; line-height:40px; color:#f7f0e9; background:#d3ad7c; border-radius:6px; font-size:18px;}
.ClassTeacher .box li .info .sc{ margin-bottom:13px;}
.ClassTeacher .hd{ clear:both; text-align:center; height:12px; overflow:hidden; margin-bottom:40px;}
.ClassTeacher .hd li{ display:inline-block; *display:inline;zoom:1; border-radius:50%; width:12px; height:12px; margin:0 4px; background:#999999; text-indent:999em; cursor:pointer;}
.ClassTeacher .hd li.on{ background:#cfab80;}

/*尊耀烘焙*/
.ShrqList{}
.ShrqList .list{ height:170px;}
.ShrqList .list li{ width:33.3333%; float:left;}
.ShrqList .list .box{ position:relative; padding:23px 0 0 124px; line-height:32px; font-size:16px; color:#333; width:200px;}
.ShrqList .list .box img{ position:absolute; left:0px; top:0px; width:113px; height:113px;}

.ShrqList .list1{ margin:0 0 60px -20px;}
.ShrqList .list1 li{ width:640px; float:left; margin-left:20px; background:#f8f8f8; height:240px;}
.ShrqList .list1 li .img{ float:left;}
.ShrqList .list1 li .img img{ display:block; width:320px; height:240px;}
.ShrqList .list1 li .info{ padding:35px 0 0 40px; width:220px; float:left;}
.ShrqList .list1 li .info .tits{ line-height:62px; font-size:18px; color:#333;}
.ShrqList .list1 li .info .tits i{ display:block; width:40px; height:24px; border-top:3px solid #d3ad7c;}

.ShrqList .txt2{ margin-left:-37px;}
.ShrqList .txt2 li{ width:290px; float:left; text-align:center; height:322px; padding-left:37px;}
.ShrqList .txt2 li .ico{ width:120px; height:120px; margin:0 auto 34px; line-height:120px; color:#fff; font-size:30px; box-shadow:0 5ox 18px #ddd; border-radius:50%; background:url(../img/numbg2.png);}
.ShrqList .txt2 li .p{ height:107px; line-height:26px;}
.ShrqList .txt2 li .line{ margin:0px auto; display:block; width:40px; height:17px; border-top:3px solid #e4cfb4;}

.adimg{ height:400px;}
.ClassHy{ margin-bottom:58px;}
.ClassHy .num{ padding:0 100px;}
.ClassHy .num li{ float:left; width:25%; text-align:center; height:222px;}
.ClassHy .num li .box{ color:#fff; background:url(../img/numbg.png); width:167px; height:167px; margin:0px auto; font-size:16px;}
.ClassHy .num li .box b{ display:block; line-height:38px; font-size:24px; padding-top:49px;}
.ClassHy .content{ background:#fff; box-shadow:0 5px 18px #ddd;}
.ClassHy .content .info{ text-align:center; line-height:40px; font-size:20px; padding:100px 0 0 77px; float:left; width:500px;font-family:simsun;}
.ClassHy .content .info i{ display:block; margin:0px auto; width:40px; height:34px; border-top:3px solid #d3ad7c;}
.ClassHy .content .img{ float:right;}

.Classbrand{ margin:0 0 58px -50px;}
.Classbrand li{ background:#fff; text-align:center; width:398px; height:400px; float:left; border:1px solid #f1ebe4; margin-left:50px; box-shadow:2px 5px 20px #eee;}
.Classbrand li .ico{ padding-top:38px; height:80px;}
.Classbrand li .ico img{ display:block; margin:0px auto; width:56px; height:52px;}
.Classbrand li h3{ width:200px; line-height:45px; margin:0px auto 35px; border-radius:25px; color:#fff; background:#d3ad7c; font-size:18px;}
.Classbrand li p{ margin:0 54px; line-height:30px;}

.Classxyfw{}
.Classxyfw .p1{ width:560px; margin:0px auto 47px; line-height:45px; color:#fff; font-size:20px; text-align:center; border-radius:21px; background:#206672;}
.Classxyfw .fourlist{ padding-top:20px; margin-left:-32px;}
.Classxyfw .fourlist li{ position:relative; width:300px; height:280px; margin:0 0 48px 32px; background:#fff; border-radius:10px; display:inline; line-height:26px; float:left; text-align:center;}
.Classxyfw .fourlist li .num{ position:absolute; top:-20px; left:50px; font-size:20px; color:#fff; border-radius:19px 0 19px 0px; width:200px; line-height:50px; background:#d3ad7c;}
.Classxyfw .fourlist li .tit{ padding-top:40px; color:#333; line-height:70px;}
.Classxyfw .fourlist li .p{ margin:0px 40px;}

.Classxyfw .fivelist{}
.Classxyfw .fivelist .box{ height:320px; overflow:hidden; margin-bottom:50px;}
.Classxyfw .fivelist .box li{ width:640px; height:320px; float:left; margin-right:20px; background:#fff;}
.Classxyfw .fivelist .box li .imgbox{ width:320px; height:320px; float:right;}
.Classxyfw .fivelist .box li .info{ width:260px; padding:37px 0 0 30px; float:left;}
.Classxyfw .fivelist .box li .info .tits{ line-height:44px; font-size:18px; color:#333333;}
.Classxyfw .fivelist .box li .info .tits i{ width:30px; height:18px; display:block; border-top:3px solid #d3ad7c;}
.Classxyfw .fivelist .box li .info .job{ display:block; text-align:center; width:280px; line-height:40px; color:#f7f0e9; background:#d3ad7c; border-radius:6px; font-size:18px;}
.Classxyfw .fivelist .box li .info .sc{ margin-bottom:13px;}
.Classxyfw .fivelist .hd{ clear:both; text-align:center; height:12px; overflow:hidden; margin-bottom:40px;}
.Classxyfw .fivelist .hd li{ display:inline-block; *display:inline;zoom:1; border-radius:50%; width:12px; height:12px; margin:0 4px; background:#999999; text-indent:999em; cursor:pointer;}
.Classxyfw .fivelist .hd li.on{ background:#cfab80;}

.ClassWork2{ margin:0 0 48px -20px; position:relative;}
.ClassWork2 li{ width:430px; height:300px; float:left; margin:0 0 20px 20px; position:relative;}
.ClassWork2 li .imgbox{height:300px;}
.ClassWork2 li .tit{ position:absolute; left:0px; text-align:center; line-height:50px; font-size:16px; background:rgba(0,0,0,0.5); bottom:0px; width:100%; z-index:1; color:#fff;}
.ClassWork2 li.li1{ width:400px; height:620px;}
.ClassWork2 li.li1 .imgbox{ height:620px;}
.ClassWork2 li.li4{ width:880px; height:300px;}
.ClassWork2 li.li4 .imgbox{ height:300px;}


/*尊爱烘焙*/
.Classcon{ margin:0 0 15px -30px;}
.Classcon li{ width:410px; height:320px; float:left; margin-left:30px;}
.Classcon li .imgbox{height:230px;}
.Classcon li .tit{ line-height:50px; text-align:center; border-bottom:2px solid #e7ddd0; font-size:18px; color:#333;font-family:simsun;}

.ClassSer{ margin:0 0 62px -50px;}
.ClassSer li{ background:#fff; width:400px; margin-left:50px; float:left; display:inline;}
.ClassSer li .imgbox{ height:280px; border-radius:10px 10px 0 0;}
.ClassSer li .info{ text-align:center; height:248px; border:1px solid #f0f0f0; border-radius:0 0 10px 10px; padding:0 44px;}
.ClassSer li .info .ico{ padding-top:37px; height:44px;}
.ClassSer li .info .ico img{}
.ClassSer li .info .tit{ line-height:66px; font-size:20px; color:#333;}

.Classzp {}
.Classzp .box{ height:510px; overflow:hidden; margin-bottom:40px;}
.Classzp .item{ width:440px; height:250px; float:left; position:relative; margin:0 0 10px 10px;}
.Classzp .item .imgbox{ height:250px;}
.Classzp .item .tit{ font-size:16px; color:#fff; background:url(../img/titbg2.png) 0px bottom repeat-x; width:100%; left:0px; bottom:0px; line-height:50px; position:absolute; z-index:2; text-align:center;}
.Classzp .item.item1{ width:360px; height:510px; margin-left:0;}
.Classzp .item.item1 .imgbox{ width:360px; height:510px;}
.Classzp .item.item3{ margin:260px 0 0 -440px;}
.Classzp .item.item4{ width:480px; height:510px; float:right;}
.Classzp .item.item4 .imgbox{ width:480px; height:510px;}
.Classzp .hd{ text-align:center; height:12px; overflow:hidden; margin-bottom:40px;}
.Classzp .hd li{ display:inline-block; *display:inline;zoom:1; border-radius:50%; width:12px; height:12px; margin:0 4px; background:#999999; text-indent:999em; cursor:pointer;}
.Classzp .hd li.on{ background:#cfab80;}


/*咖啡饮品班*/
.Classts2{ margin:0 0 60px -50px;}
.Classts2 li{ float:left; width:400px; height:499px; margin:40px 0 0 50px; background:#f8f8f8; text-align:center; position:relative;}
.Classts2 li .imgbox{ top:-40px; margin:0px auto; width:340px; height:280px;}
.Classts2 li .tit{ line-height:26px; margin-top:-12px;font-size: 20px;font-weight: bold;color: #000;}
.Classts2 li .kfyp_jj{padding: 30px;text-align: left;}
.Classts2 li .tit i{ width:40px; height:23px; display:block; margin:0px auto; border-bottom:3px solid #d3ad7c;}
.ClassWork3{ margin:0 0 48px -10px; position:relative;}
.ClassWork3 li{float:left; margin:0 0 10px 10px; position:relative; width:644px;}
.ClassWork3 li .imgbox{height:278px;}
.ClassWork3 li .tit{ position:absolute; left:0px; text-align:center; line-height:50px; font-size:16px; background:rgba(0,0,0,0.5); bottom:0px; width:100%; z-index:1; color:#fff;}
.ClassWork3 li.li1{ width:280px; height:580px;}
.ClassWork3 li.li1 .imgbox{ height:580px;}
.ClassWork3 li.li2{ width:470px; height:250px;}
.ClassWork3 li.li2 .imgbox{ height:250px;}
.ClassWork3 li.li3{ width:230px; height:320px; margin:258px 0 0 -470px;}
.ClassWork3 li.li3 .imgbox{ height:320px;}
.ClassWork3 li.li4{ width:230px; height:320px; margin:258px 0 0 -230px;}
.ClassWork3 li.li4 .imgbox{ height:320px;}
.ClassWork3 li.li5{ width:280px; height:290px;}
.ClassWork3 li.li5 .imgbox{ height:290px;}
.ClassWork3 li.li6{ width:238px; height:290px;}
.ClassWork3 li.li6 .imgbox{ height:290px;}
.ClassWork3 li.li7{ width:528px; height:280px;}
.ClassWork3 li.li8 { width:600px;}
.ClassWork3 li.li8 .imgbox{ height:280px; clear:both;}
.ClassWork3 li.li9 { width:688px;}
.ClassWork3 li.li9 .imgbox{ height:280px; clear:both;}


/*风味面包*/
.pymbtxt{ line-height:28px; font-size:18px; text-align:center;}
.pymbtxt .p1{ line-height:28px; font-size:16px; height:auto; margin:20px auto 40px; color:#666; position:relative;width: 50%;}
.pymbtxt .p1 .line{ width:1px; height:60px; background:#000; position:absolute; left:49%; bottom:0px;}

.Classts3{ margin:0 0 25px -20px;}
.Classts3 li{ width:640px; height:260px; background:#f8f8f8; float:left; display:inline; margin:0 0 20px 20px;}
.Classts3 li .img{ width:320px; height:260px; background-position: center center; background-repeat:no-repeat; background-size:cover; float:left; position:relative;}
.Classts3 li .img span{ position:absolute; width:70px; height:260px; background:url(../img/zz1.png); right:0px; top:0px;}
.Classts3 li .info{ padding-left:20px; width:240px; float:left; text-align:center;}
.Classts3 li .info .t{ padding-top:9px; line-height:72px; margin-bottom:18px; color:#333333; font-size:20px;}
.Classts3 li .info .t i{ display:block; background:url(../img/starbg2.gif) center bottom no-repeat; height:9px;}
.Classts3 li:nth-child(3) .img,.Classts3 li:nth-child(4) .img{ float:right;}
.Classts3 li:nth-child(3) .img span,.Classts3 li:nth-child(4) .img span{ right:auto; left:0px; background:url(../img/zz2.png);}
.Classts3 li:nth-child(3) .info,.Classts3 li:nth-child(4) .info{ float:left;}
.Classts3.ts2 li{ background:#fff;}
.Classts3.ts2 li .img span{ width:156px;background:url(../img/zz01.png);}
.Classts3.ts2 li .info{ width:260px; text-align:left;}
.Classts3.ts2 li .info .t{ padding-top:15px; line-height:71px; margin-bottom:0;}
.Classts3.ts2 li .info .t i{ width:40px; height:23px; background:none; border-top:3px solid #c79c65; padding:0;}
.Classts3.ts2 li:nth-child(3) .img span,.Classts3.ts2 li:nth-child(4) .img span{background:url(../img/zz02.png);}

.Classtscon{ color:#333; line-height:26px; margin-bottom:45px;}
.Classtscon td{ padding:10px; background:#fff; border-bottom:2px solid #f8f8f8; border-right:2px solid #f8f8f8; text-align:center;}
.Classtscon.c2 td{ background:#f6f6f6; border-bottom:2px solid #fff; border-right:2px solid #fff;}
.Classtscon .t{color:#fff; background:#c79c65 !important;}
.Classtscon .f16{ font-size:16px; font-weight:bold;}

.Classtsbrand{}
.Classtsbrand .img{ float:left;}
.Classtsbrand .info{ width:560px; float:right; line-height:31px;}
.Classtsbrand .info h3{ color:#fff; text-align:center; font-size:20px; margin-bottom:13px; line-height:44px; width:180px; border-radius:28px 0 28px 0px; background:#d3ad7c; font-weight:normal;}


/* 英式翻糖艺术蛋糕班 */
.ysft_content{width: 1200px;margin: 0 auto;display: block;}
.ysft_content li{width: 390px;display: inline-block;vertical-align: top;margin-top: 30px;margin-bottom: 10px;}
.ysft_content li > div{width: 90%;margin: 0 auto;padding-top: 135px;height: 130px;box-shadow:0 5px 5px #ccc;}
.ysft_content li > div > div{background-color:rgba(255,255,255,0.7);height: 130px;}
.ysft_content li > div > div h4{font-size: 30px;line-height: 40px;margin-bottom: 10px;padding-top: 40px;text-align: center;}
/*技术导师*/
.Teacherbody { background:url(../img/teacherbody.gif);}
.Teacherbody .MenuList{ background: #fff url(../img/line.gif) 0px bottom repeat-x;}
.Teacherbody .MenuList li{ width:20%; float:left;}

.Teachertit{ text-align:center; padding-top:60px; height:180px; background:url(../img/maisui2.png) center 124px no-repeat;}
.Teachertit .ico img{ width:45px; height:45px;}
.Teachertit h2{ padding-bottom:2px; line-height:56px; font-size:30px; color:#000000;}
.Teachertit .en{ line-height:22px; font-size:13px; color:#fff;}
.Teachertit.pro{background:url(../img/maisui3.png) center 124px no-repeat;}
.Teachertit.pro h2{color:#4a221a;}

.Teachertit2{ text-align:center; padding-top:58px; height:88px; color:#8a8a8a; text-transform:uppercase;}
.Teachertit2 img{ width:50px; height:47px; display:inline-block; vertical-align:middle; margin-right:11px;}
.Teachertit2 span{ min-width:121px; position:relative; display:inline-block; vertical-align:middle; padding-top:36px;}
.Teachertit2 span i{ position:absolute; left:0px; top:6px;line-height:31px; color:#000000; font-size:30px;}

.TeacherList{ border-bottom:10px solid #e9e9e9;}
.TeacherList:last-child{ border-bottom:0px;}
.TeacherList ul{ margin-left:-60px;}
.TeacherList li{ position:relative; width:620px; height:400px; float:left; margin:0 0 60px 60px; display:inline;}
.TeacherList li .bg{ border-radius:10px;position:absolute; background:#fff; width:100%; left:0px; bottom:0px; height:360px; z-index:-1;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.TeacherList li .imgbox{ width:300px; height:400px; float:left;}
.TeacherList li .info{ width:270px; padding:56px 0 0 25px; float:left;}
.TeacherList li .info .name{ line-height:1.4; font-size:24px;}
.TeacherList li .info .name em{font-size:20px; color:#666666; margin-left:0px;}
.TeacherList li .info .job{ font-size:16px;}
.TeacherList li .info .star{ line-height:43px;}
.TeacherList li .info .sc{ line-height:20px; padding-top:11px;}
.TeacherList li .info .sc:nth-child(4){min-height: 40px;}
.TeacherList li .info .sc:nth-child(5){min-height: 60px;}
.TeacherList li .info .btnbox{ padding-top:20px;}
.TeacherList li .info .btnbox a{ border-radius:17px; width:120px;}
.TeacherList li:hover .bg{ box-shadow: 5px 0 20px #ddd;}

.TeacherInfo{ position:relative; margin:60px 0px; background:#fff; height:auto !important; height:460px; min-height:460px; padding:0 50px 0 541px;}
.TeacherInfo .imgbox{ width:440px; height:580px; position:absolute; left:50px; top:-60px;}
.TeacherInfo .info{ width:700px; float:left; padding:28px 0;}
.TeacherInfo .info .name{ line-height:49px; font-size:24px; color:#000000;}
.TeacherInfo .info .job{ font-size:18px; color:#000000;}
.TeacherInfo .info .star{ line-height:33px; margin-bottom:14px;}
.TeacherInfo .info .sc{ position:relative; padding-left:42px; height:auto !important; height:26px; min-height:26px; line-height:26px; margin-bottom:7px;}
.TeacherInfo .info .sc .t{ position:absolute; left:0px; top:0px;}
.TeacherInfo .btnbox{ padding-top:50px;}
.TeacherInfo .btnbox a{ width:200px; line-height:45px; border-radius:25px;}

.pd60{ padding-bottom:60px;}
.Teacherbox{ background:url(../img/teacherbody2.gif); padding-bottom:60px;}
.picScroll{ position:relative;height:300px; margin-bottom:49px;}
.picScroll .box{ overflow:hidden;height:300px;}
.picScroll ul{ overflow:hidden; zoom:1;}
.picScroll ul li{ float:left; margin-right:35px; width:410px; overflow:hidden;}
.picScroll ul li .imgbox{ height:300px; border-radius:6px;}

.DesignScroll{ position:relative;margin-bottom:49px;}
.DesignScroll .box{ overflow:hidden;height:480px;}
.DesignScroll ul{ overflow:hidden; zoom:1;}
.DesignScroll li{ position:relative;}
.DesignScroll .item{ width:310px; height:230px; margin:0 0 20px 20px; display:inline; float:left; position:relative;}
.DesignScroll .info{ z-index:3; position:absolute; left:0px; bottom:0px; width:100%; text-align:center; padding-top:25px; background:url(../img/titbg.png) 0px bottom repeat-x;}
.DesignScroll .info .tit{line-height:45px; font-size:16px; color:#fff;}
.DesignScroll .info .p{-webkit-line-clamp: 2; display:none; color:#fff;}
.DesignScroll .item:hover .tit{ color:#cfa972;}
.DesignScroll .imgbox{height:230px; border-radius:6px;}
.DesignScroll li .item.li1,.DesignScroll li .item:nth-child(1){ width:640px; height:480px; margin:0 0 20px 0px;}
.DesignScroll li .item.li1 .imgbox,.DesignScroll li .item:nth-child(1) .imgbox{height:480px;}
.DesignScroll li .item.li1 .info,.DesignScroll li .item:nth-child(1) .info{ text-align:left; padding:19px 5%; width:90%;}
.DesignScroll li .item.li1 .info .tit,.DesignScroll li .item:nth-child(1) .info .tit{ font-size:18px; line-height:39px;}
.DesignScroll li .item.li1 .info .p,.DesignScroll li .item:nth-child(1) .info .p{ display:block;}
.DesignScroll .prev,.DesignScroll .next{ top: 220px;}

.DesignScroll.fc{ margin-bottom:0;}
.DesignScroll.fc .item{width:320px; height:210px; margin:0 0 10px 10px;}
.DesignScroll.fc .imgbox{ border-radius:0; height:210px;}

.DesignScroll.fc li .item.li1,.DesignScroll.fc li .item:nth-child(1){ width:320px; height:210px; margin:0 0 10px 0px;}
.DesignScroll.fc li .item.li1 .imgbox,.DesignScroll.fc li .item:nth-child(1) .imgbox{height:210px;}

.DesignScroll.fc li .item{ float:none; display:block;}
.DesignScroll.fc li .item.li1,.DesignScroll.fc li .item:nth-child(1){ margin-left:0px;}
.DesignScroll.fc li .item.li2,.DesignScroll.fc li .item:nth-child(2){ margin-left:0px;}
.DesignScroll.fc li .item.li3,.DesignScroll.fc li .item:nth-child(3){ width:640px; height:480px; margin:0 0 10px 10px; position:absolute; top:0; left:320px;}
.DesignScroll.fc li .item.li3 .imgbox,.DesignScroll.fc li .item:nth-child(3) .imgbox{height:430px;}
.DesignScroll.fc li .item.li4,.DesignScroll.fc li .item:nth-child(4){position:absolute; top:0; left:970px;}
.DesignScroll.fc li .item.li5,.DesignScroll.fc li .item:nth-child(5){position:absolute; top:220px; left:980px;}

.DesignScroll.fc2{ margin-bottom:0;}
.DesignScroll.fc2 .item{width:320px; height:210px; margin:0 0 10px 10px;}
.DesignScroll.fc2 .imgbox{ border-radius:0; height:210px;}
.DesignScroll.fc2 li .item.li1,.DesignScroll.fc2 li .item:nth-child(1){height:430px;}
.DesignScroll.fc2 li .item.li1 .imgbox,.DesignScroll.fc2 li .item:nth-child(1) .imgbox{height:430px;}
.DesignScroll .hd{ text-align:center; height:12px; overflow:hidden; margin-bottom:40px;}
.DesignScroll .hd li{ display:inline-block; *display:inline;zoom:1; border-radius:50%; width:12px; height:12px; margin:0 4px; background:#999999; text-indent:999em; cursor:pointer;}
.DesignScroll .hd li.on{ background:#cfab80;}

.TeacherVideo{ position:relative;}
.TeacherVideo .info{ line-height:26px; margin-right:379px; height:auto !important; height:561px; min-height:561px; background:#fff; padding:0 341px 0 64px;}
.TeacherVideo .info .tit{ color:#333333; font-size:22px; padding:147px 0 21px; position:relative;}
.TeacherVideo .info .p{ height:auto !important; height:146px; min-height:146px; margin:26px 0 20px;}
.TeacherVideo .video{ position:absolute; right:0px; top:50px;}


/*作品欣赏*/
.Designbody .MenuList{ background: #fff url(../img/line.gif) 0px bottom repeat-x;}
.Designbody .MenuList li{ width:16.6666%; float:left;}
.Designbody .MenuList li a{ padding-top:28px;}
.Designbody .MenuList li em{ display:inline-block; margin-left:7px;}
.Prottit{ padding:0 20px 29px 0px; position:relative; margin-bottom:81px;}
.Prottit img{ position:relative; z-index:2; display:block; width:1280px;}
.Prottit .bg{ position:absolute; right:0px; bottom:0px; width:370px; height:220px; background:#d2b281;}

.Designbox{ background:#f4f4f4; padding:81px 0 39px;}
.DesignScroll2{ height:600px; position:relative;}
.DesignScroll2 .box{ overflow:hidden; height:600px;}
.DesignScroll2 li{ float:left; background:#fff; margin-right:33px; width:300px; height:600px; position:relative;}
.DesignScroll2 li .imgbox{height:400px;}
.DesignScroll2 li .info{ text-align:center;}
.DesignScroll2 li .tits{ position:relative; color:#333333; padding-top:25px; font-size:18px; line-height:57px;}
.DesignScroll2 li .tits em{ display:block; line-height:49px; text-transform:uppercase; color:#bfbfbf; font-size:14px; background:url(../img/line2.gif) center top no-repeat;}
.DesignScroll2 li .tits .line{ position:absolute; width:1px; height:46px; left:49%; top:-25px; background:#000;}
.DesignScroll2 li .btnbox a{ width:120px; line-height:35px;}
.DesignScroll2 .prev,.DesignScroll2 .next{ top: 259px;}

.DesignList{ margin:0 0 0 -50px;}
.DesignList li{ width:400px; height:400px; position:relative; margin-left:50px; float:left;}
.DesignList li .imgbox{ height:300px;}
.DesignList li .info{ position:absolute; text-align:center; background:#fff; z-index:2; width:280px; height:160px; bottom:10px; left:50%; margin-left:-140px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.DesignList li .tits{ color:#333333; padding-top:18px; font-size:18px; line-height:53px;}
.DesignList li .tits em{ display:block; line-height:49px; text-transform:uppercase; color:#bfbfbf; font-size:14px; background:url(../img/line2.gif) center top no-repeat;}
.DesignList li:hover .info{ bottom:28px;}
.DesignList .showMorehandle{ width:200px; margin:0px auto;}

/*就业创业*/
.Jobtxt{ font-size:16px; line-height:30px;}
.graybg2{ background:url(../img/graybg.gif);}
.JobFive{ margin:0 0 0 -53px;}
.JobFive .ico img{ display:block; width:140px; height:140px; margin:0px auto;}
.JobFive li{ width:216px; height:416px; padding-left:53px; float:left; text-align:center; line-height:25px;}
.JobFive li h3{ line-height:56px; font-size:16px; color:#333333; padding-top:25px;}

.Jobfour{}
.Jobfour .box{ width:328px;}
.Jobfour .item{ width:328px; height:331px; text-align:center; line-height:25px;}
.Jobfour .item .ico img{ display:block; width:100px; height:100px; margin:0px auto;}
.Jobfour .item h3{ color:#333; font-size:22px; line-height:63px; padding-bottom:5px;}
.Jobfour .img{ margin:-45px 0 60px; width:644px; text-align:center; float:left;}

.Jobcase{ position:relative;height:450px; margin-bottom:49px;}
.Jobcase .box{ overflow:hidden;height:450px;}
.Jobcase ul{ overflow:hidden; zoom:1;}
.Jobcase li{ background:#fff; width:400px; margin-right:50px;}
.Jobcase .imgbox{height:270px;}
.Jobcase .info{ padding:9px 0 13px 21px; line-height:33px;}
.Jobcase .info .tit{ line-height:40px; font-size:20px; color:#333;}
.Jobcase .info em{ display:inline-block; width:192px; vertical-align:middle;}
.Jobcase .detail{ position:relative; border-top:2px solid #f0f0f0; display:block; line-height:48px; padding:0 19px; color:#216773; font-size:16px;}
.Jobcase .detail .arr{ width:17px; height:15px; background:url(../img/more3.gif); position:absolute; right:19px; top:20px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Jobcase li:hover .arr{ right:29px;}

.Jobanalysis{ margin:0 0 15px -40px;}
.Jobanalysis li{ width:630px; height:340px; float:left; margin:0 0 40px 40px; display:inline; background:#fff; box-shadow: 0 8px 20px #eee;}
.Jobanalysis li .info{ line-height:25px; float:left; padding:43px 0 0 30px; width:270px;}
.Jobanalysis li .info .tits h3{ line-height:40px; font-size:20px; color:#333333;}
.Jobanalysis li .info .tits p{ text-transform:uppercase; color:#bebebe; line-height:18px;}
.Jobanalysis li .info .tits i{ display:block; width:40px; height:16px; border-bottom:3px solid #b39a71; margin-bottom:29px;}

.Jobanalysis li .img{ float:right;}
.Jobanalysis li .img img{ display:block; width:300px; height:340px;}

.JobSupport{ margin:0 0 0 -91px;}
.JobSupport .ico{ height:165px;}
.JobSupport .ico img{ display:block; width:140px; height:140px; margin:0px auto; border-radius:50%; box-shadow:4px 5px 30px #ddd;}
.JobSupport li{ width:256px; height:405px; padding-left:91px; float:left; text-align:center; line-height:25px;}
.JobSupport li h3{ line-height:56px; font-size:16px; color:#333333;}


/*直击课堂*/
.ClassTit{ padding-top:46px; height:126px;text-align:center;}
.ClassTit h2{ font-size:30px; color:#333333; line-height:57px;}
.ClassTit h2 i{ display:block; width:40px; height:13px; margin:0px auto; border-top:3px solid #c79c65;}
.ClassTit p{ text-transform:uppercase;color:#999999; line-height:17px;}
.graybg3{ background:#f8f8f8;}
.ClassVideo{}
.ClassVideo .hd{ width:290px; float:left;}
.ClassVideo .hd li{ cursor:pointer; margin-bottom:10px; position:relative;}
.ClassVideo .hd li .imgbox{ height:180px;}
.ClassVideo .hd li .info{ width:100%; z-index:2; position:absolute; left:0px; bottom:0px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff;}
.ClassVideo .hd li .info .t{ text-indent:1em;}
.ClassVideo .hd li .playnum{ display:none; color:#b6b6b6; background:url(../img/playico2.png) 0px center no-repeat;}
.ClassVideo .hd li.on .info{ height:100%; padding:0 5%; width:90%; background:rgba(0,0,0,0.8);}
.ClassVideo .hd li.on .time{ display:none;}
.ClassVideo .hd li.on .playnum{ display:block;}
.ClassVideo .hd li.on .info .t{ text-indent:0em; font-size:16px; font-weight:bold; padding-top:45px;}
.ClassVideo .bd{ width:1000px; float:right;}
.ClassVideo .bd .video{ position:relative;}
.ClassVideo .bd .video .tit{width:100%; z-index:2; text-indent:2em; position:absolute; left:0px; top:0px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px;text-align:center;}

.VideoNav{ text-align:center; height:90px; margin-top:-15px; line-height:40px;}
.VideoNav li{ display:inline-block;*display:inline;zoom:1; margin:0 5px;}
.VideoNav li a{ display:block; width:150px; font-size:20px; color:#fff; background:#969696; border-radius:20px;}
.VideoNav li a:hover,.VideoNav li.onli a{ background:#c79c65;}
.VideoLists{ margin:0 0 15px -40px;}
.VideoLists li{ height:180px; width:630px; float:left; margin:0 0 40px 40px; display:inline; background:#f8f8f8; border-radius:6px;}
.VideoLists li .imgbox{ border-radius:6px 0 0 6px; height:180px; width:290px; float:left;}
.VideoLists li .info{ line-height:33px; color:#999999; padding:26px 0 0 30px; width:290px; float:left;}
.VideoLists li .info .tit{ line-height:49px; font-size:16px;}
.VideoLists li .info .date{ background:url(../img/date.png) 0px center no-repeat; padding-left:23px;}

.videoinfo{ text-align:center; width:1000px; margin:-20px auto 30px;}

.Msgbox{ width:996px; margin:0px auto;}
.Msgbox .textarea{ background:#fff; position:relative; padding:18px 18px 18px 82px; border:2px solid #f0f0f0;}
.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; font-size:16px;}
.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:40px;}
.Msgbox .btn .sendbtn{ width:200px; height:50px; font-size:16px; color:#fff; border-radius:30px; background:#c79c65; cursor:pointer;}
.Msgbox .btn .sendbtn:hover{background:#9f6e2f;}


/*新闻资讯*/
.NewsList{ margin-left:-80px;}
.NewsList li{ width:610px; height:470px; float:left; position:relative; margin-left:80px; display:inline;}
.NewsList li .date{ position:absolute; left:0px; height:299px; width:110px; color:#216773; border-bottom:1px solid #dfdfdf;}
.NewsList li .date em{ display:inline-block; line-height:24px; padding-top:6px; font-size:16px; background:url(../img/datebg.gif);}
.NewsList li .date i{ display:block; line-height:193px; padding-left:34px; font-size:46px; background:url(../img/dateline.gif) 12px center no-repeat;}
.NewsList li .imgbox{ margin-left:110px; height:300px;}
.NewsList li .tit{ font-size:16px; margin-top:3px; line-height:50px;}
.NewsList li .p{-webkit-line-clamp: 2; color:#666;}

.FaqList { padding-bottom:64px;}
.FaqList ul{ margin-left:-88px;}
.FaqList .first{ margin-bottom:14px; height:461px; position:relative; margin-left:88px;}
.FaqList .first .imgbox{ width:691px; height:461px;}
.FaqList .first .info{ z-index:5; position:absolute; right:0px; top:34px; background:#f4f4f4; padding:0 60px; width:520px; height:400px;}
.FaqList .first .info .tit{ padding-top:35px; line-height:64px; font-size:18px;}
.FaqList .first .info .tit i{ display:block; width:40px; height:12px; border-top:3px solid #c79c65;}
.FaqList .first .info .date{ color:#b0b0b0;}
.FaqList .first .info .p{ padding-top:19px; height:150px;}
.FaqList .first .info a.detail{ color:#fff; display:block; text-align:center; width:140px; line-height:40px; border-radius:20px; background:#216773;}
.FaqList .first .info a:hover.detail{ background:#0a4852;}
.FaqList .li{ padding:39px 0 0 88px; width:606px; height:180px; float:left; border-bottom:1px solid #f4f4f4;}
.FaqList .li .imgbox{ border-radius:6px; width:190px; height:140px; float:left;}
.FaqList .li .info{ line-height:25px;width:397px; float:right;}
.FaqList .li .info .tit{ line-height:51px; font-size:16px;}
.FaqList .li .info .p{-webkit-line-clamp: 2;}
.FaqList .li .info .date{ color:#b2b2b2; padding-top:12px;}

.Titleinfo{ border-bottom:1px dashed #d5d5d5; text-align:center; padding-bottom:32px; margin:-25px 0 25px;}
.Titleinfo h2{ color:#333333; line-height:57px; font-size:28px;}
.Titleinfo .other{ color:#999999;}
.Titleinfo .other i{ display:inline-block; margin:0 21px; vertical-align:middle;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0; font-size:16px;position:relative; color:#888888;}
.PrevNextBox dl{ width:49%; line-height:80px; height:80px; text-align:center; overflow:hidden; background:#f7f7f7;}
.PrevNextBox dl a{ color:#666;}
.PrevNextBox dl:hover{background:#c79c65; color:#fff;}
.PrevNextBox dl:hover a{ color:#fff;}
.PrevNextBox dl span{ width:32px; display:inline-block; vertical-align:middle; line-height:16px; height:16px; font-family:"宋体"; font-weight:bold; text-align:left;}
.PrevNextBox dl.prev span{ border-right:1px solid #c6c6c6; margin-right:15px;}
.PrevNextBox dl.next span{ border-left:1px solid #c6c6c6; text-align:right; margin-left:15px;}

.PjList{padding:37px 0px 0px;}
.stithead{ border-bottom:1px solid #f1f1f1; height:72px; line-height:71px;}
.stithead span{ display:inline-block; border-bottom:3px solid #216773; color:#000000; font-size:30px;}

.PjList .item{ border-bottom:1px solid #f0f0f0; padding:0 0 29px 97px; margin-top:36px; position:relative; clear:both;}
.PjList .item .head{ position:absolute; left:0px; top:0px;}
.PjList .item .head img{ width:70px; height:70px; border-radius:50%;}
.PjList .item .name{ height:43px; line-height:43px; color:#333; font-size:20px;}
.PjList .item .date{ float:right; color:#999999; font-size:14px;}
.PjList .item .star{ color:#fccf01; font-size:30px;}
.PjList .item .info{margin:10px 0 18px;}
.PjList .item .hfinfo{ border-radius:0px 10px 10px 10px; padding:20px; background:#f5f9fa; color:#95a2a2;}
.PjList .item .hfinfo .hf{ font-size:18px; color:#5b6e6e; margin-bottom:5px;}
.PjList .item:last-child{ border-bottom:0px; padding-bottom:0;}


/*关于优美*/
.AboutTit{ padding-top:55px; height:113px;text-align:center;}
.AboutTit h2{ font-size:30px; color:#333333; line-height:42px;}
.AboutTit h2 span{color:#c79c65;}
.AboutTit p{ text-transform:uppercase;color:#c79c65; font-family:"Hero Light"; font-size:26px;}

.Aboutus{ position:relative;}
.Aboutus .info{ background:#fff; padding:35px 40px; width:660px; box-shadow:5px 0 25px #ddd; position:absolute; right:0px; top:70px;}
.Aboutus .info h3{ line-height:37px; margin-bottom:5px; font-size:26px; color:#333;}
.Aboutus .info h3 span{color:#c79c65;}
.Aboutus .info h4{ margin-top:36px;color:#c79c65; font-size:16px;}

.AboutBrand{ background:#f8f8f8; padding-bottom:58px;}
.AboutBrand ul{ margin-left:-40px;}
.AboutBrand li{ width:630px; height:200px; background:#fff; position:relative; box-shadow:0 5px 20px #eee; float:left; margin:0 0 40px 40px; display:inline;}
.AboutBrand li .box{ padding:34px 30px 0px 139px; color:#8c8c8c;}
.AboutBrand li .box .ico{ position:absolute; left:20px; top:45px;}
.AboutBrand li .box .tit{ font-size:20px; color:#333333; margin-bottom:16px;}
.AboutBrand li .box .tit span{ color:#999999; text-transform:uppercase; margin-left:5px; font-size:14px;}

.AboutRy{ padding-bottom:58px;}
.RyScroll{ position:relative;height:210px; margin-bottom:49px;}
.RyScroll .box{ overflow:hidden;height:210px;}
.RyScroll ul{ overflow:hidden; zoom:1;}
.RyScroll ul li{ float:left;width:333px !important; overflow:hidden;}
.RyScroll ul li .img{ height:210px; width:300px; display:table-cell; vertical-align:middle;}
.RyScroll ul li .img img{ max-height:210px; width:100%; display:block; margin:0px auto;}
.RyScroll ul li { max-height:210px; width:100%; display:block; margin:0px auto;}
.RyScroll .prev,.RyScroll .next{ top: 85px;}

.Aboutfive{ background:#f8f8f8; padding-bottom:58px;}
.Aboutfive .txt{ text-align:center; margin:0px 0 70px 0;}
.Aboutfive .txt h3{ font-size:14px; color:#333333; margin:-20px 0 11px;}

.Aboutbxll{ padding-bottom:58px;}
.Aboutbxll ul{ margin-left:-33px;}
.Aboutbxll li{ margin:65px 0 62px 33px; width:298px; position:relative; height:379px; float:left; border:1px solid #ececec; text-align:center;}
.Aboutbxll .box{ padding:89px 31px 0px;}
.Aboutbxll .ico{ position:absolute; top:-65px; left:90px;}
.Aboutbxll h3{ line-height:68px; font-size:20px; color:#333333;}
.Aboutbxll h3 i{ display:block; margin:0px auto; width:40px; height:32px; border-top:3px solid #c79c65;}

.styletxt{ line-height:30px; text-align:center; margin:-15px 116px 33px;}
.Videolist{ margin:0 0 0 -20px;}
.Videolist li{ width:420px; position:relative; height:320px; float:left; margin-left:20px; display:inline;}
.Videolist li .imgbox{ height:260px; border-radius:6px;}
.Videolist li .play{ border-radius:6px; position:absolute; width:100%; left:0px; top:0px; height:260px; background:rgba(0,0,0,0.1) url(../img/play.png) center center no-repeat; z-index:2;}
.Videolist li:hover .play{background-color:rgba(0,0,0,0.4);}

.graybg{ background:#f8f8f8;}


/*合作单位 s*/
.Coopreate{ margin:0 0 36px -25px;}
.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; width:370px; margin-left:25px; float:left;}
.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:30px; 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;}
/*合作单位 end*/
.ftfm{}
.ftfm .title{ text-align:center; font-size:48px; color:#94682e; font-weight:bold;}
.ftfm .title span{ color:#94682e;}
.ftfm .ftitle{ font-size:36px; font-weight:bold; text-align:center; ; height:60px;}
.ft_ipt{ display:block; width:430px; height:45px; border-radius:8px; background-color:#cfab80; margin:0 auto; box-sizing:border-box; padding-left:20px; vertical-align:top; margin-bottom:20px;}
.ft_ipt img,.ft_btn img{ display:block; float:left;}
.ft_ipt input{ display:block; float:left; width:340px; border:none; background-color:unset; height:45px; line-height:45px;}
.ft_btn{ display:block; width:253px; height:45px; line-height:45px; background-color:#442906; color:#FFF; text-align:center; box-sizing:border-box; font-size:22px; border-radius:14px; margin:0 auto;}
.ft_btn input{ display:block; width:255px; height:45px; line-height:45px; border:none; background-color:unset; font-size:22px; color:#FFF; margin-top:30px;}
input::-webkit-input-placeholder {color:#fff;}
