@import url(base.css);

body{background-color:#f5f5f5;}

.banner{width:100%;margin-bottom:15px;padding-top:76px;background:#fff;overflow:hidden;}
.banner .wrap{height:500px;}
.scroll{position:relative;overflow:hidden;}
.scroll ul{position:absolute;top:10px;width:20000em;}
.scroll ul li{float:left;}

.big{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;text-align:center;}
.big img{height:500px;}

.thumbs,.thumbs-bg{position:absolute;bottom:15px;height:80px;z-index:2;}
.thumbs{width:795px;left:104.5px;}
.thumbs li{width:105px;height:60px;position:relative;margin-right:10px;cursor:pointer;}
.thumbs li div{display:none;}
.thumbs li img{width:105px;height:60px;}
.thumbs li.active ins{position:absolute;display:block;width:99px;height:54px;top:0;left:0;border:3px solid #ff9008;}

.thumbs-bg{width:911px;left:46.5px;background:#000;filter:alpha(opacity=50);opacity:0.5;z-index:1;}

a.arrow-l,a.arrow-r{background:url(../../images/v2/sxy/arrow.png) no-repeat;width:35px;height:60px;display:block;position:absolute;left:56px;bottom:25px;z-index:2;cursor:pointer;}
a.arrow-r{left:908px;background-position:-35px 0;}

.feature{margin-bottom:55px;}
.feature .feature-section{height:auto;overflow:hidden;}
.feature .feature-title{padding:15px 0 30px 0;}
.feature .feature-title h1{height:28px;line-height:28px;display:inline-block;font-family:"Microsoft YaHei";font-size:26px;color:#222;font-weight:normal;}
.feature .feature-title h1 span{position:relative;display:inline-block;width:9px;height:28px;margin-right:12px;background:#ff9008;vertical-align:top;}
.feature .feature-title a.more{float:right;color:#666;font-size:14px;line-height:20px;background-color:#ececec;padding:4px 20px;border-radius:20px;}
.feature .feature-content ul:after,.feature .feature-content ul:before{content:" ";display:table;}

#feature1 .feature-title h1 span{background-color:#ff9008;}
#feature2 .feature-title h1 span{background-color:#2acca4;}
#feature3 .feature-title h1 span{background-color:#2894cc;}

.figures-list,.tutor-list{width:1020px;margin-left:-15px;}
.figures-list li,.tutor-list li{float:left;background-color:#fff;width:240px;height:260px;margin-bottom:15px;margin-left:15px;}
.figures-list li .figure-title{padding:11px 15px 9px 15px;font-size:14px;color:#333;line-height:21px;display:inline-block;height:42px;}

.tutor-list li{height:285px;}
.tutor-list .tutor-item{position:relative;display:block;height:100%;line-height:1;overflow:hidden;}
.tutor-list .tutor-item img{width:240px;}
.tutor-list .tutor-item .tutor-cover{position:absolute;top:60%;width:200%;border-left:240px solid #000;border-left:240px solid rgba(0,0,0,.3);border-top:70px solid transparent;height:50%;}
.tutor-list .tutor-item .tutor-info{position:absolute;top:60%;left:0;padding:50px 20px 24px;color:#fff;line-height:1.5;text-shadow:0 0 4px rgba(0,0,0,.64);}
.tutor-list .tutor-item .tutor-info .tutor-name,.tutor-list .tutor-item .tutor-info h3,.tutor-list .tutor-item .tutor-info h4{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tutor-list .tutor-item .tutor-info .tutor-name{font-size:14px;}
.tutor-list .tutor-item .tutor-info h3{font-size:24px;line-height:1.25;}
.tutor-list .tutor-item .tutor-info h4{margin-bottom:10px;font-size:12px;color:#ff9008;}
.tutor-list .tutor-item .tutor-info .tutor-desc{visibility:hidden;opacity:0;font-size:14px;}
.tutor-list .tutor-item .tutor-info .tutor-desc i{font-style:normal;}
.tutor-list .tutor-item.hover .tutor-cover{top:-70px;border-left-color:rgba(0,0,0,.7);height:480px}
.tutor-list .tutor-item.hover .tutor-info{top:25%}
.tutor-list .tutor-item.hover .tutor-info .tutor-name{display:none}
.tutor-list .tutor-item.hover .tutor-info .tutor-desc{visibility:visible;opacity:1}