body{background:#fff;}
.magBot{margin-bottom:20px;}
.clear{ clear:both;}
#navWrap{background:#8e0b0f url(../images/bannerBig.jpg) no-repeat center 0;height:390px;}
#navWrap .navCont{width:1000px;margin:0 auto;height:390px;position:relative;}
#navWrap .navCont .navMenu{position:absolute;bottom:30px;left:30%;width:546px;height:44px;padding:0;background:url(../images/navMenu.png) no-repeat;overflow:hidden}
#navWrap .navCont .scrollCls{position:fixed;_position: absolute; _top:expression(documentElement.scrollTop - 310 + "px");bottom:auto;z-index:10000;background:#e97c0b;width:100%;left:0;text-align:center;}



#navWrap .navCont .navMenu div{margn-left:-5px;position:relative;}
#navWrap .navCont .navMenu a{display:inline-block;padding:0 15px 0;border-left:solid 1px #905a2a;border-right:solid 1px #fff;font-size:14px;color:#fff;float:left;line-height:20px;margin-top:10px}

#navWrap .navCont img{position:absolute;top:30px;left:70px;width:241px;height:472px;}

#navWrap .navCont .scrollCls a{float:none;margin-left:-4px;}

#bodyBg{background:url(../images/topBg.png) repeat-x 0 0;}


#wrapper{padding-top:50px;}
.webStudy .intro{width:575px;padding-top:80px;}
#wrapper .acTit{background:url(../images/navLongBg.png) no-repeat center top;text-align:center;font-size:18px;line-height:71px;height:71px;color:#fff;margin-bottom:30px;}
#wrapper .acTit em{display:inline-block; vertical-align:middle;margin-top:-30px;position:relative;}
#wrapper .acTit .and{width:126px;height:126px;background:url(../images/and.png) no-repeat;margin-left:5px;margin-right:5px;}

.tab1{background:#ececec;}
.tab1 tr{background:#fff;}
.tab1 thead th{font-weight:700;}
.tab1 th,.tab1 td{text-align:center;font-weight:400;}
.tab1 td{color:#d6880d}
.tab1 tbody th{text-align:left;padding-left:10px;}
.tab1 td em{cursor:pointer;}
.tab1 td em.buyBtn,.tab1 td i{display:inline-block;background:url(../images/icon.png) no-repeat;}
.tab1 td i.listenIcon{background-position:0 0;width:16px;height:16px; vertical-align:middle}
.tab1 td em.buyBtn{background-position:-27px 0;width:51px;height:23px;text-align:center;color:#fff;line-height:23px;}

.videoCont{width:650px;margin:0 auto;padding:20px 0;}


.assigBot{background:#f6f6f6 url(../images/mouseIcon.png) no-repeat 100px scroll;padding:15px 0;margin-bottom:50px;line-height:30px;}
.stepIntro{margin-bottom:50px;padding-left:0;}
.stepIntro .commenDiv:before{  content: '';
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  background: #ee333a;
  top: -4px;
  left: 45%;
  box-shadow: -1px -1px rgba(0, 0, 0, 0.2);}
.stepIntro .a2:before{background:#fba01c}
.stepIntro .a3:before{background:#b3d236}
.stepIntro .a4:before{background:#00a650}
.stepIntro .a5:before{background:#0083cb}
.stepIntro .a6:before{background:#5f52a0}

.stepIntro .commenDiv{background:#fff;float:left;width:15%;margin:0 5px;position:relative;font-size:12px;}
.stepIntro .commenDiv h4{color:#fff;font-size:14px;text-align:center;padding:2px 0 3px}
.stepIntro .commenDiv p{padding:5px;}
.stepIntro .a1 h4{background:#ee333a;}
.stepIntro .a2 h4{background:#fba01c;}
.stepIntro .a3 h4{background:#b3d236;}
.stepIntro .a4 h4{background:#00a650;}
.stepIntro .a5 h4{background:#0083cb;}
.stepIntro .a6 h4{background:#5f52a0;}

.goodLst{margin-left:18px;}
.goodLst li{float:left;margin:0 0 8px 8px;position:relative;display:inline;overflow:hidden;}
.goodLst .a4{height:149px;width:142px}
.goodLst .a7{width:298px;height:150px;}
.goodLst li .bgBlk,.goodLst .lst{background:#000;position:absolute;}
.goodLst li .bgBlk{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;top:0;width:100%;height:100%;}
.goodLst li img{display:block;}
.goodLst .lst{background:none;color:#fff;left:10px;bottom:15%;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;width:auto;height:auto;right:10px;}


.wholeLst dt{font-size:18px;margin:20px 0 8px;}
.wholeLst dd{margin-left:15px;line-height:24px;color:#666}
.wholeLst dd em{width:80px;}
.wholeLst dd p{padding-left:80px;}


.tabbox{ background:url(../images/aca2_14.jpg) no-repeat; width:338px; height:474px; float:left; padding-top:50px; padding-left:2px; padding-right:2px;}
.tabb{ border-collapse:collapse;}
.tabb td{ border-bottom:2px solid #fff; font-size:14px; height:24px; line-height:24px;}
.tabb td a{ background:url(../images/ren.jpg) no-repeat left center; line-height:24px; padding-left:30px; color:#0077be;}




/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1000px) {
	
}

/************************************************************************************
smaller than 767
*************************************************************************************/
@media screen and (max-width: 767px) {

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
	
}