/* lunbotu */
.ban{ width: 100%; height: 450px; position: relative; overflow: hidden;}
.ban .ban_in ul{position: relative; height: 450px;}
.ban .ban_in ul li{position: absolute; top: 0;left: 0; height: 450px; width:100%;display:none;}
.ban .ban_in ul li img{margin:0 auto; display:block;}
.ban .ban_in ul li.first{display:block;}
.ban .ban_in ul li a{display:block; width:100%; height:450px;}
.ban .czxinxi{width:1200px; position: absolute; top: 75px; right: 50%; margin-right:-600px;}
.ban .czxinxi a{color:#fff}
.ban .czxinxi ul{position:absolute; right:0; width: 200px; height:260px; padding:20px; background: url(../images/zhe.png); border-radius:4px;}
.ban .czxinxi ul li{color:#fff; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:38px; cursor: pointer;}
.ban .czxinxi ul li.cur{position:relative; width:240px; padding-left:25px; right:45px; background:#2E3340;}

/*考会计选择*/
#acc{width:100%;height:102px;background:#3f2b73;line-height:102px;color:#fff}
#acc div{width:1200px;margin:0 auto;font-size:36px}
#acc span{font-size:45px;font-weight:bold}

#main{width:100%;position:relative;background:url('../images/222 (2).jpg') no-repeat top left;background-size:35%}
#main h3{font-size:36px;height:190px;line-height:190px;text-align:center;width:1200px;margin:0 auto}
#main h3 span{font-size:46px;font-weight:bold;color:#ff4c59}
#main .lef{background: #fff;border: 1px solid #eee;box-shadow: 5px 5px 20px #eee;display:inline-block;width: 320px;height:300px;background-size:494px;vertical-align:top;margin-left:30px;margin-right:30px;border-radius:27px}
#main .lef .imgs{display: flex;justify-content: center;padding-top: 15px;}
#main .lef p{line-height:30px;font-size:16px;width: 100%;text-align: center;font-weight: 600;}
#main .lef p span{font-size:24px;font-weight:bold;color:#ff4c59}
#main .lef p:nth-of-type(1){margin-top:20px}
#main .rig{display:inline-block;width:490px;height:529px;background:url("../images/xz_2.jpg");background-size:490px;vertical-align:top}
#main .rig p{line-height:30px;font-size:16px;padding-left:60px}
#main .rig p span{font-size:24px;font-weight:bold;color:#ff4c59}
#main .rig p:nth-of-type(1){margin-top:380px}
#main .use{margin:0 auto;margin-top:50px;height:61px;line-height:61px;font-size:36px;margin-bottom:10px;width:1200px}
#main .use span{color:#ff4c59;font-size:45px}
.web{height:597px;background:url("../images/222 (1).jpg") no-repeat -1px;position:relative;width:100%}

/*学会计选择*/
#acc img{width:84px;margin-left:150px;float:left;margin-right:27px}
.red{height:118px;background:#ff4c59;line-height:118px;color:#fff;width:100%}
.red span{font-size:46px;font-weight:bold;color:#fff}
.red img{width:190px;margin-left:136px;margin-top:5px;float:left}

#six{width:100%;position:relative;background:url('../images/33.jpg') no-repeat bottom;background-size:1920px 818px;padding-top:0.1px;padding-bottom:20px}
#six .nei{width:1200px;margin:0 auto}
#six .nei>h3{font-size:35px;text-align:center;margin-top:70px}
#six .nei h3 span{font-size:46px;color:#ff4c59;font-weight:bold}
#six ul{overflow:hidden;padding-top:10px;padding-bottom: 40px;}
#six li{float:left;width:180px;height:86px;background:#e5e5e5;color:#150d2d;border-radius:30px;line-height:86px;text-align:center;font-size:22px;margin-left:16px;position:relative;margin: 10px 5px;}
#six li span{position:absolute;display:inline-block;width:180px;height:86px;border:1px solid #e5e5e5;top:-5px;left:-5px;border-radius:30px}
#six .one{float:left;width:180px;height:86px;background:#ff4c59;color:#fff;border-radius:30px;line-height:86px;text-align:center;font-size:22px;margin-left:16px;position:relative}
#six .one span{position:absolute;display:inline-block;width:180px;height:86px;border:1px solid #ff4c59;top:-5px;left:-5px;border-radius:30px}
#six .tab div{display:none}
#six .tab .ligh{display:block;padding-top:50px;padding-left:30px}
#six .tab img{margin-left:10px;border-radius:20px;box-shadow:0 0 20px #ccc}
#six .btn{width:1200px}
#six .btn p{margin:40px 0 40px 450px}

#quan{background:#150d2d;width:100%;padding-top:0.1px}
#quan .nei{width:1200px;margin:0 auto}
#quan h3{width:480px;height:103px;color:#fffefe;font-size:38px;margin:0 auto;text-align:center;margin-top:67px;margin-bottom:65px}
#quan h3 span{color:#ff4c59;font-size:42px;font-weight:bold}
#quan .wf2{width:100%;height:380px}
#quan .wf2 li{height:30px;line-height:30px;font-size:16px;padding-left:26px;color:#ffffff}

#classes{width:100%;height:1140px;background:url('../images/66.jpg') no-repeat bottom right;position:relative;padding-top:0.1px;padding-bottom:30px}
#classes .nei{width:1200px;margin:0 auto}
#classes .nei h3{font-size:37px;text-align:center;margin:74px 0 10px 0}
#classes .nei h3 span{color:#ed4653;font-size:44px;font-weight:bold}
#classes .nei .add{font-size:20px;color:#333333;text-align:center;margin-bottom:55px}

#mores{width:100%;height:876px;background:#09041b;padding-top:0.1px;position:relative}
#mores .nei{width:1200px;height:876px;margin:0 auto}
#mores .nei h3{color:#ff4c59;font-size:38px;text-align:center;margin:70px 0 10px 0}

#v6{width:100%;height:986px;background:url("../images/70.jpg") no-repeat top left;position:relative;padding-top:0.1px}
#v6 .nei{width:1200px;margin:0 auto}
#v6 .nei h3{font-size:36px;margin:60px 0 10px 0;text-align:center}
#v6 .nei h3 span{color:#ff4c59}
#v6 .nei p{font-size:20px;text-align:center;margin-bottom:45px}

#science{width:100%;height:1280px;background:#f7f7f7;position:relative;padding-top:0.1px}
#science .nei{width:1200px;height:1276px;margin:0 auto}
#science .nei>h3{font-size:36px;text-align:center;margin:60px 0 10px 0}
#science .nei>h3 span{color:#ff4c59;font-size:44px;font-weight:bold}
#science ul{margin:55px 254px;overflow:hidden;padding-top:10px}
#science ul li{float:left;width:162px;height:150px;background:url('../images/77.jpg') no-repeat;margin-left:50px;line-height:150px;text-align:center;font-size:22px}
#science ul .jli{background:url('../images/78.jpg') no-repeat;color:#fff}
#science .uls{overflow:hidden;height:670px;width:1200px;position:relative;padding-top:30px;display:none}
#science .ulpaly{display:block}
#science ol{width:360px;height:600px;background:#1c1d21;float:left;border-radius:5px 0 0 5px}
#science ol li{width:345px;height:96px;font-size:16px;color:#fff;padding-top:0.1px;position:relative;border-radius:0 5px 5px 0}
#science ol li div{width:352px;padding-top:0.1px;height:96px;font-size:18px}
#science ol li img{float:left;margin:24px 10px 0 20px}
#science ol li p{font-size:20px;margin-top:24px}
#science ol .one{margin-top:15px;background:white;color:#000;border-left:4px solid #ff4c59;box-shadow:0 0 20px #666;z-index:300}
#science ol .one div{position:absolute;z-index:100000}
#science .ols{position:absolute;top:10px;left:320px;background:#fff;width:760px;height:513px;border-radius:5px;box-shadow:0 0 20px #ccc;padding:40px;padding-right:60px;display:none;overflow-y:auto}
#science .ols h4{font-size:22px;margin-bottom:20px}
#science .ols p{margin-bottom:30px;font-size:16px;line-height:30px}
#science .ols p span{display:inline-block;margin-right:20px}
#science .disp{display:block}

#goodclass{width:100%;height:880px;background:#09041b;padding-bottom:60px}
#goodclass .nei{width:1200px;height:880px;margin:0 auto;padding-top:0.1px}
#goodclass .nei h3{font-size:36px;color:#ff4c59;text-align:center;margin:67px 0 20px}

#teacher{width:100%;background:url('../images/93.jpg') no-repeat top left;background-size:20%;overflow:hidden}
#teacher .nei{width:1200px;margin:0 auto;padding:60px 0 30px 0}
#teacher .nei>h3{font-size:36px;text-align:center}
#teacher .nei>h3 span{color:#ff4c59;font-size:44px;font-weight:bold}
#teacher .teacher{width:1000px;margin-left:150px;overflow:hidden}
#teacher .teacher div{float:left;width:278px;height:255px;margin:15px 10px;position:relative}
#teacher .teacher div p{position:absolute;top:0;left:-5px;width:248px;height:225px;background:#fff;padding:20px;font-size:16px;box-shadow:0 0 20px #aec7f0;line-height:25px;display:none;border-radius:10px}

#n12{width:100%;height:1300px;background:url('../images/17.jpg') no-repeat top left;position:relative;padding-bottom:66px}
#n12 .nei{width:1200px;margin:0 auto;padding-top:0.1px}
#n12 h3{font-size:36px;text-align:center;margin-top:60px;margin-bottom:10px}
#n12 h3 span{color:#ff4c59;font-size:38px;font-weight:bold}
#n12 .p1{color:#333333;font-size:20px;text-align:center;margin-bottom:50px}
#n12 .works{overflow:hidden;margin-bottom:55px}
#n12 .works div{width:224px;float:left;text-align:center;margin-right:20px;color:#333333;font-size:15px}
#n12 .works div p:first-child{font-size:20px;color:#5e68ff;font-weight:bold;margin-bottom:10px}
#n12 .works div p{line-height:25px}
#n12 .vide{width:1085px;margin:0 auto;background:#f6f6ff;overflow:hidden}
#n12 .left{float:left;width:516px;height:355px}
#n12 .left h3{height:120px;font-size:26px;line-height:120px;margin:0;position:relative}
#n12 .left img{float:left;margin:0 29px}
#n12 .left p{font-size:16px;margin-bottom:28px}
#n12 .right{float:right;width:560px;height:355px}
#n12 video{width:560px;height:355px}

#pic{position:relative;overflow:hidden;height:600px;width:890px;z-index:2;margin:0 auto 100px ;}
#pic ul{width:100%;height:100%;position:absolute;top:0;left:0;}
#pic ul li{position:absolute;}
#pic ul img{position:relative;top:50px;left:50px;}
/*图片位置*/
#pic ul .pic1{top:-50px;left:-222px;z-index:1;}
#pic ul .pic2{top:-20px;left:-56px;z-index:2;}
#pic ul .pic3{top:10px;left:110px;z-index:3;}
#pic ul .pic4{top:50px;left:276px;z-index:4;}
#pic ul .pic5{top:10px;left:450px;z-index:3;}
#pic ul .pic6{top:-20px;left:624px;z-index:2;}
#pic ul .pic7{top:-50px;left:800px;z-index:1;}
/*图片A标签width和height*/
#pic ul .pic1 a{height:60px;width:96px;}
#pic ul .pic2 a{height:180px;width:288px;}
#pic ul .pic3 a{height:240px;width:384px;}
#pic ul .pic4 a{height:300px;width:480px;}
#pic ul .pic5 a{height:240px;width:384px;}
#pic ul .pic6 a{height:180px;width:288px;}
#pic ul .pic7 a{height:180px;width:288px;}
/*图片明暗*/
#pic ul li.pic1{opacity:0.2;filter:alpha(opacity:20);}
#pic ul li.pic2{opacity:0.6;filter:alpha(opacity:60);}
#pic ul li.pic3{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic4{opacity:1;filter:alpha(opacity:100);}
#pic ul li.pic5{opacity:0.9;filter:alpha(opacity:90);}
#pic ul li.pic6{opacity:0.6;filter:alpha(opacity:60);}
#pic ul li.pic7{opacity:0.2;filter:alpha(opacity:20);}
/*图片width*/
#pic ul li.pic1 img{width:260px;}
#pic ul li.pic2 img{width:260px;}
#pic ul li.pic3 img{width:260px;}
#pic ul li.pic4 img{width:260px;}
#pic ul li.pic5 img{width:260px;}
#pic ul li.pic6 img{width:260px;}
#pic ul li.pic7 img{width:260px;}
/*箭头部分*/
#pic span{display:inline-block;*display:inline;*zoom:1;width:80px;height:80px;position:absolute;top:230px;z-index:30;cursor:pointer;opacity:0.7;filter:alpha(opacity=70);}
#pic:hover span{opacity:1;filter:alpha(opacity=100);}
#pic span img{width:80px;height:80px;display:block;}
#pic span.prev{left:150px;}
#pic span.next{right:150px;}

.btns{
    display: inline-block;
    width: 260px;
    height: 66px;
    color: white;
    background: linear-gradient(to right, #fb3667 , #ff8b5f);
    box-shadow:  -1px 1px 20px #fd5d63;
    line-height: 66px;
    text-align: center;
    font-size: 22px;
    border-radius: 40px;
    margin-right: 50px;
}
.btns:hover{
    box-shadow: none;
}
