@charset "utf-8";
/* CSS Document */
ul,li{ white-space: normal;}
.warp{ width:100%; border:solid #F00 0px; overflow:hidden}
.center{ width:1000px; margin:0 auto}

/*  首页  */
.title{ font-size:30px; color:#000000; line-height:34px; text-align:center; margin-bottom:5px}
.title span{ display:block; font-size:14px; color:#888888; line-height:22px; padding-bottom:2px; position:relative}
.title span:before{ content:""; width:50px; height:5px; background:#9D1F2B; position:absolute; bottom:-5px; left:50%; margin-left:-25px}

.system{ overflow:hidden}
.system .title{ margin-top:40px}
.system .system-cont{ margin-top:36px}
.system .system-0{ float:left; position:relative; margin-left:20px;width:184px;overflow:hidden; }
.system .system-1{ margin-left:0}
.system .system-0 span{ position:absolute; top:50%; left:0; width:100%; margin-top:-30px; text-align:center; line-height:60px; font-size:18px; color:#FFF}
.system .system-1 span{ background:rgba(241,78,57,0.9)}
.system .system-2 span{ background:rgba(248,188,58,0.9)}
.system .system-3 span{ background:rgba(32,105,194,0.9)}
.system .system-4 span{ background:rgba(34,197,126,0.9)}
.system .system-5 span{ background:rgba(169,27,35,0.9)}

.dynamic{ overflow:hidden}
.dynamic .title{ margin-top:54px}
.dynamic .dynamic-cont{ margin:30px 0 36px 0}
.dynamic .dynamic-left{ float:left; width:460px}
.dynamic .dynamic-name{ font-size:18px; color:#000000; line-height:37px;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.dynamic .dynamic-name a{ color:#000000;}
.dynamic .dynamic-text{ font-size:14px; color:#555555; line-height:25px; padding-top:6px}
.dynamic .dynamic-btn a{ display:block; width:80px; height:21px; text-align:center; line-height:21px; background:#9D1F2B; font-size:14px; color:#ffffff; margin-top:3px}
.dynamic .dynamic-right{ float:right; width:455px}
.dynamic .dynamic-0{ border-bottom:solid 1px #DDDDDD; padding-bottom:6px; margin-bottom:20px}
.dynamic .dynamic-time{ width:60px; text-align:center; float:left}
.dynamic .dynamic-time span{ display:block; font-size:48px; color:#888888; line-height:50px}
.dynamic .dynamic-time i{ display:block; font-style:normal; font-size:13px; color:#888888; line-height:18px}
.dynamic .dynamic-ticle{ float:left; width:385px; padding-left:10px}
.dynamic .dynamic-ticle a{ display:block; font-size:18px; color:#9d1f2b; padding-bottom:5px}
.dynamic .dynamic-ticle span{ display:block; font-size:14px; color:#555555; line-height:18px}

.guild{ background:#F3F3F3; padding:46px 0}
.guild .guild-0{ float:left}
.guild .guild-1{ width:490px}
.guild .guild-2{ width:252px; margin-left:16px}
.guild .guild-3{ width:226px; margin-left:16px}
.guild .guild-name{ line-height:33px; border-bottom:solid 1px #888888}
.guild .guild-name span{ float:left; font-size:18px; color:#333333; padding-left:34px}
.guild .guild-1 .guild-name span{ background:#9D1F2B; width:93px; text-align:center; font-size:18px; color:#ffffff; padding-left:0}
.guild .guild-2 .guild-name span{ background:url(../images/guild-lcon1.png) 7px 7px no-repeat}
.guild .guild-3 .guild-name span{ background:url(../images/guild-lcon2.png) 7px 7px no-repeat}
.guild .guild-name a{ float:right; font-size:14px; color:#888888; text-decoration:none}
.guild .guild-1 .guild-name a{ margin-right:50px}
.guild .guild-cont{ padding-top:10px}
.guild .guild-1 .guild-case{ float:left; width:233px; text-align:center; margin-left:12px}
.guild .guild-1 .guild-text a{ display:block; font-size:16px; color:#000000; line-height:20px; padding-top:12px}
.guild .guild-2 .guild-img{ float:left; border:solid 2px #DDDDDD; width:76px}
.guild .guild-2 .guild-right{ float:left; width:160px; padding-left:12px}
.guild .guild-2 .guild-t{ font-size:14px; color:#888888; padding-top:10px}
.guild .guild-2 .guild-t span{ font-size:18px; color:#010101; padding-right:3px}
.guild .guild-2 .guild-b{ font-size:12px; color:#888888; line-height:24px; padding-top:10px}
.guild .guild-2 .guild-cont .clearfix{ margin-bottom:10px}
.guild .guild-3 ul li{ font-size:14px; color:#888888; line-height:18px; padding:10px 0 6px 15px; border-bottom:dashed 1px #DDDDDD; margin-right:20px}
.guild .guild-3 ul li span{ display:block; color:#333333}

/*  公用  */
.content{ margin-top:21px}
.left{ float:left; width:206px;}
.left .left-title{ font-size:30px; color:#333333; line-height:50px; background:url(../images/left-title-border.jpg) left bottom no-repeat; padding-top:6px; margin-bottom:33px}
.left .sidenav .menu-title{ background:#830F3A; line-height:40px; padding-left:13px; font-size:18px; color:#ffffff}
.left .sidenav p{ font-size:14px; color:#333333; line-height:18px; position:relative; cursor:pointer;}
.left .sidenav p span{ display:block; margin-right:30px; padding:10px 0; border-bottom:solid 1px #888888; padding-left:28px;}
/* .left .sidenav p span a{ color:#ffffff;} */
.left .sidenav p span a{ width: 100%; height: 100%; display: block;}
.left .sidenav p:before{ content:""; background:url(../images/menu-gray.png) center no-repeat; width:22px; height:100%; position:absolute; left:0; top:0;}
.left .sidenav p.menu-cur1{ background:url(../images/menu-back.png) left repeat-y; color:#ffffff;}
.left .sidenav p.menu-cur1 span a{ color:#FFF}
.left .sidenav p.menu-cur1:before{ background:url(../images/menu-white.png) center no-repeat;}
.left .sidenav p.menu-cur2{ background:url(../images/menu-back.png) left repeat-y; color:#ffffff}
.left .sidenav p.menu-cur2:before{ background:url(../images/menu-open.png) center no-repeat;}
.left .sidenav .menu-cont{ position:relative; padding-bottom:14px; display:none;}
.left .sidenav .menu-cont:before{ content:""; background:#888888; height:1px; width:176px; position:absolute; left:0; bottom:0px}
.left .sidenav .menu-cont a{ display:block; font-size:12px; color:#555555; text-decoration:none; line-height:27px; padding-left:4px; border-bottom:dashed 1px #DDDDDD; margin:0 16px 0 24px}

.left .exCase{ margin-top: 21px;}
.left .exCase p{ font-size:14px; color:#333333; line-height:18px; position:relative; cursor:pointer;}
.left .exCase p span{ display:block; margin-right:30px; padding:10px 0; border-bottom:solid 1px #888888;}
.left .exCase p span a{ color:#fffff;}
.left .exCase p.menu-cur1{ background:url(../images/menu-back.png) left repeat-y; color:#ffffff;}
.left .exCase p.menu-cur1 span a{ color:#FFF}
.left .exCase p.menu-cur1:before{ background:url(../images/menu-white.png) center no-repeat;}
.left .exCase p.menu-cur2{ background:url(../images/menu-back.png) left repeat-y; color:#ffffff}
.left .exCase p.menu-cur2:before{ background:url(../images/menu-open.png) center no-repeat;}
.left .exCase .menu-cont{ position:relative; padding-bottom:14px; display:none;}
.left .exCase .menu-cont:before{ content:""; background:#888888; height:1px; width:176px; position:absolute; left:0; bottom:0px}
.left .exCase .menu-cont a{ display:block; font-size:12px; color:#555555; text-decoration:none; line-height:27px; padding-left:4px; border-bottom:dashed 1px #DDDDDD; margin:0 16px 0 24px}

.left .figure{ margin-top: 21px;}

.left .red-title{ font-size: 18px; height: 40px; line-height: 40px; color: #fff; background: #830f3a; font-weight: bold; text-indent: 12px;}
.left .more{ text-align: right; margin-right: 30px; margin-top: 15px; margin-bottom: 36px;}
.left .more:before{ display: none;}
.left .more a{ font-size: 14px;}




.right{ float:right; width:769px; padding-left:23px; border-left:dashed 1px #888888; position:relative}
.right:before{ content:""; height:63px; width:1px; background:#FFF; position:absolute; top:0; left:-1px}
.right .breadnav{ border-bottom:solid 1px #888888; padding-top:30px}
.right .breadnav li{ float:left; font-size:12px; color:#333333}
.right .breadnav li a{ color:#333333; text-decoration:none}

.right .form .title{    display: inline-block;font-size: 16px;color: #fff;background: #942629;padding: 0 10px;margin: 0;}
.right .form .title.active {
    background: #FF0000 !important;
}
.right .form  .formcontent{border:1px solid #ccc;padding: 10px 0;}

.right .form{    padding: 29px 0 22px 0px;border-top: 1px solid #ccc;width: 670px;}
.right .form .form-title{ font-size:18px; color:#000000; line-height:21px; text-align:center; padding-bottom:22px}
.right .form .ipt{ float:left; margin-bottom:18px}
.right .form .ipt label{ float:left; width:98px; text-align:right; padding-right:4px; font-size:16px; color:#000000; line-height:26px}
.right .form .ipt input{ float:left; width:190px; height:24px; background:#F3F3F3; border:solid 1px #DDDDDD; outline:none}
.right .form .ipt textarea{ float:left; width:480px !important; height:60px; background:#F3F3F3; border:solid 1px #DDDDDD; outline:none}
.right .form .submit{ padding-left:272px}
.right .form .submit input{ background:#942629; width:92px; height:23px; border:none; font-size:14px; color:#ffffff; font-family:"微软雅黑"; cursor:pointer}



/*  公开课  */
.right .open-cont{ padding-top:12px; padding:0 17px}
.right .open-text{ font-size:14px; color:#333333; line-height:25px}
.right .open-text p{ text-indent:2em; padding-top:24px}
.right .open-img{ padding:32px 0 59px; border-bottom:solid 1px #DDDDDD}
.right .open-cont .form{ padding-top:56px}

/*  关于学校  */
.right .about-cont{ padding:0 17px 50px 0}
.right .about-title{ font-size:18px; color:#333333; text-align:center; line-height:21px; padding:26px 0 6px 0; font-weight:bold;}
.right .about-text{ font-size:14px; color:#333333; line-height:25px; letter-spacing:1px}
.right .about-text p{ text-indent:2em; padding-bottom:12px}

/*  联系我们  */
.right .contact-cont{ padding-bottom:120px}
.right .contact-title{ font-size:18px; color:#333333; line-height:33px; padding-top:14px}
.right .contact-route{ font-size:14px; color:#333333; line-height:25px}
.right .contact-img{ padding:16px 0 30px 0}

/*  名师名家  */
.right .teach-box{}
.right .teach-0{ float:left; margin:20px 0 0 30px; width:354px}
.right .teach-img{ float:left; width:160px}
.right .teach-right{ float:left; width:194px; font-size:16px; color:#333333; line-height:24px}
.right .teach-name{ font-size:20px; padding:3px 0 12px 0}
.right .flip{ text-align:center; padding:80px 0 113px 0}
.right .flip ul{ display:inline-block}
.right .flip ul li{ float:left; background:#F5F5F5; font-size:12px; color:#555555; line-height:20px; padding:0 10px; margin:0 3px; cursor:pointer}


/*  企业培训  */
.right .train-cont{ width:720px; margin-left:28px}
.right .train-title{ background:url(../images/train-title.png) left no-repeat; line-height:26px; padding-right:581px; text-align:center; margin-top:30px; margin-bottom: 15px; font-size:16px; color:#ffffff}
.right .train0-cont{ margin-top:35px}
.right .train0-text{ float:left; width:316px; padding:16px 12px 0 12px; font-size:12px; color:#555555; line-height:21px; text-align:center}
.right .train0-text span{ display:inline-block; border:solid 1px #B12718; line-height:24px; text-align:center; border-radius:5px}
.right .train0-text span b{ padding:0 6px; float:left}
.right .train0-text span i{ float:left; font-style:normal; background:#B12718; font-size:16px; color:#ffffff; padding:0 6px; border-radius:4px}
.right .train0-text p{ text-indent:2em; text-align:left; padding-top:18px}
.right .train0-img{ float:left; padding:0 12px}
.right .train1-img{ text-align:center; padding-top:50px}
.right .train2{ border-bottom:solid 1px #DDDDDD; padding-bottom:21px}
.right .train2-text{ font-size:16px; color:#333333; line-height:28px; padding-top:12px}
.right .train2-text p{ text-indent:2em}
.right .train2-title{ font-size:16px; color:#9d1f2b; line-height:58px}
.right .train2-cont{}
.right .train2-box{ float:left; width:203px; margin-right:37px}
.right .train2-left{ float:left; width:73px; text-align:left}
.right .train2-right{ float:left; width:130px}
.right .train2-right b{ display:block; border-bottom:solid 2px #2C89F0; font-size:16px; color:#000000; line-height:17px; padding-bottom:12px}
.right .train2-btn{ font-size:12px; line-height:21px; padding-top:14px; min-height:123px}
.right .train2-btn a{ display:block; color:#666666; text-decoration:none; letter-spacing:-0.2px}
/*
.right .train-cont .form{ padding-top:52px}
*/
/*  新闻动态  */
.right .namic-cont{ padding-top:36px}
.right .namic-0{ margin-left:15px; border-bottom:solid 1px #DDDDDD; padding-bottom:16px; margin-bottom:30px}
.right .namic-left{ float:left; width:618px}
.right .namic-name{ font-size:18px; color:#333333; line-height:30px}
.right .namic-text{ font-size:14px; color:#888888; line-height:18px}
.right .namic-right{ float:right; width:60px; text-align:center}
.right .namic-right span{ display:block; font-size:48px; color:#888888; line-height:50px}
.right .namic-right i{ display:block; font-style:normal; font-size:13px; color:#888888; line-height:18px; padding-top:6px}


/*  新闻动态  */
.right .nsent-cont{ width:720px; margin:0 auto}
.right .nsent-title{ font-size:24px; color:#333333; line-height:50px; text-align:center; border-bottom:solid 1px #888888; padding-top:44px}
.right .nsent-text{ font-size:14px; color:#333333; line-height:25px; padding:12px 6px 0 6px}
.right .nsent-img{ padding:16px 0}
.right .nsent-cont .share{ border-bottom:dashed 1px #DDDDDD; padding-bottom:12px}
.right .nsent-cont .share .bshare-custom a{ width:28px; height:28px; padding-left:0}
.right .nsent-cont .share .bshare-weixin{ background:url(../images/share-1.jpg) no-repeat}
.right .nsent-cont .share .bshare-sinaminiblog{ background:url(../images/share-2.jpg) no-repeat}
.right .nsent-cont .share .bshare-qzone{ background:url(../images/share-3.jpg) no-repeat}
.right .nsent-cont .share .bshare-more{ background:url(../images/share-4.jpg) no-repeat}
.right .nsent-bottom{ padding:20px 0 0 6px}
.right .nsent-name{ font-size:18px; color:#333333; line-height:22px; position:relative}
.right .nsent-name:before{ content:""; position:absolute; width:2px; height:18px; background:#9D1F2B; left:-6px; top:3px}
.right .nsent-btn{ padding:9px 0 60px 0}
.right .nsent-btn a{ display:block; font-size:14px; color:#333333; line-height:22px; text-decoration:none}

/*  银行培训  */
.right .bank-cont{ width:730px; margin:0 auto}
.right .bank-title{ font-size:18px; color:#333333; line-height:20px; border-bottom:solid 2px #9D1F2B; margin:31px 0 41px 0}
.right .bank-text{ padding:12px 0 0 20px}
.right .bank-text span{ float:left; width:151px; padding:0 12px}
.right .bank2{ padding-bottom:80px; border-bottom:solid 1px #DDDDDD}
.right .bank-cont .form{ padding-top:56px}

/*  政府培训  */
.table{ display:table; height:100%}
.table .table-cell{ display:table-cell; vertical-align:middle}
.right .govt-cont{ width:716px; margin:0 auto; padding-top:20px}
.right .govt-title{ font-size:30px; color:#000000; line-height:48px; padding-top:24px; text-align:center; border-bottom:solid 1px #DDDDDD; margin-bottom:30px}
.right .govt-0{ margin-bottom:50px}
.right .govt-left{ float:left; background:#E76847; width:268px; height:193px; position:relative}
.right .govt-left:before{ content:""; background:url(../images/govt-cur.png) center no-repeat; width:11px; height:12px; position:absolute; top:5px; right:2px}
.right .govt-pos{ position:absolute; width:128px; right:0; top:45px}
.right .govt-pos i{ display:block; text-align:center; font-size:48px; color:#ffffff; line-height:40px; font-style:normal; padding-bottom:26px; position:relative}
.right .govt-pos i:before{ content:""; width:1px; height:56px; background:#FFF; position:absolute; left:20px; top:-10px; transform:rotate(30deg)}
.right .govt-pos span{ display:block; font-size:16px; color:#ffffff; line-height:20px; position:relative}
.right .govt-pos span:before{ content:""; position:absolute; width:36px; height:3px; background:#FFF; bottom:-20px; left:0}
.right .govt-right{ float:left; width:412px; height:193px; font-size:14px; color:#000000; line-height:24px; margin:0 18px}




/*  企业培训列表  */
.right .tlist-cont{ width:731px; margin:15px auto 0 auto; padding-bottom:96px}
.right .tlist-cont .tlist-top{ height:185px;}
.right .tlist-0{ padding-bottom:10px}
.right .tlist-title{ font-size:18px;    font-weight: bold; color:#9d1f2b; line-height:31px; margin-top:11px; position:relative;text-align: center;}
.right .tlist-title:before{ content:""; /*border-bottom:dashed 1px #555555;*/ width:537px; height:0px; position:absolute; right:0; top:16px}
.right .tlist-left{ float:left; width:252px; border:solid 1px #DFDFDF; margin-top:30px}
.right .tlist-left img{ width:100%; max-width:100%; height:141px;}
.right .tlist-right{ float:right; width:461px}
.right .tlist-name{ font-size:16px; color:#9d1f2b; padding-left:123px; line-height:25px}
.right .tlist-text{ padding-top:4px; font-size:14px; color:#555555}
.right .tlist-text p{ text-indent:2em}

/*  企业培训详情  */
.right .deta-cont{ width:731px; margin:15px auto 0 auto}
.right .deta-head{ font-size:20px; color:#9d1f2b; line-height:23px; padding:24px 0 38px 0; text-align:center}
.right .deta-title{ font-size:16px; border-bottom:solid 2px #9D1F2B; font-size:16px; color:#ffffff; line-height:21px; position:relative}
.right .deta-title i,.right .deta-title span{ background:#9D1F2B; float:left; font-style:normal; padding:0 8px}
.right .deta-title:before{ content:""; background:#FFF0F0; width:1px; height:23px; position:absolute; top:0; left:32px; transform:rotate(16deg)}
.right  .suoqubt {
    margin: 0 auto;
    text-align: center;
}
.right  .suoqubt a {
    display: inline-block;
    background: #830F3A;
    border-radius: 5px;
    padding: 8px;
    color: #FFF;
    text-align: center;
    margin: 0 10px;
}

.right .deta-context{}
.right .context{ position:relative; min-height:210px}
.right .context .context-pos{ position:absolute; right:0; top:26px}
.right .context .context-text{ font-size:16px; color:#555555; line-height:28px; padding-top:9px}
.right .context-text p{ text-indent:2em}
.right .context-text p span{ display:block; padding-right:307px}
.right .context .context-bom{ font-size:18px; color:#9d1f2b; text-align:center; padding:20px 0 33px 0; line-height:21px}
.right .profit{ padding-top:22px}
.right .profit-0{ width:344px;}
.right .profit-name{ font-size:16px; color:#333333; line-height:36px}
.right .profit-name span{ color:#9d1f2b}
.right .profit-text{ min-height:106px; font-size:12px; color:#555555; line-height:16px; letter-spacing:0.5px}
.right .object{ padding:36px 0 39px 0}
.right .object span{ display:block; font-size:16px; color:#333333; line-height:28px}
.right .object span i{ font-style:normal; color:#9d1f2b}
.right .outline{ padding-top:22px; border-bottom:solid 1px #DDDDDD; padding-bottom:32px; margin-bottom:60px}
.right .outline-0{ width:320px; padding-bottom:16px}
.right .outline-name{ font-size:16px; color:#333333; line-height:36px}
.right .outline-name span{ color:#9d1f2b}
.right .outline-text{ font-size:12px; color:#555555; line-height:21px}
.right .outline-text span{ display:block}



/*新增样式1012*/

.left dl dt{ font-size: 18px; height: 40px; line-height: 40px; color: #fff; background: #830f3a; font-weight: bold; text-indent: 12px;}
.left .caseList{}
.left .caseList dd{ line-height: 37px; height: 37px; background: url(../images/menu-gray.png) center left no-repeat; border-bottom: 1px solid #888888; padding-left: 12px;}
.left .caseList dd a{ display: block; font-size: 12px; color: #333333; padding-left: 15px;}
.left .caseList dd.more{ background: none; text-align: right; border-bottom: none;}
.left .hotCourse{ margin-top: 12px;}
.left .hotCourse dd{ text-align: center; margin-top: 20px;}


.right .part{ margin-top: 45px;}
.right .partTitle{ border-top: 1px solid #333333; height: 21px;}
.right .partTitle span{ display:block; float: left; height: 26px; line-height: 26px; background: #9d1f2b; text-align: center; font-size: 16px; color: #fff; padding: 0 10px; margin-top: -5px; position: relative;}
.right .partTitle span:after{ content: ""; display: block; width: 0; height: 0; border-bottom: 5px solid #6e0b15; border-top: 5px solid transparent; border-right: 5px solid transparent; position: absolute; top: -5px; right: -5px;}

/*企业内训*/

.right .training-con{ margin: 0 22px 0 28px;}

.right .training-con .decrible{}
.right .training-con .decrible li{ white-space: normal; font-size: 14px; color: #333333; line-height: 24px; text-indent: 2em; margin-top: 24px; text-align: justify;}
.right .training-con .meaning{ font-size: 14px; color: #333333; line-height: 24px; margin-top: 25px;}
.right .training-con .inHouseList{ overflow: hidden; margin-top: 24px; margin-right: -90px;}
.right .training-con .inHouseItem{ float: left; width: 180px; height: 180px; white-space: normal; margin-right: 86px; cursor: pointer; position: relative;}
.right .training-con .inHouseItem .fixContent{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: table;}
.right .training-con .inHouseItem .tableCell{ display: table-cell; vertical-align: middle;}
.right .training-con .inHouseItem .icon{ width: 60px; height: 60px; margin: 0 auto; background-image: url(../images/iconSprite.png); background-repeat: no-repeat;}
.right .training-con .inHouseItem .icon1{ background-position: 0 0;}
.right .training-con .inHouseItem .icon2{ background-position: -60px 0;}
.right .training-con .inHouseItem .icon3{ background-position: -120px 0;}
.right .training-con .inHouseItem .ItemName{ font-size: 18px; color: #fff; font-weight: bold; letter-spacing: 1px; padding-top: 24px; margin-top: 10px; transition: all 0.3s; text-align: center; position: relative;}
.right .training-con .inHouseItem .ItemName:before{ content: ""; display: block; width: 22px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -11px; top: 0;}
.right .training-con .inHouseItem .moreTxt{ font-size: 12px; line-height: 18px; color: #fff; padding: 0 15px; margin-top: 10px; opacity: 0; height: 0; transition: all 0.3s;}
.right .training-con .inHouseItem:hover .fixContent{ background: rgba(0,0,0,.72);}
.right .training-con .inHouseItem:hover .ItemName{ display: none;}
.right .training-con .inHouseItem:hover .moreTxt{opacity: 1; height: auto;}
.right .training-con .orderLink{ margin-top: 40px;}
.right .training-con .orderLink a{ display: block; margin: 0 auto; width: 184px; height: 30px; line-height: 30px; background: #9d1f2b; font-size: 16px; color: #fff; text-decoration: none; text-align: center;}

.right .training-con .centralAdvantage{ }
.right .training-con .AdvantageTitle{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold; letter-spacing: 1px;  margin-top: 35px;}
.right .training-con .advantageList{ overflow: hidden; margin-right: -48px; margin-top: 21px;}
.right .training-con .advantageItem{ float: left; margin-right: 39px; white-space: normal;}
.right .training-con .advantageItem .icon{ float: left; width: 40px; height: 40px; background-image: url(../images/iconSprite.png); background-repeat: no-repeat; background-color: #9d1f2b;}
.right .training-con .advantageItem .icon1{ background-position: 0 -60px;}
.right .training-con .advantageItem .icon2{ background-position: -40px -60px;}
.right .training-con .advantageItem .icon3{ background-position: -80px -60px;}
.right .training-con .advantageItem .icon4{ background-position: -120px -60px;}
.right .training-con .advantageItem .txt{ float: left; width: 108px; height: 28px; border: 1px solid #dddddd; font-size: 12px; line-height: 14px; color: #666; text-align: center; padding: 5px 0;}
.right .training-con .EvaluateTitle{ font-size: 18px; line-height: 24px; color: #383d41; font-weight: bold; letter-spacing: 1px;  margin-top: 40px;}
.right .training-con .evaluateBox{ overflow: hidden; margin-top: 50px;}
.right .training-con .evaluateSlide{ float: left; width: 450px; position: relative;}
.right .training-con .evaluateSlide .slideBox{ margin:0 auto;}
.right .training-con .evaluateSlide .slideBox p{ font-size: 14px; line-height: 22px; color: #666; letter-spacing: 1px; text-align: justify;}
.right .training-con .evaluateSlide .slideBox p.from{ text-align: right; margin-top: 20px;}
.right .training-con .evaluateSlide .btn{ position: absolute; width: 22px; height: 44px; top: 50%; margin-top: -22px; background-image: url(../images/iconSprite.png); background-repeat: no-repeat; cursor: pointer;}
.right .training-con .evaluateSlide .btnPrev{ background-position: 0 -100px; left: 0;}
.right .training-con .evaluateSlide .btnNext{ background-position: -22px -100px; right: 0;}
.right .training-con .evaluateBox .custormerImg{ float: right;}

.right .training-con .navBar{ float: left; margin-top: 40px;}
.right .training-con .barItem{ width: 190px; height: 48px; border-radius: 4px; font-size: 16px; color: #fff; text-align: center; line-height: 48px; background: #333333; margin-bottom: 25px; cursor: pointer; position: relative; transition: all 0.3s;}
.right .training-con .barItem.active{ background: #9d1f2b;}
.right .training-con .barItem i{ font-family: impact; font-size: 40px; opacity: 0.32; vertical-align: middle; padding-right: 15px;}
.right .training-con .barItem:after{ content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #333333; position: absolute; left: 50%; margin-left: -10px; bottom: -18px;}
.right .training-con .barItem5:after{ display: none;}
.right .training-con .barItem.active:after{ border-top: 10px solid #9d1f2b;}
.right .training-con .processConList{ float: right; width: 478px; margin-top: 45px;}
.right .training-con .processConItem{}
.right .training-con .processConItem h6{ font-size: 20px; color: #666; font-weight: bold; line-height: 40px; letter-spacing: 1px;  position: relative; z-index: 9;}
.right .training-con .processConItem h6 span{ font-size: 16px; color: #666; font-weight: normal; border: 1px solid #ddd; padding: 0 10px; margin-left: 10px;}
.right .training-con .mainProcess{ margin-top: 18px; position: relative; width: 478px; height: 177px;}
.right .training-con .mainProcess img{ position: absolute; left: 0; bottom: 0;}
.right .training-con .processTxt{ font-size: 14px; line-height: 22px; color: #999; margin-top: 32px;}

.right .training-con .successCaseTitle{ font-size: 16px; line-height: 16px; text-align: center; color: #333; margin-top: 24px; font-weight: normal;}
.right .training-con .caseBox{ overflow: hidden; width: 662px; background: #f4f4f4; margin: 18px auto 0; padding: 20px 12px;}
.right .training-con .caseBox .caseImg{ float: left; width: 246px; height: 156px;}
.right .training-con .caseBox .caseTxt{ float: left; width: 406px; height: 200px; margin-left: 10px; overflow: hidden;}
.right .training-con .caseBox .caseTxt p{ font-size: 14px; line-height: 18px; color: #666; text-align: justify; text-indent: 2em;}
.right .training-con .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background: #ccc;}
.right .training-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 5px; border-radius: 3px; background: #383d41;}
.right .training-con .mCSB_container{ padding-right: 28px;}
.right .training-con .caseNav{ overflow: hidden; width: 686px; margin: 0 auto; border-left: 1px solid #eee;}
.right .training-con .case{ float: left; width: 113px; height: 36px; padding: 10px 0; text-align: center; font-size: 14px; line-height: 36px; border: 1px solid #eee; border-left: none; cursor: pointer;}
.right .training-con .case.active{ color: #fff; background: #9d1f2b;}

.right .training-con .applyForm{ float: left; height: 100%; padding-right: 40px;}
.right .training-con .applyForm h2{ font-size: 16px; line-height: 30px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 30px; margin-bottom: 19px;}
.right .training-con .applyForm .formCtrl{ overflow: hidden; margin-bottom: 20px;}
.right .training-con .applyForm .formCtrl label{ float: left; font-size: 14px; line-height: 36px; color: #333; margin-left: 20px;}
.right .training-con .applyForm .formCtrl input{ float: left; width: 225px; height: 34px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 34px;}
.right .training-con .applyForm .formCtrl textarea{ float: left; width: 300px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; font-family: "微软雅黑";}
.right .training-con .applyForm .formSubmit input{ width: 173px; height: 39px; background: #9d1f2b; font-size: 20px; color: #fff; font-weight: lighter; display: block; margin: 0 auto; cursor: pointer; margin-top: 15px;}
.right .training-con .bestWelCome{ float: left; width:278px; border-left: 1px solid #dfdfdf;}
.right .training-con .bestWelCome h2{ text-align: center; font-size: 18px; color: #333; line-height: 22px; padding: 20px 0 13px; border-bottom: 1px  solid #dfdfdf;}
.right .training-con .bestWelCome .bestLessonImg{ text-align: center; width: 230px; height: 124px; margin: 18px auto 0;}
.right .training-con .bestWelCome .bestLessonImg img{ width:230px; height: 124px;}
.right .training-con .bestWelCome .bestLessonName{ width: 230px; margin: 0 auto; font-size: 14px; line-height: 16px; margin-top: 8px; color: #333;}
.right .training-con .bestWelCome .otherBestList{ width: 230px; margin: 20px auto;}
.right .training-con .bestWelCome .otherBestList li{ line-height: 22px; margin-bottom: 13px; position: relative; text-indent: 10px;}
.right .training-con .bestWelCome .otherBestList li:before{ content: ""; display: block; position: absolute; width: 4px; height: 4px; background: #ccc; left: 0; top: 50%; margin-top: -4px}
.right .training-con .bestWelCome .otherBestList li a{ font-size: 14px; line-height: 22px; color: #333; text-decoration: none; letter-spacing: 1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;    display: block;}
.right .training-con .applyForm .formCtrl input:-moz-placeholder { color: #ccc; font-size: 14px;}
.right .training-con .applyForm .formCtrl input::-moz-placeholder { color: #ccc; font-size: 14px;}
.right .training-con .applyForm input:-ms-input-placeholder,
.right .training-con .applyForm textarea:-ms-input-placeholder { color: #ccc; font-size: 14px;}
.right .training-con .applyForm input::-webkit-input-placeholder,
.right .training-con .applyForm textarea::-webkit-input-placeholder { color: #ccc; font-size: 14px;}

/*公开课*/
.right .openClass-con{ margin: 0 22px 0 26px; padding-bottom: 105px;}
.right .openClass-con .describle{ overflow: hidden; margin-top: 14px;}
.right .openClass-con .describle .txt{ float: left; width: 455px;}
.right .openClass-con .describle .txt p{ font-size: 14px; line-height: 24px; color: #333333; text-indent: 2em;}
.right .openClass-con .describle .tel{ float: left; margin-left: 74px; margin-top: 30px;}
.right .openClass-con .describle .hotTel{ font-size: 18px; line-height: 24px; color: #333333; font-weight: bold; background: url(../images/hotTel.png) center left no-repeat; padding-left: 50px;}
.right .openClass-con .describle .hotTel span{ font-size: 14px;}
.right .openClass-con .describle .btnLink{ width: 175px; height: 38px; margin-top: 32px; border: 1px solid #9d1f2b; border-radius: 3px;}
.right .openClass-con .describle .btnLink a{ display: block; text-align: center; color: #9d1f2b; line-height: 38px; font-size: 18px;}
.right .openClass-con .iconListBox{ margin-top: 50px; position: relative;}
.right .openClass-con .iconListBox .iconList{ overflow: hidden; border: 1px solid #dddddd; border-right: none;}
.right .openClass-con .iconListBox .iconItem{ float: left; height: 119px; width: 119px; border-right: 1px solid #dddddd; cursor: pointer;}
.right .openClass-con .iconListBox .iconItem .icon{ width: 55px; height: 55px; margin: 20px auto 0; background-image: url(../images/iconSprite.png); background-repeat: no-repeat ;}
.right .openClass-con .iconListBox .iconItem p{ text-align: center; color: #999; line-height: 24px; font-size: 14px; margin-top: 8px;}
.right .openClass-con .iconListBox .iconItem .icon1{ background-position: 0 -160px;}
.right .openClass-con .iconListBox .iconItem .icon2{ background-position: -55px -160px;}
.right .openClass-con .iconListBox .iconItem .icon3{ background-position: -110px -160px;}
.right .openClass-con .iconListBox .iconItem .icon4{ background-position: -165px -160px;}
.right .openClass-con .iconListBox .iconItem .icon5{ background-position: -220px -160px;}
.right .openClass-con .iconListBox .iconItem .icon6{ background-position: -275px -160px;}
.right .openClass-con .iconListBox .hoverShow{ position: absolute; top: 0; width: 50%; height: 100%; background: #9d1f2b; display: none;}
.right .openClass-con .iconListBox .hoverShow.left{ left: 0;}
.right .openClass-con .iconListBox .hoverShow.right{ right: 0; padding: 0; border: none;}
.right .openClass-con .iconListBox .hoverShow .tit{ float: left; padding: 0 15px; border-right:1px solid #fff; margin: 24px 0 24px 18px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon{ width: 55px; height: 55px; margin: 0 auto; background-image: url(../images/iconSprite.png); background-repeat: no-repeat;}
.right .openClass-con .iconListBox .hoverShow .tit .icon1{ background-position: 0 -215px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon2{ background-position: -55px -215px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon3{ background-position: -110px -215px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon4{ background-position: -165px -215px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon5{ background-position: -220px -215px;}
.right .openClass-con .iconListBox .hoverShow .tit .icon6{ background-position: -275px -215px;}
.right .openClass-con .iconListBox .hoverShow .tit p{ text-align: center; font-size: 14px; line-height: 24px; font-weight: bold; color: #fff;}
.right .openClass-con .iconListBox .hoverShow .text{ float: left; display: table; width: 235px; height: 100%; padding-left: 12px;}
.right .openClass-con .iconListBox .hoverShow .text p{ font-size: 14px; line-height: 24px; color: #fff; letter-spacing: 1px; display: table-cell; vertical-align: middle;}

.right .openClass-con .hotClassList{ overflow: hidden; margin-right: -30px;}
.right .openClass-con .clssItem{ float: left; width: 218px; height: 45px; border: 1px solid #dddddd; margin-right: 29px; margin-top: 30px; display: table;}
.right .openClass-con .clssItem a{ display: table-cell; vertical-align: middle; font-size: 14px; text-align: center; color: #333333; line-height: 16px;}
.right .openClass-con .process{ float: left; margin-left: 20px; margin-top: 46px;}
.right .openClass-con .processItem{ overflow: hidden; margin-bottom: 16px;}
.right .openClass-con .processItem .processTit{ float: left; width: 80px; height: 80px; line-height: 80px; background: #333333; font-size: 18px; color: #fff; text-align: center;}
.right .openClass-con .processItem .processTxt{ float: left; width: 378px; height: 78px; border: 1px solid #373d41;}
.right .openClass-con .processItem .processTxt .table{ display: table; padding: 0 15px; height: 100%;}
.right .openClass-con .processItem .processTxt span{ display: table-cell; vertical-align: middle; width: 100px; font-size: 14px; line-height: 18px; color: #333;}
.right .openClass-con .processItem .processTxt b{ display: table-cell; vertical-align: middle; padding: 0 12px;}
.right .openClass-con .serviceImgs{ float: right; margin-top: 40px; margin-right: 30px;}
.right .openClass-con .serviceImgs .serviceItem{ margin-bottom: 9px;}
.right .openClass-con .formGroup{ float: left; margin-top: 5px;}
.right .openClass-con .formNav{ overflow: hidden; margin-bottom: -1px;}
.right .openClass-con .navItem{ float: left; height: 34px; line-height: 34px;  font-size: 16px; color: #888888; cursor: pointer;}
.right .openClass-con .item1{ width: 131px; padding-left: 18px;}
.right .openClass-con .item1.on{ background: url(../images/formNav1.jpg) center no-repeat;}
.right .openClass-con .item2{ width: 180px; text-align: center; margin: 0 -20px;}
.right .openClass-con .item2.on{ background: url(../images/formNav2.jpg) center no-repeat;}
.right .openClass-con .item3{ width: 131px; padding-right: 18px; text-align: right;}
.right .openClass-con .item3.on{ background: url(../images/formNav3.jpg) center no-repeat;}

.right .openClass-con .applyForm{ padding: 14px 40px 10px 0; border: 1px solid #dddddd;}
.right .openClass-con .applyForm .formCtrl{ overflow: hidden; margin-bottom: 10px;}
.right .openClass-con .applyForm .formCtrl label{ float: left; width: 70px; font-size: 14px; line-height: 36px; color: #333; margin-left: 20px;}
.right .openClass-con .applyForm .formCtrl input{ float: left; width: 225px; height: 33px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 33px; padding: 0;}
.right .openClass-con .applyForm .formCtrl textarea{ float: left; width: 300px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; font-family: "微软雅黑";}
.right .openClass-con .applyForm .formSubmit input{ width: 173px; height: 39px; background: #9d1f2b; font-size: 20px; color: #fff; font-weight: lighter; display: block; margin: 0 auto; cursor: pointer; margin-top: 15px;}
.right .openClass-con .applyForm .formCtrl input:-moz-placeholder { color: #ccc; font-size: 14px;}
.right .openClass-con .applyForm .formCtrl input::-moz-placeholder { color: #ccc; font-size: 14px;}
.right .openClass-con .applyForm input:-ms-input-placeholder,
.right .openClass-con .applyForm textarea:-ms-input-placeholder { color: #ccc; font-size: 14px;}
.right .openClass-con .applyForm input::-webkit-input-placeholder,
.right .openClass-con .applyForm textarea::-webkit-input-placeholder { color: #ccc; font-size: 14px;}
.right .openClass-con .pictureAll{ float: left; margin-left: 20px; margin-top: 84px; width: 220px; height: 344px; position: relative;}
.right .openClass-con .pictureAll .slide_thumb{ text-align: center; position: absolute; width: 100%; left: 0; bottom: 10px;}
.right .openClass-con .pictureAll .slide_thumb span{ display: inline-block; width: 12px; height: 12px; background: #fff; opacity: 0.5; margin: 0 12px;}
.right .openClass-con .pictureAll .slide_thumb span.active{ opacity: 1;}

/*银行培训*/
.bankBanner{ text-align: center; margin-top: 20px;}
.right .bankTrain-con{ padding-bottom: 50px; width: 720px; margin: 0 auto;}
.right .bankTrain-con .advantageList{ overflow: hidden; margin-top: 33px;}
.right .bankTrain-con .advantageItem{ float: left; width: 225px; margin: 0 67px 27px;}
.right .bankTrain-con .advantageItem .title{ text-align: center; width: 153px; height: 25px; border-radius: 13px; margin: 0 auto; font-size: 14px; line-height: 25px; text-align: center; color: #fff;}
.right .bankTrain-con .advantageItem .title.red{ background: #ff4d72;}
.right .bankTrain-con .advantageItem .title.blue{ background: #2da6d8;}
.right .bankTrain-con .advantageItem .title.yellow{ background: #ffd333;}
.right .bankTrain-con .advantageItem .title.green{ background: #abde5d;}
.right .bankTrain-con .advantageItem .txt{ font-size: 12px; line-height: 16px; color: #333333; margin-top: 13px; padding: 0 5px;}
.right .bankTrain-con .partText{ font-size: 14px; line-height: 16px; color: #333333; padding: 0 45px; margin-top: 30px; text-indent: 2em;}
.right .bankTrain-con .conceptImg{ text-align: center; margin-top: 18px;}
.right .bankTrain-con .processImg{ text-align: center; margin-top: 18px;}
.right .bankTrain-con .formImg{ text-align: center; margin-top: 18px;}
.right .bankTrain-con .moreService{ overflow: hidden; margin-top: 36px; margin-bottom: -50px; padding: 14px 39px 0;}
.right .bankTrain-con .serviceItem{ float: left; width: 176px; height: 85px; margin: 0 18px; border: 1px solid #2b4da9; border-radius: 10px; margin-bottom: 50px;}
.right .bankTrain-con .serviceItem .itemTit{ margin: -14px auto 0; width: 110px; height: 28px; line-height: 28px; text-align: center; font-size: 16px; color: #fff; background: #2b4da9;}
.right .bankTrain-con .serviceItem .itemTxt{ margin-top: 12px;}
.right .bankTrain-con .serviceItem .itemTxt p{ font-size: 14px; line-height: 18px; color: #333333; text-align: center;}
.right .bankTrain-con .researchImg{ text-align: center; margin-top: 18px;}
.right .bankTrain-con .formGroup{ float: left; margin-top: 30px;}
.right .bankTrain-con .formNav{ overflow: hidden; margin-bottom: -1px;}
.right .bankTrain-con .navItem{ float: left; height: 34px; line-height: 34px;  font-size: 16px; color: #888888; cursor: pointer;}
.right .bankTrain-con .item1{ width: 131px; padding-left: 18px;}
.right .bankTrain-con .item1.on{ background: url(../images/formNav1.jpg) center no-repeat;}
.right .bankTrain-con .item2{ width: 180px; padding-right: 18px; text-align: center;}
.right .bankTrain-con .item2.on{ background: url(../images/formNav2.jpg) center no-repeat;}
.right .bankTrain-con .applyForm{ padding: 14px 40px 10px 0; border: 1px solid #dddddd;}
.right .bankTrain-con .applyForm .formCtrl{ overflow: hidden; margin-bottom: 10px;}
.right .bankTrain-con .applyForm .formCtrl label{ float: left; width: 70px; font-size: 14px; line-height: 36px; color: #333; margin-left: 20px;}
.right .bankTrain-con .applyForm .formCtrl input{ float: left; width: 225px; height: 33px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 33px; padding: 0;}
.right .bankTrain-con .applyForm .formCtrl textarea{ float: left; width: 300px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; font-family: "微软雅黑";}
.right .bankTrain-con .applyForm .formSubmit input{ width: 173px; height: 39px; background: #9d1f2b; font-size: 20px; color: #fff; font-weight: lighter; display: block; margin: 0 auto; cursor: pointer; margin-top: 15px;}
.right .bankTrain-con .applyForm .formCtrl input:-moz-placeholder { color: #ccc; font-size: 14px;}
.right .bankTrain-con .applyForm .formCtrl input::-moz-placeholder { color: #ccc; font-size: 14px;}
.right .bankTrain-con .applyForm input:-ms-input-placeholder,
.right .bankTrain-con .applyForm textarea:-ms-input-placeholder { color: #ccc; font-size: 14px;}
.right .bankTrain-con .applyForm input::-webkit-input-placeholder,
.right .bankTrain-con .applyForm textarea::-webkit-input-placeholder { color: #ccc; font-size: 14px;}
.right .bankTrain-con .pictureAll{ float: left; margin-left: 15px; margin-top: 65px; width: 230px; height: 384px; position: relative;}
.right .bankTrain-con .pictureAll .slide_thumb{ text-align: right; position: absolute; width: 100%; left: 0; bottom: 10px;}
.right .bankTrain-con .pictureAll .slide_thumb span{ display: inline-block; width: 12px; height: 12px; background: #888888; margin: 0 3px;}
.right .bankTrain-con .pictureAll .slide_thumb span.active{ background: #c02635;}


/*政府培训*/
.govBanner{ width: 720px; height: 72px; background: url(../images/govBanner.jpg) center no-repeat; margin: 20px auto 0;}
.right .govTrain-con { width: 720px; margin: 0 auto; padding-bottom: 50px;}
.right .govTrain-con .advantageList{ margin-top: 45px;}
.right .govTrain-con .advantageItem{ overflow: hidden; margin-bottom: 50px;}
.right .govTrain-con .advantageItem .img{ width: 268px; height: 194px;}
.right .govTrain-con .advantageItem .txt{ width: 430px; padding-top: 12px;}
.right .govTrain-con .advantageItem .txt p{ font-size: 14px; line-height: 24px; color: #000000; text-align: justify; text-indent: 2em;}
.right .govTrain-con .conceptSys{ overflow: hidden; margin-top: 30px;}
.right .govTrain-con .conceptSys .txt{ float: left; width: 328px; height: 262px; display: table; margin-left: 62px;}
.right .govTrain-con .conceptSys .txt p{ font-size: 14px; line-height: 24px; color: #000000; display: table-cell; vertical-align: middle; text-indent: 2em;}
.right .govTrain-con .conceptSys .img{ width: 262px; height: 262px; float: left; margin-left: 30px;}
.right .govTrain-con .research{ overflow: hidden; margin-top: 35px;}
.right .govTrain-con .research .img{ float: left; width: 310px; height: 204px; margin: 0 20px;}
.right .govTrain-con .research .txt{ float: left; width: 370px;}
.right .govTrain-con .research .txt p{ font-size: 14px; text-indent: 2em; line-height: 24px; color: #000000;}
.right .govTrain-con .formGroup{ float: left; margin-top: 30px;}
.right .govTrain-con .formNav{ overflow: hidden; margin-bottom: -1px;}
.right .govTrain-con .navItem{ float: left; height: 34px; line-height: 34px;  font-size: 16px; color: #888888; cursor: pointer;}
.right .govTrain-con .item1{ width: 131px; padding-left: 18px;}
.right .govTrain-con .item1.on{ background: url(../images/formNav1.jpg) center no-repeat;}
.right .govTrain-con .item2{ width: 180px; padding-right: 18px; text-align: center;}
.right .govTrain-con .item2.on{ background: url(../images/formNav2.jpg) center no-repeat;}
.right .govTrain-con .applyForm{ padding: 14px 40px 10px 0; border: 1px solid #dddddd;}
.right .govTrain-con .applyForm .formCtrl{ overflow: hidden; margin-bottom: 10px;}
.right .govTrain-con .applyForm .formCtrl label{ float: left; width: 70px; font-size: 14px; line-height: 36px; color: #333; margin-left: 20px;}
.right .govTrain-con .applyForm .formCtrl input{ float: left; width: 225px; height: 33px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; line-height: 33px; padding: 0;}
.right .govTrain-con .applyForm .formCtrl textarea{ float: left; width: 300px; height: 74px; border: 1px solid #e2e2e2; font-size: 14px; color: #333; text-indent: 18px; font-family: "微软雅黑";}
.right .govTrain-con .applyForm .formSubmit input{ width: 173px; height: 39px; background: #9d1f2b; font-size: 20px; color: #fff; font-weight: lighter; display: block; margin: 0 auto; cursor: pointer; margin-top: 15px;}
.right .govTrain-con .applyForm .formCtrl input:-moz-placeholder { color: #ccc; font-size: 14px;}
.right .govTrain-con .applyForm .formCtrl input::-moz-placeholder { color: #ccc; font-size: 14px;}
.right .govTrain-con .applyForm input:-ms-input-placeholder,
.right .govTrain-con .applyForm textarea:-ms-input-placeholder { color: #ccc; font-size: 14px;}
.right .govTrain-con .applyForm input::-webkit-input-placeholder,
.right .govTrain-con .applyForm textarea::-webkit-input-placeholder { color: #ccc; font-size: 14px;}
.right .govTrain-con .pictureAll{ float: left; margin-left: 20px; margin-top: 64px; width: 213px; height: 384px; position: relative;}
.right .govTrain-con .pictureAll .slide_thumb{ text-align: right; position: absolute; width: 100%; left: 0; bottom: 10px;}
.right .govTrain-con .pictureAll .slide_thumb span{ display: inline-block; width: 12px; height: 12px; background: #888888; margin: 0 6px;}
.right .govTrain-con .pictureAll .slide_thumb span.active{ background: #c02635;}


/*在线课程*/
.right .govTrain-con .part_zxkc{width:100%;}
.right .openClass-con .part_zxkc .tit{text-align:center;font-size:20px;line-height:60px;}
.right .openClass-con .part_zxkc ul{display:flex;flex-wrap: wrap;flex-direction: row;}
.right .openClass-con .part_zxkc ul li{margin-bottom:20px;width:33%;text-align:center}
.right .openClass-con .part_zxkc ul li img{width:200px;height:150px}
.right .openClass-con .part_zxkc ul li span{display:block;width:100%;line-height:50px;font-size:14px;height:50px;overflow:hidden;}























