.maketool{background-color:#fbf2fe}
.maketool .bg01{background:url(../images/maketool/bg01.jpg) no-repeat center 0;height:431px;width:100%}
.maketool .bg02{background:url(../images/maketool/bg02.jpg) no-repeat center 0;height:414px;width:100%}
.maketool .bg03{background:url(../images/maketool/bg03.png) no-repeat center 0;height:173px;width:100%}
.maketool .bg04{background:url(../images/maketool/bg04.png) no-repeat center 0;height:688px;width:100%}
.maketool .bg05{background:url(../images/maketool/bg05.png) no-repeat center 0;width:100%}
.maketool .bg06{background:url(../images/maketool/bg06.png) no-repeat center 650px;width:100%;padding-bottom:120px}
.maketool .bg-1{background:url(../images/maketool/bg-1.jpg) no-repeat;height:231px}
.maketool .bg-2{background:url(../images/maketool/bg-2.jpg?v1) no-repeat;height:200px}
.maketool .bg-3{background:url(../images/maketool/bg-3.jpg?v1) no-repeat;height:200px}
.maketool .bg-4{background:url(../images/maketool/bg-4.jpg) no-repeat;height:214px}
.maketool .bg-5{background:url(../images/maketool/bg-5.png) no-repeat;height:173px}
.maketool .bg-6{background:url(../images/maketool/bg-6.jpg) no-repeat;height:688px}
.maketool .bg-7{background:url(../images/maketool/bg-7.png) no-repeat;height:690px}
.maketool .bg-8{background:url(../images/maketool/bg-8.png) no-repeat;height:782px}
.maketool .bg-9{background:url(../images/maketool/bg-9.png) no-repeat;height:1023px}
.maketool .w{width:1000px;margin:0 auto}
.maketool .pr{position:relative}
.maketool .btn-down{width:206px;height:206px;position:absolute;top:-30px;left:50%;margin-left:-111px;line-height:500px;overflow:hidden}
.maketool .btn-down .em1{width:100%;height:100%;background:url(../images/maketool/circle2.png) no-repeat center;position:absolute;top:0;left:0;-webkit-animation:turn 2s linear infinite;animation:turn 2s linear infinite}
.maketool .btn-down .em2{width:100%;height:100%;background:url(../images/maketool/circle.png) no-repeat center;position:absolute;top:0;left:0;-webkit-animation:turn2 2s linear infinite;animation:turn2 2s linear infinite}
.maketool .btn-down .em3{width:100%;height:100%;background:url(../images/maketool/txt.png) no-repeat center;position:absolute;top:0;left:0}
@-webkit-keyframes turn{
0%{-webkit-transform:rotate(0)}
25%{-webkit-transform:rotate(90deg)}
50%{-webkit-transform:rotate(180deg)}
75%{-webkit-transform:rotate(270deg)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes turn{
0%{-webkit-transform:rotate(0)}
25%{-webkit-transform:rotate(90deg)}
50%{-webkit-transform:rotate(180deg)}
75%{-webkit-transform:rotate(270deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes turn2{
0%{-webkit-transform:rotate(0)}
25%{-webkit-transform:rotate(-90deg)}
50%{-webkit-transform:rotate(-180deg)}
75%{-webkit-transform:rotate(-270deg)}
100%{-webkit-transform:rotate(-360deg)}
}
@keyframes turn2{
0%{-webkit-transform:rotate(0)}
25%{-webkit-transform:rotate(-90deg)}
50%{-webkit-transform:rotate(-180deg)}
75%{-webkit-transform:rotate(-270deg)}
100%{-webkit-transform:rotate(-360deg)}
}
.maketool .playbtn{width:339px;height:109px;position:absolute;top:20px;right:173px;background:url(../images/maketool/playbtn.png) no-repeat}
.maketool .playbtn a{width:48px;height:48px;float:right;margin:30px 38px 0 0;line-height:200px;overflow:hidden}
.maketool .video{position:fixed;top:50%;left:50%;width:880px;height:495px;margin:-247px 0 0 -440px;border-radius:10px;overflow:hidden;z-index:5;background:url(../images/loading.gif) no-repeat center center}
.maketool .video .video-js{background:url(../images/loading.gif) no-repeat center center}
.maketool .video .vjs-default-skin .vjs-big-play-button{width:80px;height:80px;position:absolute;left:50%;top:50%;margin:-40px 0 0 -40px;background:url(../images/appointment/play.png) no-repeat 0 -80px;border:none;border-radius:0;outline:0;-webkit-transition:none;transition:none;-webkit-box-shadow:none;box-shadow:none}
.maketool .video .vjs-default-skin .vjs-big-play-button:before{width:0;height:0;font-size:0}
.maketool .video .vjs-default-skin .vjs-big-play-button:focus,.maketool .video .vjs-default-skin:hover .vjs-big-play-button{background:url(../images/appointment/play.png) no-repeat 0 0}
.maketool .video .vjs-default-skin .vjs-big-play-button{display:none}
.maketool .video .close{width:30px;height:30px;background:url(../images/pop_close2.png) no-repeat center 0;position:absolute;top:15px;right:15px;z-index:2;cursor:pointer}
.maketool .video .close:hover{background-position:0 -30px}
.maketool .list-chara{padding-top:43px;position:relative}
.maketool .list-chara .icon{width:79px;height:244px;background:url(../images/maketool/icon.png) no-repeat;position:absolute;top:85px;left:-23px}
.maketool .list-chara .ul{width:892px;height:442px;margin:0 auto;overflow:hidden;position:relative}
.maketool .list-chara .ul .shade{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/maketool/box1.png) no-repeat;z-index:2}
.maketool .list-chara .ul ul{position:relative;z-index:1}
.maketool .list-chara .ul li{position:absolute;top:0;left:0;width:100%;height:100%}
.maketool .list-chara .ul li img{width:100%;display:block}
.maketool .list-chara .lb-nav{background:url(../images/maketool/line.png) no-repeat center;height:25px;margin-top:5px;text-align:center}
.maketool .list-chara .lb-nav span{width:24px;height:25px;background:url(../images/maketool/ro.png) no-repeat center;display:inline-block;margin:0 20px;cursor:pointer;line-height:200px;overflow:hidden}
.maketool .list-chara .lb-nav span.on{background-image:url(../images/maketool/roh.png)}
.maketool .list-works{padding-top:263px}
.maketool .list-works .next,.maketool .list-works .prev{position:absolute;top:50%;width:33px;height:47px;background:url(../images/maketool/prev.png) no-repeat;margin-top:-23px;cursor:pointer}
.maketool .list-works .prev{left:12px}
.maketool .list-works .next{right:12px;background-image:url(../images/maketool/next.png)}
.maketool .list-works .next:hover,.maketool .list-works .prev:hover{background-position:0 -47px}
.maketool .list-works .ul{width:905px;margin:0 auto;height:233px;overflow:hidden}
.maketool .list-works ul{white-space:nowrap;font-size:0}
.maketool .list-works li{display:inline-block;width:289px;height:233px;background:url(../images/maketool/box2_1.png) no-repeat;margin-right:15px;padding-top:12px;vertical-align:top}
.maketool .list-works li .pic{width:268px;height:151px;position:relative;margin:0 auto;overflow:hidden}
.maketool .list-works li em{background:url(../images/maketool/box2.png) no-repeat;position:absolute;top:0;left:0;width:100%;height:100%}
.maketool .list-works li img{width:100%;min-height:100%}
.maketool .list-works li p{width:268px;margin:0 auto}
.maketool .list-works li p.p1{font-size:17px;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:24px}
.maketool .list-works li p.p2{font-size:13px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:24px}
.maketool .tit3,.maketool .tit4{background:url(../images/maketool/tit3.png) no-repeat bottom;height:200px}
.maketool .tit4{background-image:url(../images/maketool/tit4.png)}
.maketool .box{background:url(../images/maketool/boxc.png) repeat-y;width:1000px;margin:0 auto;position:relative;margin-top:80px}
.maketool .box .boxb,.maketool .box .boxt{position:absolute;left:0;width:100%;height:44px;background:url(../images/maketool/boxt.png) no-repeat}
.maketool .box .boxt{top:-30px}
.maketool .box .boxb{background-image:url(../images/maketool/boxb.png);bottom:-40px}
.maketool .box .boxc{position:relative;z-index:2}
.maketool .box .icon_1{width:193px;height:130px;background:url(../images/maketool/icon2.png) no-repeat;position:absolute;top:-16px;left:-20px;z-index:1}
.maketool .box .icon_2{width:108px;height:106px;background:url(../images/maketool/icon3.png) no-repeat;position:absolute;bottom:3px;right:-43px;z-index:1}
.maketool .box .icon_3{width:140px;height:175px;background:url(../images/maketool/icon4.png) no-repeat;position:absolute;bottom:-40px;right:-14px;z-index:1}
.maketool .list-bann li{width:874px;height:146px;margin:0 auto 20px;position:relative;overflow:hidden}
.maketool .list-bann li img{width:100%;min-height:100%}
.maketool .list-bann li em{width:100%;height:100%;background:url(../images/maketool/box3.png) no-repeat;position:absolute;top:0;left:0}
.maketool .tab-course{text-align:center;height:58px}
.maketool .tab-course span{display:inline-block;width:154px;height:58px;background:url(../images/maketool/tab.png) no-repeat 0 2px;margin:0 15px;line-height:57px;font-size:22px;color:#a238d4;cursor:pointer}
.maketool .tab-course span.on,.maketool .tab-course span:hover{background-position:0 -56px;color:#fff}
.maketool .list-course{margin:30px 0 0 20px;overflow:hidden;height:384px}
.maketool .list-course ul{display:none}
.maketool .list-course li{width:288px;height:161px;margin:0 0 20px 25px;text-align:center;font-size:20px;line-height:30px;float:left;padding-top:11px;position:relative}
.maketool .list-course li a{width:100%;height:100%}
.maketool .list-course li .cover{width:100%;height:100%;background:url(../images/maketool/box4.png) no-repeat;position:absolute;top:0;left:0}
.maketool .list-course li img{width:270px;height:152px;display:block;margin:0 auto}
.maketool .more{width:295px;height:60px;display:block;margin:80px auto 0;background:url(../images/maketool/more-works.png) no-repeat;line-height:200px;overflow:hidden;text-align:center}
.maketool .more:hover{background-position:0 -61px}
.maketool .more a{width:244px;display:inline-block;height:100%}
.maketool .more.more-course{margin-top:80px;background-image:url(../images/maketool/more-jiaoc.png)}
.maketool .side{position:fixed;left:50%;margin-left:540px;width:131px;background:url(../images/maketool/side.png) no-repeat;bottom:200px;padding-top:116px;z-index:2;height:155px}
.maketool .side img{display:block;margin:0 auto;width:74px;background:#fff;padding:2px;height:74px}
.maketool .side p{font-size:12px;line-height:16px;text-align:center;padding:3px 0 5px;color:#56366c}
.maketool .side .top{width:40px;height:30px;display:block;margin:0 auto;color:#9894a5;line-height:18px;text-align:center}
.maketool .side .top em{display:block}
.maketool .side .top:hover{color:#28c8dc}