@charset "utf-8";
/* CSS Document */

/* common */
*{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px;line-height:30px; font-family:'HanHei SC','Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#2e2f33;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/* link */
a{text-decoration:none;}
a:hover{text-decoration:none;}


/*font*/
/*Bold*/
@font-face {
    font-family: 'HanHei SC';
    src:url('../fonts/HanHei-SC-thin.ttf') format('truetype'),
    url('../fonts/hanhei-sc-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*浏览器更新提示*/
.browserupgrade{
    bottom:0;
    z-index:9999;
    width:100%;
    height:42px;
    color:#ff5543;
    font-size:16px;
    text-indent:20px;
    line-height:42px;
    background:#676b73;
    position:fixed;
    border-top:4px solid #313131;
}
.browserupgrade a{
    font-size:18px;
    line-height:42px;
    color:#ffffff;
    cursor:pointer;
}
.browserupgrade a.close{
    font-size:16px;
    line-height:42px;
    margin-right:20px;
    float:right;
}

body{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1200px;
    overflow-x:hidden;
    min-height:600px;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:1920px;
    min-width:1200px;
    min-height:600px;
}
.header{
    top:0;
    width:100%;
    max-width:1920px;
    min-width:1200px;
    z-index:999;
    height:80px;
    position:absolute;
    background:rgba(0,0,0,0.3);
}
.vedio{
    width:100%;
    height:auto;
    overflow:hidden;
}
.mask{
    width:100%;
    height:650px;
    position:relative;
	background:url("../img/banner-bg.jpg") no-repeat;
	text-align:center;
}
.mask img{
	width:605px;
	margin:0 auto;
	padding-top:200px;
	}

.mask a{
    left:50%;
    bottom:12%;
    margin-left:-119px;
    font-size:30px;
    line-height:58px;
    color:#222;
    width:238px;
    display:block;
    transition:0.5s;
    position:absolute;
    text-align:center;
    z-index:11;
    border-radius:28px;
	background:#ffffff;
}
.mask a:hover{
	background:#ff5543;
	color:#fff;
	transition:1s;
}

#canvas{
    top:0;
	left:0;
    z-index:10;
    position:absolute;
}
.logo{
    margin-left:80px;
    margin-top:20px;
    float:left;
    width:148px;
    height:43px;
}
.logo-text{
    margin-left:12px;
    margin-top:20px;
    float:left;
    height:45px;
    padding-left:10px;
    border-left:1px solid #ffffff;
}
.logo-text p{
    font-size:18px;
    line-height:22px;
    color:#ffffff;
}
.nav{
    float:left;
    margin-top:30px;
    position:relative;
    margin-left: 90px;
}
.nav-act{
    top:26px;
    width:28px;
    height:4px;
    background:#ffffff;
    border-radius:10px;
    display:block;
    transition:0.5s;
    position:absolute;
}
.nav li{
    float:left;
    width:36px;
    padding-bottom:8px;
    height:18px;
    margin-right:48px;
    font-size: 18px;
    line-height: 18px;
    color: #ffffff;
    cursor: pointer;
}
.nav li a{
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.phone{
    margin-right:187px;
    margin-top:23px;
    padding-left:35px;
    float:right;
    font-size:18px;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
}
.container{
    margin:0 auto;
    width:100%;
    min-width:1200px;
}
.content{
    margin:0 auto;
    width:1000px;
    padding-top:36px;
    padding-bottom:80px;
}
.title{
    padding-top:42px;
    padding-bottom:45px;
}
.title h1{
    font-size:34px;
    font-weight:bold;
    line-height:34px;
    text-align:center;
}
.title h2{
    margin-top:12px;
    line-height:14px;
    text-align:center;
    font-size:16px;
}
.title.tag1{
    background:url("../img/title-tag1.png") no-repeat center 0px;
}
.title.tag2{
    background:url("../img/title-tag2.png") no-repeat center 0px;
}
.title.tag3{
    background:url("../img/title-tag3.png") no-repeat center 0px;
}
.title.tag4{
    background:url("../img/title-tag4.png") no-repeat center 0px;
}
.title.tag5{
    background:url("../img/title-tag5.png") no-repeat center 0px;
}
.title-info{
    padding-bottom:50px;
}
.title-info img{
    margin:0 auto;
    display:block;
}
.title-info p{
    margin:0 auto;
    margin-top:14px;
    line-height:22px;
    font-size:16px;
    width:900px;
    text-align:center;
}
.why-box{
    width:1200px;
}
.why-box .box{
    float:left;
    width:333.3px;
    height:440px;
    transition:1s;
    overflow:hidden;
    position:relative;
}
.why-box .box.bg1{
    background:#fbae00;
    background: linear-gradient(to bottom right,#fbae00 , #ffd304);
}
.why-box .box.bg2{
    background:#f45e4f;
    background: linear-gradient(to bottom right,#f45e4f , #fd9b30);
}
.why-box .box.bg3{
    background:#7d66ea;
    background: linear-gradient(to bottom right,#7d66ea , #c59cf8);
}
.why-box .box .num{
    margin:55px auto 0;
    width:175px;
    height:175px;
    border-radius:50%;
}
.why-box .box .num p{
    margin-top:70px;
    font-size:50px;
    text-align:center;
    font-family:impact, sans-serif;
}
.why-box .box .num p span{
    font-size:18px;
}
.why-box .box.bg1 .num{
    border:1px solid #2d2d58;
}
.why-box .box.bg2 .num{
    border:1px solid #ffffff;
}
.why-box .box.bg1 .num p,
.why-box .box.bg1 .num p span{
    color:#2d2d58;
}
.why-box .box.bg2 .num p,
.why-box .box.bg2 .num p span{
    color:#ffffff;
}
.why-box .box .info1{
    width:333.3px;
    transition:1s;
}
.why-box .box .info1 h2{
    margin-top:10px;
    line-height:14px;
    text-align:center;
    font-family:'Microsoft YaHei', sans-serif;
}
.why-box .box .info1 h1{
    margin-top:45px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    font-family:'Microsoft YaHei', sans-serif;
}
.why-box .box .info1 h3{
    margin:40px auto 0;
    width:98px;
    height:28px;
    font-size:18px;
    line-height:28px;
    text-align:center;
    border:1px solid;
    border-radius:12px;
}
.why-box .box.bg1 .info1 h2,
.why-box .box.bg1 .info1 h1,
.why-box .box.bg1 .info1 h3{
    color:#2d2d58;
}
.why-box .box.bg2 .info1 h2,
.why-box .box.bg2 .info1 h1,
.why-box .box.bg2 .info1 h3,
.why-box .box.bg3 .info1 h2,
.why-box .box.bg3 .info1 h1,
.why-box .box.bg3 .info1 h3{
    color:#ffffff;
}
.why-box .box .info2{
    top:0;
    left:500px;
    width:500px;
    transition:0.5s;
    position:absolute;
}
.why-box .box .info2 img{
    margin:40px auto 0;
    display:block;
}
.why-box .box:hover .info1{
    opacity:0;
    display:none\9;
    transition:0.5s;
}
.why-box .box:hover .info2{
    left:0;
    transition:1s;
}
.advantage{
    background:#ebebeb;
}
.advantage .main{
    position:relative;
}
.advantage .main .box{
    float:left;
    width:200px;
    height:270px;
    overflow:hidden;
    position:relative;
}
.advantage .main .box.bg1{
    background:url("../img/adv-box-bg1.jpg") no-repeat center top;
}
.advantage .main .box.bg2{
    background:url("../img/adv-box-bg2.jpg") no-repeat center top;
}
.advantage .main .box.bg3{
    background:url("../img/adv-box-bg3.jpg") no-repeat center top;
}
.advantage .main .box.bg4{
    background:url("../img/adv-box-bg4.jpg") no-repeat center top;
}
.advantage .main .box.bg5{
    background:url("../img/adv-box-bg5.jpg") no-repeat center top;
}
.advantage .main .box h1{
    margin-top:98px;
    font-size:48px;
    color:#ffffff;
    font-family:'Arial', sans-serif;
    text-align:center;
    transition:1s;
}
.advantage .main .box h1 span{
    margin-top:8px;
    font-size:20px;
    display:block;
    line-height:24px;
    color:#ffffff;
    text-align:center;
    transition:1s;
}
.add1{
    top:120px;
    left:185px;
    position:absolute;
}
.add2{
    top:120px;
    left:385px;
    position:absolute;
}
.add3{
    top:120px;
    left:585px;
    position:absolute;
}
.equal{
    top:127px;
    left:784px;
    position:absolute;
}
.advantage .main .box .info{
    top:270px;
    width:200px;
    height:270px;
    transition:1s;
    position:absolute;
}
.advantage .main .box .info h2{
    padding-top:26px;
    font-size:18px;
    font-weight:bold;
    line-height:18px;
    text-align:center;
    color:#ffffff;
}
.advantage .main .box .info p{
    margin-top:12px;
    padding-left:20px;
    font-size:14px;
    line-height:22px;
    color:#ffffff;
}
.advantage .main .box .info h3{
    margin-top:98px;
    font-size:48px;
    color:#ffffff;
    font-family:'Arial', sans-serif;
    text-align:center;
    transition:1s;
}
.advantage .main .box .info h3 span{
    margin-top:8px;
    font-size:20px;
    display:block;
    line-height:24px;
    color:#ffffff;
    text-align:center;
    transition:1s;
}
.advantage .main .box .info.bg1{
    background:url("../img/adv-info-tag1.png") no-repeat left top rgba(0,0,0,0.75);
}
.advantage .main .box .info.bg2{
    background:url("../img/adv-info-tag2.png") no-repeat left top rgba(0,0,0,0.75);
}
.advantage .main .box .info.bg3{
    background:url("../img/adv-info-tag3.png") no-repeat left top rgba(0,0,0,0.75);
}
.advantage .main .box .info.bg4{
    background:url("../img/adv-info-tag4.png") no-repeat left top rgba(0,0,0,0.75);
}
.advantage .main .box .info.bg5{
    background:url("../img/adv-info-tag5.png") no-repeat left top rgba(0,0,0,0.75);
}
.advantage .main .box:hover h1{
    margin-top:-100px;
    transition:0.5s;
}
.advantage .main .box:hover .info{
    top:0;
    transition:0.5s;
}
.btn{
    margin:60px auto 0;
    width:278px;
    height:48px;
    line-height:48px;
    font-size:24px;
    text-align:center;
    display:block;
    transition:1s;
    border-radius:24px;
    border:1px solid #676b73;
}
.btn:hover{
    transition:1s;
    color:#ffffff;
    background:#ff5543;
    border:1px solid #ff5543;

}
.advantage .btn{
    float:left;
}
.advantage .btn.b1{
    margin-left:190px;
}
.advantage .btn.b2{
    margin-left:60px;
}
.ai .main{
    width:1000px;
    height:330px;
    position:relative;
}
.ai .main .box{
    width:240px;
    height:110px;
    transition:1s;
    position:absolute;
}
.ai .main .box.bg1{
    top:0;
    left:620px;
    background:url("../img/ai-img1.jpg") no-repeat center top;
}
.ai .main .box.bg2{
    top:110px;
    left:380px;
    background:url("../img/ai-img2.jpg") no-repeat center top;
}
.ai .main .box.bg3{
    top:220px;
    left:140px;
    background:url("../img/ai-img3.jpg") no-repeat center top;
}
.ai .main .box .tag1,
.ai .main .box .tag2,
.ai .main .box .tag3{
    top:0;
    left:0;
    position:absolute;
}
.ai .main .box h1{
    margin-top:36px;
    font-size:20px;
    line-height:20px;
    text-align:center;
    color:#ffffff;
}
.ai .main .box p{
    margin-top:10px;
    font-size:16px;
    line-height:16px;
    text-align:center;
    color:#ffffff;
}
.ai .main .area1{
    top:0;
    left:0;
    width:50%;
    height:385px;
    position:absolute;
}
.ai .main .area2{
    top:0;
    right:0;
    width:50%;
    height:385px;
    position:absolute;
}
.ai-btn{
    margin-top:30px;

}
.ai-btn a{
    float:left;
    width:300px;
    height:32px;
    display:block;
    font-size:18px;
    line-height:32px;
    color:#676b73;
    cursor:pointer;
    transition:0.5s;
    text-align:center;
    background:#e2e2e2;
}
.ai-btn a.b1{
    margin-left:60px;
}
.ai-btn a.b2{
    margin-left:280px;
}
/*.ai-btn a.b1:hover{*/
    /*color:#ffffff;*/
    /*background:#676b73;*/
/*}*/
/*.ai-btn a.b2:hover{*/
    /*color:#ffffff;*/
    /*background:#06b3ea;*/
/*}*/
.training{
    background:#f5f5f5;
}
.training .main{
    width:1020px;
}
.training .main .box{
    float:left;
    margin-right:20px;
    width:235px;
    height:377px;
}
.training .main .box.bg1{
    background:url("../img/training-img1.jpg") no-repeat center top;
}
.training .main .box.bg2{
    background:url("../img/training-img2.jpg") no-repeat center top;
}
.training .main .box.bg3{
    background:url("../img/training-img3.jpg") no-repeat center top;
}
.training .main .box.bg4{
    background:url("../img/training-img4.jpg") no-repeat center top;
}
.training .main .box .info{
    width:235px;
    height:377px;
    opacity:1;
    transition:1s;
}
.training .main .box .info.bg1{
    background:rgba(51,51,102,0.7);
}
.training .main .box .info.bg2{
    background:rgba(0,51,102,0.7);
}
.training .main .box .info.bg3{
    background:rgba(101,55,10,0.7);
}
.training .main .box .info.bg4{
    background:rgba(80,90,12,0.7);
}
.training .main .box .info .tag{
    margin:0 auto;
    padding-top:90px;
    width:50px;
    height:50px;
}
.training .main .box .info .tag.img1{
    background:url("../img/train-tag1.png") no-repeat center 90px;
}
.training .main .box .info .tag.img2{
    background:url("../img/train-tag2.png") no-repeat center 90px;
}
.training .main .box .info .tag.img3{
    background:url("../img/train-tag3.png") no-repeat center 90px;
}
.training .main .box .info .tag.img4{
    background:url("../img/train-tag4.png") no-repeat center 90px;
}
.training .main .box .info h1{
    margin-top:32px;
    text-align:center;
    font-size:24px;
    line-height:24px;
    color:#ffffff;
    font-family:'Microsoft YaHei', sans-serif;
}
.training .main .box .info ul{
    margin-left:57px;
    margin-top:12px;
}
.training .main .box .info ul li{
    line-height:22px;
    color:#ffffff;
    font-family:'Microsoft YaHei', sans-serif;
}
.training .main .box:hover .info{
    opacity:0;
    transition:1s;
}
.product{
    background:#ebebeb;
}
.product .main{
    height:379px;
    position:relative;
}
.product .main .box{
    width:237px;
    height:379px;
    perspective: 300px;
    position:absolute;
}
.product .main .box img{
    width:237px;
    height:379px;
    transform: rotateY(30deg) scale(0.8);
    border:2px solid #ffffff;
    transition:1s;
}
.product .main .box.b1{
    left:0;
    z-index:1;
}
.product .main .box.b2{
    left:128px;
    z-index:2;
}
.product .main .box.b3{
    left:255px;
    z-index:3;
}
.product .main .box.b4{
    left:382px;
    z-index:3;
}
.product .main .box.b5{
    left:510px;
    z-index:3;
}
.product .main .box.b6{
    left:637px;
    z-index:3;
}
.product .main .box.b7{
    left:765px;
    z-index:3;
}
.product .main .box:hover{
    z-index:10;
}
.product .main .box:hover img{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}
.works{
    background:url("../img/works-bg.png") repeat center;
}
.works .main{
    width:1020px;
}
.works .main .box{
    margin-bottom:20px;
    margin-left:1px;
    margin-right:18px;
    float:left;
    width:486px;
    height:216px;
    overflow:hidden;
    position:relative;
    border:2px solid #ffffff;
    background:#ffffff;
    box-shadow:3px 3px 3px #bcbcbc;
}
.works .main .box img{
    width:486px;
    height:216px;
    transition:0.5s;
}
.works .main .box h1{
    top:90px;
    left:50%;
    margin-left:-90px;
    width:180px;
    height:40px;
    line-height:40px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    position:absolute;
    background:#ff5543;
    border-radius:5px;
}
.works .main .box h1 span{
    font-size:18px;
    color:#ffffff;
    line-height:40px;
}
.works .main .box:hover img{
    transition:1s;
    transform:scale(1.1);
}
#student-interview{
	background: #ebebeb;
}
#student-interview .main ul{
	width: 100%;
}
#student-interview .main ul li{
	text-align: center;
	width: 228px;
	height: 188px;
	margin-right: 20px;
}
#student-interview .main ul li.last{
	margin-right: -28px;
}
#student-interview .main ul li p{
	font-family: "微软雅黑";
}
.teacher{
    background:url("../img/bg-img.jpg") repeat center center;
}
.teacher .main{
    position:relative;
}
.teacher .main .swiper-container{
    width:1000px;
    height:360px;
    overflow:hidden;
}
.teacher .main .swiper-container .box{
    margin:0 auto;
    width:192px;
    height:360px;
    overflow:hidden;
}
.teacher .main .swiper-container .box img{
    width:192px;
    height:360px;
    position:relative;
}
.teacher .main .swiper-container .box .info{
    top:300px;
    width:192px;
    height:420px;
    position:absolute;
    transition:0.5s;
    background:rgba(255,85,67,0.5);
}
.teacher .main .swiper-container .box .info h1{
    padding-top:12px;
    margin-left:12px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
    transition:0.5s;
    font-family:'Microsoft YaHei', sans-serif;
}
.teacher .main .swiper-container .box .info h2{
    padding-top:6px;
    padding-bottom:10px;
    margin-left:12px;
    line-height:14px;
    color:#ffffff;
    transition:0.5s;
    font-family:'Microsoft YaHei', sans-serif;
}
.teacher .main .swiper-container .box .info h2.small{
    font-size:12px;
}
.teacher .main .swiper-container .box .info h3{
    padding-top:22px;
    padding-bottom:10px;
    margin-left:12px;
    line-height:18px;
    color:#ffffff;
    font-family:'Microsoft YaHei', sans-serif;
}
.teacher .main .swiper-container .box .info p{
    padding:0 12px;
    font-size:12px;
    line-height:18px;
    color:#ffffff;
    font-family:'Microsoft YaHei', sans-serif;
}
.teacher .main .swiper-container .box:hover .info{
    top:-60px;
    transition:1s;
    background:rgba(255,85,67,0.88);
}
.teacher .main .swiper-container .box:hover .info h1,
.teacher .main .swiper-container .box:hover .info h2{
    transition:0.5s;
    opacity:0;
}
.prev{
    top:153px;
    left:-66px;
    width:27px;
    height:55px;
    z-index:99;
    cursor:pointer;
    position:absolute;
    background:url("../img/prev.png");
}
.next{
    top:153px;
    right:-66px;
    width:27px;
    height:55px;
    z-index:99;
    cursor:pointer;
    position:absolute;
    background:url("../img/next.png");
}
.security{
    background:#e4e4ec;
}
.security .main{
    width:1000px;
    height:465px;
    position:relative;
}
.security .main .box{
    position:absolute;
    transition:0.5s;
}
.security .main .box.b0{
    top:0px;
    left:345px;
    width:300px;
    height:418px;
    z-index:1;
    background:url("../img/security-main.png") no-repeat center top;
}
.security .main .box.b1{
    top:37px;
    left:194px;
    width:179px;
    height:179px;
    z-index:2;
    background:url("../img/security-img1.png") no-repeat center top;
}
.security .main .box.b1:hover{
    transition:0.5s;
    background:url("../img/security-img1-act.png") no-repeat center top;
}
.security .main .box.b2{
    top:53px;
    left:645px;
    width:99px;
    height:99px;
    background:url("../img/security-img2.png") no-repeat center top;
}
.security .main .box.b2:hover{
    transition:0.5s;
    background:url("../img/security-img2-act.png") no-repeat center top;
}
.security .main .box.b3{
    top:156px;
    left:56px;
    width:95px;
    height:95px;
    background:url("../img/security-img3.png") no-repeat center top;
}
.security .main .box.b3:hover{
    transition:0.5s;
    background:url("../img/security-img3-act.png") no-repeat center top;
}
.security .main .box.b4{
    top:189px;
    left:786px;
    width:168px;
    height:168px;
    background:url("../img/security-img4.png") no-repeat center top;
}
.security .main .box.b4:hover{
    transition:0.5s;
    background:url("../img/security-img4-act.png") no-repeat center top;
}
.security .main .box.b5{
    top:291px;
    left:168px;
    width:132px;
    height:132px;
    background:url("../img/security-img5.png") no-repeat center top;
}
.security .main .box.b5:hover{
    transition:0.5s;
    background:url("../img/security-img5-act.png") no-repeat center top;
}
.security .main .box.b6{
    top:314px;
    left:611px;
    width:148px;
    height:148px;
    z-index:0;
    background:url("../img/security-img6.png") no-repeat center top;
}
.security .main .box.b6:hover{
    transition:0.5s;
    background:url("../img/security-img6-act.png") no-repeat center top;
}
.job{
    background:#edf1f5;
}
.job .main{
    width:1000px;
    height:430px;
    position:relative;
    background:url("../img/job-main.png") no-repeat center top;
}
.job .main .box{
    transition:0.5s;
    overflow:hidden;
    position:absolute;
}
.job .main .box h1{
    margin-left:12px;
    margin-top:121px;
    font-size:18px;
    line-height:18px;
    color:#ffffff;
}
.job .main .box h2{
    margin-left:12px;
    margin-top:8px;
    font-size:12px;
    line-height:12px;
    color:#ffffff;
}
.job .main .box .info{
    transition:0.5s;
    z-index:999;
    position:absolute;
    background:#cecece;
}
.job .main .box .info .page{
    float:left;
    margin-top:10px;
    margin-left:12px;
    width:160px;
    height:160px;
    background:url("../img/page.png") no-repeat center top;
}
.job .main .box .info .page h3{
    margin-top:35px;
    margin-left:8px;
    font-size:16px;
    line-height:16px;
    color:#222222;
    font-family:'Microsoft YaHei', sans-serif;
}
.job .main .box .info .page h3.small{
    font-size:12px;
    line-height:12px;
}
.job .main .box .info .page p{
    margin-top:20px;
    padding:0 8px;
    font-size:12px;
    line-height:20px;
    color:#666666;
    font-family:'Microsoft YaHei', sans-serif;
}
.job .main .box.b1{
    top:0;
    left:0;
    width:353px;
    height:170px;
    background:url(../img/job-img1.jpg) no-repeat center top;
}
.job .main .box.b2{
    top:0;
    right:0;
    width:353px;
    height:170px;
    background:url(../img/job-img2.jpg) no-repeat center top;
}
.job .main .box.b1 .info,
.job .main .box.b2 .info{
    top:170px;
    width:353px;
    height:353px;
}
.job .main .box.b1:hover,
.job .main .box.b2:hover{
    height:353px;
    transition:0.5s;
}
.job .main .box.b1:hover .info,
.job .main .box.b2:hover .info{
    top:0;
    transition:0.5s;
}
.job .main .box.b3{
    top:260px;
    left:324px;
    width:353px;
    height:182px;
    background:url(../img/job-img3.jpg) no-repeat center top;
}
.job .main .box.b3 .info{
    top:0px;
    width:0px;
    height:180px;
    overflow:hidden;
}
.job .main .box.b3 .info .page{
    margin-left:10px;
}
.job .main .box.b3:hover{
    left:155px;
    width:690px;
    height:180px;
    transition:0.5s;
}
.job .main .box.b3:hover .info{
    width:690px;
    transition:0.5s;
}
.firm{
    background:#f5f5ed;
}
.firm .main{
    width:1008px;
}
.firm .main .box{
    margin-right:8px;
    margin-bottom:8px;
    float:left;
    width:160px;
    height:80px;
    overflow:hidden;
    background:#ffffff;
    position:relative;
}
.firm .main .logo1{
    top:0;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .logo2{
    top:80px;
    width:160px;
    height:80px;
    transition:1s;
    position:absolute;
}
.firm .main .box.b1 .logo1{
    background:url("../img/logo1.png") no-repeat center center;
}
.firm .main .box.b1 .logo2{
    background:url("../img/logo1-act.png") no-repeat center center;
}
.firm .main .box.b2 .logo1{
    background:url("../img/logo2.png") no-repeat center center;
}
.firm .main .box.b2 .logo2{
    background:url("../img/logo2-act.png") no-repeat center center;
}
.firm .main .box.b3 .logo1{
    background:url("../img/logo3.png") no-repeat center center;
}
.firm .main .box.b3 .logo2{
    background:url("../img/logo3-act.png") no-repeat center center;
}
.firm .main .box.b4 .logo1{
    background:url("../img/logo4.png") no-repeat center center;
}
.firm .main .box.b4 .logo2{
    background:url("../img/logo4-act.png") no-repeat center center;
}
.firm .main .box.b5 .logo1{
    background:url("../img/logo5.png") no-repeat center center;
}
.firm .main .box.b5 .logo2{
    background:url("../img/logo5-act.png") no-repeat center center;
}
.firm .main .box.b6 .logo1{
    background:url("../img/logo6.png") no-repeat center center;
}
.firm .main .box.b6 .logo2{
    background:url("../img/logo6-act.png") no-repeat center center;
}
.firm .main .box.b7 .logo1{
    background:url("../img/logo7.png") no-repeat center center;
}
.firm .main .box.b7 .logo2{
    background:url("../img/logo7-act.png") no-repeat center center;
}
.firm .main .box.b8 .logo1{
    background:url("../img/logo8.png") no-repeat center center;
}
.firm .main .box.b8 .logo2{
    background:url("../img/logo8-act.png") no-repeat center center;
}
.firm .main .box.b9 .logo1{
    background:url("../img/logo9.png") no-repeat center center;
}
.firm .main .box.b9 .logo2{
    background:url("../img/logo9-act.png") no-repeat center center;
}
.firm .main .box.b10 .logo1{
    background:url("../img/logo10.png") no-repeat center center;
}
.firm .main .box.b10 .logo2{
    background:url("../img/logo10-act.png") no-repeat center center;
}
.firm .main .box.b11 .logo1{
    background:url("../img/logo11.png") no-repeat center center;
}
.firm .main .box.b11 .logo2{
    background:url("../img/logo11-act.png") no-repeat center center;
}
.firm .main .box.b12 .logo1{
    background:url("../img/logo12.png") no-repeat center center;
}
.firm .main .box.b12 .logo2{
    background:url("../img/logo12-act.png") no-repeat center center;
}
.firm .main .box.b13 .logo1{
    background:url("../img/logo13.png") no-repeat center center;
}
.firm .main .box.b13 .logo2{
    background:url("../img/logo13-act.png") no-repeat center center;
}
.firm .main .box.b14 .logo1{
    background:url("../img/logo14.png") no-repeat center center;
}
.firm .main .box.b14 .logo2{
    background:url("../img/logo14-act.png") no-repeat center center;
}
.firm .main .box.b15 .logo1{
    background:url("../img/logo15.png") no-repeat center center;
}
.firm .main .box.b15 .logo2{
    background:url("../img/logo15-act.png") no-repeat center center;
}
.firm .main .box.b16 .logo1{
    background:url("../img/logo16.png") no-repeat center center;
}
.firm .main .box.b16 .logo2{
    background:url("../img/logo16-act.png") no-repeat center center;
}
.firm .main .box.b17 .logo1{
    background:url("../img/logo17.png") no-repeat center center;
}
.firm .main .box.b17 .logo2{
    background:url("../img/logo17-act.png") no-repeat center center;
}
.firm .main .box.b18 .logo1{
    background:url("../img/logo18.png") no-repeat center center;
}
.firm .main .box.b18 .logo2{
    background:url("../img/logo18-act.png") no-repeat center center;
}
.firm .main .box.b19 .logo1{
    background:url("../img/logo19.png") no-repeat center center;
}
.firm .main .box.b19 .logo2{
    background:url("../img/logo19-act.png") no-repeat center center;
}
.firm .main .box.b20 .logo1{
    background:url("../img/logo20.png") no-repeat center center;
}
.firm .main .box.b20 .logo2{
    background:url("../img/logo20-act.png") no-repeat center center;
}
.firm .main .box.b21 .logo1{
    background:url("../img/logo21.png") no-repeat center center;
}
.firm .main .box.b21 .logo2{
    background:url("../img/logo21-act.png") no-repeat center center;
}
.firm .main .box.b22 .logo1{
    background:url("../img/logo22.png") no-repeat center center;
}
.firm .main .box.b22 .logo2{
    background:url("../img/logo22-act.png") no-repeat center center;
}
.firm .main .box.b23 .logo1{
    background:url("../img/logo23.png") no-repeat center center;
}
.firm .main .box.b23 .logo2{
    background:url("../img/logo23-act.png") no-repeat center center;
}
.firm .main .box.b24 .logo1{
    background:url("../img/logo24.png") no-repeat center center;
}
.firm .main .box.b24 .logo2{
    background:url("../img/logo24-act.png") no-repeat center center;
}
.firm .main .box:hover .logo1{
    top:-160px;
    transition:1s;
}
.firm .main .box:hover .logo2{
    top:0;
    transition:1s;
}
.stu-40w{
    height:504px;
    background:url("../img/bg-img2.jpg") no-repeat center top;
}
.stu-40w .main{
    padding-top:374px;
}
.stu-40w .btn{
    margin:0 auto;
}
.menu{
    top:50%;
    margin-top:-152px;
    right:0;
    z-index:999;
    position:fixed;
}
.menu ul li{
    margin-bottom:1px;
    width:60px;
    height:60px;
    cursor:pointer;
}
.menu ul li.tag1{
    background:url("../img/menu-tag1.png") no-repeat center center #ff5543;
}
.menu ul li.tag2{
    background:url("../img/menu-tag2.png") no-repeat center center rgba(0,0,0,0.4);
}
.menu ul li.tag3{
    background:url("../img/menu-tag3.png") no-repeat center center rgba(0,0,0,0.4);
}
.menu ul li.tag4{
    background:url("../img/menu-tag4.png") no-repeat center center rgba(0,0,0,0.4);
}
.menu ul li.tag5{
    background:url("../img/menu-tag5.png") no-repeat center center rgba(0,0,0,0.4);
}
.menu ul li.tag6{
    background:url("../img/menu-tag6.png") no-repeat center center rgba(0,0,0,0.4);
}

.footer{
    width:100%;
    height:90px;
    background:#222222;
}
.footer p{
    color:#999999;
    font-size:16px;
    line-height:28px;
    text-align:center;
	padding-top:20px;
}

.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:1000;
    background:#222222;
}
.fixbox-main{
    width:1000px;
	margin-left:6%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
	padding-top: 20px;
    line-height: 24px;
	text-align:center;
}
.fixbox-main p span{
    color:#ff5543;
	font-size:30px;
	font-weight: bold;
}


.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:20px;
    width:108px;
    height:30px;
    cursor:pointer;
    background:url("../img/submit2.png") no-repeat center top;
    border:none;
}
/*baoxian*/
.bx_banner_box{
    width:100%;
    margin: 0px auto;
    background: -webkit-gradient(linear,0 0,100% 100%,from(#353541), to(#2f2f3b));
    background: -moz-linear-gradient(left,#353541,#2f2f3b);
    background:-o-linear-gradient(left,#353541,#2f2f3b);
}
.bx_banner_box  img{
    max-width:100%;
    display: block;
    margin:0 auto;
}