@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
ody, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0;}  
body, button, input, select, textarea p { font:12px Arial, Tahoma, 微软雅黑; color:#333; }

body { width: 100%;  *cursor: default;font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;margin:0;padding:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}
input,textarea{outline:0px;}
a{ text-decoration:none; color:#333333;}
/*img{ border:0px none;max-width: 100%;height: auto;width: auto\9;}*/
.clear{ clear:both;}
input,select{ vertical-align:middle; background-color:#FFF;}
textarea,input { word-wrap:break-word; word-break:break-all; padding:0px;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px; font-weight:normal;}
h6{ font-size:14px;}


.main{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; position: relative;}

/*banner*/
.banner1{width:100%; height:212px; margin:0 auto; background: url(image/banner_01.jpg) top center no-repeat;}
.banner2{width: 100%; height: 216px; margin: 0 auto; background: url(image/banner_02.jpg) top center no-repeat;}
.banner3{width: 100%; height: 181px; margin: 0 auto; background: url(image/banner_03.jpg) top center no-repeat;}
.banner4{width: 100%; height: 100px; margin: 0 auto; background: url(image/banner_04.jpg) top center no-repeat; text-align: center; padding-top: 80px;}
.banner4 a{width: 70px; height: 38px;}

/*top*/
.top{width: 100%; height: 305px; background: #fff; text-align: center;}
.top .main p{font-size: 36px; color: #000; margin-top: 85px;}
.top .main p.style1{font-size: 24px; color: #000; margin-top: 16px; line-height: 48px;}
.top .main .top-left{width: 26px; height: 26px; background: url(image/left.png) no-repeat; position: absolute; left: 324px; top: 78px;}
.top .main .top-right{width: 26px; height: 26px; background: url(image/right.png) no-repeat; position: absolute; left: 850px; top: 78px;}

/*公司简介*/
.sum-title{width: 100%; height: 287px; background: #fff; text-align: center;}
.sum-title .main p{font-size: 60px; color: #000; margin-top: 20px;}
.sum-title .main p.style1{font-size: 36px; color: #000; margin-top: 0;}

.sum-layout{width: 100%; height: 606px; margin: 0 auto; background: url(image/sum-bj.jpg) top center no-repeat;}
.sum-layout .main ul li{width: 33.3%; height: 607px; text-align: center; float: left;}
.sum-layout .main ul li .yuan{width: 86px; height: 86px; border-radius: 43px; background-color: #ffe32e; margin: auto;
position: relative; z-index: 1; margin-top: -85px; 
    opacity: 0;
    -moz-transition: all .4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all .4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all .4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all .4s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transform: scale(0.1,0.1);
    transform: scale(0.1,0.1);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.sum-layout .main ul li .yuan.animateOn{
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    opacity: 1;
}

.sum-layout .main ul li i.round{width: 86px; height: 86px; border-radius: 43px; display: block; margin: auto; position: relative; z-index: 5;}
.sum-layout .main ul li i.round div.birth{width: 55px; height: 68px; background: url(image/birth.png) no-repeat; position: absolute; left: 45px; top: 11px;}
.sum-layout .main ul li p.title{font-size: 30px; color: #000; margin-top: 60px; margin-bottom: 25px;}
.sum-layout .main ul li div.text{width: 290px; height: auto; overflow: hidden; font-size: 18px; color: #999999; margin: auto; line-height: 42px;}

.sum-layout .main ul li i.round div.intro{width: 58px; height: 68px; background: url(image/intro.png) no-repeat;}
.sum-layout .main ul li i.round div.innov{width: 48px; height: 68px; background: url(image/innov.png) no-repeat;}

/*办公环境*/
.office-bj{width: 100%; height: 978px; margin: 0 auto; background: url(image/office-bj.jpg) top center no-repeat;}
.office-bj .main .office-title{width: 1150px; height: 328px; margin-left: 50px;}
.office-bj .main .office-title p{font-size: 60px; color: #000;}
.office-bj .main .office-title p.style1{font-size: 36px; color: #000;}
.office-bj .main .office-title p.style2{font-size: 24px; color: #666666; margin-top: 28px; line-height: 40px;}

.office-bj .main .office-layout{width: 1200px; height: 650px;}
.office-bj .main .office-layout ul li{width: 25%; height: 530px; float: left; text-align: center;}

.office-bj .main .office-layout ul li.mt120{margin-top: 120px;}
.office-bj .main .office-layout ul li i.office-photo{width: 295px; height: 422px;}
.office-bj .main .office-layout ul li div.bottom{width: 265px; height: 228px; text-align: left; padding: 0 15px;}
.office-bj .main .office-layout ul li div.bottom p{font-size: 24px; color: #000; line-height: 34px; margin-top: 12px;}
.office-bj .main .office-layout ul li div.bottom p.style1{font-size: 18px; color: #000; margin-top: 0;}

.office-bj .main .office-layout ul li.animateOn{transform: scale(1,1);
    -webkit-transform: scale(1,1);
    opacity: 1;}

.office-bj .main .office-layout ul li.h1{
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);}

.office-bj .main .office-layout ul li.h2{
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(0,50%);
	transform: translate(0,50%);}

.office-bj .main .office-layout ul li.h3{
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
	transform: translate(0,-60%);}

.office-bj .main .office-layout ul li.h4{
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%);
}

.office-bj .main .office-layout ul li.h1.animateOn,.office-bj .main .office-layout ul li.h3.animateOn,.office-bj .main .office-layout ul li.h2.animateOn,.office-bj .main .office-layout ul li.h4.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

/*薪资待遇*/
.pay-bj{width: 90%; height: 997px; margin: 0 auto; background: url(image/pay-bj.jpg) top center no-repeat; position: relative}
.pay-bj .pay-left{width: 417px; height: 689px; float: left; margin-left: 113px; margin-top: 308px;}
.pay-bj .pay-left p{font-size: 60px; color: #5780f4;}
.pay-bj .pay-left p.style1{font-size: 36px; color: #5780f4;}
.pay-bj .pay-left p.style2{font-size: 24px; color: #999999; margin-top: 28px;}

.pay-bj .salary-img{width: 700px; height: 382px; position: absolute; right: 0; top: 200px;}
.pay-bj .salary-img .s-img1{width: 347px; height: 456px; background: url("image/dy1.jpg") top center no-repeat; background-size: 347px 456px; position: absolute; z-index: 9; right: 0; top: 37px;}
.pay-bj .salary-img .s-img2{width: 518px; height: 680px; background: url("image/dy2.jpg") top center no-repeat; background-size: 518px 680px; position: absolute; z-index: 10; left: 56px;}
.pay-bj .salary-img .s-img3{width: 397px; height: 521px; background: url("image/dy3.jpg") top center no-repeat; background-size: 397px 521px; position: absolute; z-index: 9; top: 107px;}

.pay-bj .salary-img .s-img1{
    box-shadow: -8px 3px 40px 0px rgba(73,73,118,0.26);
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    opacity: 0;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.pay-bj .salary-img .s-img1.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.pay-bj .salary-img .s-img2{
    box-shadow: -8px 3px 40px 0px rgba(73,73,118,0.26);
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    opacity: 0;
    -webkit-transform: translate(0,60%);
    transform: translate(0,60%);
}
.pay-bj .salary-img .s-img2.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.pay-bj .salary-img .s-img3{
    box-shadow: -8px 3px 40px 0px rgba(73,73,118,0.26);
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s;
    opacity: 0;
    -webkit-transform: translate(50%,0);
    transform: translate(50%,0);
}
.pay-bj .salary-img .s-img3.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}



/*员工活动*/
.behave{width: 90%; height: 1071px; margin: 0 auto; background:url(image/behave-bj.jpg) top center no-repeat;}
.behave .behave-title{width: 1200px; height: 175px; margin: 0 auto; padding-top: 55px;}
.behave .behave-title p{font-size: 60px; color: #fff;}
.behave .behave-title p.style1{font-size: 36px; color: #fff;}
.behave .content{margin-top: 0.8rem; width: 100%; height: auto; overflow: hidden;}
.behave .content img{width: 100%;}

/*团队氛围*/
.team-bj{width: 100%; height: 1193px; margin: 0 auto; background: url(image/team-bj.jpg) top center no-repeat;}
.team-bj .main p{font-size: 60px; color: #000; text-align: right; margin-top: 115px;}
.team-bj .main p.style1{font-size: 36px; color: #000; margin-top: 0;}
.team-bj .main .photo{width: 1200px; height: 539px; margin-top: 124px;}
.team-bj .main p.style2{font-size: 24px; color: #999999; text-align: center; padding: 0 95px; box-sizing: border-box; margin-top: 60px; line-height: 48px;}

/*专业培训*/
.train-bj{width: 90%; height: 1268px; margin: 0 auto; background: url(image/train-bj.jpg) top center no-repeat;}
.train-bj .main p{font-size: 60px; color: #000; text-align: right; margin-top: 68px;}
.train-bj .main p.style1{font-size: 36px; color: #000; margin-top: 0;}
.train-bj .training-b{width: 1200px; height: auto; overflow: hidden; margin: 0 auto; margin-top: 40px;}
.train-bj .training-b p{font-size: 20px; text-align: center; line-height: 45px; font-weight: 600; color: #999999;}


/*晋升渠道*/
.promotion-bj{width: 100%; height: 998px; margin: 0 auto; background: url(image/promotion-bj.jpg) top center no-repeat;}
.promotion-bj .main p{font-size: 60px; color: #000;}
.promotion-bj .main p.style1{font-size: 36px; color: #000;}
.promotion-bj .main .pro-layout{width: 1200px; height: 785px; position: relative;}

.promotion-bj .main .pro-layout .step{width: 192px; height: 66px; background: #ffe32e; font-size: 26px; color: #000; text-align: center; line-height: 66px;}

.promotion-bj .main .pro-layout .new{position: absolute; left: 275px; top: 549px;
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.promotion-bj .main .pro-layout .lay{position: absolute; left: 345px; top: 480px;
    -moz-transition: all 1.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1.5s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(-60%,0);
    transform: translate(-60%,0);
    }
.promotion-bj .main .pro-layout .assistant{position: absolute; left: 415px; top: 411px;
    -moz-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(60%,0);
    transform: translate(60%,0);
    }
.promotion-bj .main .pro-layout .charge{position: absolute; left: 485px; top: 342px;
    -moz-transition: all 2.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 2.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 2.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 2.5s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.promotion-bj .main .pro-layout .boss{position: absolute; left: 555px; top: 273px;
    -moz-transition: all 3s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 3s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 3s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 3s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(60%,0);
    transform: translate(60%,0);
    }
.promotion-bj .main .pro-layout .director{position: absolute; left: 625px; top: 204px;
    -moz-transition: all 3.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 3.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 3.5s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 3.5s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.promotion-bj .main .pro-layout .deputy{position: absolute; left: 695px; top: 135px;
    -moz-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.2s;
    opacity: 0;
    -webkit-transform: translate(60%,0);
    transform: translate(60%,0);
    }

.promotion-bj .main .pro-layout .new.animateOn,.promotion-bj .main .pro-layout .lay.animateOn,.promotion-bj .main .pro-layout .assistant.animateOn,.promotion-bj .main .pro-layout .charge.animateOn,.promotion-bj .main .pro-layout .boss.animateOn,.promotion-bj .main .pro-layout .director.animateOn,.promotion-bj .main .pro-layout .deputy.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.promotion-bj .main .remarks{width: 1200px; height: 60px; font-size: 24px; color: #999999; margin-left: 664px;}

/*发展战略*/
.strategy{width: 100%; height: 972px; background: #fff;}
.strategy .main .left{width: 527px; height: 972px; float: left;}
.strategy .main .left p{font-size: 60px; color: #5780f4; margin-top: 180px;}
.strategy .main .left p.style1{font-size: 36px; color: #5780f4; margin-top: 0; margin-bottom: 47px;}
.strategy .main .left p.style2{font-size: 24px; color: #666666; margin-top: 0; margin-bottom: 32px;}

.strategy .main .right{width: 673px;}
.strategy .main .right img{margin-top: 187px;}

/*办公环境图片*/
.office{width: 100%; height: auto; overflow: hidden;}

/*办公楼说明*/
.office-present{width: 100%; height: 1271px; margin: 0 auto; background: url(image/office-present.jpg) top center no-repeat;}
.office-present .main1{width: 1200px; height: 1271px; margin: 0 auto; position: relative;}
.office-present .main1 .scale{width: 449px; height: 101px; position: absolute; left:513px; top: 159px;
    -moz-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 1s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.office-present .main1 .building{width: 471px; height: 101px; position: absolute; left: 235px; top: 317px;
    -moz-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 2s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.office-present .main1 .device{width: 495px; height: 134px; position: absolute; left: 467px; top: 476px;
    -moz-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.office-present .main1 .team{width: 447px; height: 101px; position: absolute; left: 235px; top: 675px;
    -moz-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.office-present .main1 .adress{width: 495px; height: 101px; position: absolute; left: 467px; top: 833px;
    -moz-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 6s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }
.office-present .main1 .greatly{width: 545px; height: 134px; position: absolute; left: 235px; top: 992px;
    -moz-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Firefox 4 */
    -webkit-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Safari 和 Chrome */
    -o-transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005); /* Opera */
    transition: all 4s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
    -webkit-transform: translate(0,-60%);
    transform: translate(0,-60%);
    }

.office-present .main1 .scale.animateOn,.office-present .main1 .building.animateOn,.office-present .main1 .device.animateOn,.office-present .main1 .team.animateOn,.office-present .main1 .adress.animateOn,.office-present .main1 .greatly.animateOn{
    opacity: 1;
    -webkit-transform: translate(0,0);
	transform: translate(0,0);}

/*msg*/
.msg{width: 100%; height: 590px; margin: 0 auto; background: #fff; text-align: center;}
.msg p{font-size: 24px; color: #666666; line-height: 58px;}

/*加入我们*/
.join{width: 100%; height: auto; overflow: hidden; background: #fff; border-bottom: 1px solid #666666; padding-bottom: 95px;}
.join .main p{font-size: 60px; color: #000; text-align: center;}
.join .main p.style1{font-size: 36px; color: #000;}
.join .main .post{width: 100%; height: auto; overflow: hidden;}
.join .main .post ul li{width: 22%; height: auto; overflow: hidden; float: left; margin-top: 78px; text-align: center;}
.join .main .post a{}
.join .main .post a i.php{width: 90px; height: 90px;}
.join .main .post a p{font-size: 24px; color: #000; margin-top: 20px;}

.join .main .post a i.php img{width: 90px; height: 90px; margin-top: 10px;
	-moz-transition: all .3s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -webkit-transition: all .3s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    -o-transition: all .3s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    transition: all .3s cubic-bezier(0.500, -0.010, 0.000, 1.005);
    }

.join .main .post a:hover i.php img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

/*职位介绍*/
.job-msg{width: 100%; height: auto; overflow: hidden; padding-bottom: 65px;}
.job-msg .main .title{width: 100%; height: 155px;}
.job-msg .main .title i{width: 7px; height: 36px; background: #ffe32e; display: inline-block; vertical-align: middle; margin-top: -24px;}
.job-msg .main .title span{font-size: 42px; color: #000; line-height: 150px; margin-left: 12px;}

.job-msg .main p{font-size: 24px; color: #666666; line-height: 60px;}
.job-msg .main .job-layout{width: 100%; height: auto; overflow: hidden; font-size: 24px; color: #666666; line-height: 58px;}
.job-msg .main .job-layout .left{width: 3%; height: auto; overflow: hidden; float: left;}
.job-msg .main .job-layout .right{width: 97%;}

.job-msg .main p.mt50{margin-top: 50px;}
.job-msg .main .mb55{margin-bottom: 55px;}

.job-msg .main a{width: 288px; height: 68px; background: #ffe32e; border-radius: 8px; display: block; margin: auto; font-size: 30px; color: #000; text-align: center; line-height: 68px;}

/*foot*/
.foot-adress{width: 100%; height: auto; overflow: hidden; background: #fff;}
.foot-adress .main ul li{width: 33.3%; height: auto; overflow: hidden; float: left; text-align: center; margin: 70px 0;}
.foot-adress .main ul li p{font-size: 24px; color: #000; margin-top: 35px;}
.office1{width: 100%; height: auto; overflow: hidden; text-align: center;}
.foot-map{width: 100%; height: auto; overflow: hidden; text-align: center;}

.foot-layout{width: 100%; height: 85px; background: #25263e; font-size: 24px; color: #fff; text-align: center; line-height: 85px;}



#swiper-container .swiper-wrapper .swiper-slide .p-desc{width:100%; height: auto; overflow: hidden; padding: 0.4rem 0;}
#swiper-container .swiper-wrapper .swiper-slide .p-desc p{padding: 0.72rem 0.32rem; width: 100%; height: 1rem; line-height: 1rem; overflow: hidden; text-overflow: ellipsis; color: #666; font-size: 24px; white-space: nowrap; text-align: center;}
.index-swiper.swiper-container {width: 100%;-webkit-perspective: 1200px;-moz-perspective: 1200px;-ms-perspective: 1200px;perspective: 1200px;margin: 1rem 0;}
.index-swiper .swiper-slide {width: 80%;/* -webkit-transform-style: preserve-3d; */-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;/* transform-style: preserve-3d; */}
.index-swiper .swiper-slide .main-img {width: 100%;margin: 0 auto;display: block;}
.index-swiper .sub-title {position: absolute;bottom: 3rem;left: 0;background: transparent;color: #f00;text-align: center;idth: 100%;font-size: 1.5rem;}
.index-swiper .swiper-slide .main-img {width: 100% !important;}
.index-swiper.swiper-container {margin: 0 !important;}
.slide-content {width: 80%;margin: 5px auto;padding-bottom: 1rem;overflow: hidden;}



.training-swiper.swiper-container {width: 100%;-webkit-perspective: 1200px;-moz-perspective: 1200px;-ms-perspective: 1200px;perspective: 1200px;margin: 1rem 0;}
.training-swiper .swiper-slide {width: 80%; -moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.training-swiper .swiper-slide .main-img {width: 100%;margin: 0 auto;display: block;}
.training-swiper .sub-title {position: absolute;bottom: 3rem;left: 0;background: transparent;color: #f00;text-align: center; width: 100%;font-size: 1.5rem;}
.training-swiper .swiper-slide .main-img {width: 100% !important;}
.training-swiper.swiper-container {margin: 0 !important;}