@charset "gb2312";
/* CSS Document */
body{font:12px/1.5 "\5b8b\4f53",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#666;}
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:#666;}
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;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.layout{ clear:both;width:1000px;text-align:left;margin:0 auto;}
.marb6{ margin-bottom:6px; clear:both}
.introduce .tex .t1, .introduce .tex .t2, .classes .tex .tit, .classes .tabs .hd li, .classes .hd .tit li.on, .title h3 .t1, .title h3 .t2, .skill .left em, .skill .right .i1, .skill .right .i2, .skill .right .i3, .skill .right .i4,
.skill .right .j1, .skill .right .j2, .skill .right .j3, .classes .d{ background:url("/images/zhuanti/2017yssjjnms/ico.png") no-repeat;}
.introduce .teacher .btn a, .skill .left .s1, .skill .left .s2, .skill .left .s3, .skill .left .s4, .skill .left .s5, .skill .left .s6{ background:url("/images/zhuanti/2017yssjjnms/btn.png") no-repeat;}

/**/
.title{ height:60px; line-height:60px; text-align:center;}
.title h3{ display:inline-block; *display:inline; *zoom:1; height:60px; line-height:60px; font-size:40px; color:#fff; font-weight:bold; padding:0 22px; background:#04a058; position:relative;}
.title h3 .t1{ width:70px; height:59px; position:absolute; left:-21px; top:-20px; background-position:0 -321px;}
.title h3 .t2{ width:14px; height:16px; position:absolute; right:13px; bottom:-3px; background-position:0 -385px;}

/**/
.header01Wrap{ width:100%; height:584px; background:url("/images/zhuanti/2017yssjjnms/header01.png") no-repeat center top;}
.header01{ height:584px;}
.header01 .logo{ display:block; width:190px; height:50px; line-height:0; font-size:0; left:29px; top:24px;}
.header01 .tex1{ width:503px; height:51px; background:url("/images/zhuanti/2017yssjjnms/tex01.png") no-repeat; left:214px; top:94px;}
.header01 .tex2{ width:551px; height:100px; background:url("/images/zhuanti/2017yssjjnms/tex02.png") no-repeat; left:196px; top:157px;}
.header01 .tex3{ width:552px; height:102px; background:url("/images/zhuanti/2017yssjjnms/tex03.png") no-repeat; left:199px; top:266px;}
.header01 .nav{ padding:425px 25px 0;}
.header01 .nav p{ font-size:16px; line-height:34px;}
.header01 .nav p a{ color:#f86f01;}

/**/
.introduceWrap{ width:100%; height:634px; background:url("/images/zhuanti/2017yssjjnms/header02.png") no-repeat  center top;}
.introduce{}
.introduce .time{ padding:160px 0 0 60px;}
.introduce .time li{ float:left; width:238px; text-align:center; color:#faea2d;}
.introduce .time h4{ font-size:20px; line-height:36px;}
.introduce .time p{ line-height:32px; font-size:14px;}
.introduce .time .w1{ padding-left:35px;}
.introduce .tex{ padding:20px 0 0 40px; color:#fff; width:600px;}
.introduce .tex .tit{ height:42px; line-height:42px; padding:0 0 0 40px; margin-top:20px; font-size:24px; font-weight:bold;}
.introduce .tex .t1{ background-position:0 13px;}
.introduce .tex .t2{ background-position:0 -25px;}
.introduce .tex p{ line-height:28px; font-size:16px;}
.introduce .teacher{ width:313px; right:40px; top:150px;}
.introduce .teacher .pic{ width:256px; height:234px; background:url("/images/zhuanti/2017yssjjnms/teacher.png") no-repeat; margin:0 auto;}
.introduce .teacher .pic p{ line-height:36px; text-align:center; font-size:18px; color:#fff; padding-top:198px;}
.introduce .teacher .btn{ padding:20px 0 0 0;}
.introduce .teacher .btn a{ display:block; width:313px; height:62px; line-height:62px; background-position:0 0; text-decoration:none; font-size:20px; color:#571000; text-indent:25px; margin-top:17px;}
.introduce .teacher .btn strong{ font-size:26px; padding:0 5px;}
.introduce .teacher .btn span{ font-size:22px; color:#d55305; font-weight:bold; padding:0 0 0 46px;}

/**/
.classesWrap{ width:100%; background:#08c46e;}
.classes{ padding:50px 0 80px;}
.classes .tex{ float:left; width:240px; height:442px; background:#08ad62; border-radius:10px; padding:10px 25px 0;}
.classes .tex .tit{ height:50px; line-height:50px; text-align:center; border-bottom:1px dashed #069654; font-size:22px; font-weight:bold; color:#faf32d; background-position:50px -76px; text-indent:26px;}
.classes .tex .nr{ color:#fff;}
.classes .tex .nr h4{ font-size:16px; line-height:32px; padding:10px 0;}
.classes .tex .nr p{ line-height:26px;}
.classes .tabs{ float:right; width:650px; background:#fff; border-radius:10px; padding:24px 31px 24px 12px;}
.classes .tabs .hd{ float:left; width:95px;}
.classes .tabs .hd li{ width:79px; height:64px; background-position:0 -232px; font-size:18px; color:#fff; line-height:24px; text-align:center; padding:15px 0 0 0; margin-bottom:20px; cursor:pointer;}
.classes .tabs .hd li.on{ padding-right:8px; background-position:0 -144px;}
.classes .tabs .pic{ float:right; width:555px; height:402px;}
.classes .tabs .pic li{ display:none;  width:555px; height:402px;}
.classes .tabs .pic p{ height:64px; padding:20px 25px; position:absolute; left:0; bottom:0; line-height:26px; color:#fff;background:#333;opacity:.8;filter:alpha(opacity=80)}
.classes .d{ width:22px; height:22px; background-position:0 -777px; right:5px; top:50%; margin-top:-11px;}

/**/
.warp{ width:100%; background:url("/images/zhuanti/2017yssjjnms/bg1.png") no-repeat center bottom #08c46e;}
.skill{ padding:40px 0;}
.skill .left{ float:left; display:inline; margin:0 0 0 24px; background:url("/images/zhuanti/2017yssjjnms/xian01.gif") repeat-y left;}
.skill .left li{ width:269px; height:42px; line-height:42px; text-align:center; font-size:18px; padding:0 0 0 8px; margin:2px 0 18px 13px; position:relative;}
.skill .left .s1{ background-position:0 -66px;}
.skill .left .s2{ background-position:0 -113px; margin-left:38px; width:299px;}
.skill .left .s3{ background-position:0 -161px; margin-left:53px; width:239px;}
.skill .left .s4{ background-position:0 -209px; margin-left:29px; width:289px;}
.skill .left .s5{ background-position:0 -258px; margin-left:80px; width:269px;}
.skill .left .s6{ background-position:0 -306px; margin-left:53px; width:239px;}
.skill .left em{ display:block; width:10px; height:10px; background-position:0 -749px; position:absolute; left:-17px; top:18px;}
.skill .left .s2 em{ left:-42px;}
.skill .left .s3 em{ left:-57px;}
.skill .left .s4 em{ left:-33px;}
.skill .left .s5 em{ left:-84px;}
.skill .left .s6 em{ left:-57px;}
.skill .right{ float:right; width:580px;}
.skill .right li{ float:left; display:inline; margin:0 14px 23px 0; width:268px; height:151px; background:#fee775; position:relative; border-top:8px solid #ffdd55; text-align:center;}
.skill .right i{ display:inline-block; width:59px; height:59px; margin-top:6px;}
.skill .right .i1{ background-position:0 -416px;}
.skill .right .i2{ background-position:0 -480px;}
.skill .right .i3{ background-position:0 -544px;}
.skill .right .i4{ background-position:0 -606px;}
.skill .right h4{ font-size:18px; line-height:26px;}
.skill .right h4 strong{ font-size:22px; font-weight:bold;}
.skill .right a{ color:#571000; text-decoration:none;}
.skill .right .c1{ background:#ffde43;}
.skill .right li.c1{ border-top:8px solid #ffd304;}
.skill .right .j1{ width:45px; height:30px; position:absolute; right:0; bottom:0; background-position:0 -671px;}
.skill .right .j2{ width:45px; height:30px; position:absolute; right:0; bottom:0; background-position:0 -704px;}
.skill .right .j3{ width:45px; height:30px; position:absolute; right:0; bottom:0; background-position:-47px -670px;}

.xyxsBd{height:653px; overflow:hidden;*position:relative; margin:40px 0;}
.xyxsBd li{ width:998px; height:148px; background:url(/images/zhuanti/2017yssjjnms/xsbg.png) no-repeat left bottom; margin-bottom:20px;}
.xyxsBd li .xshead{float:left;}
.xyxsBd li .xsbody{padding:14px 54px 0 168px;}
.xyxsBd li .xsbody span{line-height:46px;display:block;color:#07b172;font-size:20px;}
.xyxsBd li .xsbody p{text-indent:2em;line-height:24px;color:#666; font-size:16px;}
.xyxsBd li .xsbody p a{color:#666;}
.xyxsBd li.rshead .xshead{float:right;}
.xyxsBd li.rshead .xsbody{padding-left:55px;}

.banner{ width:100%; height:233px; background:url(/images/zhuanti/2017yssjjnms/banner.png) no-repeat center top;}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

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


@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

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

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

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