@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}

/*框架*/
.layout{ clear:both;width:1200px;text-align:left;margin:0 auto;color:#333;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.an{ background:url(/images/zhongjizhicheng/msb/an.png) no-repeat; _background:url(/images/zhongjizhicheng/msb/an.gif) no-repeat;}

/*页头*/
.headerbg{ background:url(/images/zhongjizhicheng/msb/msb_01.jpg) no-repeat center top;}
.header{ height: 533px; }
.header .logo{ display: block; top: 23px; left: 0; -webkit-animation:fadeIn 1s 1s 1 both; animation:fadeIn 1s 1s 1 both;}
.header .nr1{ top: 65px; left: 0; width: 100%; text-align: center; line-height: 26px; font-size: 26px; color: #fff; -webkit-animation:fadeIn 1s 1s 1 both; animation:fadeIn 1s 1s 1 both;}
.header .nr2{ top: 120px; left: 0; -webkit-animation:fadeIn2 0.8s 0s 1 both; animation:fadeIn2 0.8s 0s 1 both;}
.header .nr3{ top: 460px; left: 0; width: 100%; text-align: center; line-height: 26px; font-size: 22px; color: #48f4ff; -webkit-animation:fadeIn 0.8s 1s 1 both; animation:fadeIn 0.8s 1s 1 both; -webkit-text-shadow:3px 3px 3px #1a1835; -moz-text-shadow:3px 3px 3px #1a1835; text-shadow:3px 3px 3px #1a1835;}
.Change{ color: #fff; right: 0; top: 35px; font-size: 16px; position: absolute; display: block;}
/*导航*/
.navbg{ border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.nav{ height: 70px;}
.nav .left a{ float: left; display: block; padding: 0 24px; border-left: 1px solid #e6e6e6; line-height: 70px; font-size: 16px;}
.nav .left a:hover{ background: #ff8503; text-decoration: none; color: #fff;}
.nav .left .jx{ border-right: 1px solid #e6e6e6;}
.nav .right a{ float: right; display: block; width: 115px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #5586dc; border-radius: 3px; margin:16px 0 0 25px;}

/*双师教学*/
.ssjxtopbg{ background:url(/images/zhongjizhicheng/msb/msb_02.png) no-repeat center top;}
.ssjxtop{ height: 85px; padding-top: 63px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700; color: #5586dc;}
.ssjxtop span{ color: #ff8503;}
.ssjxbg{ background:url(/images/zhongjizhicheng/msb/msb_03.png) no-repeat center bottom;}
.ssjx .tit{ line-height: 86px; text-align: center; font-size: 24px;}
.ssjx .xcen{ overflow:hidden; z-index:8; width: 1200px; height: 351px; margin-bottom: 40px;}
.ssjx .xcen li{ display: inline; float: left; position: relative; width:270px; height: 351px; margin-right: 40px; overflow: hidden;}
.ssjx .xcen .fds{ overflow: hidden; bottom: 0; left: 0; width: 246px; height: auto; padding: 0 12px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);  }
.ssjx .xcen .fds .t{ height: 46px; overflow: hidden;}
.ssjx .xcen .fds .t-l{ display: block; font-size: 18px; color: #fff; line-height: 46px;}
.ssjx .xcen .fds .t-l i{ font-size: 12px;}
.ssjx .xcen .fds .t-r{ display: block; padding: 0 8px; line-height: 20px; color: #fff; margin-top: 13px; background: #ff8503;}
.ssjx .xcen .fds .b{ display: none; clear: both; color: #fff; line-height: 24px; padding-bottom:5px;}
.ssjx .xcen .mr0{ margin: 0;}
.ssjx .lht-BtnL,.ssjx .lht-BtnR{ display: block; width: 44px; height: 73px; position: absolute; top: 140px; left: 0; background-position: 0 -1200px; cursor: pointer;}
.ssjx .lht-BtnR{ left: auto; right: 0; background-position: -75px -1200px;}
.ssjx .lht-BtnL:hover,.ssjx .lht-BtnR:hover{ background-position: 0 -1277px;}
.ssjx .lht-BtnR:hover{ left: auto; right: 0; background-position: -75px -1277px;}
.ssjx .bot{ display: block; width: 230px; background: #ff8503; line-height: 52px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto 40px;}

/*一站备齐*/
.yzbqtopbg{ background:url(/images/zhongjizhicheng/msb/msb_04.png) no-repeat center top;}
.yzbqtop{ height: 91px; padding-top: 49px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700;}
.yzbqbg{ background:#ffcd39;}
.yzbq .tit{ line-height: 86px; text-align: center; font-size: 24px; color: #666;}
.yzbq .cen{ padding-left: 60px;}
.yzbq .cen .nr{ width: 270px; text-align: center; margin-bottom: 40px;}
.yzbq .cen .nr .pic,.yzbq .cen .nr .pic2,.yzbq .cen .nr .pic3,.yzbq .cen .nr .pic4,.yzbq .cen .nr .pic5,.yzbq .cen .nr .pic6,.yzbq .cen .nr .pic7,.yzbq .cen .nr .pic8{ display: inline-block; width: 119px; height: 119px; background-position: 0 0; margin-bottom: 10px;}
.yzbq .cen .nr .pic2{ background-position: 0 -150px;}
.yzbq .cen .nr .pic3{ background-position: 0 -300px;}
.yzbq .cen .nr .pic4{ background-position: 0 -450px;}
.yzbq .cen .nr .pic5{ background-position: 0 -600px;}
.yzbq .cen .nr .pic6{ background-position: 0 -750px;}
.yzbq .cen .nr .pic7{ background-position: 0 -900px;}
.yzbq .cen .nr .pic8{ background-position: 0 -1050px;}
.yzbq .cen .nr p{ line-height: 26px; color: #666;}
.yzbq .cen .nr p b{ font-size: 16px; display: block;}
.yzbq .bot{ display: block; width: 230px; background: #ff8503; line-height: 52px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto 40px;}

/*一体化*/
.ythtopbg{ background:url(/images/zhongjizhicheng/msb/msb_05.png) no-repeat center top;}
.ythtop{ height: 95px; padding-top: 46px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700; color: #5586dc;}
.ythtop span{ color: #ff8503;}
.yth{ padding-bottom: 40px;}
.yth .tit{ line-height: 86px; text-align: center; font-size: 24px;}
.yth .nr{ width:270px; height: 351px; margin-right: 40px; overflow: hidden;}
.yth .nr .fd{ bottom: 0; left: 0; width: 270px; height: 46px; text-align: center; line-height: 46px; font-size: 18px; color: #fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000', endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.yth .mr0{ margin: 0;}

/*学习方法*/
.xxffbg{ background:url(/images/zhongjizhicheng/msb/msb_06.png) no-repeat center top #f6f6f6;}
.xxff{ padding-bottom: 40px;}
.xxff .top{ height: 90px; padding-top: 50px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700; color: #5586dc;}
.xxff .top span{ color: #ff8503;}
.xxff .tit{ height: 75px; line-height: 75px; text-align: center; font-size: 24px;}
.xxff .cen{ width: 1200px; height: 480px;}
.xxff .cen .nr{ width: 118px; height: 118px; z-index: 1;}
.xxff .cen .nr .yy{ display: none; width: 250px; height: 250px; left: 50%; top: 50%; margin: -125px 0 0 -125px;}
.xxff .cen .nr .img { display: block; width: 250px; height: 250px; left: 50%; top: 50%; margin: -125px 0 0 -125px;}
.xxff .cen .nr span{ display: block; width: 118px; height: 118px; top: 0; left: 0; background:url(about:blank);}
.xxff .cen .nr01{ top: 59px; left: 300px;}
.xxff .cen .nr02{ top: 59px; left: 540px;}
.xxff .cen .nr03{ top: 59px; left: 780px;}
.xxff .cen .nr04{ top: 181px; left: 180px;}
.xxff .cen .nr05{ top: 181px; left: 420px;}
.xxff .cen .nr06{ top: 181px; left: 660px;}
.xxff .cen .nr07{ top: 181px; left: 900px;}
.xxff .cen .nr08{ top: 302px; left: 300px;}
.xxff .cen .nr09{ top: 302px; left: 540px;}
.xxff .cen .nr10{ top: 302px; left: 780px;}

/*特色*/
.tstopbg{ background:url(/images/zhongjizhicheng/msb/msb_07.png) no-repeat center top;}
.tstop{ height: 98px; padding-top: 55px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700; color: #fff;}
.tstop span{ color: #ffcd39;}
.tsbg{ background:#0d3a7a;}
.ts{ padding-bottom: 40px;}
.ts .tit{ line-height: 86px; text-align: center; font-size: 24px; color: #89a4ca;}
.ts .cen{ width: 1012px; height: 458px; padding-right: 8px; background:url(/images/zhongjizhicheng/msb/msb_08.png) no-repeat center 10px; margin: 0 auto;}
.ts .cen .t{ margin-bottom: 28px;}
.ts .cen .t-l{ display: block; width: 373px; text-align: center; font-size: 20px; font-weight: 700; color: #fff; line-height: 20px;}
.ts .cen .c{ height: 46px; margin-bottom: 35px;}
.ts .cen .c-l{ display: block; width: 353px; text-align: left; padding-left: 20px; font-size: 14px; font-weight: 700; color: #2c476d; line-height: 46px;}
.ts .cen .c-c{ display: block; width: 256px; text-align: center; font-size: 16px; color: #fff; line-height: 24px; padding: 17px 0 0 10px;}

/*报名咨询*/
.bmzxtopbg{ background:url(/images/zhongjizhicheng/msb/msb_09.png) no-repeat center top;}
.bmzxtop{ height: 85px; padding-top: 57px; line-height: 85px; text-align: center; font-size: 38px; font-weight: 700; color: #5586dc;}
.bmzxtop span{ color: #ff8503;}
.bmzxbg{ background:url(/images/zhongjizhicheng/msb/msb_10.png) no-repeat center bottom;}
.bmzx{ padding-bottom: 40px;}
.bmzx .tit{ line-height: 56px; text-align: center; font-size: 24px; padding-top: 10px;}
.bmzx .subtit{ width: 770px; padding: 10px; line-height: 24px; background: #f1f1f1; border: 1px solid #e8e8e8; margin:0 auto 25px;}
.bmzx .subtit span{ float: left; display: block; padding:0 8px; font-size: 16px; color: #666;}
.bmzx .subtit i{ display: block; width: 24px; height: 14px; top: -14px; left: 238px; background:url(/images/zhongjizhicheng/msb/msb_20.png) no-repeat;}
.bmzx .cen table{ border-collapse: collapse;}
.bmzx .cen td{ border: 1px solid #cad8eb; padding: 10px 20px; line-height: 24px; font-size: 14px; color: #666; text-align: center;}
.bmzx .cen .txt{ background: #5586dc; font-size: 16px; color: #fff;}
.bmzx .cen .txt .qp{ cursor: pointer; z-index: 1;}
.bmzx .cen .txt .qp .tt{font-size: 12px;}
.bmzx .cen .txt .pop{ width:325px; border:1px solid #e0e0e0; background:#f1f1f1; padding:5px 10px 5px 5px; left:-86px; top:45px; text-align: left; display:none;}
.bmzx .cen .txt .pop .jian{ display: block; width: 24px; height: 14px; top: -14px; left: 50%; margin-left: -12px; background:url(/images/zhongjizhicheng/msb/msb_20.png) no-repeat;}
.bmzx .cen .txt .pop a{ display: block; float: left; width: 50px; height: 20px; padding: 0 5px; margin:5px 0 5px 5px; line-height: 20px; color: #666; font-size: 12px; font-weight: 400;}
.bmzx .cen .txt .pop a:hover{ color: #fff; background: #5586dc; text-decoration: none;}
.bmzx .cen .txt .pop .hover{ color: #fff; background: #5586dc;}
.bmzx .cen .txt .non .pop{display:block;}
.bmzx .cen .tal{ text-align: left;}
.bmzx .cen .mr em{ color: #cc0000;}
.bmzx .cen .st{ display: inline-block; width: 23px; height: 20px; background-position: 0 -1380px;}
.bmzx .cen .txt2{ background: #fffbf2;}
.bmzx .cen .txt2 p{ line-height: 24px; font-size: 18px; color: #ff6c00; padding: 0 0 20px 0;}
.bmzx .cen .txt2 .han{ display: inline-block; width: 118px; height: 32px; background: #ff6c00; line-height: 32px; text-align: center; font-size: 18px; color: #fff; border-radius: 3px;}
.bmzx .cen .xq{ display:block;}
.bmzx .cen .xq-t{ color: #5586dc; cursor: pointer;}
.bmzx .cen .xq-b{ width: 830px; top: 24px; left: 40px; _left: 0; display: none;}
.bmzx .cen .xq-b .jian{ display: block; overflow: hidden; width: 16px; height: 6px; background:url(/images/zhongjizhicheng/msb/msb_23.png) no-repeat; left: 30px; top: -5px;}
.bmzx .cen .xq-b table{ border-collapse: collapse; background: #fff;}
.bmzx .cen .xq-b td{ border: 1px solid #cad8eb; padding: 10px; line-height: 20px; font-size: 12px; color: #666; text-align: center;}
.bmzx .cen .xq-b td a{ color: #666;}
.bmzx .cen .xq-b .textl{ text-align: left; text-indent: 24px;}
.bmzx .cen .xq-b .subtabtxt{ background: #e2ecf8; font-size: 14px;}
.bmzx .cen .xq-b .h_font14{ font-size: 14px;}
.bmzx .bot{ padding: 25px 40px; background: #f3f6f9;}
.bmzx .bot b{ display: block; line-height: 36px; font-size: 18px; color: #5586dc;}
.bmzx .bot p{ line-height: 28px; font-size: 14px; color: #666;}
.bmzx .bot p a{ color: #5586dc;}

/*预约报名弹框*/
.mask{ width: 100%; height: 100%; position:fixed; top:0; left:0; background:#000; z-index:999; filter:alpha(opacity=60);opacity:0.6;_position:absolute; _height:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)); display: none;}
.yytk{ display: none; width:540px; background:#fff; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2)); top:50%; left:50%; margin:-160px 0 0 -240px; z-index:1000;}
.yytk .tit{ height: 48px; background: #f5f5f5; border-bottom: 1px solid #e3e3e3;}
.yytk .tit-l{ padding-left: 20px; font-size:14px; color: #999; line-height: 48px;}
.yytk .tit-l b{ font-size: 18px; color: #666;}
.yytk .xx{ width:15px; height:15px; top:18px; right:18px; background-position: -104px -1385px; cursor:pointer;}
.yytk .bot{ padding: 20px 0 30px 0;}
.yytk .bot .nr{ height: 52px; clear: both;}
.yytk .bot .nr-l{ width: 110px; line-height: 40px; font-size: 16px; color: #666; padding-right: 14px; text-align: right;}
.yytk .bot .nr-r .txt{ width: 354px; height: 38px; border: 1px solid #e4e4e4; line-height: 38px; font-size: 16px; color: #666; padding-left: 14px;}
.yytk .bot .nr-r .txt2{ width: 150px;}
.yytk .bot .nr-r2{ padding:10px 0 0 124px;}
.yytk .bot .nr-r2 .han{ display: block; width: 294px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; font-weight: 700; background: #ff8503;}
.yytk .bot .nr-r3 label{ display: inline-block; margin-right: 10px; line-height: 40px; font-size: 14px; color: #666; cursor: pointer;}
.yytk .bot .nr-r3 label input{ vertical-align: middle; margin-right: 10px;}
.yytk .bot2{ padding: 70px 0 60px 0;}
.yytk .bot2 .yes{ padding-left: 122px; line-height: 38px; font-size: 18px; color: #ff8503; background:url(/images/zhongjizhicheng/msb/msb_22.png) no-repeat 56px center; margin-bottom: 50px;}
.yytk .bot2-b{ text-align: center;}
.yytk .bot2-b .bhan{ display: inline-block; width: 150px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; color: #fff; font-weight: 700; background: #ff8503; margin: 0 10px;}

/*jquery-select.tipxw固定样式请勿动*/
.select_boxhs {position:relative}
.select_boxhs select{display:none}
.select_boxhs input{padding:0;margin:0;cursor:pointer;position:absolute;top:0;left:0;background:none}
.select_boxhs i{position:absolute}
.select_boxhs ul {list-style-type:none;padding:0;margin:0;width:100%;display:none;position:absolute;overflow-x: hidden;overflow-y: auto}
.select_boxhs ul li{list-style-type:none;padding:0;margin:0}
.select_boxhs ul.show{display:block}

/*此处样式自定义*/
.yourSelect{width:370px;height:40px;font-family: "Microsoft Yahei"}
.yourSelect input{ border:1px solid #e4e4e4; width:96%; overflow:hidden; height:38px; line-height:38px; padding:0 0 0 4%; font-family: "Microsoft Yahei";font-size: 16px; color:#666;}
.yourSelect input.on{color:#666}
.yourSelect i{display:block;width:11px;height:8px; background:url(/images/zhongjizhicheng/msb/msb_21.png) no-repeat;top:15px;right:14px;transition:all .3s linear}
.yourSelect i.on{transform:rotateZ(180deg)}
.yourSelect ul {width:100%; border:1px solid #e4e4e4;background:#fff}
.yourSelect ul li {overflow:hidden;width:96%;cursor:pointer;line-height:30px;height:30px;padding:0 0 0 4%;font-size: 16px; color: #666;}
.yourSelect ul li.hover {background:#a7cee2;color:#fff}

/* 浮动导航 */
.floatCtro { display: none; width:100%; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; position:fixed; _position:absolute; left:0; top:0; z-index:100 }
.floatCtro .fcc{ height: 70px;}
.floatCtro .fcc .left a{ float: left; display: block; padding: 0 24px; border-left: 1px solid #e6e6e6; line-height: 70px; font-size: 16px;}
.floatCtro .fcc .left a:hover{ background: #ff8503; text-decoration: none; color: #fff;}
.floatCtro .fcc .left .cur{ background: #ff8503; text-decoration: none; color: #fff;}
.floatCtro .fcc .left .jx{ border-right: 1px solid #e6e6e6;}
.floatCtro .fcc .right a{ float: right; display: block; width: 115px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #fff; background: #5586dc; border-radius: 3px; margin:16px 0 0 25px;}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


.fadeIn2{
    animation-name: fadeIn2;
    -webkit-animation-name: fadeIn2;

    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes fadeIn2 {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn2 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}