@charset "utf-8"; /* index	首页 */
@import url(common.css);

/*通用*/
body{ background-image: url(images/bbg2.gif); color: #000;}
body.info{ background-image: url(images/bbg3.gif);}

.banner{ width: 980px; height: 120px; background: url(images/pei_06.gif) no-repeat 0 30px;}
.banner .import{ background: url(images/pei_03.gif); width: 247px; height: 68px; position: absolute; margin: 15px 0 0 730px; text-indent: -9999px;}

.inbox{ width: 980px; margin-bottom: 12px; float:left;}

.more { background: url(images/more1.gif); width: 26px; height: 7px; float: right; margin: 13px; overflow: hidden;}

.plbox { width: 675px; float: left; overflow: hidden;}
.prbox { width: 283px; float: left; display: inline; margin-left: 20px; border: 1px solid #ccc;}

.tt { font-weight: bold; font-size: 14px; padding-left: 15px;}
.tt1 { border-top: 2px solid #cc0000; border-bottom: 1px solid #ccc; color: #c11111; height: 32px; line-height: 32px; padding-left: 35px; background:#fff url(images/news0_26.gif) no-repeat 20px 12px; }
.tt2 { border-bottom: 1px solid #cc0000; height: 38px; line-height: 38px; padding-left: 20px; background: url(images/pei_21.gif) repeat-x 0 0; }
.tt1 .more { *margin-top: -18px;}
.tt2 .more { margin-top: 20px;}
.prbox .tt { font-size: 13px; color: #cc0000;}

/*------------------------------------------------------频道页----------------*/
/*课程类别*/
.plbox.p1 { width: 673px; height: 120px; border: 1px solid #ccc;}
.plbox.p1 .tt { height: 28px; background: url(images/pei_11.gif) repeat-x 0 0; overflow: hidden; padding-left: 0;}
.plbox.p1 .tt .ti { font-size: 12px; height: 28px; line-height: 28px; padding-left: 35px; width: 110px; color: #fff; font-weight: bold; background: url(images/pei_11.gif) no-repeat 0 -28px; float: left;}
.plbox.p1 ul { float: left; width: 680px; display: inline; margin: 15px 0 0 20px;}
.plbox.p1 li { float: left; width: 77px; height: 22px; line-height: 22px; font-weight: bold; color: #666; padding-left: 5px; background:url(images/dot3.gif) no-repeat scroll 0 center;}
.plbox.p1 li a { margin-left: 3px; font-weight: normal;}

/*专家搜索*/
.prbox.r1 { height: 120px;}
.prbox.r1 .tt { font-family: Microsoft yahai; height: 27px; line-height: 27px; font-size: 14px; background: url(images/pei_21.gif) repeat-x 0 bottom; overflow: hidden; border-bottom: 1px solid #cc0000;}
.prbox.r1 .expso { text-align: center; margin-top: 23px; }
.prbox.r1 .expso li { height: 19px; margin-bottom: 5px;}
.prbox.r1 .expso .expType { width: 209px; }
.prbox.r1 .expso .expName { width: 150px; margin-right: 4px; border: 1px solid #ccc; height: 17px; }
.prbox.r1 .expso .submit { border: none; background: url(images/pei_15.gif) no-repeat 0 0;; width: 51px; height: 19px; cursor: pointer; }

/*热门专家*/
.plbox.p2 { height: 360px;}
.plbox.p2 ul { float: left; width: 750px; }
.plbox.p2 ul li { float: left; width: 325px; height: 135px; padding: 15px 10px; border-bottom: 1px dotted #aaa;}
.plbox.p2 ul li .pic { border: 1px solid #ccc; float: left; width: 118px; height: 134px; overflow: hidden; margin-right: 15px;}
.plbox.p2 ul li .pic img { width: 118px; height: 134px;}
.plbox.p2 ul li .name { float: left; width: 180px; height: 30px; line-height: 30px;}
.plbox.p2 ul li .name a { font-size: 15px; font-weight: bold; color: #666;}
.plbox.p2 ul li .name a:hover { color: #cc0000;}
.plbox.p2 ul li .detail { float: left; width: 180px; height: 90px; line-height: 20px;}
.plbox.p2 ul li .detail .dt { font-weight: bold; color: #666;}
.plbox.p2 ul li .detail .dtc { text-indent: 2em;}
.plbox.p2 ul li a.check { color: #0377b2;}

/*讲师资讯，内部讲师*/
.prbox.r2 { /*height: 377px;*/}
.prbox.r2 .tt .ti { height: 38px; line-height: 38px; font-size: 14px; padding-left: 25px; width: 60px; background: url(images/pei_19.gif) no-repeat 0 0; float: left;}
.prbox.r2 ul { margin-top: 15px; float: left;}
.prbox.r2 ul li { float: left; width: 230px; height: 25px; line-height: 25px; margin-left: 15px; border-bottom: 1px dotted #ccc; padding-left: 20px; background: url(images/pei_34.gif) no-repeat 5px center; display: inline; }
.prbox.r2 ul li.top { height: 75px; width: 250px; padding: 0 0 12px 0 ; margin-bottom: 12px; background: 0; }
.prbox.r2 ul li.top .pic { border: 1px solid #ccc; float: left; width: 100px; height: 75px; overflow: hidden; margin-right: 15px;}
.prbox.r2 ul li.top .pic img { width: 100px; height: 75px;}
.prbox.r2 ul li.top .detail { float: left; width: 120px; height: 75px; line-height: 20px; text-indent:2em}
.prbox.r2 ul li.top a.check { color: #0377b2;}

/*热点课题，讲师观点*/
.prbox.r3 { height: 182px; margin-bottom: 12px;}
.prbox.r4 { height: 187px;}
.r3 .tt .more,.r4 .tt .more { *margin-top: -20px;}
.prbox.r3 ul { margin-top: 5px;}
.prbox.r4 ul { margin-top: 10px; float: left;}
.prbox.r4 ul li { float: left; display: inline; width: 135px; height: 25px; line-height: 25px; background: url(images/dot1.gif) no-repeat 2px center; padding-left: 10px; border-bottom: 1px dotted #ccc; }
.prbox.r4 ul li.top { height: 127px; width: 112px; margin-left: 10px; margin-bottom: 12px; background: none; border: none; padding: 0;  margin-right: 5px; }
.prbox.r4 ul li.top .pic { border: 1px solid #ccc; float: left; width: 112px; height: 127px; text-align: center; overflow: hidden;}
.prbox.r4 ul li.top .pic img { width: 110px; height: 125px; margin-top: 1px;}

/*课程现场*/
.in3 { overflow: hidden; height: 229px; width: 978px; border: 1px solid #ccc; border-top: 0;}
.in3 ul{ float: left; margin: 20px 0 10px 0; width: 1200px; height: 166px; overflow: hidden;  display: inline;  }
.in3 li{ float: left; width: 162px; height: 166px; margin: 0 17px; display: inline; }
.in3 li .pic{ float: left; width: 160px; height: 124px; text-align: center; background: #fff; border: 1px solid #ccc; overflow: hidden; }
.in3 li .pic img{ width: 152px; height: 116px; margin-top: 4px;}
.in3 li .name{ float: left; width: 160px; text-align: center; line-height: 20px; margin-top: 3px; height: 20px; }
.in3 .name a{ color: #666666;}
.in3 .name a:hover{ color: #cc0000;}

/*热门专家，内部讲师*/
.nbleft { width: 675px; float: left; overflow: hidden;}
.nbright { width: 305px; float: left; overflow: hidden;}
.nbright .prbox { margin-bottom: 12px;}

.nb1 { height: auto; margin-bottom: 20px; *margin-bottom: 30px;}
.nb1 .p2{ height: auto;}
.nb1 .p2 ul{ margin-bottom: 30px;}


/*课程类别*/
.nbox { width: 976px; padding: 0 15px; background:url(images/nbg.gif) no-repeat center top; margin-top: -7px; margin-left: -3x;}
.cbottom{ width: 980px; height: 30px; background:url(images/px_33.gif) no-repeat center top;}

#location{ color: #999;  height: 30px; line-height: 30px; overflow: hidden; padding-left: 10px; width: 976px; margin-top: 3px; float: left;}
#location a{ color: #999; margin: 0 3px;}
#location a:hover{ color: #cc0000;}
#location .index{ padding-left: 10px; background: url(images/arr3.gif) no-repeat 0 1px;}

.nleft{ float: left; width: 225px; margin: 0 7px; padding-bottom: 10px;}
.nright{ float: left; width: 688px; padding-left: 20px; padding-bottom: 30px; background: url(images/news11_05.gif) no-repeat 0 0;}

.lmenu{ width: 225px; float: left; background: url(images/lmenu.gif) repeat-y 0 0;}
.lmenu .ltop{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px 0;}
.lmenu .lbottom{ height: 18px; background: url(images/lmenu.gif) repeat-y -225px -18px;}
.lmenu .tt{ font-size: 18px; color: #cc0000; text-align: center; height: 37px; line-height: 25px; margin-bottom: 10px; background:url(images/vrb.gif) no-repeat center bottom;}
.lmenu li{ height: 30px; margin-bottom: 5px; padding-left: 15px;}
.lmenu li a{ height:30px; width: 183px; float: left; line-height: 30px; background: url(images/news1_06.gif) no-repeat 0 -30px; text-align: center;}
.lmenu li a.sel{ background-position: 0 0; color: #fff;}

.hotline{ background:url(images/news11_12.gif); width: 221px; height: 82px; margin-top: 5px; float: left;}

.bantt { width:690px; height: 90px; background: url(images/gywm-01_03.gif) no-repeat 0 bottom; float: left; margin: 30px 0 0 0;}
.bantt.blank { background: none; height: 40px;}
.bantt .ti { float: left; font-size: 28px; color: #c20a0a; height: 28px; line-height: 28px; font-family:微软雅黑;}
.bantt .ti2 { float: left; font-size: 16px; margin-top:12px; height: 16px; line-height: 16px; color: #adadad; text-indent:4px;}

.newslist { width: 680px; float: left;}
.newslist ul { float: left; padding-bottom: 20px;}
.newslist ul li { float: left; width: 630px; height: 35px; line-height: 35px; border-bottom: 1px dotted #ccc; padding-left: 25px; background: url(images/news11_15.gif) no-repeat 10px center;}
.newslist ul li .date { width: 80px; height: 35px; line-height: 35px; position: absolute; margin-left: 560px; *margin-top: -10px; color: #cb3d09;}

.newslist li.top{ width: 660px; height: 165px; margin: 15px 0; background:url(images/news11_10.gif) repeat-x 0 bottom; border: none; padding: 0;}
.newslist li.top .pic { float: left; width: 128px; height: 143px; margin: 0 15px; overflow: hidden; text-align: center; border: 1px solid #ccc; display: inline;}
.newslist li.top .pic img { width: 124px; height: 139px; margin-top: 2px;}
.newslist li.top .title {width: 625px; height: 30px; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #ccc; }
.newslist li.top .title a { font-weight: bold; color: #666; font-size: 16px; }
.newslist li.top .detail {width: 495px;  height: 78px; padding-top:10px; line-height: 20px; overflow: hidden;color: #aaa; text-indent:2em}
.newslist li.top .dlink { color: #fff; background:url(images/news1_14.gif); height: 20px; line-height: 20px; width: 82px; /*margin: 15px 0;*/ float: left; text-align: center; }

/*讲师观点*/
.jsgd .newslist li.top .pic { width: 129px; height: 145px; }
.jsgd .newslist li.top .pic img { width: 125px; height: 141px; }

/*讲师资讯*/
.jszx .newslist li.top { height: 160px; margin-top: 20px; padding-left:20px;}
.jszx .newslist li.top .pic { width: 120px; height: 135px; margin: 0 20px 20px 20px; }
.jszx .newslist li.top .pic img { width: 120px; height: 135px; margin: 0; }

/*课程现场*/
.kcxc { height: ;}
.kcxc ul{ float: left; margin: 20px 0 20px 20px;overflow: hidden;  display: inline;  }
.kcxc li{ float: left; width: 162px; height: 146px; margin: 8px 23px; display: inline; }
.kcxc li .pic{ float: left; width: 160px; height: 124px; text-align: center; background: #fff; border: 1px solid #ccc; overflow: hidden; }
.kcxc li .pic img{ width: 154px; height: 118px; margin-top: 3px;}
.kcxc li .name{ float: left; width: 160px; text-align: center; line-height: 20px; margin-top: 5px; height: 20px; overflow:hidden; }
.kcxc .name a{ color: #666666;}
.kcxc .name a:hover{ color: #cc0000;}

/*老师主页*/
.nb2 { height: 840px; background: url(images/pei5_03.gif) repeat-x 0 0;}

.nbhead { height: 90px;}
#tname { height: 40px; line-height: 40px; display: inline; font-size: 24px; color: #c11111; float: left; margin: 35px 0 0 30px;}

#rloc{ float: right; display: inline; color: #999; width: 428px; height: 30px; line-height: 30px; overflow: hidden; text-align: right; padding-right: 10px;}
#rloc a{ color: #999; margin: 0 3px;}
#rloc a:hover{ color: #cc0000;}
#rloc .index{ padding-left: 10px; background: url(images/arr3.gif) no-repeat 0 center;}

.book { float: left; width: 985px; height: 750px; background: url(images/pei5bg.gif); margin: 0 -2px 15px -3px;}
.book .tpic { float: left; display: inline; background: url(images/pei55_03.gif); width: 291px; height: 326px; text-align: center; overflow: hidden; margin: 60px 0 0 50px;}
.book .tpic img { width: 270px; height: 308px; margin-top: 10px;}
.book .tdetail { float: left;  display: inline;background: url(images/pei5_07.gif); width: 410px; height: 354px; overflow: hidden; padding: 37px 0 0 130px; margin: 20px 0 0 30px;}
.book .tdetail .share { width: 380px; text-align: right; height: 24px; margin: 7px 0;}
.book .tdetail .tinfo { width: 380px; margin-top: 20px;}
.book .tdetail .tinfo table { border-collapse: collapse;}
.book .tdetail .tinfo table td { padding-left: 10px; padding-bottom: 3px; vertical-align: top;}
.book .tdetail .tinfo table td.ta { color: #cc0000; font-weight: bold;}
.book .tdetail .tinfo table td.t_r { text-align: right;}

.myc { float: left; width: 930px; display: inline; margin: 25px 0 0 35px; background: url(images/pei5_15.gif) no-repeat 0 0;}
.myc .tt{ margin: 15px 0 0 5px; font-weight: normal; height:35px;}
.myc .ti { float: left; font-size: 20px; color: #c20a0a; height: 28px; line-height: 28px; font-family:微软雅黑;}
.myc .ti2 { float: left; font-size: 16px; margin:8px 0 0 10px; height: 16px; line-height: 16px; color: #adadad; text-indent:4px;}

.myc .jcarousel-skin-tango .jcarousel-clip-horizontal,.myc .jcarousel-skin-tango .jcarousel-container-horizontal,.myc .jcarousel-skin-tango .jcarousel-item {
height:245px; width:850px;
}
.myc .jcarousel-skin-tango .jcarousel-item{width:180px; margin-right:3px;}
.myc ul { float: left; width: 930px; }
.myc li{ float: left; width: 180px; height: 191px; margin-right: 3px; display: inline; }
.myc li .pic{ float: left; width: 180px; height: 206px; background: url(images/pei5_19.gif); overflow: hidden; }
.myc li .pic img{ width: 156px; height: 178px; margin: 16px 0 0 12px ;}
.myc li .name{ float: left; width: 160px; text-align: center; line-height: 20px; margin-top: 5px; height: 20px; }
.myc .name a{ color: #666666;}
.myc .name a:hover{ color: #cc0000;}
.myc .jcarousel-skin-tango .jcarousel-next-horizontal,.myc .jcarousel-skin-tango .jcarousel-prev-horizontal {
top: 60px;
right: 0;
width: 27px;
height: 58px;
cursor: pointer;
background: transparent url(sc2_right.gif) no-repeat 0 bottom;
position: absolute;
}
.myc .jcarousel-skin-tango .jcarousel-prev-horizontal {
left: 0;
right: auto;
background: transparent url(sc2_left.gif) no-repeat 0 bottom;
}

.tabp li{background: url(images/peo3_07.gif) no-repeat scroll -75px 0 transparent;   color: #B90302;    float: left;    font-size: 12px;    font-weight: normal;    height: 24px;    line-height: 24px;    margin-right: 3px;    text-align: center;    width: 74px;}
.tabp li a {font-size: 12px; color: #b90302;}
.tabp li.h{ background-position: 0 0;}
.tabp li.h,.tabp li.h a{ font-weight: bold; color: #fff;}

/*师资引进*/
body.imp { background: url(images/imp_02.gif) repeat-x 0 0;}
.banner.imp { background: url(images/imp_05.gif) no-repeat 20px 25px; height: 106px;}
.banner2 { background: url(images/imp_09.gif) center 0; width: 988px; height: 189px;}


.impbox { background: url(images/impbg1.gif) repeat-y -987px 0; float: left; width: 988px;}
.impbox .imtop, .impbox .imbottom { background: url(images/impbg.gif) no-repeat 0 0; float: left; width: 988px; height: 8px;}
.impbox .imbottom { background-position: 0 bottom;}
.impbox .imbody { background: url(images/imp_19.gif) no-repeat right bottom; width: 982px; float: left; padding-bottom: 10px;}

.imbody .step { float: left; margin: 10px 0 0 30px; width: 900px;}
.imbody .step .tt{ background: url(images/imp_13.gif) no-repeat 0 -3px; text-indent: 45px; height: 45px; line-height: 45px; font-weight: normal; color: #fff; font-size: 17px; font-family:微软雅黑;}
.imbody .step.st2 .tt { background: url(images/imp_16.gif) no-repeat 0 0;}
.imbody .step.st3 .tt { background: url(images/imp_22.gif) no-repeat 0 0;}
.imbody .step ul { margin: 15px 0; }
.imbody .step li { padding-left: 25px; background: url(images/imp_25.gif) no-repeat 10px center; height: 30px; line-height: 30px; font-size: 14px; color: #333;}

.imbody .impemail { float: left; height: 40px; margin: 0 0 0 40px; line-height: 40px; background: url(images/imp_32.gif) no-repeat 0 center; text-indent: 40px; font-size: 20px; color: #cc0000;}
.imbody .impemail span,.imbody .imptel span { color: #000;}
.imbody .imptel { float: left; height: 40px; margin: 0 0 0 40px; line-height: 40px; background: url(images/imp_29.gif) no-repeat 0 center; text-indent: 30px; font-size: 20px; color: #cc0000;}

.impbox.im2 { margin: 12px 0 20px 0; background: url(images/impbg.gif) repeat-y -987px 0;}
.impbox.im2 .imbody { background: url(images/imp_41.gif) no-repeat right bottom;}
.impbox.im2 .imbody .tt { background: url(images/imp_38.gif) no-repeat 0 center; height: 45px; line-height: 45px; padding-left: 30px; font-size: 18px; font-weight: normal; color: #fff; margin: 12px 0 0 5px;}
.impbox.im2 .imbody ul { margin: 15px 0; }
.impbox.im2 .imbody li { height: 45px; line-height: 45px; padding-left: 50px; background: url(images/imp_45.gif) no-repeat 25px center; font-size: 16px; font-weight: 200; color: #000; }


/*申请加入*/
.impbox.im3 { margin: 12px 0 20px 0; background: url(images/impbg.gif) repeat-y -987px 0;}
.impbox.im3 .imbody { background: url(images/peixun8_03.gif) no-repeat right center;}
.impbox.im3 .imbody .tt { background: url(images/imp1_03.gif) no-repeat 0 center; height: 38px; line-height: 38px; padding-left: 30px; font-size: 18px; font-weight: normal; color: #fff; margin: 12px 0 0 5px;margin-bottom: 25px;}
.rform { width: 920px; margin: 5px auto; float: left; margin-left: 30px; display: inline;}
.rform li { font-size: 14px; color: #333; line-height: 20px; margin: 10px 0; float: left; }
.rform li .ta { float: left; width: 90px; text-align: right; }
.rform li .tc { float: left; width: 500px; }
.rform li .tc .text { height: 20px; line-height: 20px; background: #fff; border: 1px solid #ccc; width: 125px; margin: 0 8px;}
.rform li .tc .text2 {width: 75px;}
.rform li .tc .text3 {width: 165px;}
.rform li .tc .text4 {width: 235px;}
.rform li .tc .textarea {width: 450px; height: 150px; background: #fff; border: 1px solid #ccc; font-size: 14px; margin: 0 8px; padding: 3px 0 3px 3px;}
.rform li .tc .select { width: 140px; height: 20px; line-height: 20px; margin: 0 8px;}
.rform li .tc .submit { background: url(images/y_pro2_03.gif); height: 34px; width: 135px; border: none; cursor: pointer; margin: 0 8px;}

.myp{ margin-top:20px;}
.myp p{ line-height:24px; margin-left:30px;}




