@charset "utf-8";
body{ background-color:#fff;}

/*banner*/
/*#bannerBox{margin:0 auto;position:relative;overflow:hidden;z-index:1;line-height:0;background:url(../images/loading.gif) center center no-repeat #f2f2f2;}
#banner{ position:relative; width:1920px; left:50%; margin-left:-960px;}
#banner .swiper-wrapper{ position:relative; }

#bannerBox a.prev,#bannerBox a.next{  position:absolute; top:45%; z-index:100; height:50px; width:50px; -moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;background:url(../images/element.png) left -174px no-repeat; cursor:hand; cursor:pointer;}
#bannerBox a.prev:hover,#bannerBox a.next:hover{-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#bannerBox a.prev{ left:5%;}
#bannerBox a.next{ left:auto; right:5%;background-position:-50px -174px;}*/
/* banner */
#banner{ position:relative; z-index:10; width:100%; height:450px; overflow:hidden; text-align:center; background:#f2f2f2; margin:0 auto;min-width:1200px;}
/*幻灯片*/
.Slideshow{ position:relative;width:1920px; height:450px; left:50%; margin-left:-960px; overflow:hidden;background:url(../images/loading.gif) center center no-repeat #f2f2f2; text-align:center; float:left;}
.Slideshow li{ position:absolute; left:0; top:0; z-index:90; width:1920px; height:450px; overflow:hidden; display:none; *display:expression(this.previousSibling==null?'block':'none');}
.Slideshow li:first-child{ display:block;}
#banner a.prev,#banner a.next{  position:absolute; top:45%; z-index:100; height:50px; width:50px; -moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;background:url(../images/element.png) left -174px no-repeat; cursor:hand; cursor:pointer;}
#banner a.prev:hover,#banner a.next:hover{-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#banner a.prev{ left:5%;}
#banner a.next{ left:auto; right:5%;background-position:-50px -174px;}

/*转折*/
#zz{ background:#f8eee4; padding:10px 0;}

/*O2O训战班*/
#O2O{ padding-bottom:60px;}
#O2O1-1,#O2O1-3{ font-size:14px; margin-top:50px; line-height:30px;}
#O2O1-1{ float:left; width:430px; text-align:right;}
#O2O1-2{ float:left;}
#O2O1-3{ float:left; margin-left:40px;}

/*增值服务*/
#valueAdd{ background:#00cccb; overflow:hidden; line-height:0;}
#valueAdd-1{ margin-top:50px; position:relative; height:370px;}
#valueAdd-1 span{ display:inline-block; position:absolute; width:175px; line-height:175%; color:#216b71;}
#valueAdd-1 span b{ font-size:20px; color:#15242f; line-height:200%;}
#valueAdd-f1{ left:44px; top:168px;}
#valueAdd-f2{ left:234px; top:36px;}
#valueAdd-f3{ left:445px; top:165px;}
#valueAdd-f4{ left:630px; top:48px;}
#valueAdd-f5{ left:828px; top:228px;}
#valueAdd-f6{ left:1025px; top:90px;}

/*案例 讲师*/
#cases{ background:url(../images/bg.jpg) center -75px no-repeat #f5f5f5; overflow:hidden; padding-bottom:50px;}

.picList{ overflow:hidden; position:relative;}
.picList ul{ position:absolute; left:0; top:0; height:100%; width:9999px;}
.picList li a b,.picList li a em{ display:inline-block; clear:both; margin:0 auto; width:100%; padding:0 10%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.picList li a b{overflow:hidden; font-size:16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.picList li a em{ height:4em; overflow:hidden; color:#5c6368; font-style:normal;}
.picList li a i{ position:relative; display:inline-block; width:25px; height:18px; background:url(../images/element.png) left -156px no-repeat; margin:0 auto;}
.picList li:hover b,.picList li:hover em{ color:#fe6770;}
.picList li:hover i{ background-position:-30px -156px;}
.picList li:hover a.expertPic img{filter:none; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none;}

#hotCase{ height:365px;}
#hotCase li{ position:relative; float:left; width:222px; text-align:center; margin:0 39px;}
#topExpert{ height:325px;}
#topExpert li{ position:relative; float:left; width:182px; text-align:center; margin:0 29px;}
a.casePic{ position:relative; display:inline-block; width:220px; height:220px; border:#ced0d1 1px solid; background:#fff; overflow:hidden; margin-bottom:6px; border-radius:50%; }
a.expertPic{position:relative; display:inline-block; width:180px; height:180px; border:#fff5e4 3px solid; background:#fff; overflow:hidden; margin-bottom:6px; border-radius:50%;}
a.casePic img,a.expertPic img{ position:relative; width:100%; }
a.expertPic img{/*filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%);*/}
a.casePic span,a.expertPic span{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/Zoom.png) center center no-repeat; display:none;}


/*讲师团*/
#expert{ background:#f6e8db; overflow:hidden;}

/*专家观点*/
#dbQuotes1{ position:relative; z-index:10; width:56px; height:56px; overflow:hidden; background:url(../images/element.png) -56px -62px no-repeat; float:left; margin-left:30px;}
#dbQuotes2{ position:relative; z-index:10; width:56px; height:56px; overflow:hidden; background:url(../images/element.png) -114px -62px no-repeat; float:right; margin-right:30px;}

#index_Viewpoint{  position:relative; z-index:10;margin:0 auto 50px auto; text-align:center; width:1000px;line-height:180%; height:9em; overflow:hidden; color:#341100; font-size:15px;}
#index_Viewpoint a{color:#341100; font-size:15px;}#index_Viewpoint a:hover{ color:#15242f;}
#index_Viewpoint p{ margin:0; padding:0; overflow:hidden;  max-height:5.4em;}
#Viewpoint_btn{ position:relative; z-index:10; text-align:center; width:100%; margin-top:-14px;}
.prevOne,.nextOne,.viewMore{ width:28px; height:28px; display:inline-block; overflow:hidden; background:url(../images/element.png) -20px -33px no-repeat;margin:0 4px; cursor:hand; cursor:pointer;}
.nextOne{ background-position:-56px -33px;}.nextOne:hover{ background-position:-128px -33px;}
.viewMore{ background-position:-110px -174px;}.viewMore:hover{ background-position:-145px -174px;}
.prevOne:hover{ background-position:-92px -33px;}

/*学员心声*/
#voices{ position:relative; margin-right:-30px; float:left;}
#voices dl{ float:left; width:585px; margin:16px 30px 16px 0;}
#voices dt{ font-size:14px; width:20px; padding:7px; background:#00cccb; float:left; display:inline-block; text-align:center; color:#fff; line-height:140%;}
#voices dd.pic{ float:left; border:#e1e1e1 1px solid; border-right:none; line-height:0; width:180px; height:180px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
#voices dd.pic img{ max-height:100%; max-width:100%;}
#voices dd.cont{ position:relative; height:180px; width:370px; float:left; padding:10px 15px; border:#e1e1e1 1px solid; border-left:none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#voices dd.cont p{ margin:0; padding:0; line-height:200%; max-height:10em; overflow:hidden;}
#voices dd.cont p:hover{position:absolute; left:0; top:0; background:#fff;margin:10px 15px; overflow:visible; max-height:none; z-index:10; padding-bottom:25px;}
#voices dd.cont span{ position:absolute; left:auto; right:15px; bottom:10px; display:inline-block; width:100%; text-align:right; color:#6b7e8b;}
#voices dd.cont span b{ font-weight:normal; color:#00cccb; margin-left:5px;}

/*关于*/
#about{ background:url(../images/bg2.jpg) center top no-repeat #eeeff0; overflow:hidden;}
#indexAbout{ padding:20px 0 100px 0;}

/*公共按钮*/
.btns{ margin:0 auto 30px auto;}
.btns a{ display:inline-block; height:22px; line-height:22px; width:78px; border-radius:25px; background:url(../images/element.png) 6px -225px no-repeat #00cccb; cursor:hand; cursor:pointer; margin:0 4px;}
.btns a:hover{ background-color:#fe6770;}
a.btn_prev{}
a.btn_next{ background-position:-60px -225px;}
a.more{background-position:-126px -225px;}
#expert .btns a{ background-color:#ffc15c;}
#expert .btns a:hover{ background-color:#fe6770;}

/*更多*/
.more2{ text-align:right; margin:10px 0 40px 0;}
.more2 a{ display:inline-block; color:#ffc15c;}
.more2 span{ display:inline-block; width:38px; height:38px; vertical-align:middle; background:url(../images/element.png) -90px -120px no-repeat; margin-left:10px;}
.more2 a:hover{ color:#fe6770;}
.more2 a:hover span{ background-position:-130px -120px;}

/*课程资讯*/
#index_News{ background:#fff; padding:0; overflow:hidden;}
#indexNews{ position:relative; margin:0 -30px 0 0; float:left;}
#indexNews dl{ float:left; width:585px; margin:16px 30px 16px 0;}
#indexNews dt{ font-size:12px; letter-spacing:-1px; width:50px; padding:8px 0 8px 0; background:#00cccb; float:left; display:inline-block; text-align:center; color:#fff; line-height:150%; margin-top:1px;}
#indexNews dt b{ font-size:22px; letter-spacing:0;}
#indexNews dd.pic{ float:left; border:#e1e1e1 1px solid; background:#fff; border-right:none; line-height:0; width:180px; height:135px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden;}
#indexNews dd.pic img{ width:100%;}
#indexNews dd.cont{ position:relative; background:#fff; height:135px; width:355px; float:left; padding:10px 15px; border:#e1e1e1 1px solid; border-left:none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#indexNews dd.cont a{ display:inline-block; width:100%; font-size:15px; font-weight:bold; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding-left:8px; background:url(../images/element.png) left top no-repeat; margin-top:5px;}
#indexNews dd.cont p{ margin:0; padding:0; line-height:160%; max-height:4.8em; overflow:hidden; color:#6b7e8b;}