/* CSS Document */
body{
    min-width: 1196px;
    padding-bottom: 70px;
}
.container{
    width:1196px;
    margin:auto;
    overflow: hidden;
}
u,b,i,em,small{
    font-weight:normal;
    text-decoration: none;
    font-style: normal;
}
input{
    border: 1px solid #dadee7;}
button{
    border: none;
}
a{
    text-decoration: none;
    font-size: 14px;
    color: #FFF;}
.head{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
}
.head.cur{
    position: fixed;
    background-color: #fff;
    z-index: 1000000000000000000000000;
}
.head.cur.forever{
    position: absolute;
}
.head.cur .logo p,.head.cur ul li a,.head.cur ul li:nth-child(4) u{
    color: #1d1d1d;
}
.head.cur ul li:nth-child(4) b{
    background-position: -178px -44px;
}
.head.cur .language i{
    background-position: -218px -52px;
}
.head .logo{
    float: left;
    padding:15px 0;
}
.head .logo p{
    font-size: 14px;
    color: #a5a5a5;
}
.head ul{
    float: left;
    margin-left: 140px;
    overflow: hidden;
    margin-top: 35px;}
.head ul li{
    float: left;
    margin:0 40px;}
.head ul li a{
    font-size: 18px;
    color: #FFF;
}
.head ul li:nth-child(4) b{
    width: 28px;
    margin-top: 3px;
    margin-right: 10px;
    float: left;
    height: 28px;
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-position: -65px -10px;
    overflow: hidden;
}
.head ul li:nth-child(4) u{
    font-size: 24px;
    color: #fca311;
    font-style: italic;
    float: right;
    margin-top: -4px;
    margin-left:10px;
}
.head .language ol{
    float: left;}
.head .language{
    margin-top: 40px;
    float: right;}
.head .language li{
    width: 25px;
    height: 20px;
}
.head .language li.CN{
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-position: -215px -15px;
}
.head .language i{
    float: left;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 5px;
    width: 10px;
    height: 10px;
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-position: -258px -20px;
}
.banner img{
    display: block;
}
.head ul li.cur a{
    color: #fca00e;
}
.banner{
    position: relative;
min-width: 1196px;
    height: 933px;
    background-image: url(/client_images/micropiano/home/banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;}
.banner .words{
    float: right;
    margin-right: -100px;
}
.banner .container{
    position: absolute;
    left: 50%;
    top: 35%;
    margin-left: -598px;
    overflow: visible;
}
.banner p{
    margin-top: 40px;
    font-size: 36px;
    color: #FFF;
}
.banner a{
    font-size: 18px;
    color: #2a2a2a;
    padding: 2px 20px;
    border: 1px solid #fee26b;
    border-radius: 30px;
    background-color: #fde06a;
    margin-top: 120px;
    display: inline-block;
}
.banner a:hover{
    background-color: #ffec9d;
    border-color: #ffec9d;
}
.banner a i{
    width: 15px;
    height: 20px;
    float: right;
    margin-top: 3px;
    margin-left: 10px;
    background-image: url(/client_images/micropiano/home/jiantou.png);
    background-position: 0 1px;
    background-repeat: no-repeat;
}


.model{
    padding-top: 90px;
}
.model .container>header{
    font-size: 36px;
    color: #FFF;
    margin-bottom: 25px;
    text-align: center;
}
.model .container>p{
    font-size: 18px;
    line-height: 32px;
    color: #FFF;
}
.brand{
    background-color: #000;
}
.lunbo{
    overflow: hidden;}
.lunbo .mes{
    float: left;
    width: 80%;
}
.lunbo .mes dl{
    overflow: hidden;
    height: 420px;
    position: relative;}
.lunbo .mes dt{
    padding-right:630px;
    height: 420px;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    padding-left:45px;
    padding-top: 60px;
}
.lunbo .scrollBar{
    float: left;
    width: 20%;
}
.lunbo .mes dd{
    position: absolute;
    right: 0;
    top: 0;}
.lunbo .mes dd img{
    width: 563px;
    display: block;
    height: 420px;
}
.brand .lunbo{
    padding-top: 60px;
    padding-bottom:100px;
}
.lunbo .mes dt b{
    margin-bottom: 15px;
    font-size: 36px;
    display: block;
    color: #843915;
}
.lunbo .mes dt p{
    font-size: 16px;
    line-height: 30px;
    color: #202020;
    margin-bottom: 80px;
    text-align: left;
}
.lunbo .mes dt em{
    padding:0 20px;
    font-size: 14px;
    line-height: 20px;
    display: block;
    text-align: left;
    color: #939393;
    position: relative;
}
.lunbo .mes dt em:before,.lunbo .mes dt em:after{
    content: "";
    width: 15px;
    height: 15px;
    display: block;
    background-image: url(/client_images/micropiano/home/spirit.png);
    position: absolute;
}
.lunbo .mes dt em:before{
    background-position: -10px -15px;
    left: 0;
    top: 0;
}.lunbo .mes dt em:after{
     background-position: -38px -15px;
     right: 0;
     bottom: 0;
 }
.lunbo .mes dd:before{
    background-image: url(/client_images/micropiano/home/spirit.png);
    position: absolute;
    width: 20px;
    height: 25px;
    content: "";
    top: 40px;
    left: -2px;
    background-position: -97px -7px;
}
.lunbo .scrollBar{
    background-color: #ffd688;
    height:420px;
}
.lunbo .scrollBar li b{
    height: 42px;
    display: block;
    border-bottom: 1px solid #e6be73;
    margin: 0 25px;
    line-height: 42px;
    color: #4c370e;
    font-size: 16px;
}
.lunbo .scrollBar li.cur,.lunbo .scrollBar li:hover{
    box-shadow: 0 1px 22px #c69841 inset;
    background-color: #e5af52;
}
.lunbo .scrollBar li.cur b,.lunbo .scrollBar li:hover b{
    color: #FFF;
}
.lunbo .scrollBar li{
    cursor: pointer;
    width: 108%;
}
.lunbo .mes dl{
    display: none;
}
.lunbo .mes dl.cur{
     display: block;
 }
.round .container>header{
    color: #1c1c1c;
}
.round .container>p{
    color: #8e8e8e;
}
.round .circle{
    width: 630px;
    height: 630px;
    position: relative;
    margin:70px auto;
}
.round .circle span{
    display: block;
    width: 315px;
    height: 315px;
    position: absolute;
    /*transition: all 0.2s;*/
    cursor: pointer;
}
.round .circle .hoverTop{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/client_images/micropiano/home/hoverTop2.png);
}
.round .circle .hoverTop:hover{
    background-image: url(/client_images/micropiano/home/hoverTop1.png);
}
.round .circle .hoverLeft{
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/client_images/micropiano/home/hoverLeft2.png);
}
.round .circle .hoverLeft:hover{
    background-image: url(/client_images/micropiano/home/hoverLeft1.png);
}
.round .circle .hoverBottom{
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(/client_images/micropiano/home/hoverBottom1.png);
}
.round .circle .hoverBottom:hover{
    background-image: url(/client_images/micropiano/home/hoverBottom2.png);
}
.round .circle .hoverRight{
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(/client_images/micropiano/home/hoverRight1.png);
}
.round .circle .hoverRight:hover{
    background-image: url(/client_images/micropiano/home/hoverRight2.png);
}

.round .circle .weiqinfang{
    position: absolute;
    width: 181px;
    height: 181px;
    left: 50%;
    top: 50%;
    margin-left:-90px;
    margin-top: -90px;
    background-image: url(/client_images/micropiano/home/weiqinfang1.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.round .circle .weiqinfang:hover{
    background-image: url(/client_images/micropiano/home/weiqinfang2.png);
}
.education{
    background-color: #000;
}
.education .card{
    overflow: hidden;
    margin: 50px 0;}
.education .card li{
    position: relative;
    float: left;
    cursor: pointer;
}
.education .card li:not(:last-child){
    margin-right: 18px;
}
.education .card li img{
    display: block;
    margin:auto;
}
.education .card li div{
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 60px;
    top: 100%;
    left: 0;
    background-color: #02c0db;
    text-align: center;
    color: #FFF;
    transition: all 0.5s;
}
.education .card li:hover div{
    top: 0;
}
.education .card li div em{
    font-size: 18px;
    margin:15px 0;
    display: block;
    font-weight: bold;
}
.education .card li div p{
    margin:0 20px;
    font-size: 12px;
    line-height: 16px;
}
.service .container>header{
    color: #1c1c1c;
}
.service ul{
    overflow: hidden;
    margin-bottom: 60px;}
.service ul li{
    float: left;
    text-align: center;
    cursor: pointer;
}
.service ul li:not(:last-child){
    margin-right:4%;
}
.service ul li em{
    font-size: 18px;
    color: #000;
    font-weight: bold;
    display: block;
    margin-top: 25px;
    margin-bottom: 10px;
}
.service ul li p{
    font-size: 12px;
    color: #8e8e8e;
}
.service ul li div{
    height: 145px;
    width: 207px;
    margin:auto;
    background-repeat: no-repeat;
    background-position: center  center;
    transition:all 0.5s ;
}
.service ul li:nth-child(1) div{
    background-image: url("/client_images/micropiano/home/trainTeam1.png");
}
.service ul li:nth-child(2) div{
    background-image: url("/client_images/micropiano/home/searchTeam2.png");
}
.service ul li:nth-child(3) div{
    background-image: url("/client_images/micropiano/home/team1.png");
}
.service ul li:nth-child(4) div{
    background-image: url("/client_images/micropiano/home/hover1.png");
}
.service ul li:nth-child(1):hover div{
    background-image: url("/client_images/micropiano/home/trainTeam2.png");
}
.service ul li:nth-child(2):hover div{
    background-image: url("/client_images/micropiano/home/searchTeam.png");
}
.service ul li:nth-child(3):hover div{
    background-image: url("/client_images/micropiano/home/team2.png");
}
.service ul li:nth-child(4):hover div{
    background-image: url("/client_images/micropiano/home/hover2.png");
}
.service ul li:hover em{
    color: #fca311;
}
.concern img{
    width:380px;
    height: 224px;
    display: block;
}
.concern{
    background-image: url("/client_images/micropiano/home/bg.jpg");
    background-repeat: no-repeat;
    background-position:center 0;
}
.concern .container>header{
    color: #000;
}
.concern ul{
    overflow: hidden;}
.concern li{
    float: left;
    width: 380px;
    color: #565656;
    border: 1px solid #dfeef8;
    margin-bottom: 20px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}
.concern li em{
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}
.concern li div{
    height: 100px;
    box-sizing: border-box;
    overflow: hidden;
    padding:20px;
}

.concern li p{
    font-size: 12px;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.concern li:nth-child(3n+2){
    margin:0 25px;
}
.concern li:hover{
    box-shadow: 5px 5px 10px #CCC;
}
.concern{
    padding-bottom: 80px;
}
.idea .container>header{
    color: #fca311;
}
.idea .lunbo2{
    margin:60px 0;
    width: 100%;
    height:235px;
    position: relative;
}
.idea .lunbo2 .content{
    position: absolute;
    left: 0;
    height: 235px;
    overflow: hidden;
    top: 0;
    /*width:max-content;*/
    width:100000000000px;
}
.idea .lunbo2 .content dl{
    float: left;
    margin-right:45px;
}
.idea .lunbo2 .content dd{
    padding-left:240px;
    width: 490px;
    box-sizing: border-box;
}
.idea .lunbo2 .content dt{
    float: left;
}
.idea .lunbo2 .content dd em{
    display: block;
    font-size: 24px;
    color: #3c3c3c;
    margin-bottom: 10px;
}
.idea .lunbo2 .content dd small{
    display: block;
    margin-bottom: 25px;
    font-size: 18px;
    color: #828282;
}
.idea .lunbo2 .content dd p{
    color: #a5a5a5;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;

}
.idea .lunbo2>span{
    display: block;
    width: 25px;
    height: 40px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top:-20px;
    background-image: url("/client_images/micropiano/home/spirit.png");
}
.idea .lunbo2 .arrowLeft{
    left:-100px;
    background-position: -5px -48px;
}
.idea .lunbo2 .arrowRight{
    right:-100px;
    background-position: -136px -48px;
}
.idea .lunbo2 .arrowLeft:hover{
    background-position: -103px -48px;
}
.idea .lunbo2 .arrowRight:hover{
    background-position: -36px -48px;
}
.idea .container{
    overflow: visible;}
.lunbo2 .box{
    width:100%;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.lunbo2 .box:after{
    content: "";
    width: 50px;
    height: 120%;
    top:-10%;
    right: 0;
    position: absolute;
    box-shadow: -15px 0 20px #FFF inset;
    z-index: 10;
}
.foot{
    background-color: #212121;
    font-size: 14px;
    color: #c2c1c1;
}
.foot a{
    color: #989898;
}
.foot .container{
    overflow: hidden;
    padding:50px 0;
}
.foot .bottom{
    padding:30px 0;
    background-color: #191919;
    font-size: 14px;
    color: #c1c1c1;
    text-align: center;
    line-height: 24px;
}
.foot .container>*:not(:last-child){
    float: left;
}
.foot .third{
    float: right;
}
.foot .container>*>em,.foot .first em{
    color: #989898;
    font-size: 24px;
    display: block;
    margin-bottom: 15px;
}
.foot .first a{
    display: block;
    padding-left:150px;
    background-image: url("/client_images/micropiano/home/loadCode.png");
    background-repeat: no-repeat;
    background-position: 20px 0;
    height: 100px;
    padding-top: 10px;
}
.foot .first b{
    display: block;
    width: 30px;
    margin-bottom:10px;
    height: 40px;
    background-image: url("/client_images/micropiano/home/spirit.png");
    background-repeat: no-repeat;
}
.foot .first .android{
    background-position: -128px -8px;
}
.foot .first .apple{
    background-position: -73px -47px;
}
.foot .container>*>em{
    margin-bottom: 60px;
}
.foot .container>*:not(:first-child) a{
    font-size: 14px;
}
.foot .container>*:not(:first-child) a:hover{
    color: #bc992e;
}

.foot .container li{
    margin-bottom: 25px;
}
.foot .container li a:nth-child(2n){
    margin-left: 135px;
}
.foot .first dd em{
    margin-top: 20px;
    margin-bottom: 25px;
}
.foot .third li a:nth-child(2n){
    margin-left: 60px;
}
.foot .third li:nth-child(2) a:nth-child(2n){
    margin-left:45px;
}
.foot .second{
    margin-left: 18%;
}
.fixBar{
    position: fixed;
    top: 360px;
    right:30px;
    z-index:10000000000;
}

.fixBar li a{
    display: block;
    width: 75px;
    height: 75px;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
}
.fixBar li:not(:last-child){
    border-bottom: 1px solid #000;
    background-color: #fca311;
    font-size: 14px;
    color: #FFF;
}
.fixBar li u{
    width: 40px;
    margin: auto;
    height: 40px;
    display: block;
    background-image: url(/client_images/micropiano/home/spirit.png);
}
.fixBar .kefu u{
    background-position: -327px -17px;
}
.fixBar .apply u{
    background-position: -280px -15px;
}
.fixBar .erweima {
    background-image: url(/client_images/micropiano/home/yusi1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.fixBar .erweima:hover{
}
.fixBar p{
    text-indent:2em;
    background-color: #fff;
    width: 150px;
    border-radius: 4px;
    color: #e28c01;
    line-height: 30px;
}
.fixBar .kefu p{
    height: 30px;
}
.fixBar li>p{
    display: none;
    height: 30px;
    left:-160px;
    position: absolute;
    top: 28px;
}
.fixBar li:hover>p{
    display: block;
}
.fixBar li p:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid #FFF;
    border-bottom: 3px solid transparent;
    position: absolute;
    right: -6px;
    top: 50%;
    margin-top: -3px;
}
.fixBar li.erweima p:after{
    top: 15%;
}

.fixBar .erweima p{
    height: 150px;
    border-radius: 4px;
}
.fixBar .erweima p img{
    width: 100%;
    display: block;
    height: 100%;
    border-radius: 4px;
}

.fixBar li{
    cursor: pointer;
    width: 75px;
    height: 75px;
    background-color: #fff;
    position: relative;
}
.fixBar li:not(:last-child):hover{
    background-color: #e28c01;
}
.mask{
    position: fixed;
    display: none;
    width: 100%;
    top: 0;
    left: 0;
    z-index:10000000000000000;
    background-color:rgba(0,0,0,0.5);
    height: 100%;
}
.applyForm{
    position: absolute;
    left: 50%;
    top: 360px;
    width: 310px;
    background-color: #fff;
    margin-left:-155px;
    z-index:100000000000000000000000000000;
}
.applyForm header{
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    padding-left:115px;
    box-sizing: border-box;
    background-color: #3dc965;
    color: #FFF;
    position: relative;
}
.applyForm header b{
    width: 20px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 22px;
    height: 22px;
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-position:-241px -51px;
    cursor: pointer;
    border-radius: 50%;
}
.applyForm header b:hover{
    background-color: #25b54d;
}
.applyForm input,.applyForm button{
    width: 260px;
    height:35px;
    border-radius:4px;
    padding-left: 50px;
    box-sizing: border-box;
    font-size: 14px;
}
.applyForm  form{
    padding:30px 25px;
}
.applyForm >div{
    padding:30px 25px;
}
.applyForm label{
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.applyForm label span{
    height: 33px;
    position: absolute;
    top: 1px;
    left: 1px;
    line-height: 33px;
    font-size: 14px;
    color: #858585;
    width: 50px;
    padding-left: 15px;
}
.applyForm input:focus{
    outline: none;
    border-color: #ceced0;
}
.applyForm button{
    background-color: #3dc965;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    padding-left: 0;
    cursor: pointer;
}
.applyForm button:hover{
    background-color: #54d579;
}


/*课程特色*/
.wrap.pt93{
    padding-top: 93px;
}
.nav{
    height: 70px;
    line-height: 70px;
    background-color: #000;
    z-index:10000000000000000000000000000;
}
.nav ul{
    overflow: hidden;
}
.nav ul li{
    float: left;
    position: relative;
    width: auto;    margin-right:50px;
}
.nav ul li a{
    font-size: 18px;
    display: block;
}
.nav ul li.cur a{
    color: #fca311;
}
.nav ul li.cur:before{
    content: "";
    width: 100%;
    border-bottom: 3px solid #fca311;
    position: absolute;
    left: 0;
    bottom: 2px;
}
.Course .banners{
    background-image: url(/client_images/micropiano/home/course/toubutu.jpg);
    /*background-size:1920px 523px;*/
    background-position: center 0;
    background-repeat: no-repeat;
}
.Course .banners header{
    text-align: center;
    font-size: 36px;
    color: #FFF;
    padding:80px 0;
    letter-spacing: 8px;
}
.Course .banners dd{
    padding-left: 465px;
    padding-top: 70px;
    padding-right: 60px;
}
.Course .banners dt{
    float: left;
}
.Course .banners dl{
    background-color: #fff;
    height: 432px;
}
.Course .banners dd strong{
    font-size: 36px;
    color: #1c1c1c;
    display: block;
    margin-bottom: 20px;
}
.Course .banners dd em{
    font-size: 18px;
    color: #767676;
    line-height:1.5;
    display: block;
}
.Course .banners dd p{
    color: #8e8e8e;
    font-size: 14px;
    line-height:1.5;
    margin-top: 60px;
}
.Course .banners dl{
    margin:0 50px;
    box-shadow: 0 10px 25px #CCC;
    margin-bottom:20px;
}
 .model{
    padding-top: 0;}
.model .container header{
    color: #1c1c1c;
    font-size: 36px;
    padding-top: 80px;
    padding-bottom:40px;
    text-align: center;
}
.model .container p{
    color: #8e8e8e;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
}
.btn{
    display: block;
    margin:auto;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #FFF;
    background-color: #fca311;
    border-radius: 4px;
    margin-bottom:70px;
    margin-top: 60px;
    cursor: pointer;
}
 .btn:hover{
    background-color: #fdb338;
}
.head ul li:hover a{
    color: #fca00e;
}
.Course .kejian{
    height: 674px;
    background-image: url("/client_images/micropiano/home/course/kejianbeijing.jpg");
    background-repeat: no-repeat;
}
.Course .kejian .box{
    margin:60px 30px;
    height: 100%;
    background-color: #fff;
    padding:0 80px;
}
.Course .kejian .box ul{
    overflow: hidden;
    margin:70px 0;}
.Course .kejian .box li{
    float: left;
    width: 263px;
    height: 153px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
}
.Course .kejian .box .img1{
    background-image: url("/client_images/micropiano/home/course/zhinengkejian1.png");
}
.Course .kejian .box .img2{
    background-image: url("/client_images/micropiano/home/course/zhinengkejian2.png");
    margin:0 8%;
    position: relative;
}
.Course .kejian .box .img3{
    float: right;
    background-image: url("/client_images/micropiano/home/course/zhinengkejian3.png");
}
.Course .kejian .box ul li:hover{
    transform: scale(1.1);
}
.Course .jiaocai .photos li:hover img{
    box-shadow: 1px 1px 16px #CCC;
}

/*.Course .kejian .box .img1:hover{
    background-image: url("/client_images/micropiano/home/course/zhinengkejian1-shubiaojingguo.png");
}
.Course .kejian .box .img2:hover{
    background-image: url("/client_images/micropiano/home/course/zhinengkejian2-shubiaojingguo.png");
    margin:0 8%;
}
.Course .kejian .box .img3:hover{
    float: right;
    background-image: url("/client_images/micropiano/home/course/zhinengkejian3-shubiaojinguo.png");
}*/
.Course .kejian .box .img2:before {
    content: "";
    width: 70px;
    height: 35px;
    background-repeat: no-repeat;
    position: absolute;
    left:-80px;
    top: 80px;
    background-image: url("/client_images/micropiano/home/course/line1.png");
}
.Course .kejian .box .img2:after {
    content: "";
    width: 70px;
    background-repeat: no-repeat;
    height: 35px;
    background-image: url("/client_images/micropiano/home/course/line1.png");
    position: absolute;
    right:-80px;
    top: 80px;
}
.Course .jiaocai{
    height: 950px;
    background-image: url("/client_images/micropiano/home/course/jiaocaibeijing.jpg");
    background-position: center bottom;
    background-color: #fff;
    background-repeat: no-repeat;
}
.Course .jiaocai .container{
    padding:0 90px;
    box-sizing: border-box;
}
.Course .jiaocai .photos li{
    padding: 7px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
}
.Course .jiaocai .photos {
    margin-top: 40px;
}
.Course .jiaocai .photos li:last-child{
    margin-right: 0;
}
.Course .jiaocai .photos li:hover img{
    transform:scale(1.1);
}
.Course .peilian{
    background-color: #000;
}
.Course .peilian .container header{
    color: #FFF;
}
.Course .peilian .box{
    overflow: hidden;
    background-color: #fff;
    margin:65px 0;}
.Course .peilian .box .left{
    /*padding-right:643px;*/
    /*height: 590px;*/
    float: left;
    width: 553px;
}
.Course .peilian .box .right{
    float: right;
    text-align: center;
}
.Course .peilian .box .left img{
    /*width: 433px;*/
    display: block;
    margin:auto;
    margin-top: 35px;
}
.Course .peilian .box .left ul{
    overflow: hidden;
    margin-top:30px;
}
.Course .peilian .box .left ul li{
    float: left;
    padding-top: 50px;
    text-align: center;
    margin:0 6%;
    cursor: pointer;
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-position: center 10px;
}
.Course .peilian .box .left ul li:nth-child(4){
    margin-left:16%;
}
.Course .peilian .box .left ul li em{
    display: block;
    font-size: 14px;
}
.Course .peilian .box .left ul li p{
    font-size: 12px;
    color: #ababab;
}
.Course .peilian .box .left .btn{
    margin: 0 auto;
}
.Course .peilian .box .left ul li:nth-child(1){
    background-image: url("/client_images/micropiano/home/course/yujiaoyule.png");
}
.Course .peilian .box .left ul li:nth-child(2){
    background-image: url("/client_images/micropiano/home/course/gongguzhishi.png");
}
.Course .peilian .box .left ul li:nth-child(3){
    background-image: url("/client_images/micropiano/home/course/fuzhujiaoxue.png");
}
.Course .peilian .box .left ul li:nth-child(4){
    background-image: url("/client_images/micropiano/home/course/cujingoutong.png");
}
.Course .peilian .box .left ul li:nth-child(5){
    background-image: url("/client_images/micropiano/home/course/zhinengpeilian.png");
}
.Course .peilian .box .left ul li:hover em{
    color: #eeba3e;
}
.Course .jiucuo{
    background-image: url("/client_images/micropiano/home/course/zhinengjiucuo.png");
    background-repeat: no-repeat;
    background-position:center 350px ;
}
.Course .jiucuo .btn{
    margin-top: 600px;
}
.Course .huanjie {
    background-color: #000;
}
.Course .huanjie .container header{
    color: #ededed;
}
.Course .huanjie .box .content{
    padding: 40px;
    padding-left:210px;

}
.Course .huanjie .box{
    background-color: #fff;
    margin:40px 200px;
}
.Course .huanjie .box nav{
    float: left;
    width: 170px;
    padding:30px 0;
    padding-left:5px;
    box-sizing: border-box;
    background-color: #fca311;

}
.Course .huanjie .box nav li{
    font-size: 18px;
    line-height: 50px;
    cursor: pointer;
    text-indent:2em;
    color: #FFF;
}
.Course .huanjie .box nav li.cur,.Course .huanjie .box nav li:hover{
    background-color: #fff;
    color: #fca311;
}
.Course .huanjie .content em{
    display: block;
    font-size: 18px;
    color: #5c5c5c;
    margin-bottom: 20px;
}
.Course .huanjie dl small{
    font-size: 12px;
    color: #969696;
    display: block;
    height: 76px;
}
.Course .huanjie dl img{
    display: block;
}
.Course .huanjie .content dl {
    display: none;
}
.Course .huanjie .content dl.cur {
    display: block;
}
.Course .tisheng ul{
    overflow: hidden;}
.Course .tisheng li{
    float: left;
    cursor: pointer;
    margin:0 5.4%;
    width: 110px;
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: center 0;
    margin-bottom: 60px;
}
.Course .tisheng li img{
    margin-bottom: 20px;
}
.Course .tisheng li:hover p{
    color: #fca727;
}
.Course .jiameng {
    background-image: url(/client_images/micropiano/home/course/liaojiejiameng.jpg);
    height: 117px;
    background-repeat: no-repeat;
    background-position: center center;
}
.btn.bgn{
    background: none;
    border: 1px solid #FFF;
}
.btn.bgn:hover{
    background-color: #fff;
    color: #fca311;
}
.Course .jiameng .btn{
    margin: 0 auto;
    margin-top: 40px;
}
.Course .idea .container  p{
    text-align: left;
}
.Course .idea .container  header{
    color: #fca311;
}

/*钢琴教室*/
.Room .banners{
    height: 700px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(/client_images/micropiano/home/room/toububeijing.jpg);
}
.toggle .model:nth-child(2n+1) .container>header{
    color: #ededed;
}
.toggle .model:nth-child(2n+1) .container>p{
    color: #bdbdbd;
}
.toggle .model:nth-child(2n) .container>header{
     color: #1c1c1c;
 }
.toggle .model:nth-child(2n) .container>p{
    color: #8e8e8e;
}
.Room .jiangshi{
    background-color: #f8f8f8;
}
.Room .jiangshi ul{
    overflow: hidden;
    margin:50px 0;}
.Room .jiangshi li{
    float: left;
    width: 230px;
    margin-bottom: 10px;
}
.Room .jiangshi li:hover{
    box-shadow: 0 10px 20px #CCC;
}
.Room .jiangshi li p{
    font-size: 12px;
    line-height:18px;
    text-align: left;
    padding:0 5px;
    height: 60px;
}
.Room .jiangshi li img{
    width: 230px;
    height: 204px;
    display: block;
}
.Room .jiangshi li em{
    display: block;
    font-size: 18px;
    color: #464646;
    line-height: 50px;
    text-indent: 1em;
}
.Room .jiangshi li:hover em{
    color: #fca311;
}

.Room .jiangshi li:not(:first-child){
    margin-left: 11px;
}
.Room .jiangshi .container>p{
    padding: 0 95px;
}
.Room .peixun em{
    display: block;
    color: #1c1c1c;
    font-size: 36px;
    margin-bottom: 30px;
}
.Room .peixun dl:first-child dt,.Room .peixun dl:last-child dd{
    padding: 50px 30px;
}
.Room .peixun dl dt{
    float: left;
}
.Room .peixun dl dd{
    float: right;
}
.Room .peixun dl{
    overflow: hidden;
}
.Room .peixun{
    margin:70px 0;
}
.Room .peixun dl img{
    display: block;
}
.Room .peixun dl>*{
    width: 50%;
    box-sizing: border-box;
}
.Room .peixun dl span{
    display: block;
    font-size: 18px;
    color: #8e8e8e;
    padding-left: 30px;
    position: relative;
    margin-bottom: 15px;
}
.Room .peixun dl span i{
    width: 20px;
    height: 20px;
    font-size: 14px;
    color: #FFF;
    border-radius: 50%;
    background-color: #a8a8a8;
    text-align: center;
    line-height: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}
.Room .jiameng{
     height: 160px;
     background-image: url("/client_images/micropiano/home/room/weijiamengxiangcanjiapeixun.jpg");
     background-position: center 0;
     background-repeat: no-repeat;
 }
.Room .jiameng.model .container header{
    font-size: 36px;
    padding-top: 20px;
    padding-bottom: 0;
    color: #FFF;
}
.Room .jiameng.model .container .btn{
    margin:0 auto;
}
.Room .tongdao ul{
    overflow: hidden;
    margin-bottom: 70px;}
.Room .tongdao ul li{
    float: left;
    width:340px;
    height: 310px;
    border: 1px solid #e4e4e4;
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.Room .tongdao.model .container header{
    color: #1c1c1c;
}
.Room .tongdao ul li:nth-child(1){
    background-position: center 60px;
    padding-top: 150px;
}
.Room .tongdao ul li:nth-child(2){
     margin:0 85px;
    padding-top: 165px;
    background-position:center 60px;
}
.Room .tongdao ul li:nth-child(3){
    padding-top: 230px;
    background-position: center 70px;
}
.Room .tongdao ul li p{
    font-size: 24px;
    color: #474747;
}
.btn.bgo{
    border:1px solid #fca311;
    margin-top: 0;
    color: #fca311;
    background-color: transparent;
}
.btn.bgo:hover{
    background-color: #fff;
    color: #000;
}
.Room .tongdao ul li:nth-child(2) a{
    color: #fca311;
    display: block;
    font-size: 36px;
    text-align: center;
    margin-bottom: 20px;
}
.Room .tongdao ul li:nth-child(1) a {
    margin-bottom: 43px;
}
.Room .tongdao ul li:hover{
    cursor: pointer;
    border-color:#fcc363;
}
.Room .tongdao ul li:nth-child(1):hover a{
    background-color: #fca311;
    color: #FFF;
}
.Room .tongdao ul li:nth-child(1):hover a:hover{
    background-color: #fdb338;
}
.Room .banners ul{
    overflow: hidden;}
.Room .banners ul li{
    width: 290px;
    float: left;
    height: 365px;
    color: #FFF;
    background-size:contain;
    margin-top: 30px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
}
.Room .banners ul li em{
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 10px;
    display: block;
    text-align: center;

}
.Room .banners ul li p{
    font-size: 12px;
    line-height: 16px;
    padding: 0 25px;
    color: #FFF;
    text-align: center;
}
.Room .banners ul li:not(:last-child){
    margin-right: 12px;
}
.Room .banners ul li:hover{
    margin-top: 15px;
    box-shadow: 0 10px 20px #333;
}


/*配套硬件*/
.hardware .banners {
    height: 748px;
    background-image: url(/client_images/micropiano/home/hardware/toububeijing.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
}
.hardware .banners .video{
    text-align: center;
}
.hardware .banners header{
    margin-bottom: 0;
}
.hardware .banners .container>em{
    display: block;
    font-size: 14px;
    color: #b2b1b1;
    text-align: center;
    margin-top: 20px;
}
.hardware .tn20 {
    background-color: #000;
}
.hardware .tn20 main{
    overflow: hidden;
}
.hardware .tn20 main .left img{
    margin-left: -75px;
}
.hardware .tn20 main .right ul li{
    height: 80px;
    width: 95px;
    border-radius: 50%;
    background-repeat: no-repeat;
    padding-top: 15px;
    border: 1px solid #9f9f9f;
    font-size: 18px;
    color: #9f9f9f;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}
.hardware .tn20 main .right ul li i{
    background-image: url(/client_images/micropiano/home/hardware/spirit.png);
    display: block;
    width: 40px;
    height: 40px;
    margin:auto;
}
.hardware .tn20 main .right ul li:nth-child(1) i{background-position:-16px -60px;  }
.hardware .tn20 main .right ul li:nth-child(2) i{ background-position:-70px -60px;  }
.hardware .tn20 main .right ul li:nth-child(3) i{ background-position:-115px -60px;  }
.hardware .tn20 main .right ul li:nth-child(4) i{ background-position:-165px -60px;  }
.hardware .tn20 main .right ul li:nth-child(5) i{ background-position:-220px -60px;  }
.hardware .tn20 main .right { float: left;}
.hardware .tn20 main .left{ float: left;}
.hardware .tn20 main .right ul li:hover,.hardware .tn20 main .right ul li.cur{border-color:#e8c572 ;color: #e8c572;}
.hardware .tn20 main .right ul li:nth-child(1):hover i,.hardware .tn20 main .right ul li:nth-child(1).cur i{background-position:-16px -15px;   }
.hardware .tn20 main .right ul li:nth-child(2):hover i,.hardware .tn20 main .right ul li:nth-child(2).cur i{ background-position:-70px  -15px; }
.hardware .tn20 main .right ul li:nth-child(3):hover i,.hardware .tn20 main .right ul li:nth-child(3).cur i{ background-position:-115px -15px; }
.hardware .tn20 main .right ul li:nth-child(4):hover i,.hardware .tn20 main .right ul li:nth-child(4).cur i{ background-position:-165px -15px; }
.hardware .tn20 main .right ul li:nth-child(5):hover i,.hardware .tn20 main .right ul li:nth-child(5).cur i{ background-position:-220px -15px; }
.hardware .tn20 main .right ol li{
    width: 365px;
    padding:45px 35px;
    margin-left: 22px;
    height: 521px;
    /*background-image: url(/client_images/micropiano/home/hardware/frame.png);*/
    border: 2px solid #5c4f2d;
    background-repeat: no-repeat;
    box-sizing: border-box;
    color: #e4e4e4;
    position: relative;
}
.hardware .tn20 main .right ol>li:nth-child(2):before{top:150px; }
.hardware .tn20 main .right ol>li:nth-child(3):before{top:250px; }
.hardware .tn20 main .right ol>li:nth-child(4):before{top:360px; }
.hardware .tn20 main .right ol>li:nth-child(5):before{top:460px; }

.hardware .tn20 main .right ol li:before{
    width: 33px;
    height: 21px;
    background-image: url(/client_images/micropiano/home/hardware/arrow.jpg);
    position: absolute;
    top: 30px;
    left: -24px;
    content: "";
}
.hardware .tn20 main .right ol li{
    display: none;}
.hardware .tn20 main .right ol li:hover,.hardware .tn20 main .right ol li.cur{
    display: block;}
.hardware .tn20 main .right ol li em{
    display: block;
    margin-bottom: 25px;
    font-size: 24px;
    color: #ffd97d;
}
.hardware .tn20 main .right ol li img{
    width: 287px;
    height: 164px;
    margin-bottom: 50px;
    border: 2px solid #000;

}
.hardware .tn20 main .right ol li:hover img{
    border: 2px solid #5c4f2d;
}

.hardware .tn20 main .right ol dt{
    font-size: 18px;
}
.hardware .tn20 main .right ol dd{
    font-size: 12px;
}
.hardware .tn20 main .right ol dl{
    margin-bottom:10px;
}
.hardware .tn20 main .right{
    overflow: hidden;
    float: left;
    margin-left: -20px;}
.hardware .tn20 main .right>ul{
    float: left;}
.hardware .tn20 main .right>div{
    float: left;
    margin-left:10px;
}
.hardware .pad .container header{
    padding-bottom: 0;
}
.hardware .pad .container>img{
    margin-top: 60px;
    margin-bottom: 90px;
}
.hardware .tv{
    height:1150px;
    background-image: url(/client_images/micropiano/home/hardware/bv_bgc.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.hardware .tv .container header{
    color: #FFF;
    padding-bottom: 0;
}
.hardware .tv .container p{
    margin-bottom: 60px;
}
.hardware .tv .container>img{
    width: 100%;
    height: auto;
}
.hardware .tv .container>b{
    color: #8b8b8b;
    height: 45px;
    border-radius: 23px;
    display: block;
    width: 350px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    margin:auto;
    background-color: #000;
}

/*教务系统*/
.img *{
    background-repeat: no-repeat;
    background-position: center 0;
}
.jiaowu .banners{
    height: 728px;
}
.jiaowu .banners .container{
    padding-left: 680px;
    box-sizing: border-box;
}
.jiaowu .banners .container>header{
    font-size: 36px;
    color: #FFF!important;
    padding-top: 190px;
}
.jiaowu .banners header b{
    font-size: 48px;
    color: #fff000;
}
.jiaowu .banners  .btn{
    margin-top: 0;
}
.jiaowu .banners  .btn a{
    display: block;
}
.jiaowu .longpage{
    width: 1740px;
    margin:auto;
    margin-top: -170px;
    background-color:#e8eff1;
}
.jiaowu .longpage .container main{
    position: relative;
    margin-bottom: 60px;
}
.jiaowu .longpage .container>p{
    color: #1c1c1c;
}
.jiaowu .longpage .container main{
    height: 530px;
}
.jiaowu .longpage .container li{
    position: relative;
    font-size: 14px;
    color: #494949;
    line-height: 22px;
    margin-bottom: 10px;
    padding-left: 15px;
    width: 385px;
}
.jiaowu .longpage .container li::before{
    content: '';
    width: 5px;
    height: 5px;
    background-color: #b4b4b4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}
.jiaowu .longpage .container .left{
    position: absolute;
    bottom: 0;
    left: 0;
}.jiaowu .longpage .container .right{
     position: absolute;
     top: 0;
     right: 0;
 }
 .jiaowu .mix b{
     display: block;
     height: 55px;
     width: 55px;
     line-height: 55px;
     text-align: center;
     color: #FFF;
     background-color: #fca311;
     border-radius: 50%;
     font-size: 30px;
 }
.jiaowu .mix em{
    font-size: 24px;
    color: #1c1c1c;
    margin-top: 30px;
    display: block;
    margin-bottom: 25px;}
.jiaowu .mix p{
    font-size: 14px;
    line-height: 22px;
    width: 385px;
    color: #808080;
}
.jiaowu .front .right{
    padding-left:760px;
    height: 320px;
}
.jiaowu .front .left{
    float: left;
}
.jiaowu .mix{
    padding-top: 80px;
}
.jiaowu .mix img{

    display: block;
}
.jiaowu .mix img:hover{
    box-shadow:0 10px 35px #025cdb;
}
.jiaowu .back{
    background-color: #e8eff1;
}
.jiaowu .back .left{
    float: left;
    padding-left: 65px;
}
.jiaowu .back .right{
    padding-left:580px;
}


/*运营支持*/
.yunying .banners .container>header{
    color: #FFF;
    padding-top: 120px;
    margin-bottom: 0;}
.yunying .banners {
    height: 365px;}
.yunying .banners .container>p{
    color: #FFF;
    /*font-weight: bold;*/
}
.yunying .mix em{
    font-size: 24px;
    color: #1c1c1c;
    margin-top: 30px;
    display: block;
    margin-bottom: 25px;}
.yunying .mix p{
    font-size: 14px;
    line-height: 22px;
    width: 385px;
    color: #808080;
}
.yunying .front .right{
    padding-left:760px;
    height: 320px;
}
.yunying .front .left{
    float: left;
}
.yunying .mix{
    padding:35px 0;
}
.yunying .mix img{

    display: block;
}
.yunying .mix img:hover{
    box-shadow:0 10px 35px #025cdb;
}
.yunying .back{
    background-color: #d6f1ff;
}
.yunying .back .left{
    float: left;
    padding-left: 65px;
    padding-top: 40px;
}
.yunying .back .right{
    padding-left:618px;
}
.yunying .mix .container{
    overflow: hidden;
    height: 300px;}
.yunying .mix img{
    height: 300px;
    width: auto;}
.yunying .idea .lunbo2 .content dl{
    margin-right: 20px;
}
.yunying .model .container header{
    color: #fca311;
}
/*加盟申请*/
.jiameng .banners{
    height:565px;
    box-sizing: border-box;
    padding-top:160px;
}
.jiameng .banners .container{
    padding:0 40px;
    box-sizing: border-box;
}
.jiameng .banners .container header{
    margin: 0;
    font-size: 48px;
    color: #FFF;
    padding: 0;
}
.jiameng .banners .container header p{
    font-size: 48px;
    line-height:1.4;
    border-bottom: 3px solid #FFF;
    display: inline-block;
    padding-right: 20px;
    color: #FFF;
}
.jiameng .banners .container header p em{
    font-style: italic;
    color: #eeca1d;
}

.jiameng .banners .container main{
    overflow: hidden;
}
.jiameng .banners .container .left{
    float: left;
}
.jiameng .banners .container .right{
    float: right;
}
.jiameng .banners .container .left b{
    display: block;
    font-size: 20px;
    color: #FFF;
    margin-top: 30px;
    line-height: 1.6;
}
.jiameng .banners .container .left i{
    border-bottom: 2px solid #FFF;
    display: inline-block;
}
.jiameng .banners .container .right,.jiameng .apply .from {
    float: right;
    background-color: #fff;
    padding: 25px;
}
.jiameng .banners .container .right p,.jiameng .apply .from p{
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}
.jiameng .banners .container .right input,.jiameng .apply .from input{
    width: 260px;
    display: block;
    height: 40px;
    font-size: 14px;
    border: 1px solid #e0e3eb;
    padding-left: 50px;
}
.jiameng .banners .container .right label,.jiameng .apply .from  label{
    position: relative;
    margin-bottom: 10px;
    display: block;
}
.jiameng .banners .container .right label span,.jiameng .apply .from  label span{
    font-size: 14px;
    color: #858585;
    position: absolute;
    left: 0;
    height: 44px;
    top: 12px;
    width: 48px;
    text-align: right;
}
.jiameng .banners .container .right .btn,.jiameng .apply .from .btn{
    margin: 0;
    width: 100%;
}
.jiameng .kunrao main{
    overflow: hidden;
}
.jiameng .kunrao main>div{
    float: left;
    width: 23.5%;
}
.jiameng .kunrao main>div.middle{
    width: 53%;
    padding:0 2%;
    box-sizing: border-box;
}
.jiameng .kunrao main>div.right{
    padding-top: 4px;
}
.jiameng .kunrao main>div.middle>div p{
    width: 47.5%;
    float: left;
}
.jiameng .kunrao main>div.middle>div p:first-child{
    margin-right: 5%;
}
.jiameng .kunrao main>div img{
    width: 100%;
    display: block;
    cursor: pointer;
    height: auto;
    transition: all 0.2s;
}
.jiameng .kunrao .container header{

}
.jiameng .kunrao main>div p{
    position: relative;
}
.jiameng .kunrao main>div span{
    width: 255px;
    height: 25px;
    text-align: center;
    display: block;
    bottom:30px;
    font-size: 16px;
    left: 50%;
    position: absolute;
    color: #FFF;
    line-height: 25px;
    margin-left:-127px;
    border-radius: 13px;
    background-color: rgba(252,163,17,0.8);
}
.jiameng .kunrao main>div:not(:last-child)>p:first-child{
    margin-bottom: 20px;
}
.jiameng .kunrao main>div p:hover img{
    transform: scale(1.2);
}
.jiameng .kunrao main>div p{
    overflow: hidden;

}
.jiameng .tiaojian ul{
    overflow: hidden;}
.jiameng .tiaojian li{
    width:22%;
    cursor: pointer;
    padding-top: 175px;
    background-repeat: no-repeat;
    background-position: center 60px;
    box-sizing: border-box;
    height: 280px;
    float: left;
    border: 1px solid #e9e9e9;
}
.jiameng .tiaojian li:not(:last-child){
    margin-right:4%;
}
.jiameng .model:not(.banners){
    margin-bottom:100px;
}
.jiameng .tiaojian li:hover{
    border-color: #feaa4a;
}
.jiameng .liucheng ul{
    overflow: hidden;}
.jiameng .liucheng ul li{
    float: left;
    position: relative;
    cursor: pointer;
    width: 224px;
    border: 1px solid #e4e4e4;
    transition: all 0.2s;
}
.jiameng .liucheng ul li:hover{
    box-shadow: 0 10px 20px #CCC;
}
.jiameng .liucheng ul li img{
    display: block;
}
.jiameng .liucheng ul li p{
    height: 55px;
    line-height: 55px;
}
.jiameng .liucheng ul li:not(:nth-child(4n)){
    margin-right: 97px;
}
.jiameng .liucheng ul li:nth-child(1)~li:nth-child(4){
    margin-bottom: 70px;
}
.jiameng .liucheng ul li::before{
    content: "";
    display: block;
    width: 20px;
    height: 26px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    right: -70px;
    top: 50%;
    margin-top:-13px;
}
.jiameng .liucheng ul li:nth-child(1):before,.jiameng .liucheng ul li:nth-child(2):before,.jiameng .liucheng ul li:nth-child(3):before{
    background-image: url(/client_images/micropiano/home/jiameng/arrowR.png);
}
.jiameng .liucheng ul li:nth-child(6):before,.jiameng .liucheng ul li:nth-child(7):before,.jiameng .liucheng ul li:nth-child(8):before{
    background-image: url(/client_images/micropiano/home/jiameng/arrowL.png);
    right: inherit;
    left:-70px;
}
.jiameng .liucheng ul li:nth-child(5):before{
    display: none;
}
.jiameng .liucheng ul li:nth-child(4):before{
    right: inherit;
    bottom:-50px;
    top:inherit;
    left:50%;
    margin-left:-10px;
    background-image: url(/client_images/micropiano/home/jiameng/arrowD.png);
}
.jiameng  .map{
    margin-bottom: 0!important;
    background-repeat: no-repeat;
    background-position: center 0;
    height:1150px;
}
.jiameng  .map .container header{
    color: #FFF;
    margin-top: 120px;
}
.jiameng .apply{
    height: 400px;
}
.jiameng .apply .from input{
    width: 575px;
    padding-left: 70px;
    height: 45px;
}
.jiameng .apply .from  label span{
    width: 60px;
}
.jiameng .apply .from p{
    text-align: center;
    font-size: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.jiameng .apply .from .btn{
    height: 45px;
    background-color: #2dc843;
    font-size: 24px;
}
.jiameng .apply .from .btn:hover{
    background-color: #54d579;
}
.jiameng .apply .from{
    margin:auto;
    width: 697px;
    float: none;
    margin-top: 60px;
}
.jiameng .banners .container .right{
    position: relative;
}
.jiameng .banners .container .right .fixBox{
    position: absolute;
    display: none;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    height: 100%;
    padding-top: 110px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 45px;
    background-image: url(/client_images/micropiano/home/jiameng/success.png);
    text-align: center;
}
.jiameng .banners .container .right .fixBox em{
    display: block;
    font-size: 18px;
    color: #1db942;
    margin-bottom: 25px;
}
.jiameng .banners .container .right .fixBox p{
    font-size: 14px;
    color: #858585;
}


/*售后服务*/
.service .banners {
    color: #FFF;
    background-repeat: no-repeat;
    background-position: center 0;
    height:469px;
    text-align: center;
}
.service .banners em{
    display: block;
    font-size: 36px;
    color: #ffc000;
    margin-top: 140px;
    margin-bottom: 25px;
}
.service .banners p{
    color: #FFF;
    margin-bottom: 60px;
    font-size: 48px;
}
.service .banners b{
    display: block;
    font-size: 28px;
}
.service .biaozhun .container>p{
    padding:0 170px;
}
.service .biaozhun .container ul{
    overflow: hidden;
    margin-top: 70px;
}
.service .biaozhun .container ul li{
    float: left;
    width: 340px;
    padding-top: 260px;
    background-repeat: no-repeat;
    background-position: center 70px;
    box-sizing: border-box;
    height: 350px;
    border: 1px solid #e5e5e5;
}
.service .biaozhun .container ul li:not(:last-child){
    margin-right:7%;
}
.service .biaozhun .container ul li:nth-child(2){
    padding-top:150px;
}
.service .biaozhun .container ul li:nth-child(2) em{
    color: #fca311;
    font-weight: normal;
    font-size: 36px;
    margin-bottom: 35px;
}
.service .biaozhun .container ul li:hover{
    border-color:#fca311;
}
.service .neirong{
    background-color: #fefefe;
}
.service .neirong ul{
    overflow: hidden;}
.service .neirong ul li{
    float: left;
    width: 25%;
    padding-top: 170px;
    background-repeat: no-repeat;
    text-align: center;
    margin-right: 0;
    background-position: center 0;
}
.service .neirong ul li p{
    font-size: 24px;
    color: #5d5d5d;
}
.service .neirong ul li em{
    font-size: 18px;
    display: block;
    color: #999999;
    font-weight: normal;
}
.service .neirong ul li:hover p{
    color: #fca928;
}
.service .liucheng p{
    font-size: 18px;
    text-align: left;
    line-height: 34px;

}
.service .liucheng .container{
    padding:0 35px;
    box-sizing: border-box;
    padding-bottom: 100px;
}
.service .liucheng em{
    font-size: 24px;
    margin-top: 40px;
    color: #515151;
    display: block;
}

/*合作代理*/
.hezuo .banners{
    height: 648px;
}
.hezuo .banners .container header p{
    font-size: 46px;
    border: none;
}
.hezuo .banners .container header p em{
    font-size: 56px;
}
.hezuo .banners .container .left b{
    font-size: 30px;
}
.hezuo .tiaojian .container p{
    color: #3e3e3e;
}
.hezuo .process ul{
    overflow: hidden;
    padding:0 18px;}
.hezuo .process ul li{
    float: left;
    width: 170px;
    text-align: center;
    box-sizing: border-box;
    padding-top:132px;
    margin-right:6.5%;
    height: 170px;
    margin-bottom: 35px;
}
.hezuo .process ul li p{
    font-size: 14px;
    color: #FFF;
}
.hezuo .process ul li:nth-child(5),.hezuo .process ul li:last-child{
    margin-right: 0;
}
.hezuo .process ul li:nth-child(6){
    margin-left:10%;
}
.hezuo .apply{
    height:550px;
}
.hezuo .apply .from input{
    padding-left: 80px;
    width: 100%;
    box-sizing: border-box;
}
.jiameng .apply .from  label span{
    width: 70px;
}
.hezuo .apply .from select,.hezuo .apply .from option{
    width: 100%;
    display: block;
    height: 40px;
    font-size: 14px;
    border: 1px solid #e0e3eb;
    padding-left: 80px;
}
.hezuo .apply .from{
    width: 460px;
}
/*头部补充*/
.head ul li:last-child{
    position: absolute;
    right: 0;
    top: 25px;
    margin: 0;}

.head.cur ul li:last-child b{
    background-position: -178px -44px;
}
.head ul li:last-child b {
    width: 28px;
    /*margin-top: 3px;*/
    /*margin-right: 10px;*/
    float: left;
    height: 20px;
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-position: -65px -10px;
    overflow: hidden;
    transform: scale(0.6);
}
.head ul li:last-child u{
    display: block;
    color: #fca311;
    width: 170px;
    font-size: 18px;
    text-align: left;
    /*font-style: italic;*/
    padding-left: 16px;
}
.head ul li:last-child i{
     display: block;
    font-size: 12px;
    color: #626262;
    height: 20px;
    margin-left: 15px;
 }
.head ul li a{
    display: block;
}
.head ul{
    overflow: visible;
}
.head ul li{
    margin:0 28px;
}
.head .container{
    position: relative;}
.fixBar li:not(:last-child){
    border: none;
    margin-bottom: 1px;
}
/*架子鼓-加盟商培训*/
.drum .nav ul li.cur a,.drum .nav ul li:hover a{
    color: #00d2ff;
}
.drum .nav ul li.cur:before,.drum .nav ul li:hover:before{
   border-color:#00d2ff;
}
.drum.Room .banners dl{
    margin-top: 60px;
}
.drum.Room .banners dd{
    padding-left: 670px;
    padding-top: 80px;
    box-sizing: border-box;
    padding-right: 60px;
    height:427px;
    text-align: left;
    background-color: #fff;
}
.drum.Room .banners dt{
    float: left;
}
.drum.Room .banners dd em{
    color: #1c1c1c;
    font-size: 36px;
    display: block;
    margin-bottom: 25px;
}
.drum.Room .banners dd p{
    font-size: 18px;
    color: #979797;
}
.drum.Room .banners dd p:first-of-type{
    margin-bottom:60px;
    text-align: left;
}
.drum .model .container * p{
    text-align: left;
}
.drum.Room .banners{
    height: 817px;
}
.drum.Room .banners .container header{
    padding-bottom: 0;
}
.drum.Room .banji{
    background-color: #eff7fa;
}
/*
.drum .model .container header{
    padding-bottom: 0;
}
*/
.drum.Room .banji ul{
    overflow: hidden;
    margin:50px 0;}
.drum.Room .banji ul li{
    width: 440px;
    height: 340px;
    float: left;
    background-color: #fff;
    padding:95px 45px;
    padding-top: 210px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    margin:10px 0;
    background-position: center 40px;
    margin-left: 9%;
}
.drum.Room .banji ul li em{
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    color: #1c1c1c;
}
.drum.Room .banji ul li p{
    font-size: 14px;
    color: #8e8e8e;
}
.drum.Room .peixun .container{
    background-color: #eff7fa;
}
.drum.Room .peixun dl span{
    padding-left: 0;
    margin-bottom: 35px;
    line-height: 26px;
}
.drum.Room .peixun dl:first-child dt, .drum.Room .peixun dl:last-child dd{
    padding:0 60px;
    padding-top: 80px;
}
.drum.Room .mingxing{
    height: 825px;
}
.drum.Room .mingxing .container header{
    color: #FFF;
}
.drum.Room .mingxing .container dl{
    margin-top: 30px;
}
.drum.Room .mingxing .container dd{
    height: 615px;
    padding-left: 790px;
    padding-top: 100px;
    box-sizing: border-box;
}
.drum.Room .mingxing .container dt{
    float: left;
}
.drum.Room .mingxing .container dd p{
    background-color: #4d4b4b;
    padding:35px 25px;
    color: #e4e4e4;
}
.drum.Room .mingxing .container dd p em{
    font-size: 24px;
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom:30px;
}
.drum.Room .mingxing .container dd p span{
    display: block;
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
}
.drum.Room .mingxing .container dd p span::before{
    content: "";
    width: 10px;
    height: 10px;
    background-color: #e4e4e4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
}
.drum.Room .double header span{
    width: 50%;
    display: inline-block;
    color: #1c1c1c;
    text-align: center;
}
.drum.Room .double ul{
    overflow: hidden;
    margin:70px 0;
}
.drum.Room .double ul li{
    float: left;
    position: relative;
}
.drum.Room .double ul li img{
    display: block;
}
.drum.Room .double ul li p{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    height: 125px;
    width: 100%;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    padding: 20px 13px;
}
.drum.Room .double ul li p span{
    /*margin-bottom: 10px;*/
    display: block;
    color: #FFF;
    font-size: 14px;
}
.drum.Room .double ul li:last-child{
    margin-left: 23px;
}
.drum.Room .jiameng{
    height: 208px;
}
.drum.Room .jiameng.model .container header{
    padding-top: 40px;
}
.drum.Room .jiameng.model .btn.bgn:hover{
 color:#35cefa;
}
.drum.Room .tongdao ul li p{
    text-align: center;
}
.drum .btn.bgo{
    border-color:#35cffa;
    color: #35cffa;
}
.drum.Room .tongdao ul li:nth-child(1):hover a{
    background-color: #35cffa;
    color: #FFF;

}
.drum.Room .tongdao ul li:nth-child(1):hover a:hover{
    background-color: #3fb0ff;
}
.drum.Room .tongdao ul li:nth-child(2) a{
    color: #35cefa;
}
.drum.Room .tongdao ul li:hover{
    border-color:#35cefa;
}
.drum.Room .peixun dt,.drum.Room .peixun dd{
    overflow: hidden;}
.drum.Room .peixun dl img,.drum.Room .double ul li img{
    transition: all 0.2s;

}
.drum.Room .peixun dt:hover img ,.drum.Room .peixun dd:hover img,.drum.Room .double ul li:hover img {
transform: scale(1.1);
}
.drum.Room .double ul li{
    overflow: hidden;}
.drum.Room .banji ul li:hover{
    box-shadow: 0 5px 10px #CCC;
}

/*架子鼓-教务系统*/
.drum.jiaowu .banners{
                height: 581px;
            }
.drum.jiaowu .banners .container{
    padding-left: 0;
}
.drum.jiaowu .banners .container>header{
    padding-top: 90px;
}
.drum.jiaowu  .longpage .container header{
    text-align: left;
    margin-bottom: 50px;
    padding-left: 10%;
}
.drum.jiaowu .longpage{
    margin-top: -260px;
}
.drum.jiaowu .longpage{
    width: 1768px;
    /*background-color: #48525c;*/
    position: relative;
    background:linear-gradient(0deg,#e2ebf0 57%,#48525c 57%);
    background:-webkit-linear-gradient(0deg,#e2ebf0 57%,#48525c 57%);
    background:-ms-linear-gradient(0deg,#e2ebf0 57%,#48525c 57%);
    background:-o-linear-gradient(0deg,#e2ebf0 57%,#48525c 57%);
    background:-moz-linear-gradient(0deg,#e2ebf0 57%,#48525c 57%);
}
.drum.jiaowu .longpage .container{
    overflow: hidden;
}
.drum.jiaowu .longpage .container dd{
    padding-left: 760px;
    height: 690px;
    padding-top: 100px;
    box-sizing: border-box;

}
.drum.jiaowu .longpage .container dt {
    /*background-color: #e2ebf0;*/
    width: 700px;
    text-align: center;
    float: left;
    height: 690px;
}
.drum.jiaowu .longpage .container dt img{
    margin-left: -100px;
    width: 640px;
    height: auto;
}
.jiaowu .longpage .container dl{
    height: auto;
}
.drum.jiaowu .longpage .container li{
    font-size: 14px;
    line-height: 28px;
    color:#FFF;
}
.drum.jiaowu .longpage .container dd ul:first-child{
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #7e848a;
}
.drum.jiaowu .longpage .container li::before{
    background-color: #88e2ff;
    top: 11px;
}
.drum.jiaowu .mix b{
    background-color: #0e90fd;
}
.drum .btn.bgn:hover{
    color: #0f8df1;
}

/*架子鼓-课程特色*/
.drum.Course .banners{
    height: 731px;
}
.drum.Course .banners .container header,.drum.Course .banners .container>p{
    color: #FFF;
}
.drum.Course .banners .container header{
    padding-top: 95px;}
.drum.Course .container>p{
    padding:0 120px;
}
.drum.Course .linian .container{
    text-align: center;
    padding-bottom: 80px;
}
.drum.Course .linian .container header{
    padding-top: 50px;
}
.drum.Course .linian{
    margin-top: -200px;
}
.drum.Course .kejian{
    height: 613px;
}
.drum.Course .kejian .container header{
    margin-bottom: 30px;
}
.drum.Course .kejian .container p{
    text-align: center;
}
.drum.Course .kejian .box ul>li{
    background-image: none;
    width: auto;
    height: auto;
    overflow: hidden;
}
.drum.Course .kejian .box ul>li:nth-child(2){
    margin:0 4%;
    margin-top: 110px;
}
.drum.Course .kejian .box ul>li:nth-child(3) {
    margin-top: 20px;
}
.drum.Course .kejian .box ul{
    margin:15px 0;
}
.drum.Course .tedian main{
    overflow: hidden;
    margin:45px 0;}
.drum.Course .tedian dl{
    float: left;
    width: 285px;
    padding: 20px;
    box-sizing: border-box;
    height: 145px;
    border: 1px solid #dbdbdb;
    margin-right: 18px;
    margin-bottom: 25px;
    transition: all 0.2s;
}
.drum.Course .tedian main dl:nth-child(4n){
    margin-right: 0;
}
.drum.Course .tedian dt{
    float: left;
}
.drum.Course .tedian dd{
    padding-left: 80px;
}
.drum.Course .tedian dd p{
    color: #8e8e8e;
    font-size: 12px;
    line-height: 18px;
}
.drum.Course .tedian dt b{
    display: block;
    width: 80px;
    height: 65px;
    background-repeat: no-repeat;
    background-image: url(/client_images/micropiano/home/images2/tese/spirit.png);
}
.drum.Course .tedian dt em{
    font-size: 18px;
    color: #000;
    display: block;
    margin-top: 10px;
    text-indent: 22px;
}
.drum.Course .tedian dl:hover{
    border-color: #b0dfff;
    box-shadow: 0 5px 10px #b0dfff;
}
.drum.Course .tedian main dl:nth-child(1) dt b{  background-position: -867px -17px;}
.drum.Course .tedian main dl:nth-child(2) dt b{  background-position: -1334px -17px;}
.drum.Course .tedian main dl:nth-child(3) dt b{  background-position: -1095px -16px;}
.drum.Course .tedian main dl:nth-child(4) dt b{  background-position: -752px -17px;}
.drum.Course .tedian main dl:nth-child(5) dt b{  background-position: -991px -17px;}
.drum.Course .tedian main dl:nth-child(6) dt b{  background-position: -1431px -17px;}
.drum.Course .tedian main dl:nth-child(7) dt b{  background-position: -1212px -17px;}
.drum.Course .tedian main dl:nth-child(1):hover dt b{  background-position: -867px -107px;}
.drum.Course .tedian main dl:nth-child(2):hover dt b{  background-position: -1334px -101px;}
.drum.Course .tedian main dl:nth-child(3):hover dt b{  background-position: -1095px -110px;}
.drum.Course .tedian main dl:nth-child(4):hover dt b{  background-position: -752px -104px;}
.drum.Course .tedian main dl:nth-child(5):hover dt b{  background-position: -991px -101px;}
.drum.Course .tedian main dl:nth-child(6):hover dt b{  background-position: -1431px -105px;}
.drum.Course .tedian main dl:nth-child(7):hover dt b{  background-position: -1212px -106px;}
.drum.Course .huanjie .box nav{
    background-color: #0095ea;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.drum.Course .huanjie .box {
    position: relative;
}
.drum.Course .huanjie .box nav li.cur, .drum.Course .huanjie .box nav li:hover{
   color: #0095ea;
}
.drum.Course .huanjie{
    padding-bottom: 40px;
}
.drum.Course .find main{
    height: 495px;
    margin:70px 0;
    position: relative;
}
.drum.Course .find main li{
    width: 110px;
    height: 110px;
    font-size: 24px;
    color: #FFF;
    text-align: center;
    border-radius: 50%;
    padding-top: 23px;
    box-sizing: border-box;
    position: absolute;
}
.drum.Course .find main li.big{
    width: 180px;
    height: 180px;
    padding-top: 55px;
}
.drum.Course .find main li:nth-child(1){background-color: #11a3ff;
    top: 5%;
    left: 10%;}
.drum.Course .find main li:nth-child(2){background-color:#f75298;
    top: 0;
    left: 35%;}
.drum.Course .find main li:nth-child(3){background-color:#bd6ce2;
    top: 10%;
    left: 60%;}
.drum.Course .find main li:nth-child(4){background-color:#98d326;top: 25%;
    left:80%;}
.drum.Course .find main li:nth-child(5){background-color:#ff5959;
    left: 1%;
    top: 55%;}
.drum.Course .find main li:nth-child(6){background-color:#33c9db;
    left:22%;
    top: 45%;}
.drum.Course .find main li:nth-child(7){background-color:#ff9600;left:42%;
    top: 33%;}
.drum.Course .find main li:nth-child(8){background-color:#1ac4be;
    left:64%;
    top: 50%;}
.drum.Course .find main li:nth-child(9){background-color:#6ab4ff;left:80%;
    top: 60%;}
.drum.Course .find main li:nth-child(10){background-color:#a35cfb;
    left: 40%;
    bottom: 0;}
.drum.Course .find main li:hover{
    box-shadow: 0 0 20px #333;
}
.drum.Course .jiaoxue{
    height:826px;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}
.drum.Course .jiaoxue .container header{
    color: #FFF;
}
.drum.Course .jiaoxue .container>img{
    margin-top: 90px;
}
.drum.Course .clube ul{
    overflow: hidden;
    margin:60px 0;}
.drum.Course .clube{
    background-color: #fafbff;
}
.drum.Course .clube ul li{
    width: 375px;
    padding-top: 50px;
    box-sizing: border-box;
    text-align: center;
    height: 245px;
    float: left;
    box-shadow:0 10px 20px #CCC;
    border: 1px solid #edecec;
    margin: 10px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.drum.Course .clube ul li em{
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
    display: block;
}
.drum.Course .clube ul li p {
    font-size: 12px;
    text-align: center;
}
.drum.Course .clube ul li i,.drum.Course .clube ul li dl b{
    width: 75px;
    height: 70px;
    margin:auto;
    background-repeat: no-repeat;
    background-position: center 0;
    background-image: url(/client_images/micropiano/home/images2/tese/spirit.png);
    display: block;
}
.drum.Course .clube ul li dl{
    /*display: none;*/
    position: absolute;
    top: 100%;
    box-sizing: border-box;
    left: 0;
    padding-top: 30px;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    background-color: #1ec7f2;
}
.drum.Course .clube ul li dd{
    padding: 30px;
    line-height: 18px;
    color: #FFF;
    text-align: left;
    
}
.drum.Course .clube ul li:nth-child(3n+2){
    margin:10px 12px;
}
.drum.Course .clube ul li:nth-child(1) i{background-position: -633px -19px;}
.drum.Course .clube ul li:nth-child(2) i{background-position: -404px -19px;}
.drum.Course .clube ul li:nth-child(3) i{background-position: -57px -19px;}
.drum.Course .clube ul li:nth-child(4) i{background-position: -290px -19px;}
.drum.Course .clube ul li:nth-child(5) i{background-position: -525px -19px;}
.drum.Course .clube ul li:nth-child(6) i{background-position: -171px -19px;}
.drum.Course .clube ul li:nth-child(1) dt b{background-position: -633px -108px;}
.drum.Course .clube ul li:nth-child(2) dt b{background-position: -404px -108px;}
.drum.Course .clube ul li:nth-child(3) dt b{background-position: -57px -108px;}
.drum.Course .clube ul li:nth-child(4) dt b{background-position: -290px -108px;}
.drum.Course .clube ul li:nth-child(5) dt b{background-position: -525px -108px;}
.drum.Course .clube ul li:nth-child(6) dt b{background-position: -171px -108px;}
.drum.Course .clube ul li:hover dl{
    top: 0;
}
.drum.Course .jiameng{
    height: 112px;
}


/*架子鼓-配套硬件*/
.drum.hardware .banners header{
    margin-bottom: 30px;
}
.drum.hardware .jiazigu{
    text-align: center;
}
.drum.hardware .jiazigu .container header{
    color: #000;
}
.drum.hardware .jiazigu .container>img{
    margin:70px 0;
    margin-left: -5%;
}
.drum.hardware .yinse{
    height: 635px;;
}
.drum.hardware .yinse dl{
    padding-top: 150px;
    display: none;
}
.drum.hardware .yinse dl.cur{
    display: block;
}
.drum.hardware .yinse .container{
    position: relative;
}
.drum.hardware .yinse dt em{
    display: block;
    font-size: 28px;
    color: #FFF;
    margin-bottom: 20px;
}
.drum.hardware .yinse dt span{
    font-size: 18px;
    line-height:2;
    width: 500px;
    display: block;
    color: #8e8e8e;
}
.drum.hardware .yinse dt{
    float: left;
}
.drum.hardware .yinse dd{
    float: right;
    margin-right: -4%;
    margin-top: 5%;
}
.drum.hardware .yinse nav span{
    width: 60px;
    border-bottom: 5px solid #4c4c4c;
    display: block;
    float: left;
    cursor: pointer;
    margin-right: 10px;
}
.drum.hardware .yinse nav{
    position: absolute;
    bottom: 20%;
    left: 0;
}
.drum.hardware .yinse nav span.cur{
    border-color: #FFF;
}
.drum.hardware .mix{
    background-color: #e5e5e5;
}
.drum.hardware .mix .box{
    background-color: #fff;
    margin:120px 0;
}
.drum.hardware .mix .box dl{
    overflow: hidden;}
.drum.hardware .mix .box dt{
    float: left;}
.drum.hardware .mix .box dd{
    float: right;
}
.drum.hardware .mix .box dl:first-child dt,
.drum.hardware .mix .box dl:last-child dd{
    padding-top: 140px;
    padding-left: 70px;
}
.drum.hardware .mix .box dl:last-child dd{
    padding-right: 70px;
    padding-left: 0;
}
.drum.hardware .mix .box em{
    display: block;
    font-size: 28px;
    color: #000;
    margin-bottom: 30px;
}
.drum.hardware .mix .box span{
    display: block;
    font-size: 18px;
    width: 460px;
    line-height: 1.5;
    color: #bdbdbd;
}
.drum.hardware .peijian{
    height: 922px;
    background-repeat: no-repeat;
    text-align: center;
}
.drum.hardware .peijian .box li{
    display: none;
}
.drum.hardware .peijian .box li.cur{
    display: block;
}
.drum.hardware .peijian .container header{
    color: #FFF;
}
.drum.hardware .peijian nav{
    border-bottom: 1px solid #696969;
    display: inline-block;
    width:0  auto;}
.drum.hardware .peijian nav::after{
    content: "";
    width: 100%;
    display: block;
    clear: both;
}
.drum.hardware .peijian nav span{
    font-size: 24px;
    color: #707070;
    position: relative;
    float: left;
    padding-bottom: 15px;
    cursor: pointer;
}
.drum.hardware .peijian nav span:not(:last-child){
    margin-right:70px;
}
.drum.hardware .peijian nav span.cur{
    color: #FFF;
}

.drum.hardware .peijian nav span.cur::after{
    display: block;
    width: 100%;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #FFF;
}
.drum.hardware .peijian .container>p{
    width: 290px;
    height: 25px;
    border: 1px solid #6c6c6c;
    margin:auto;
    font-size: 14px;
    border-radius: 13px;
    text-align: center;
    line-height: 23px;
}
.drum.hardware .peijian .box{
    height: 620px;
    margin-top: 35px;
}
.drum.hardware .peijian .box li em{
    display: block;
    font-size: 18px;
    margin-bottom: 70px;
    color: #7d7d7d;
}
.drum.hardware .peijian .box li{
    text-align: center;
}
.drum.hardware .peijian .box li p{
    font-size: 60px;
    margin-top: 60px;
    color: #FFF;
    text-align: center;
}
.drum.hardware  .jiazigu  .box li p{
    width: 325px;
    height: 82px;
    background-image: url(/client_images/micropiano/home/images2/hardware/sanhangkuang.png);
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.drum.hardware .jiazigu    .box li p em{
    font-size: 14px;
    color: #000;
    display: block;
}
.drum.hardware .jiazigu  .box li p span{
    font-size: 12px;
    color: #3e3a39;
    display: block;
}
.drum.hardware .jiazigu  .box li{
    width: 325px;
    text-align: center;
    opacity: 1;
    position: absolute;
    /*top: 100%;*/
}
.drum.hardware .jiazigu  .content{
    margin-top: 80px;
    position: relative;
}
/*.drum.hardware .jiazigu  .box li:nth-child(1){  top: 1%;  left: 50%;
}
.drum.hardware .jiazigu  .box li:nth-child(2){  top: -20%;  left: 30%;
    z-index: 101;
}
.drum.hardware .jiazigu  .box li:nth-child(3){  top: 23%;  left: 45%;}
.drum.hardware .jiazigu  .box li:nth-child(4){  top: -21%;  left:47%;
    z-index: 100;}
.drum.hardware .jiazigu  .box li:nth-child(5){  top: 6%;  left: 49%;}
.drum.hardware .jiazigu  .box li:nth-child(6){  top: -2%;  left: 39%;
    z-index: 102;}
.drum.hardware .jiazigu  .box li:nth-child(7){  top: 22%;  left: 35%;}*/
.drum.hardware .jiazigu  .box li{  top: -14%;  left: 1%;
    display: none;}
.drum.hardware .jiazigu  .box li.cur{
    display: block;}
.drum.hardware .banners .video{
    width: 790px;
    margin:auto;
    cursor: pointer;
    position: relative;
    border: 1px solid #ffd97d;
    border-radius: 5px;
}
.drum.hardware .banners .video img{
    display: block;
}
.drum.hardware .banners .video span{
    width: 64px;
    height: 64px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    background-repeat: no-repeat;
    background-image: url(/client_images/micropiano/home/images2/hardware/bofangqi.png);
}
.drum.hardware .banners .video:hover span{
    background-image: url(/client_images/micropiano/home/images2/hardware/bofangqi1.png);

}

/*架子鼓-代理合作*/
.drum.hezuo .banners{
    height:560px;
}
.drum.hezuo  .banners .container  p{
    text-align: center;
}
.drum.jiameng   .btn{
    background-color: #00baff;
}
.drum.jiameng   .btn:hover{
    background-color: #29c5fe;
}
.drum.hezuo  .tiaojian  .container  p{
    text-align: center;
}
.drum.hezuo  .tiaojian li:nth-child(1):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian1-1.png);}
.drum.hezuo  .tiaojian li:nth-child(2):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian2-1.png);}
.drum.hezuo  .tiaojian li:nth-child(3):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian3-1.png);}
.drum.hezuo  .tiaojian li:nth-child(4):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian4-1.png);}
.drum.hezuo  .tiaojian li:nth-child(1){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamentiaojian1.png);}
.drum.hezuo  .tiaojian li:nth-child(2){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian2.png);}
.drum.hezuo  .tiaojian li:nth-child(3){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian3.png);}
.drum.hezuo  .tiaojian li:nth-child(4){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian4.png);}
.drum.hezuo  .tiaojian li:hover{  box-shadow: 0 5px 10px #b5ddf4;border-color:#b5ddf4 ;}
.drum.hezuo .process ul li p{
    text-align: center;
}
.drum.hezuo .container header{
    margin-bottom: 80px;
}

/*架子鼓-售后服务*/
.drum.service .biaozhun .container ul li p{
    text-align: center;
}
.drum.service .biaozhun .container ul li:nth-child(2) em{
    color: #33cefa;  
}
.drum.service .biaozhun .container ul li:nth-child(2) {
    background-image: url(/client_images/micropiano/home/images2/service/dianhua.png);
}
.drum.service .biaozhun .container ul li:nth-child(2):hover {
    background-image: url(/client_images/micropiano/home/images2/service/dianhua1.png);
}
.drum.service .biaozhun .container ul li:nth-child(2):hover em{
    color: #19a1ff;
}
.drum.service .biaozhun .container ul li:hover {  box-shadow: 0 5px 10px #b5ddf4;border-color:#b5ddf4 ;}
.drum.service .neirong ul li p{
    text-align: center;}
.drum.service .neirong .container header{
    margin-bottom: 70px;
}
.drum.service .neirong ul li:nth-child(1){
    background-image: url(/client_images/micropiano/home/images2/service/ruanyingjianwenti.png);}
.drum.service .neirong ul li:nth-child(2){
    background-image: url(/client_images/micropiano/home/images2/service/yingjianfahuo.png);}
.drum.service .neirong ul li:nth-child(3){
    background-image: url(/client_images/micropiano/home/images2/service/zongbupeixuntongzhi.png);}
.drum.service .neirong ul li:nth-child(4){
    background-image: url(/client_images/micropiano/home/images2/service/yunyinghuodong.png);}
.drum.service .neirong ul li:nth-child(1):hover{
    background-image: url(/client_images/micropiano/home/images2/service/ruanyingjianwenti1.png);}
.drum.service .neirong ul li:nth-child(2):hover{
    background-image: url(/client_images/micropiano/home/images2/service/yingjianfahuo1.png);}
.drum.service .neirong ul li:nth-child(3):hover{
    background-image: url(/client_images/micropiano/home/images2/service/zongbupeixuntongzhi1.png);}
.drum.service .neirong ul li:nth-child(4):hover{
    background-image: url(/client_images/micropiano/home/images2/service/yunyinghuodong1.png);}
.drum.service .neirong ul li:hover p {
    color: #1ba2ff;
}

/*架子鼓-加盟申请*/
.drum.jiameng .banners .container header p em{
    font-style: normal;
    color: #ffd200;
}
.drum.jiameng .banners .container .right p, .jiameng .apply .from p{
    text-align: center;
}
.drum.jiameng .liucheng ul li p{
    text-align: center;}
.drum.jiameng .problem .box{
    height: 500px;
    position: relative;
    width: 100%;
    background-image: url(/client_images/micropiano/home/images2/jiameng/dengpao.png);
    background-position: bottom center;
}
.drum.jiameng .problem .box li span{
    display: inline-block;
    margin:auto;
    border-radius: 50%;
}
.drum.jiameng .problem .box li {
    width: 120px;
    cursor: pointer;
    text-align: center;
    position: absolute;
}
.drum.jiameng .problem .box li p{
    text-align: center;
    font-size: 14px;
    color: #787878;
    line-height:1.2;
    margin-top: 10px;
}
.drum.jiameng .problem .box li:hover span{
    box-shadow: 0 -4px 10px #CCC;
}
.drum.jiameng .problem .box li:nth-child(1){top: 53%;left: 2%;}
.drum.jiameng .problem .box li:nth-child(2){top: 23%;left: 7%;}
.drum.jiameng .problem .box li:nth-child(3){top: 16%;left: 23%;}
.drum.jiameng .problem .box li:nth-child(4){top: 1%;left: 36%;}
.drum.jiameng .problem .box li:nth-child(5){top: 10%;left: 50%;}
.drum.jiameng .problem .box li:nth-child(6){top: 14%;left: 69%;}
.drum.jiameng .problem .box li:nth-child(7){top: 22%;left: 87%;}
.drum.jiameng .problem .box li:nth-child(8){top: 57%;left: 80%;}
.drum.jiameng .problem .box {
    margin:70px 0;
}
.drum.jiameng  .tiaojian  .container  p{
    text-align: center;
}
.drum.jiameng  .tiaojian li:nth-child(1):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian1-1.png);}
.drum.jiameng  .tiaojian li:nth-child(2):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian2-1.png);}
.drum.jiameng  .tiaojian li:nth-child(3):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian3-1.png);}
.drum.jiameng  .tiaojian li:nth-child(4):hover{  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian4-1.png);}
.drum.jiameng  .tiaojian li:nth-child(1){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamentiaojian1.png);}
.drum.jiameng  .tiaojian li:nth-child(2){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian2.png);}
.drum.jiameng  .tiaojian li:nth-child(3){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian3.png);}
.drum.jiameng  .tiaojian li:nth-child(4){  background-image: url(/client_images/micropiano/home/images2/hezuo/jiamengtiaojian4.png);}
.drum.jiameng  .tiaojian li:hover{  box-shadow: 0 5px 10px #b5ddf4;border-color:#b5ddf4 ;}
.drum.jiameng .container header{
    margin-bottom: 80px;
}
.drum.jiameng  .tiaojian {
    background-color: #f3f8fb;
    padding-bottom: 100px;
    margin-bottom: 0;
}
.drum.jiameng .liucheng ul li:nth-child(5)~li:nth-child(8){
    margin-bottom: 20px;
}
.drum.jiameng .apply .from label{
    width: 395px;
    box-sizing: border-box;

}
.drum.jiameng .apply .from label input{
    width: 100%;
}

.drum.jiameng .apply .from{
    width: 470px;
}
.drum.jiameng .apply{
    height: 399px;
}
.drum.jiameng .banners header{
    margin-bottom: 0;
}
/*架子鼓-运营支持*/
.drum.yunying .model .container header{
    color: #FFF;
}
.drum.yunying .model .container header em{
    font-style: italic;
    color: #ffe400;
    margin-left: 15px;
}
.drum.yunying .banners .container>p{
    margin-top: 35px;
    /*font-weight: normal;*/
}
.drum.yunying .mix.male dd,.drum.yunying .mix.female dt {
    padding:0 130px;
}
.drum.yunying .mix.male dd ,.drum.yunying .mix.female dt{
    width: 852px;
    height: 94px;
}
.drum.yunying .mix.male dd div,.drum.yunying .mix.female dt div{
    padding:12px 70px;
    box-sizing: border-box;
    background-image: url(/client_images/micropiano/home/images2/yunying/duihuakuang.png);
    background-repeat: no-repeat;
    background-position:  center 0;

}
.drum.yunying .mix.female dt div{
    background-image: url(/client_images/micropiano/home/images2/yunying/duihuakuang1.png);
    height: 100%;
}
.drum.yunying .mix.male dt,.mix .female dd{
    height: 94px;
    width: 130px;
}
.drum.yunying .mix.male dt{
    float: left;
}
.drum.yunying .mix.male dt span,.drum.yunying .mix.female dd span{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    background-image: url(/client_images/micropiano/home/images2/yunying/ren.png);
}
.drum.yunying .mix.female dd span{ background-image: url(/client_images/micropiano/home/images2/yunying/ren1.png);
}
.drum.yunying .mix.female dd{
    position: absolute;
    right: 0;
    top: 0;
}
.drum.yunying .mix  div em{
    font-size: 14px;
    margin-bottom: 10px;
    color: #FFF;
    margin-top: 0;
}
.drum.yunying .mix  div p{
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    width: 100%;
}
.drum.yunying .mix{
    width: 1112px;
    position: relative;
    padding: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #f3f3f3;
    margin:40px auto;

}
.drum.yunying .idea .container header{
    color: #1c1c1c;
}
.drum.yunying .idea{
    background-color: #f1f1f1;
    padding-bottom: 70px;
}
.drum.yunying .idea .lunbo2 .box:after{
    box-shadow: -15px 0 20px #f1f1f1 inset;
}


/*钢琴陪练-于斯演奏家*/
.yanzoujia .banners{
    height:582px;
}
.yanzoujia .banners .content{
    padding-left: 65px;
    width: 50%;
    text-align: left;
    padding-top: 40px;
}

.yanzoujia .banners header{
    color: #FFF;
    text-align: left;
    font-size: 30px;
}
.yanzoujia .banners .container p{
    color: #FFF;
    text-align: left;
    font-size: 14px;
}
.yanzoujia .banners ul{
    overflow: hidden;
    margin-top: 70px;}
.yanzoujia .banners li{
    float: left;
    text-align: center;
}
.yanzoujia .banners li:nth-child(2){
    margin:0 20px;
    margin-top: 40px;
}
.yanzoujia .banners li p{
    font-size: 12px;
}
.yanzoujia .link{
    padding-top:5px;
    background-color: #444;
}
.yanzoujia .link li{
    float: left;
    text-align: center;
    height: 55px;
    line-height: 55px;
    width: 220px;}
.yanzoujia .link ul{
    overflow: hidden;}
.yanzoujia .link li.cur a{

    color: #242424;
}
.yanzoujia .link li a{
    color: #FFF;
    display: block;
    font-size: 18px;
}
.yanzoujia .link li.cur{
    background-color: #e8d2b4;
}
.yanzoujia .qin p{
    font-size: 12px;
    color: #404040;
    padding:65px 0;
    width: 60%;
    margin:auto;
}
.yanzoujia .qin{
    text-align: center;
    background-color: #e8d2b4;
}
.yanzoujia .three{
    background-color: #242424;
    padding:100px 0;
}
.yanzoujia .three ul{
    overflow: hidden;}
.yanzoujia .three li{
    float: left;
    width: 33.333%;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding:0 6%;
}
.yanzoujia .three li span{
    background-image: url(/client_images/micropiano/home/images3/yanzoujia/sprite.png);
    width: 115px;
    height: 115px;
    display: inline-block;
    background-repeat: no-repeat;
}
.yanzoujia .three li:nth-child(1) span{
    background-position: -182px  -380px;}
.yanzoujia .three li:nth-child(2) span{
    background-position: -324px  -380px;}
.yanzoujia .three li:nth-child(3) span{
    background-position: -32px  -380px;}
.yanzoujia .three li em{
    display: block;
    font-size: 18px;
    color: #FFF;
    margin-top: 30px;
}
.yanzoujia .three li p{
    font-size: 12px;
    color: #b9b9b9;
}
.yanzoujia .three li:hover em{
    color: #e6d1af;
}
.yanzoujia .lanya {
    height: 540px;
    background-repeat: no-repeat;
    background-position:bottom right ;
}
.yanzoujia .lanya .container header{
    padding-bottom: 0;
}
/*
.yanzoujia .lanya .container p{
    color: #ececec;}*/
.yanzoujia .gangqin{
    padding-top: 70px;
    background-color: #242424;
}
.yanzoujia .gangqin ul{
    float: right;
    margin-top: 50px;
    margin-right: 140px;}
.yanzoujia .gangqin li i{
    width: 40px;
    margin-right: 20px;
    float: left;
    height: 40px;
    background-image: url(/client_images/micropiano/home/images3/yanzoujia/sprite.png);
}
.yanzoujia .gangqin li span{
    line-height:40px;
    font-size: 18px;
    color: #ececec;
}
.yanzoujia .gangqin li:nth-child(1) i{
    background-position: -38px -24px;}
.yanzoujia .gangqin li:nth-child(2) i{
    background-position: -98px -24px;}
.yanzoujia .gangqin li:nth-child(3) i{
    background-position: -161px -24px;}
.yanzoujia .gangqin li:nth-child(4) i{
    background-position: -225px -24px;}
.yanzoujia .gangqin li:nth-child(5) i{
    background-position: -292px -24px;}
.yanzoujia .gangqin li:nth-child(6) i{
    background-position: -364px -24px;}
.yanzoujia .gangqin li:nth-child(1):hover i{
    background-position: -38px -84px;}
.yanzoujia .gangqin li:nth-child(2):hover i{
    background-position: -98px -84px;}
.yanzoujia .gangqin li:nth-child(3):hover i{
    background-position: -161px -84px;}
.yanzoujia .gangqin li:nth-child(4):hover i{
    background-position: -225px -84px;}
.yanzoujia .gangqin li:nth-child(5):hover i{
    background-position: -292px -84px;}
.yanzoujia .gangqin li:nth-child(6):hover i{
    background-position: -364px -84px;}
.yanzoujia .gangqin li {
    margin-bottom: 25px;
}
.yanzoujia .gangqin li:hover span {
    color: #e6d1b4;
}
.yanzoujia .four{
    padding:90px 0;
}
.yanzoujia .four .container{
    overflow: hidden;}
.yanzoujia .four dl {
    width: 285px;
    margin:10px 0;
    float: left;
    border: 1px solid #eaeaea;
    padding:40px 20px;
    box-sizing: border-box;
}
.yanzoujia .four dd{
    height:60px;
    padding-left: 110px;
    padding-top: 5px;
}
.yanzoujia .four dt{
    float: left;
}
.yanzoujia .four dt i{
    float: left;
    background-image: url(/client_images/micropiano/home/images3/yanzoujia/sprite.png);
    display: block;
    width: 100px;
    height: 80px;
}
.yanzoujia .four dl:nth-child(1) i{
    background-position: -40px -177px;}
.yanzoujia .four dl:nth-child(3) i{
    background-position: -142px -174px;}
.yanzoujia .four dl:nth-child(4) i{
    background-position: -248px -170px;}
.yanzoujia .four dl:nth-child(2) i{
    background-position: -364px -179px;}
.yanzoujia .four dl:nth-child(1):hover i{
    background-position: -40px -271px;}
.yanzoujia .four dl:nth-child(3):hover i{
    background-position: -142px -269px;}
.yanzoujia .four dl:nth-child(4):hover i{
    background-position: -248px -265px;}
.yanzoujia .four dl:nth-child(2):hover i{
    background-position: -364px -274px;}
.yanzoujia .four dl em{
    font-size: 18px;
    color: #303030;
    margin-bottom: 10px;
}
.yanzoujia .four dl p{
    font-size: 14px;
    color: #8e8e8e;
}
.yanzoujia .four dl:not(:last-child){
    margin-right: 18px;
}
.yanzoujia .four dl:hover{
    border-color: #f4ebde;
    box-shadow: 0 5px 10px #f4ebde;
}
.yanzoujia .four dl:hover em{
    color: #c8b092;
}
.yanzoujia .four dl em {
    display: block;
    margin-bottom: 10px;
}
.yanzoujia .price{
    background-color: #c6ae8d;
    padding: 20px 0;
}
.yanzoujia .price dl>*{
    float: left;
    color: #FFF;
    margin-left: 25%;
    text-align: center;}
.yanzoujia .price dt i{
    font-size: 14px;
    margin-top:5px;
    display: block;
    color: #FFF;
}
.yanzoujia .price dd em{
    font-size: 24px;
}
.yanzoujia .price dd em b{
    font-size: 48px;
    margin-right: 10px;}
.yanzoujia .price dd p{
    font-size: 14px;
    margin-top:10px;
}
.yanzoujia .price dd {
    margin-top: 15px;
    margin-left:15%;
}
.foot .front{
    float: left;
}
.foot .front p{
    color: #989898;
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}
.foot .front dd{
    padding-left:115px;
    height: 97px;
}
.foot .front dl{
    overflow: hidden;
    margin-bottom: 20px;}
.foot .front dt{
    float: left;
}
.foot .front dd em{
    font-size: 14px;
    color: #c1c1c1;
    display: block;
}
.foot .front dd  li{
    display: inline-block;
    width: 30px;
    margin-right: 15px;
    height: 40px;
    margin-bottom: 0;
    background-image: url(/client_images/micropiano/home/spirit.png);
    background-repeat: no-repeat;
}
.foot .front .android {
    background-position: -128px -8px;
}
.foot .front .apple  {
    background-position: -73px -47px;
}
.foot .front dd  ul{
    margin-top: 15px;
}
/*快乐钢琴陪练*/
.yanzoujia.pianoTrain.yunying   .link li.cur{
    background-color: #ffc600;
}
.yunying.pianoTrain .model .container header{
    color: #FFF;
}
.pianoTrain .textImg{
    padding-top: 70px;
    background-color: #ffc600;
}
.pianoTrain .textImg .left>p{
    padding-left: 100px;
    background-repeat: no-repeat;
    width: 450px;
    box-sizing: border-box;
    background-position: 0 0;
    height: 82px;
    background-image: url(/client_images/micropiano/home/images3/pianoTrain/icon.png);
}
.pianoTrain .textImg .left{
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
    width: 50%;
}
.pianoTrain .textImg .right{
}
.pianoTrain .textImg .left>p>em{
    font-size: 18px;
    display: block;
    color: #404040;
    margin-bottom: 5px;
    padding-top: 5px;
}
.pianoTrain .textImg .left>p>span{
    display: block;
    line-height: 20px;}
.pianoTrain .textImg .left dl{
    padding: 5px;
    background-color: #ffae00;
    display: inline-block;
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 160px;
}
.pianoTrain .textImg .left dt{
    float: left;
}
.pianoTrain .textImg .left dd{
    float: left;
    font-size: 12px;
    padding:0 10px;
}
.pianoTrain .textImg .left dd a{
    font-size: 12px;
    color: #a8a8a8;
    display: block;
    width: 110px;
    box-sizing: border-box;
    margin-bottom: 10px;
    height: 20px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-color: #fff;
    border-radius: 10px;
}
.pianoTrain .textImg .left dd ul li:first-child a{
    background-image: url(/client_images/micropiano/home/images3/pianoTrain/pingguo.png);
}
.pianoTrain .textImg .left dd ul li:last-child a{
    background-image: url(/client_images/micropiano/home/images3/pianoTrain/anzhuo.png);
}
.pianoTrain .textImg .left dd b{
    color: #FFF;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
}
.pianoTrain .textImg .right .banner0 li{width: 668px;height: 373px;}
.pianoTrain .textImg .right .banner0 .tb-btn{
    left: 72%;
    margin-right: 0;
}
.pianoTrain .textImg .right .banner0 .tb-btn a{
    background-color: rgba(255,255,255,0.5);
    margin:0 10px;
}
.pianoTrain .textImg .right .banner0 .tb-btn a.active{
    background-color: #FFF;
}
.pianoTrain .mix{
    height: 540px;
    box-sizing: border-box;
}
.pianoTrain .front .right{
    height:426px;
}
.pianoTrain .mix img{
    height: auto;
}
.pianoTrain .mix .container{
    height: auto;
}
.pianoTrain .back .right{
    padding-left:560px;
}
.pianoTrain .front .right{
    padding-left: 780px;
    padding-top: 100px;
}
.pianoTrain .wrap>.mix:nth-child(3) img{
    margin-left:-50px;
}
.pianoTrain .back .left{
    padding-top: 100px;
}
.pianoTrain .wrap>.mix:nth-child(4) img{
    margin-left:-270px;
}
.pianoTrain .wrap>.mix:nth-child(6) img{
    margin-left: -100px;
}
.pianoTrain .mix img{
    margin-bottom: 10px;
}
.pianoTrain .price{
    background-color:#ff9600;
}
.pianoTrain .bar li{
    width: 174px;
    height: 220px;
    background-repeat: no-repeat;
    position: absolute;
}
.pianoTrain .wrap{
    position: relative;}
.pianoTrain .bar li.right{
    background-image: url(/client_images/micropiano/home/images3/pianoTrain/xuxian-you.png);
    right: 28%;
    top: 13%;

}
.pianoTrain .bar li.left{
    background-image: url(/client_images/micropiano/home/images3/pianoTrain/xuzian-zuo.png);
    left: 28%;
    top: 27%;
}
.pianoTrain .bar li:nth-child(3){
    top: 45%;
    right: 25%;
}
.pianoTrain .bar li:nth-child(4){
    top: 62%;
    left: 25%;
}
.pianoTrain .bar li:nth-child(5){
    top: 79%;
    right: 25%;
}
.pianoTrain .bar li:nth-child(6){
    top: 62%;
    left: 25%;
}

/*联系我们*/
.contactUs .banners .container header,.contactUs .banners .container p{
    color: #FFF;
}
.contactUs .banners .container{
    height: 409px;
    padding:0 100px;
    box-sizing: border-box;
}
.contactUs .culture{
    padding-bottom: 100px;
}
.contactUs .culture ul{
    overflow: hidden;}
.contactUs .culture li{
    width: 300px;
    float: left;
    text-align: center;
    height: 310px;
    padding-top: 60px;
    box-sizing: border-box;
    border: 1px solid #f6f6f6;
    margin:5px 0;
    margin-left: 6%;
}
.contactUs .culture li em{
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #161616;
    display: block;
}
.contactUs .culture li p{
    font-size: 14px;
    color: #8a8a8a;
}
.contactUs .culture li:hover{
    box-shadow: 0 5px 10px #d7e0fc;
    border-color: #d7e0fc;
}
.contactUs .history .box{
    height:1158px;
    background-repeat: no-repeat;
    background-image: url(/client_images/micropiano/home/images3/contactUs/bar.png);
    background-position: center 0;
    position: relative;
}
.contactUs .history {
    background-color: #f6f8fc;
}
.contactUs .history .box *{
    box-sizing: border-box;
}
.contactUs .history .box>div>span{
    width: 64px;
    height: 30px;
    display: block;
    font-size: 14px;
    background-image: url(/client_images/micropiano/home/images3/contactUs/flag.png);
    color: #FFF;
    padding-left: 22px;
    line-height: 30px;
    position: absolute;
    left: 44.6%;
    top: 2%;
}
.contactUs .history .box li{
    width: 400px;
    position: relative;
}
.contactUs .history .box li::after{
    content: "";
    width: 100%;
    clear: both;
    overflow: hidden;
    display: block;
}
.contactUs .history .box li:nth-child(odd){
    margin-left: 85px;
    float: left;
    margin-right: 50%;
    text-align: right;
}
.contactUs .history .box li:nth-child(even) {
    float: right;
    margin-right: 85px;
    margin-left: 50%;

}
.contactUs .history .box li em{
    font-size: 18px;
    font-weight: bold;
    color: #2e65b6;
}
.contactUs .history .box li p{
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding-top: 20px;
    text-align: left;
}
.contactUs .history .box li:nth-child(odd) p{
    text-align: right;}
.contactUs .history .box ol{
    padding-top: 120px;
}
.contactUs .history .box li:nth-child(odd)::before{
    content: "";
    width: 72px;
    height: 14px;
    display: block;
    position: absolute;
    right:-30%;
    top: 7px;
    background-image: url(/client_images/micropiano/home/images3/contactUs/heng.png);
}
.contactUs .history .box li:nth-child(even)::before{
    content: "";
    width: 72px;
    height: 14px;
    display: block;
    position: absolute;
    left:-30%;
    top: 7px;
    background-image: url(/client_images/micropiano/home/images3/contactUs/heng1.png);
}
.contactUs .history .box>div>b{
    color: #2e65b6;
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    margin-left: -30px;
    left: 50%;
}
.contactUs .history .bar{
    width: 90%;
    margin:0 5%;
}
.contactUs .history .bar{
    border-top: 1px solid #e2e2e2;
}
.contactUs .history .bar li{
    font-size: 12px;
    padding-top: 30px;
    color: #b4b4b4;
    text-align: center;
    margin-top: -7px;
    /*width: 20%;*/
    cursor: pointer;
    width: 215px;
    float: left;
    background-image: url(/client_images/micropiano/home/images3/contactUs/yuanqun1.png);
    background-position: center 0;
}

.contactUs .history .bar ul::after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.contactUs .history {
    padding-bottom: 160px;
    background-image: url(/client_images/micropiano/home/images3/contactUs/fazhanlic.png);
    background-position: 0 bottom;
}
.contactUs .history .bar li span{
    cursor: pointer;
}
.contactUs .history .bar ul{
    position: relative;
}
.contactUs .history .box>div{
    display: none;
}
.contactUs .history .box>div.cur{
    display: block;
}
.contactUs .history .bar li:nth-child(3).cur,.contactUs .history .bar li:nth-child(3):hover {
    color: #578cd9;
    background-image: url(/client_images/micropiano/home/images3/contactUs/yuanquan.png);
}
.contactUs .history .bar li:nth-child(4).cur,.contactUs .history .bar li:nth-child(4):hover {
    color: #578cd9;
    background-image: url(/client_images/micropiano/home/images3/contactUs/yuanquan.png);
}
/*
.contactUs .history .bar li:nth-child(1).cur,.contactUs .history .bar li:nth-child(1):hover {
    color: #b4b4b4;
    background-image: url(/client_images/micropiano/home/images3/contactUs/yuanquan1.png);
}
.contactUs .history .bar li:nth-child(2).cur,.contactUs .history .bar li:nth-child(2):hover {
    color: #b4b4b4;
    background-image: url(/client_images/micropiano/home/images3/contactUs/yuanquan1.png);
}
*/
.contactUs .fengcai{
    background-color: #4182e1;
}
.contactUs .fengcai .container header{
    color: #FFF;
    margin-bottom: 0;
}
.contactUs .fengcai .runer img{
    margin-right: 10px;
}
.contactUs .fengcai .runer {
    background-color: #4182e1;
    margin-bottom: 50px;
}
.contactUs .contact .ditu{
    position: relative;
}
.contactUs .contact .ditu>img{
    position: absolute;
    right: 0;
    bottom: 0;
}
.contactUs .contact .box {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 60px;}
.contactUs .contact .box .left{
    float: left;
    width: 680px;
}
.contactUs .contact .box .left p{
    padding-left: 30px;
    background-repeat: no-repeat;
    text-align: left;
    font-size: 12px;
    color: #7f7f7f;
    background-position: 0 4px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.contactUs .contact .box .left i{
    color: #666;
    font-weight: bold;
}
.contactUs .contact .box .right{
    float: right;
    margin-top: 30px;
}
.contactUs .contact .box .right li{
    float: left;
    margin-right: 30px;
}
.contactUs .contact .box .right ul{
    overflow: hidden;
}
.contactUs .contact .box .right li p{
    margin-top: 10px;
    font-size: 14px;
    color: #7f7f7f;
}
main,header,nav{
    display: block;
}
.v-video-box{
    z-index:2147483647!important;
}
.pianoTrain .textImg .right .banner0 .tb-btn{
    left: 40%;
}
.pianoTrain .textImg  .banner0{
    width: 668px;
    float: right;
}
.pianoTrain .textImg  .left{
    width: 44%;
}
.drum.hezuo .apply .from label{
    width: 100%;
}
.homepage .concern li p{
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}
.homepage  .brand .container header,.homepage  .education .container header,.homepage .education .card li div p{
    color: #FFF;
}
.banners .container>header{
     letter-spacing: 8px;
}
.fixBar .kefu p{
    width: 155px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image:url(/client_images/micropiano/home/biankuang.png);
}
.fixBar li p:after{
    display: block;
}
.model .container header{
    padding-bottom: 80px;
}
.model .container>header{
    margin-bottom: 0;
}
.btn a {
    display: block;
}
.Room .banners ul li{
    transition:all 0.2s;
}
.fixBox666 {
    position: absolute;
    display: none;
    width: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    height: 100%;
    padding-top: 110px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center 45px;
    background-image: url(/client_images/micropiano/home/jiameng/success.png);
    text-align: center;
}
.fixBox666 em{
    display: block;
    font-size: 18px;
    color: #1db942;
    margin-bottom: 25px;
}
.fixBox666 p{
    font-size: 14px;
    color: #858585;
}
.jiaowu .mix img:hover{
    box-shadow: none;
}
.yunying .banners .container>p{
    font-weight: normal;
}
.jiameng .apply .from input{
    width: 100%;
    box-sizing: border-box;
}
.jiameng .apply .from p{
    margin-top: 0;
}
.jiameng .apply .from{
    padding:50px 60px;
    margin-top: 30px;
    width: 690px;
    box-sizing: border-box;
}
.jiameng .apply .from .btn{
    margin-top: 25px;
}
.drum.jiameng .apply .from label{
    width: 100%;
}
.jiaowu .mix img:hover{
    box-shadow: none;
}
.drum.yunying .mix  div em{
    font-weight: bold;
}
.drum.jiameng .problem .box li img {
    transition: all 0.2s;
}
.drum.jiameng .problem .box li:hover img{
transform:scale(1.1);
}
.drum.jiameng  .tiaojian li:hover{box-shadow: 1px 1px 10px #CCC;
    -moz-box-shadow: 1px 1px 10px #CCC;
    -webkit-box-shadow: 1px 1px 10px #CCC;}
.drum.jiameng  .tiaojian li{
    margin-top:10px;
    margin-bottom:10px;
}
.yunying .mix img:hover{
    box-shadow: none;
}
.drum.Course .find main li{transition: all 0.2s;}
.drum.Course .find main li:hover{box-shadow: 1px 1px 20px #888;
    -moz-box-shadow: 1px 1px 20px #888;
    -webkit-box-shadow: 1px 1px 20px #888;}
.drum.hezuo .process ul li p i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #FFF;
    border-radius: 50%;
    line-height: 15px;
    font-size: 12px;
    color: #219eff;
    margin-right: 4px;
}
.hezuo .process ul li p i{
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #FFF;
    border-radius: 50%;
    line-height: 15px;
    font-size: 12px;
    color: #fca311;
    margin-right: 4px;
}
.drum.jiameng  .tiaojian li{
    background-color: #fff;
}
.Course .kejian .box img{
    margin:30px auto;
    display: block;
    transition: all 0.2s;
}
.Course .kejian .box img:hover{
    transform: scale(1.1);
}
.yunying .mix b{
    display: block;
    width: 100px;
    height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
}
.yunying .mix em{
    margin-top: 5px;
}
.jiameng .liucheng ul li{
    margin-bottom: 10px;
}
.concern li:hover,.Room .jiangshi li:hover,.jiameng .liucheng ul li:hover,.jiameng .liucheng ul li:hover,.yanzoujia .four dl:hover{
    box-shadow: 1px 1px 10px #888;
    -moz-box-shadow: 1px 1px 10px #888;
    -webkit-box-shadow: 1px 1px 10px #888;
}
.drum.hardware .peijian .box{
    height: 590px;
}
.pianoTrain .textImg .right .banner0 .tb-btn{
    bottom: -10px;
}
.Course .jiucuo .btn{
    margin-top: 660px;
}
.yunying .banners .container header{
    color: #FFF;
    text-align: left;
    padding-bottom: 20px;
}
.yunying .banners .container>p{
    text-align: left;}

.yunying .banners .container{
    padding-left: 80px;
    box-sizing: border-box;
}
.Room.toggle>div:nth-of-type(5) .container .btn{
    margin-top: 23px;
}
.hardware .banners .container .video{
    margin-top: -70px;
}
.jiaowu .longpage{
    margin-top: -240px;
}
.drum.Course .clube ul{
    margin-top: -20px;
}
.drum.Room .banners .container header{
    margin-bottom: 0;
    padding:70px 0;
}
.drum.Room .banji .container>header{
    padding:40px 0;
}
.drum.Room .banji ul{
    margin:40px 0;
}
.drum.Room .mingxing .container header{
    padding:40px 0;
}
.drum.Room .double .container header{
    padding:40px 0;
}
.drum.Room .double ul{
    margin-top: 0;
}
.drum.Room>div:nth-of-type(7) .container .btn{
    margin-top: 35px;
}
.drum.jiameng .model:not(.banners) .container header{
    padding-bottom: 0;
}
.contactUs .culture li{
    margin-bottom: 10px;
}
.drum.Course .kejian .container header{
    padding:50px 0;
    margin-bottom: 0;
}
.drum.Course .kejian .box ul{
    margin: 0;
}
.drum.Course .kejian .box ul>li{
    overflow: visible;
}
.drum.yunying .chat .container >dl:last-child{
    border: none;
}
.lunbo2 .box:after{
    right: -1px;
}
.jiameng .problem{
    height: 801px;
    background-image:url(/client_images/micropiano/home/problem.png);
}
.nav{
    width: 100%;
}
.nav .container{
    height: 70px;
    background-color: #000;
}
/*8017-8-25*/
.jiameng .kunrao main>div.middle>div p:first-child{
    margin-right: 0%;
}


/*2017-8.28*/


.bottomBar{
    position: absolute;
    top: 1500px;
    left: 0;
    padding:20px 0;
    background-color: #d83957;
    width: 100%;
    z-index:1000000000000000000000;
    min-width: 1196px;
}
.bottomBar li{
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.bottomBar ul{
    overflow: hidden;}
.bottomBar li:not(:first-child){
    padding-left: 35px;
    margin-left: 40px;
    border-left: 1px solid #FFF;
    height: 60px;
    padding-top: 15px;

}
.bottomBar li em{
    display: block;
    color: #FFF;
    font-size: 24px;
}
body{
    position: relative;
}
.bottomBar li:not(:first-child) em{
    float: left;
}
.bottomBar li p{
    font-size: 18px;
    color: #FFF;
    margin-top: 5px;
}
.bottomBar li p i{
    color: #f0ff00;
}
.bottomBar li input{
    width: 170px;
    height: 35px;
    background-color: #fff;
    padding-left: 10px;
    border-radius: 5px;
    float: left;
    border: none;
    font-size: 14px;
    color: #2a2a2a;
}
.bottomBar li input::-webkit-input-placeholder{
    color: #909090;
}
.bottomBar li a{
    width: 120px;
    height: 35px;
    border-radius: 5px;
    color: #d83957;
    font-size: 14px;
    background-color: #ffcd00;
    text-align: center;
    margin-left: 15px;
    line-height:35px;
    float: left;
}
.bottomBar li:not(:nth-child(2)) a{
    width: 85px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    border-radius: 13px;
}
.bottomBar li a:hover{
    background-color: #f6ae00;
}
.leftBar{
    position: fixed;
    top: 360px;
    left: 0;
    z-index: 10000000000;
    margin-top: -100px;
}
.leftBar li{
    width: 85px;
    background-color: #2f57ca;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center 10px;
}
.leftBar li a{
    text-align: center;
    display: block;
    padding-top: 45px;
}
.leftBar li:first-child{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.leftBar li:nth-child(even){
    background-color: #284db8;
}
.leftBar li:last-child{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.leftBar li:nth-child(1){ background-image: url(/client_images/micropiano/home/icon2/jisuanqi.png);}
.leftBar li:nth-child(2){ background-image: url(/client_images/micropiano/home/icon2/house.png);}
.leftBar li:nth-child(3){ background-image: url(/client_images/micropiano/home/icon2/wechat.png);}
.leftBar li:nth-child(4){ background-image: url(/client_images/micropiano/home/icon2/phone.png);}
.leftBar li:nth-child(5){ background-image: url(/client_images/micropiano/home/icon2/dollar.png);}
.leftBar li:nth-child(6){ background-image: url(/client_images/micropiano/home/icon2/liebiao.png);}
.leftBar li:nth-child(7){ background-image: url(/client_images/micropiano/home/icon2/phone1.png);}
/*.bottomBar.phone ul li:first-child a{
    width: 120px;
    height: 35px;
    border-radius: 5px;
    color: #d83957;
    font-size: 14px;
    background-color: #ffcd00;
    text-align: center;
    margin-left: 15px;
    line-height: 35px;
    float: left;
    margin-top: 0;
}
.bottomBar.phone{
    width: 100%;
    padding: 0;
    display: none;
}
.bottomBar.phone ul li{
    margin: auto;float: none;
    padding:  20px 0;
    display: inline-block;
    background-color: #d83957;
}
.bottomBar.phone ul{
    text-align: center;
    background-color: #d83957;
}*/
.Room .banners .container header{
    color: #FFF!important;
}
.Room>div:nth-of-type(4).jiangshi .container header{
    color: #1c1c1c;
}



/*2017-9-12*/
.newsList{
    height: 535px;
    background-image: url(http://img.yusi.tv/res/images//20170915_59bb8d2ee1555.jpg#4FBCFD);
    background-position: 0 center;
    background-repeat: no-repeat;
}
.newsList .box{
    margin-top: 30px;
    background-color: #fff;
}
.newsList .daohang li{
    font-size: 20px;
    color: #3c3c3c;
    line-height: 60px;
    text-align: center;
    display: block;
    background-color: #f2f2f2;
}
.newsList .daohang ul{
    overflow: hidden;
}
.newsList .daohang li{
    width: 20%;
    cursor: pointer;
    height: 60px;
    float: left;
    background-color: #f2f2f2;
}
.newsList .daohang li.cur {
    background-color: #ff9601;
    color: #FFF;
}
.newsList .leftSide dt img{
    width: 316px;
    height: 327px;
}
.newsList .newsDetail{
    padding:50px 30px;
    overflow: hidden;
}
.newsList .newsDetail .leftSide{
    width: 60%;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.newsList .newsDetail .rightSide{
    width: 37%;
    margin-left:3%;
    box-sizing: border-box;
    padding-left: 3%;
    float: left;
    border-left: 1px solid #e3e3e3;
}
.newsList .newsDetail>div{
    height:327px;
    overflow: hidden;
}
.newsList .toggle>div:first-child{
    display: block;
}
.newsList .toggle>div{
    display: none;
}

.newsList .newsDetail .leftSide dd{
    padding-left:345px;
}
.newsList .leftSide dt{
    float: left;
}
.newsList .newsDetail header{
    font-size: 18px;
    text-align: left;
    padding: 0;
    color: #3c3c3c;
    margin-bottom: 10px;
}
.newsList .newsDetail .leftSide header{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 48px;
    overflow: hidden;
}

.newsList .leftSide dd>em{
    font-size: 14px;
    color: #a1a1a1;
    display: block;
    margin-bottom: 15px;
}
.newsList .leftSide dd>div{
    color: #a5a5a5;
    font-size: 12px;
    line-height:18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 12;
    overflow: hidden;
}
.newsList .leftSide dd p{
    font-size: 14px;
    line-height: 18px;
    color: #b9b9b9;
    text-align: left;
    margin-bottom:10px;
}
.newsList .leftSide dd .alink{
    font-size: 14px;
    line-height: 15px;
    /*position: absolute;
    bottom: 0;
    right: 0;*/
    color: #b9b9b9;
    background-color: #fff;
    /*width: 56px;*/
    display: inline-block;
}
.newsList .leftSide dd .alink a{
    color: #ff2b2b;
    float: right;
}
.newsList .leftSide dd .alink a:hover{
    color: #ff6666;
}
.newsList .newsDetail .rightSide ul li a{
    display: block;
    height: 45px;
    line-height: 45px;
    color: #a1a1a1;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed #e3e3e3;
}
.newsList .newsDetail .rightSide ul li:hover a{
    color: #ff9601;
}

/*2017-9-13*/
.newPage .head{
    position: static!important;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eeeeee;
}
.newPage .head ul li:last-child{
    right: -25px;
}
.newPage .head .logo{
    margin-left: 55px;
}
.newPage .news li{
    padding: 15px 0;
    font-size: 14px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;}
.newPage .news li a p{
    margin-right: 100px;
    padding-left: 25px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;white-space: nowrap;color: #3c3c3c;
}
.newPage .news li.cur a p{
    color: #8e8e8e;
}
.newPage .news li:hover a p{
    color: #ff9601;
}
.newPage .news li p::before{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    display: block;
    top: 22px;
    content: "";
    background-color: #818181;
}
.newPage .news li:hover p::before{
    background-color: #ff9601;
}

.newPage .news li em{
    float: right;
    color: #8e8e8e;}
.newPage .news li:hover{
    background-color: #f9fcff;
}
.newPage .pageNav ul li{
    padding: 0;}
.newPage .pageNav  li,.newPage .pageNav ul li a{
    color: #979797;
}
.newPage .pageNav  li.cur,.newPage .pageNav ul li.cur a{
    color: #FFF;
}
.newPage .pageNav{
    padding:20px ;}
.newPage .article {
    padding: 20px;}
.newPage .article  .head h3{
    font-size: 20px;
    color: #3c3c3c;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.newPage .article  .head{
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.newPage .article  .head em{
    font-size:12px;
    color: #9d9d9d;
    display: block;
    margin-bottom: 20px;
}
.newPage .article p{
    line-height: 24px;
    text-indent:2em;
}
.newPage .article p img{
    max-width: 100%;
    height: auto;
}
.newPage .policy .article .head h3{
    color: #ef1837;
}
.newPage .policy .article  .head{
    position: relative;
    border-color: #ef1837;
}
.newPage .policy .article  .head:after{
    content: "";
    display: block;
    border-bottom: 2px solid #ef1837;
    bottom:-5px;
    width: 100%;
    position: absolute;
    left: 0;
}
.newPage .policy footer {
    padding: 100px 20px;
    text-align: right;
}
.newPage .policy footer span {
    font-size: 18px;
    color: #1e1e1e;
    position: relative;
}
.newPage .policy footer span::after {
    content: "";
    width: 140px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
    background: url("http://image.yusi.tv/res/images/web_images/20170523/stamp.png#000000") no-repeat center center;
}

/*追加*/
.newPage main{
    overflow: hidden;
    position: relative;
}
.newPage main .container>section{
    padding-left:260px;
    padding-top: 20px;
}
.newPage main .container>section.news {
    min-height: 300px;
}
.newPage main .container .navBar{
    position: absolute;
    height: 100%;
    background-color: #f9fcff;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    width: 235px;
    box-sizing: border-box;
}
.newPage main .container .navBar dl a{
    font-size: 18px;
    color: #3c3c3c;
    height: 55px;
    display: block;
    line-height: 55px;
    padding-left: 70px;
}
.newPage main .container .navBar dt:hover {
    background-position: 15px 30px;
}
.newPage main .container .navBar dt a{
    display: block;
    background-image: url(../image6/spirit.png);
    background-repeat: no-repeat;
    background-position: 15px 3px;
}
.newPage main .container .navBar dd.cur a,.newPage main .container .navBar dd.cur:hover a{
    background-color: #ff9601;
    color: #FFF;
}
.newPage main .container .navBar dd:hover a,.newPage main .container .navBar dt:hover a{
    background-color: #f1f1f1;
}
.newPage .ovh{
    overflow: hidden;
    margin:20px 0;}
.pageNav span,.pageNav ul li{
    width: 30px;
    height: 30px;line-height: 30px;
    text-align: center;
    float: left;
    cursor: pointer;}
.pageNav ul{
    float: left;
    overflow: hidden;}
.pageNav span,.pageNav .btn{
    margin-top: 0;
    margin-bottom: 0;
}
.pageNav{
    color: #979797;
    overflow: hidden;
    float: right;
}
.pageNav>*{
    margin-left:4px;
    float: left;
    line-height: 30px;}
.pageNav ul li{
    margin-right: 2px;}
.pageNav input{
    width: 50px;
    text-align: center;
    padding-left: 0;
}
.pageNav b{
    border: 1px solid #e8e8e8;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box}
.pageNav u{
    margin-left: 40px;}
.newPage  .pageNav span:hover,.newPage .pageNav li:hover,.newPage .pageNav li:hover a,.newPage .pageNav li.cur,.newPage .pageNav b:hover{
    color: #FFF!important;
    border-radius: 50%;
    background-color: #ff9601;
}
.newPage .pageNav b:hover{
    border-radius: 4px;
}
.newPage .links a{
    float: left;
    position: relative;
    padding-right:15px;
    font-size: 14px;
    color: #3c3c3c;}
.newPage .links a:not(:last-child)::after{
    content: ">";
    display: block;
    color: #3c3c3c;
    position: absolute;
    right: 0;
    top: 0;
}
.newPage .links{
    overflow: hidden;
    margin-bottom: 40px;
}
.newPage .links a.cur{
    color: #888888;
}
.newPage .links a:hover{
    color: #ff9601;
}

/**/
.notice .article {
    padding: 20px;
    margin-bottom: 50px;}
.notice .article  .title h3{
    font-size: 20px;
    color: #3c3c3c;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.notice .article  .title{
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.notice .article  .title em{
    font-size:12px;
    color: #9d9d9d;
    display: block;
    margin-bottom: 20px;
}
.notice .article p{
    line-height: 24px;
    text-indent:2em;
}
.notice .article p img{
    max-width: 100%;
    height: auto;
}
