@charset "utf-8";
/* 
-----------------------------------------
*******北京动力节点教育科技有限公司******
-----------------------------------------
 *@项目名称:;
 *@功能:biye页css代码;
 *@作者:张越;
 *@创建时间:2017-10-12;
 *@修改人:无;
 *@修改时间:无;
 *@修改位置或名称:无;
 *@修改原因:无;
*/

body{ background: #F8F8F8; min-width: 1200px; position: relative; }
.clear{ clear:both}
.main-1200{ width: 1200px; margin: 0 auto; min-width: 1200px;}
.w100{ width: 100%;}
.main-1200 h2{ font-size: 30px; text-align: center;}
.font-xt{ font-weight: lighter;}
.font-ys{  color: #fe7054;}


/* banner */
.banner{ display: block; width: 100%; overflow: hidden; margin: 0 auto; }
.banner .bj{ width: 100%; min-width: 1900px; overflow: hidden; }
.banner .word{ width: 550px; height: 326px; position: absolute; left: 360px; top: 120px; }
.banner .word .power{ position: absolute; top: 0; left: 0; }
.banner .word .biyesheji{ position: absolute; left: 0; bottom: 42px; }
.banner .word .xiaozi{ position: absolute; left: 0; bottom: 0; }

/* 导语 */
.center{ margin-top: 60px; }
.center .design,.center .step{ width: 590px; height: 495px; background: #fff; border-bottom: 5px solid #EFEFEF; }
.center .design h2,.center .step h2{ font-size: 30px; padding-top: 40px; text-align: center; line-height: 30px; }
.center .step h2 table{ margin: 0 auto; margin-top: -10px; margin-bottom: 20px; }
.center .design{ position: relative; }
.center .design>span{ display: inline-block; width: 550px; font-size: 14px; line-height: 28px; text-indent: 2em; letter-spacing: 1px; padding: 40px 20px 0 26px; }
.center .design>span>img{ float: left; }
.center .design>img{ position: absolute; left: -14px; top: -20px; }

.center .step>div{ width: 550px; margin: 0 auto; }
.center .step>div li{ width: 540px; height: 110px; background: #F7FAFC; float: right; position: relative; margin-bottom: 20px; }
.center .step>div li img{ position: absolute; left: -10px; }
.center .step>div li h3{ width: 126px; height: 36px; background: #409BF8; line-height: 36px; color: #fff; border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding-left: 30px; font-size: 20px; position: absolute; left: -10px; top: 10px; }
.center .step>div li span{ display: block; font-size: 14px; color: #212122; margin: 66px 22px; }

/* 即将推出 */
.detrusion{ width: 100%; height: 268px; background: #fff; border: 1px solid #E1E3E2; box-shadow: 0 5px 0 #EFEFEF; }
.detrusion span{ display: inline-block; width: 156px; height: 56px; line-height: 56px; text-align: center; background: #2876E2; color: #fff; font-size: 23px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.detrusion .teach{ margin: 20px 20px; }
.detrusion ul{ margin-top: 20px; }
.detrusion ul li{ float: left; margin-left: 20px; width: 275px; height: 175px; border-radius: 6px; overflow: hidden; text-align: center; }
.detrusion ul li img{ width: 100%; }
.detrusion ul li:hover img{ width: 116%; margin-left: -8%; transition: 1s; -webkit-transition: 1s; }

/* 毕业设计案例 */
.case p{ margin-bottom: 50px; }
.case div.roup{ width: 100%; height: 448px; background: #fff; margin-bottom: 40px; border-bottom: 5px solid #EFEEEE; position: relative; }
.case div.roup .shang{ position: absolute; top: -20px; left: -12px; z-index: 10; }

.case div.roup p.qian{ width: 460px; height: 403px; text-align: center; padding-top: 45px; color: #fff;  }
.case div.roup p.qian>span.big{ display: block; font-size: 40px; line-height: 40px; padding-bottom: 25px; }
.case div.roup p.qian>span.big i{ display: inline-block; width: 52px; height: 16px; border-top: 2px solid #fff; }
.case div.roup p.qian>.small{ display: block; font-size: 25px; line-height: 25px; }
.case div.roup p.qian>img{ margin-top: 50px; }

.case div.one p.blue{ background: #4C8FCD; }
.case div.two p.blugreen{ background: #54CAB9; }
.case div.three p.green{ background: #1CB67C; }
.case div.fore p.yellow{ background: #EBCD63; }
.case div.five p.blue{ background: #409BF8; }

.case div.roup{}
.case div.mar p.qian{ position: absolute; left: 460px; }

.case div.roup p.background-1{background: #4fdbbf;}
.case div.roup p.background-2{background: #6398eb;}
.case div.roup p.background-3{background: #ffac35;}
.case div.roup p.background-4{background: #ffd162;}
.case div.roup p.background-5{background: #4bc6ef;}
.case div.roup p.background-6{background: #cf9d71;}
.case div.roup p.background-7{background: #36cace;}
.case div.roup p.background-8{background: #8661db;}
.case div.roup p.background-9{background: #f3705b;}
.case div.roup p.background-10{background: #57df87;}
.case div.roup p.background-11{background: #5374fd;}
.case div.roup p.background-12{background: #4fdbc0;}
.case div.roup p.background-13{background: #ffd162;}
.case div.roup p.background-14{background: #ff9796;}
.case div.roup p.background-15{background: #8ad0f1;}
.case div.roup p.background-16{background: #3964af;}
.case div.roup p.background-17{background: #ffb422;}
.case div.roup p.background-18{background: #ffabc5;}
.case div.roup p.background-19{background: #3ddbf2;}
.case div.roup p.background-20{background: #56df87;}
.case div.roup p.background-21{background: #da8137;}
.case div.roup p.background-22{background: #5ea6fe;}
.case div.roup p.background-23{background: #acbbef;}
.case div.roup p.background-24{background: #f3715b;}
.case div.roup p.background-25{background: #8761db;}


.case div.mar p.qian{ margin-left: -460px; }


.case div.roup p.hou>.tit{ display: block; width: 700px; height: 72px; line-height: 72px; font-size: 25px; border-bottom: 1px solid #EFEEEE; margin-right: 20px; }
.case div.roup p.hou>.tit img{ margin-top: 16px; }

/*后改2020/12/2*/
.case div.roup p.hou>.tit .tit-btn-a1{
    display: inline-block;
    box-sizing: border-box;
    width: 88px;
    height: 36px;
    line-height: 36px;
    background: #FD475C;
    color: #FFF3F4;
    font-size: 14px;
    text-align: center;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: 1px solid #FD475C;
    margin-top: 19px;
}
.case div.roup p.hou>.tit .tit-btn-a2{
    display: inline-block;
    box-sizing: border-box;
    width: 176px;
    height: 36px;
    line-height: 36px;
    background: #FFF3F4;
    color: #FD475C;
    font-size: 14px;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px dashed #FDB6BF;
    border-left: none;
    margin-top: 19px;
}
.case div.roup p.hou>.tit .tit-btn-a2 i.fa{
    font-size: 18px;
}
.case div.roup p.hou>.tit .tit-btn-a2 span{
    font-size: 14px;
    display: inline-block;
}
.case div.roup p.hou>.tit .tit-btn-a2 span i{display: inline-block;}
.case div.roup p.hou>.word{ display: block; width: 700px; height: 150px; font-size: 15px; line-height: 30px; text-indent: 2em; margin-top: 28px;  }
.case div.roup p.hou a.biao{ display: inline-block; width: 100px; height: 116px; background: #F1EEEE; border-radius: 5px; margin: 30px 15px 0 0; color: #69696A; font-size: 15px; text-align: center; }
.case div.roup p.hou a.biao span>span{ display: block; width: 66px; height: 66px; background: #fff; border-radius: 35px; margin: 0 auto; }
.case div.roup p.hou a.biao:hover{ color: #fff; transition: .6s; }

.case div.one p.hou a.biao:hover{ background: #4C8FCD; transition: .6s; }
.case div.two p.hou a.biao:hover{ background: #54CAB9; transition: .6s; }
.case div.three p.hou a.biao:hover{ background: #1CB67C; transition: .6s; }
.case div.fore p.hou a.biao:hover{ background: #EBCD63; transition: .6s; }
.case div.five p.hou a.biao:hover{ background: #409BF8; transition: .6s; }


.case .center .roup p.a-bg1 a.biao:hover{ background: #4fdbbf; transition: .6s; }
.case .center .roup p.a-bg2 a.biao:hover{ background: #6398eb; transition: .6s; }
.case .center .roup p.a-bg3 a.biao:hover{ background: #ffac35; transition: .6s; }
.case .center .roup p.a-bg4 a.biao:hover{ background: #ffd162; transition: .6s; }
.case .center .roup p.a-bg5 a.biao:hover{ background: #4bc6ef; transition: .6s; }
.case .center .roup p.a-bg6 a.biao:hover{ background: #cf9d71; transition: .6s; }
.case .center .roup p.a-bg7 a.biao:hover{ background: #36cace; transition: .6s; }
.case .center .roup p.a-bg8 a.biao:hover{ background: #8661db; transition: .6s; }
.case .center .roup p.a-bg9 a.biao:hover{ background: #f3705b; transition: .6s; }
.case .center .roup p.a-bg10 a.biao:hover{ background: #57df87; transition: .6s; }
.case .center .roup p.a-bg11 a.biao:hover{ background: #5374fd; transition: .6s; }
.case .center .roup p.a-bg12 a.biao:hover{ background: #4fdbc0; transition: .6s; }
.case .center .roup p.a-bg13 a.biao:hover{ background: #ffd162; transition: .6s; }
.case .center .roup p.a-bg14 a.biao:hover{ background: #ff9796; transition: .6s; }
.case .center .roup p.a-bg15 a.biao:hover{ background: #8ad0f1; transition: .6s; }
.case .center .roup p.a-bg16 a.biao:hover{ background: #3964af; transition: .6s; }
.case .center .roup p.a-bg17 a.biao:hover{ background: #ffb422; transition: .6s; }
.case .center .roup p.a-bg18 a.biao:hover{ background: #ffabc5; transition: .6s; }
.case .center .roup p.a-bg19 a.biao:hover{ background: #3ddbf2; transition: .6s; }
.case .center .roup p.a-bg20 a.biao:hover{ background: #56df87; transition: .6s; }
.case .center .roup p.a-bg21 a.biao:hover{ background: #da8137; transition: .6s; }
.case .center .roup p.a-bg22 a.biao:hover{ background: #5ea6fe; transition: .6s; }
.case .center .roup p.a-bg23 a.biao:hover{ background: #acbbef; transition: .6s; }
.case .center .roup p.a-bg24 a.biao:hover{ background: #f3715b; transition: .6s; }
.case .center .roup p.a-bg25 a.biao:hover{ background: #8761db; transition: .6s; }

.case div.roup p.hou a.biao .zu{ width: 100%; display: inline-block; margin: 10px auto; height: 66px; }
.case div.roup p.hou a.biao:hover .zu{ transform:rotateY(360deg); transition: .6s; }

	/* 雪碧模式 */
.case div.roup p.hou a.biao .xuebi_1{ background: #fff url(../images/tubiao.png); }
.case div.roup p.hou a.biao .xuebi_2{ background: #fff url(../images/tubiao.png); }
.case div.roup p.hou a.biao .xuebi_3{ background: #fff url(../images/tubiao.png); }
.case div.roup p.hou a.biao .xuebi_4{ background: #fff url(../images/tubiao.png); }
.case div.roup p.hou a.biao .xuebi_5{ background: #fff url(../images/tubiao.png); }
.case div.roup p.hou a.biao .xuebi_6{ background: #fff url(../images/tubiao.png); }

.case div.one p.hou a.biao .xuebi_1{  }
.case div.one p.hou a.biao .xuebi_2{ background-position: -120px 0; }
.case div.one p.hou a.biao .xuebi_3{ background-position: -242px 0; }
.case div.one p.hou a.biao .xuebi_4{ background-position: -362px 0; }
.case div.one p.hou a.biao .xuebi_5{ background-position: -484px 0; }
.case div.one p.hou a.biao .xuebi_6{ background-position: -602px 0; }

.case div.two p.hou a.biao .xuebi_1{ background-position: 0 -192px; }
.case div.two p.hou a.biao .xuebi_2{ background-position: -120px -192px; }
.case div.two p.hou a.biao .xuebi_3{ background-position: -242px -192px; }
.case div.two p.hou a.biao .xuebi_4{ background-position: -362px -192px; }
.case div.two p.hou a.biao .xuebi_5{ background-position: -484px -192px; }
.case div.two p.hou a.biao .xuebi_6{ background-position: -602px -192px; }

.case div.three p.hou a.biao .xuebi_1{ background-position: 0 -380px; }
.case div.three p.hou a.biao .xuebi_2{ background-position: -120px -380px; }
.case div.three p.hou a.biao .xuebi_3{ background-position: -242px -380px; }
.case div.three p.hou a.biao .xuebi_4{ background-position: -362px -380px; }
.case div.three p.hou a.biao .xuebi_5{ background-position: -484px -380px; }
.case div.three p.hou a.biao .xuebi_6{ background-position: -602px -380px; }

.case div.fore p.hou a.biao .xuebi_1{ background-position: 0 -570px; }
.case div.fore p.hou a.biao .xuebi_2{ background-position: -120px -570px; }
.case div.fore p.hou a.biao .xuebi_3{ background-position: -242px -570px; }
.case div.fore p.hou a.biao .xuebi_4{ background-position: -362px -570px; }
.case div.fore p.hou a.biao .xuebi_5{ background-position: -484px -570px; }
.case div.fore p.hou a.biao .xuebi_6{ background-position: -602px -570px; }

.case div.five p.hou a.biao .xuebi_1{ background-position: 0 -730px; }
.case div.five p.hou a.biao .xuebi_2{ background-position: -120px -730px; }
.case div.five p.hou a.biao .xuebi_3{ background-position: -242px -730px; }
.case div.five p.hou a.biao .xuebi_4{ background-position: -362px -730px; }
.case div.five p.hou a.biao .xuebi_5{ background-position: -484px -730px; }
.case div.five p.hou a.biao .xuebi_6{ background-position: -602px -730px; }






.case div.one p.hou a.biao:hover .xuebi_1{ background-position: 0 -73px; }
.case div.one p.hou a.biao:hover .xuebi_2{ background-position: -120px -73px; }
.case div.one p.hou a.biao:hover .xuebi_3{ background-position: -242px -73px; }
.case div.one p.hou a.biao:hover .xuebi_4{ background-position: -362px -73px; }
.case div.one p.hou a.biao:hover .xuebi_5{ background-position: -484px -73px; }
.case div.one p.hou a.biao:hover .xuebi_6{ background-position: -602px -73px; }

.case div.two p.hou a.biao:hover .xuebi_1{ background-position: 0 -272px; }
.case div.two p.hou a.biao:hover .xuebi_2{ background-position: -120px -272px; }
.case div.two p.hou a.biao:hover .xuebi_3{ background-position: -242px -272px; }
.case div.two p.hou a.biao:hover .xuebi_4{ background-position: -362px -272px; }
.case div.two p.hou a.biao:hover .xuebi_5{ background-position: -484px -272px; }
.case div.two p.hou a.biao:hover .xuebi_6{ background-position: -602px -272px; }

.case div.three p.hou a.biao:hover .xuebi_1{ background-position: 0 -453px; }
.case div.three p.hou a.biao:hover .xuebi_2{ background-position: -120px -453px; }
.case div.three p.hou a.biao:hover .xuebi_3{ background-position: -242px -453px; }
.case div.three p.hou a.biao:hover .xuebi_4{ background-position: -362px -453px; }
.case div.three p.hou a.biao:hover .xuebi_5{ background-position: -484px -453px; }
.case div.three p.hou a.biao:hover .xuebi_6{ background-position: -602px -453px; }

.case div.fore p.hou a.biao:hover .xuebi_1{ background-position: 0 -638px; }
.case div.fore p.hou a.biao:hover .xuebi_2{ background-position: -120px -638px; }
.case div.fore p.hou a.biao:hover .xuebi_3{ background-position: -242px -638px; }
.case div.fore p.hou a.biao:hover .xuebi_4{ background-position: -362px -638px; }
.case div.fore p.hou a.biao:hover .xuebi_5{ background-position: -484px -638px; }
.case div.fore p.hou a.biao:hover .xuebi_6{ background-position: -602px -638px; }

.case div.five p.hou a.biao:hover .xuebi_1{ background-position: 0 -803px; }
.case div.five p.hou a.biao:hover .xuebi_2{ background-position: -120px -803px; }
.case div.five p.hou a.biao:hover .xuebi_3{ background-position: -242px -803px; }
.case div.five p.hou a.biao:hover .xuebi_4{ background-position: -362px -803px; }
.case div.five p.hou a.biao:hover .xuebi_5{ background-position: -484px -803px; }
.case div.five p.hou a.biao:hover .xuebi_6{ background-position: -602px -803px; }