@charset "utf-8";
/* 易活动 */

body   { font-size:14px; background:#ffffff; color:#000000; }
.title { margin:60px 0 60px; text-align:center; }

.changePhoto { margin:0px auto; }
.changePhoto,.changePhoto .spImg,.changePhoto .spImg li { width:100%; min-width:1200px; min-height:503px; overflow:hidden; }
.changePhoto               { position:relative; }
.changePhoto .spImg li     { position:absolute; left:0; top:0; z-index:3; }
.changePhoto .spImg li img { width:100%; min-width:1200px; min-height:503px; }
.changePhoto .spTag        { margin-left:-4.5%; position:absolute; left:50%; bottom:30px; z-index:10; }
.changePhoto .spTag li     { float:left; margin-left:20px; width:12px; height:12px; border-radius:50%; background:#ffffff; cursor:pointer; }
.changePhoto .spTag .curr  { background:#E87B2B }

/* activity */
.activity, .company, .team, .case, .news { margin:0 auto; width:1200px; overflow:hidden; }
.activityTags { text-align:center; }
.activityTags a { margin:0 60px; width:107px; height:133px; display:inline-block; position:relative; }
.activityTags a span { height:60px; line-height:60px; font-size:20px; display:block;}
.activityTags a i    { width:0px; height:3px; border-radius:3px; display:block; background:#e56f26; -webkit-transition: width .5s ease, left .5s ease; position:absolute; left:50%; bottom:0; z-index: 3;}
.activityTags a img  { transform:scale(1);  -webkit-transition:all .3s ease; }
.activityTags a:hover img,.activityTags .curr img  { transform:scale(1.1);  -webkit-transition:all .3s ease; }
.activityTags a:hover i,.activityTags .curr i  { width:107px; display:block; left:0; }
/* animation-fill-mode: forwards; 动画停留在最后一帧  */
.activityList  { margin-top:35px; width:100%; }
.activityList li { float:left; width:399px; }
.activityList li a { display:block; margin-right:1px; background:url(../img/loading.gif) center 110px no-repeat; }
.activityList li a i { height:272px; display: block; overflow:hidden; }
.activityList li a img { width:399px; height:272px; }
.activityList li a span { height:60px; line-height:60px; display:block; font-size:16px; text-align:center; overflow:hidden; }
.more { clear:both; margin:20px auto; font-size:14px; width:140px; height:34px; display:block; line-height:34px; text-align:center; border:1px solid #E87B2B; border-radius:15px; color:#E87B2B;  }
.more:hover { transition:all .2s ease-in; transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); }
.activityBox { overflow:hidden; }

/* company */
.companyList { text-align:center; }
.companyList img { margin:0 80px; }

/* team */
.intro { padding:0 80px; font-size:16px; line-height:30px; color:#999999; }
.teamList            { margin:30px auto 0; width:1140px; height:240px; position:relative; overflow:hidden; }
.teamList .btnPrev,.teamList .btnNext { width:18px; height:34px; display:block; cursor:pointer; position:absolute; top:103px; z-index:99; }
.teamList .btnPrev   { background:url(../img/btnLeft2.png) no-repeat; left:0px; }
.teamList .btnNext   { background:url(../img/btnRight2.png) no-repeat; right:0px; }
.teamList .stage           { margin-left:58px; width:1056px; height:240px; overflow:hidden; }
.teamList .stage ul li     { float:left; width:1056px; height:240px; overflow:hidden; }
.teamList .stage ul li a   { float:left; margin-right:24px; width:240px; height:240px; display:block; position:relative; }
.teamList .stage ul li img { width:240px; height:240px; display:block; }
.teamList .stage ul li a .teamIntroText { -webkit-transform: scale(0); -webkit-transition: all .5s ease; }
.teamList .stage ul li a:hover .teamIntroText { -webkit-transform: scale(1); }
.teamIntroText { width:240px; height:240px; background:rgba(222,84,26, 0.5); color:#ffffff;  position:absolute; left:0; top:0; z-index:5;}
.teamIntroText h3 { padding:15px 0; font-size:20px; font-weight:normal; text-align:center; }
.teamIntroText i  { margin:0 auto; width:100px; height:30px; font-style:normal; border:1px solid #ffffff; border-radius:15px; line-height:30px; text-align:center; display:block; }
.teamIntroText span { padding:20px 10px 0; display:block; }

/* client */
.client { min-width:1200px; margin-top:50px; }
.clientBox { width:100%; position:relative; }
.clientBox .bgImg { width:100%; min-height:800px;  }
.clientBox .title { margin-left:-157px; width:314px; position:absolute; left:50%; top:30px; z-index:3; }
.clientBox .clientIntro { width:100%; text-align:center; font-size:18px; line-height:40px; color:#ffffff; position:absolute; top:240px; left:0; z-index:13; }
.clientBox .clientIntro span { font-size:24px; display:block; color:#ffffff; }
.clientContList { margin-left:-600px; width:1200px; position:absolute; left:50%; top:400px; z-index:3; }
.clientContListBox { width:1200px; height:320px; position:relative; }
.clientContListBox .btnPrev,.clientContListBox .btnNext { width:18px; height:34px; display:block; cursor:pointer; position:absolute; top:130px; z-index:99; }
.clientContListBox .btnPrev   { background:url(../img/btnLeft.png) no-repeat; left:30px; }
.clientContListBox .btnNext   { background:url(../img/btnRight.png) no-repeat; right:30px; }
.clientContListBox .stage     { margin-left:80px; width:1056px; height:320px; overflow:hidden; }
.clientListBox { float:left; margin-right:14px; width:250px; height:320px; background:#ffffff; }
.clientListBox em { width:250px; height:170px; display:block; background:url(../img/loading.gif) center center no-repeat; overflow:hidden;}
.clientListBox em img { width:100%; min-height:170px; }
.clientListBox span { margin:30px 0; padding:0 10px; font-size:16px; height:30px; text-align:center; line-height:30px; display:block; overflow:hidden; }
.clientListBox a { margin:0 auto; width:100px; height:28px; line-height:28px; text-align:center; display:block; border:1px solid #E87B2B; border-radius:15px; color:#E87B2B; overflow:hidden; background:#fff; position:relative; }
.clientListBox a .btnBg         { width:0px; height:200px; transform: rotateZ(-60deg);display:block; -webkit-transition: all 1s ease; background:#e56f26; position:absolute; left:-200px; top:-120px; }
.clientListBox a .btnText       { width:100px; height:28px; -webkit-transition: all 1s ease; font-style:normal; display:block; position: absolute; left:0; top:0; z-index:5; }
.clientListBox a:hover .btnBg   { width:200px; left:0px; }
.clientListBox a:hover .btnText { color:#ffffff; }

/* case */
.caseIntro { margin:-20px 0 30px 0; font-weight:normal; text-align:center; font-size:18px; }
.caseList { margin:0 auto; width:1210px; }
.caseList li {  float:left; width:1210px; }
.caseList li a { float:left; width:188px; height:80px; cursor:default; margin:0 10px 10px 0; display:block; border:1px solid #cecece; }
.caseList li a img { width:188px; height:80px; }
.scrollTag    { display: flex; flex-direction: row; justify-content: center; }
.scrollTag li { margin:0 5px; width:10px; height:10px; border-radius:50%; background:#cccccc; }
.scrollTag .curr { background:#e56f26; }
.scrollStage { width:1200px; height:644px; overflow:hidden;}


/* news */
.newsWrap { width:1230px; }
.newsBox { float:left; margin-right:30px; width:370px; background:#F8F8F8; }
.newsBox .newsTitle { height:185px; overflow:hidden; position:relative; }
.newsBox .newsTitle a { margin:-50px 0 0 -130px; padding-top:25px; width:260px; height:75px; -webkit-transition:all 1s ease; text-align:center; font-weight:normal; display:block; color:#fff; background:rgba(0,0,0,0.6); position:absolute; left:50%; top:50%; z-index:3; }
.newsBox .newsTitle a span { display:block; font-size:18px; color:#de541a; -webkit-transition:all 1s ease; }
.newsBox .newsTitle a i { font-style:normal; font-size:14px;}
.newsBox .newsTitle a:hover { background:rgba(222,83,26,0.8); }
.newsBox .newsTitle a:hover span { color:#fff; }
.newsScrollBox { width:370px; height:420px; overflow:hidden; }
.newsBox .newsList a { padding:20px 20px 20px 180px; height:100px; border-bottom:1px dashed #cccccc; display:block; position:relative; }
.newsBox .newsList a img { width:150px; height:100px; display:block; position:absolute; left:20px; top:20px; }
.newsBox .newsList a h4 { height:28px; line-height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; font-weight:normal; color:#3e3a39;  transition:all 1s ease; -webkit-transition:all 1s ease; }
.newsBox .newsList a span { margin-top:10px; height:60px; transition:all 1s ease; -webkit-transition:all 1s ease; line-height:20px; font-size:12px; display:block; overflow:hidden; color:#727171; }
.newsBox .newsList li { float:left; width:370px; height:420px; transition:all 1s ease; -webkit-transition:all 1s ease; }
.newsBox .newsList a:last-child a { border:none; }
.newsBox .newsList a:hover { background:rgba(222,83,26,0.8); }
.newsBox .newsList a:hover h4,.newsBox .newsList a:hover span { color:#fff; }
.newsTag { height:30px; text-align:center; }
.newsTag a { margin:0 3px; width:10px; height:10px; display:inline-block; border-radius:5px; background:#cccccc; }
.newsTag .curr { background:#E87B2B; }