/* CSS Document */
body {height:100%; background:#bdbec1; font:12px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;font-family:"微软雅黑 Light";}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}

a, a:active, a:visited {text-decoration:none; }
a:hover {text-decoration:none;}
input:focus, textarea:focus {outline:none;}
.mapcss area:focus {outline:none;}
 

/*  All  */
.footer:after, .wraper:after{content:'';display:block;height:0;clear:both;}
/*a*/
a.login{color:#fff; cursor:pointer; font-weight:bold; text-indent:2em;}
a.login:hover{ text-decoration:underline}

a.purple{color:#383838; cursor:pointer;}
a.purple:hover{ text-decoration:underline; color:#9f2b72; }

a.blu_b{color:#0071c5; cursor:pointer; font-weight:bold;}
a.blu_b:hover{ text-decoration:underline}

a.wrt_b{color:#ffffff; cursor:pointer; font-weight:bold;}
a.wrt_b:hover{ text-decoration:underline}

/*---------------------------------------header-------------------------------------------------------------*/
.headerwraper{ background:#9f2b72 center top repeat-x;width:100%; margin:0 auto; }
.header{ height:92px; margin:0 auto; width:978px; position:relative;}
.header .logo{ display:block; float:left; background:url(../images/logo.png); width:517px; height:47px; margin:25px 0 0 16px;}
.header .topmenuwraper{ float:right; margin-top:25px; margin-right:17px;}
.header .topmenu{ display:block; float:right; position:relative; color:#e7e7e8; margin-right:15px; font-size:13px;}
.header .topmenu span b{ border-left:1px solid #fff; margin:0 11px;}
.header .topmenu span a{ color:#fff;}
.header .topmenu span a:hover{ text-decoration:underline; cursor:pointer;}
.header .language{ display:block; float:right; margin-top:2px;}
.header .language .lang_en{ display:block; background: url(../images/icon.png) 0 0 no-repeat; width:24px; height:13px; cursor:pointer;}
.header .language .lang_cn{ display:block; background: url(../images/icon.png) -35px 0 no-repeat; width:24px; height:13px; cursor:pointer; display:none;}
.header .language a{ color:#fff; font-family:"Arial"; font-size:13px; cursor:pointer;}
.header .language a:hover{ text-decoration:underline;}


/*---------------------------------------footer-------------------------------------------------------------*/
.footerwraper{ background:#898989 center top repeat-x;width:100%; float:left; }
.footer{ height:105px; margin:0 auto; width:978px; position:relative;}
.footer .footerin{ padding:20px 124px 0px 111px}
.footer .logo{ display:block; float:left;}
.footer .logo p{ margin-bottom:9px}
.footer .others{ display:block; float:right;}
.footer .others p{ font-size:12px; color:#fff; line-height:20px;} 
.footer .others p a{color:#fff;}
.footer .others p a:hover{ text-decoration:underline;}

/*-------------------------------------container------------------------------------------------------------*/
.containerwraper{ width:978px; margin:0 auto;}
.container{ width:944px; position:relative; background:#fff; padding:15px 17px; float:left}
.container_sec{ width:954px; position:relative; background:#fff; padding:37px 24px 100px 0; float:left; min-height:592px;}
.container_sec2{ width:978px; padding-right:0px;}

.coursecont{ width:100%; display:inline-block;background:#fff;}
.coursecont .toppart{ padding:35px 60px 10px 60px; }
.coursecont .toppart2{ padding:35px 40px 10px 40px; }
.coursecont .toppart2 .leftside{ width:900px; margin-right:28px;margin-bottom: 10px;height: 120px;background-color: #9f2b72;}
.coursecont .toppart2 .leftside .title{ text-align: center; font-size:32px; color:#fff; font-weight:lighter; margin-bottom:6px; letter-spacing: 10px;padding-top: 10px;}
.coursecont .toppart2 .leftside .title2{ text-align: center; font-size:18px; color:#fff; font-weight:lighter; margin-bottom:6px; letter-spacing:6px;}
.leftside .title3{ text-align: center; font-size:32px; color:#fff;font-family:"微软雅黑 Light"; font-weight:lighter; margin-bottom:16px; padding-top: 10px;}
.leftside .title4{ text-align: center; font-size:18px; color:#fff;font-family:"微软雅黑 Light";  font-weight:lighter;padding-bottom: 6px; }
.coursecont .toppart .leftside{ width:854px; margin-right:28px;margin-bottom: 10px;height: 120px;background-color: #9f2b72;}
.coursecont .toppart .leftside .title{ text-align: center; font-size:32px;font-family:"微软雅黑 Light";  color:#fff; font-weight:lighter; margin-bottom:16px; padding-top: 10px; letter-spacing: 10px;}
.coursecont .toppart .leftside .title2{ text-align: center; font-size:18px;font-family:"微软雅黑 Light";  color:#fff; font-weight:lighter; padding-bottom: 6px; letter-spacing:6px;}
.indexcard{ margin-bottom: 10px; }
.indexcard .card.square_s{ width:272px; /*background:#c9c9ca;*/ }
.indexcard .card.square_q{ width:222px; /*background:#c9c9ca;*/ }
.bgc_dgray{ background:#898a8a;}
.bgc_purple{ background:#9f2b72;}
.indexcard .card{float:left; }
.indexcard .ml1{ margin-left: 20px;}
.indexcard .mt1{ margin-top: 26px;}
.indexcard .mr2{ margin-right:20px;}
.ml_1{padding-left: -18px;}
.indexcard .card a{ display:block;}
.indexcard .card .btmtip{  height:49px; line-height:49px; overflow:hidden; margin-bottom: 6px;}
.indexcard .card .btmtip.arib{ font-size:19px;color: #fff;  font-weight: normal; letter-spacing:6px;text-align: center;}

.indexcard .card .btmtip.arib2{ font-size:19px;color: #fff;  font-weight: normal; text-align: center;}
.indexcard .card .btmtip.def{ font-size:20px; letter-spacing:1px;}
.indexcard .card .btmtip.arib span{ padding:0 7px;}
.indexcard .card .btmtip span{ padding:0 16px;}
.indexcard .card.rectangle{ width:372px; height:255px; /*background:#c9c9ca;*/ }
.bg_cour{height: 200px;background-color: #898a8a;}
.wordin {cursor:pointer; }
.wordin .left{padding: 20px 0px 10px 65px;}
.wordin .right{ text-align: center;}


/*-------------------------------------------课程概况------------------------------------------------------------*/
.secmenu{ width:100%; display:block; clear:both;height:34px; line-height: 30px; background: #fff;border-bottom: 1px solid #c1c1c1;}
.secmenu .pic{ width: 100px; height:24px; margin: 6px 10px;}
.secmenu .pic span{ font-size:16px; font-weight: bold; margin-left: 8px;color: #970345;}
.indexcardwraper{width:856px;}

.indexcardwraper2{width:900px;margin: 0 auto;}
.title_unit{width: 856px; }
.title_unit2{width: 900px;}
.title_unit2 .unit{ font-size:19px;color: #fff;  font-weight: normal; letter-spacing:6px; }
.title_unit2 .unit2{ font-size:19px;color: #fff;  font-weight: normal; }
.title_unit2 .btunit{height:49px; line-height:49px; overflow:hidden;  padding:0 26px;}
.title_unit .unit{ font-size:19px;color: #fff;  font-weight: normal; letter-spacing:6px; }
.title_unit .unit3{ font-size:19px;color: #fff;  font-weight: normal;}
.bg_word{background-color: #eeefef;}
.title_unit .btunit{height:49px; line-height:49px; overflow:hidden;  padding:0 26px;}
.courseinfo{  padding:20px 26px;}
.courseinfo .title{ font-size:20px; color:#000; font-weight:bold;margin-bottom: 6px;}
.courseinfo .font15{font-size: 15px;margin-bottom: 20px;}
.courseinfo .sqps{border-bottom: 1px solid #c1c1c1;padding-bottom: 20px;}
.courseinfo .title2{ font-size:16px; color:#000; font-weight:bold;margin-bottom:20px; margin-bottom: 10px;}
.courseinfo .cont{text-align: justify;text-justify:inter-ideograph; font-size: 14px;}
.teacherinfoin{ width:200px; float:left; margin: 25px 0px 15px 28px; text-align: center;font-size:13px; color:#585858;line-height:20px; margin-left:50px;}
.teacherinfoin .list .namecard .name{ padding:10px 0; font-size:12px; text-align:center;}
.teacherinfoin .list .namecard .name .top{ color:#000; margin-bottom:2px; font-weight: bold;font:14px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;}
.teacherinfoin .list .namecard .name .btm{ color:#585858; line-height:17px;font:12px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;}
.namecard .face{text-align: center;}
.courseinfo .numb{height: 30px; }
.courseinfo .numb ul{font-size: 15px;text-align: center;line-height: 30px;}
.courseinfo .numb ul li{list-style: none;float:left;display: block; width: 124px;height: 30px;background-color: #9f2b72; color: #fff;}
.line{background-image:url(../course/course1/images/line.png) ; width: 84px; height: 34px;
	position: relative;	z-index: 999;left: 28px;height: 34px;top: -36px;}
.courseinfo .line_aa{text-align: center; padding-top: 10px;}
.numb .onelist{ float: left; margin: 0px 13px; width:252px; height:172px; margin-top:30px;margin-bottom: 20px; border:1px solid #970345; background:#FFF;}
.numb .onelist .cont .pic{ width:240px; height:135px; float:left;}
.numb .onelist .cont .pic img{ width:240px; height:135px;}
.numb .onelist .cont{ padding:6px; height:135px;}
.numb .onelist .cont .info{ margin-left:19px; width:118px; float:right; padding-top:10px;color:#970345;}
.numb .onelist .cont .info p{ margin-bottom:13px; padding-left:24px; position:relative;}
.numb .onelist .cont .info p span{ font-size:11px; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.numb .onelist .cont .info p.time b{ background:url(../images/icon.png) 0 -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.numb .onelist .cont .info p.recom b{ background:url(../images/icon.png) -25px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.numb .onelist .cont .info p.browse b{ background:url(../images/icon.png) -48px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.numb .onelist .cont .info p.comm b{ background:url(../images/icon.png) -72px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.numb .onelist .title{ text-align:center; height:28px; line-height:28px; display:block; color:#fff; font-size:16px; font-weight:bold;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f2b72', endColorstr='#970345',GradientType=0 );
background: -moz-linear-gradient(top,  #9f2b72 0%, #970345 100%);
background: -webkit-linear-gradient(top,  #9f2b72 0%,#970345 100%);
background: -o-linear-gradient(top,  #9f2b72 0%,#970345 100%); 
background: -ms-linear-gradient(top,  #9f2b72 0%,#970345 100%); 
background: linear-gradient(to bottom,  #9f2b72 0%,#970345 100%);
}
.numb a{cursor:pointer; }