@import url('goble.css');
@import url('header.css');

/*左导航*/
.left_side{ float:left;width:240px;}
.left_side .nav{}
.left_side .nav li{ margin-bottom:3px; height:40px;}
.left_side .nav li a{ position:relative; padding-left:32px; display:block; height:40px; line-height:40px; background:#e1242d;}
.left_side .nav li a:before{ position:absolute; left:23px; top:12px; width:4px; height:15px; opacity:0.5; filter:alpha(opacity=50); background:#fff; content:"";}
.left_side .nav li a:after{ display:none; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#90171d; content:"";}
.left_side .nav li a span{ display:inline-block; font-size:15px; color:#ffffff;}
.left_side .nav li a i{ display:none; margin-left:10px; width:26px; height:8px; background:url(../images/side_nav_arrow.png);}
.left_side .nav li.select a:before{opacity:1; filter:alpha(opacity=100);}
.left_side .nav li.select a:after{ display:block;}
.left_side .nav li.select a span{ font-weight:800;}
.left_side .nav li.select a i{ display:inline-block;}
.left_side .nav li:hover a:before{opacity:1; filter:alpha(opacity=100);}
.left_side .nav li:hover a:after{ display:block;}
.left_side .nav li:hover a span{ font-weight:800;}
.left_side .nav li:hover a i{ display:inline-block;}


.panel-sd{margin:20px auto;border:1px solid #d1d1d1;}
.panel-sd:last-child{margin-bottom:0}
.panel-sd .tit{text-align:left;font-size:16px;padding:18px 0 18px 20px;background:#00a1e7;text-transform: uppercase; color: #eea769;}
.panel-sd .tit span{ font-size: 20px; display: block;  font-weight: bold; color: #FFF; }
.panel-sd .tit i{font-size: 18px;font-weight:600;color: #FFF;}

.contact-sd{padding:30px 20px;width:240px;}
.contact-sd .tel{background:url(../images/ny-tel.jpg) no-repeat; padding-left: 55px;height:37px;line-height:37px;}
.contact-sd .tel strong{color:#e51646;font-size:18px;display: block;}
.contact-sd .cont{margin-top: 8px; }
.contact-sd .cont p{margin:0;line-height:30px;font-size:15px;}

.nav_t{LINE-HEIGHT: 60px;WIDTH: 280px;BACKGROUND: #00a1e7;HEIGHT: 60px;COLOR: #fff;FONT-SIZE: 18px;font-weight:600;text-indent:20px;}
.nav_list{BORDER-BOTTOM: #DFDFD5 1px solid;LINE-HEIGHT: 40px;WIDTH: 280px;HEIGHT: 40px;background: #efefef;background:url(../images/list02.gif) no-repeat 10px 17px;padding-left:20px;}
.nav_list A{DISPLAY: inline;COLOR: #000;MARGIN-LEFT: 15px;FONT-SIZE: 14px}
.nav_list a: hover{color: #FFEB12;}

.subNav {width:230px;}
.subNav li {line-height:46px;}
.subNav li a {display:inline-block;padding:0 10px 0 40px;width:100%;font-size:14px;border-bottom:1px solid #ddd;color:#555;background:#efefef url(../images/list02.gif) no-repeat 20px 17px;}
.subNav li a:hover{color:#003a63;background:#efefef url(../images/list02.gif) no-repeat 20px 17px;}
.subNav li.active>a{color:#fff;background:#00b3d7  url(../images/list01.gif) no-repeat 20px 17px;}

.subNav li ul {background:#eee !important;display:none;}
.subNav li ul li {line-height:46px;}
.subNav li ul li a {padding:0 20px 0 40px;font-size:12px;border:none;background:none;}
.subNav li ul li a:hover {background:#ddd;}

.subNav li.active ul{display:block;}

/*  关于我们 */
.about_3 div{ width:1128px;}
.about_3 dl{ width:376px; float:left}
.about_3 dd{ margin-right:30px; padding-top:10px;}

/*名师团队*/
.ct2-mn{margin: 0 auto;}
.list-3{margin:-20px 0 0 -20px}
.list-3 li{float:left;width:25%;}
.list-3 li a{display:block;margin:20px 0 0 20px;text-align:center;}
.list-3 li .img-cover{border:1px solid #ddd;padding-top:76%}
.list-3 li .text{line-height:40px;position:relative;padding: 0 14px;font-size: 16px;}
.list-3 li .text p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;transition:all 0.5s;color:#666;}
.list-3 li a:hover .img-cover span{ transform:scale(1.1); }

.img-cover{overflow:hidden;position:relative;width:100%;height:160px;}
.img-cover span{display:block;width:100%;height:100%;background:no-repeat center / cover;transition:all 0.5s;position:absolute;left:0;top:0}


/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}


/*内容*/
.pagerighttitle{width:900px; background-image:url(../images/pagetitlebg.jpg); height:44px; color:#666; font-size:16px; font-weight:bold; padding-left:42px; padding-top:20px;}
.pagenote{border:1px solid #E6E6E6; width:900px; padding:20px;color:#444;line-height:30px; font-size:15px; background-color:#FAFAFA;min-height:400px;}


/*内容 新闻*/
.weblist li{height:40px; line-height:39px; overflow:hidden; position:relative; font-size:14px; background:url(../images/line.gif) bottom repeat-x; color:#999;margin-right:15px;}
.weblist li span{position:absolute; top:0px; right:10px; white-space:nowrap;}
.weblist li a{background:url(../images/ico2.gif) 2px center no-repeat; padding-left:12px;color:#666;}
.weblist li a:hover{background:url(../images/ico1.gif) 2px center no-repeat;}


/* 标题 */
.title_web{ color:#f45751; font-size:30px; text-align:center;height:50px; padding-top:30px; margin:0 30px; font-weight:normal}
.title_web_m{ text-align:center; font-size:14px; padding-bottom:20px;}
.title_web_s{text-align:center; font-size:20px; line-height:52px; height:52px; border-bottom:1px solid #f4f4f4; border-top:1px solid #f4f4f4; margin:0 30px; color:#f45751}

/* 校区展示 */
.hjone_x{PADDING-BOTTOM: 10px;LINE-HEIGHT: 22px;margin:0 auto;}

.albumblock_x{padding:10px 18px;float: left;}
.albumblock_x .inner_x{width: 260px;height: 225px;position: relative;border: 1px solid #dedede;overflow: hidden;background:#eee;}
.albumblock_x .inner_x img{width: 260px;height: 190px;}
.albumblock_x .inner_x .albumtitle_x{height: 30px;line-height: 30px;font-size: 12px;width: 230px;position: relative;bottom: 0px;left: 0;color: #d00d16;font-weight: ;text-align: center;cursor: pointer;margin: auto;overflow: hidden;}
.albumblock_x .inner_x a{color: #666;font-size:15px;}
.albumblock_x .inner_x a:hover{text-decoration: none;}
.albumblock_x .inner_x a:visited{text-decoration: none;}
.albumblock_x .inner_x:hover{border: 1px solid #B90302;}



/*photolist*/
.pagearea{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist li a{display:block;width:335px;height:240px;overflow:hidden;position:relative;}
ul.photolist li img{position:absolute;height:240px;width:320px;}

ul.photolist li a .n{position:absolute;width:335px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist li a .bg{position:absolute;width:320px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist li a:hover .bg,ul.photolist li a:active .bg{background:#005ea3;filter:alpha(opacity=80);opacity:0.8;}
ul.photolist li a b{ width:320px; height:200px; display:block; position:absolute;top:-200px;filter:alpha(opacity=60);opacity:0.6; cursor:pointer;
background:url(../images/eye.png) center center no-repeat #005ea3;_background:url(../images/eye.gif) center center no-repeat #005ea3;}
ul.photolist li a:hover b,ul.photolist li a:active b{ top:0;filter:alpha(opacity=80);opacity:0.8;}

/*photolist2*/
.pagearea2{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist2{float:left; width:1080px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist2 li{float:left;margin-bottom:22px;margin-left:20px;overflow:hidden;}
ul.photolist2 li a{display:block;width:250px;height:330px;overflow:hidden;position:relative;}

ul.photolist2 li img{position:absolute;height:290px;width:250px;}

ul.photolist2 li a .n{position:absolute;width:250px;height:40px;line-height:40px;font-size:16px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist2 li a .bg{position:absolute;width:250px;height:40px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist2 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/*photolist3*/
.pagearea3{overflow:hidden;width:1100px;margin:0 auto;}

ul.photolist3{float:left; width:1100px; overflow:hidden; padding-top:30px;padding-bottom:20px;}
ul.photolist3 li{float:left;margin-bottom:22px;overflow:hidden;width:275px;}
ul.photolist3 li a{display:block;width:260px;height:190px;overflow:hidden;position:relative;}

ul.photolist3 li img{position:absolute;height:190px;width:260px;}

ul.photolist3 li a .n{position:absolute;width:260px;height:35px;line-height:35px;font-size:14px;color:#fff;text-align:center;bottom:0;display:block;cursor:pointer}

ul.photolist3 li a .bg{position:absolute;width:260px;height:35px;display:block;background:#000;filter:alpha(opacity=60);opacity:0.6; bottom:0}

ul.photolist3 li a:hover .bg,ul.photolist li a:active .bg{background:#ff0000;filter:alpha(opacity=80);opacity:0.8;}


/* 内容 */
.web_title{ height:40px; line-height:40px; margin:0 40px; padding-top:30px; text-align:center}
.web_title h3{font-size:22px;color:#666;}
.web_scontent{text-align:center; border-bottom:1px dashed #ccc; margin:20px;line-height:20px;}
.imgpson{ position:; height:auto}

.web_content{padding:20px; text-align:left; font-size:14px;line-height:30px;}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}
.case_page_bc{margin:0 40px; padding:0 0 40px 0}