﻿/*新首页开始*/
#indexPage .content .header{padding-top: 80px; padding-bottom:50px;}
#indexPage #mslider ul li p.title{ font-size:52px;}
#indexPage #mslider .bx-wrapper .bx-pager{bottom: 20px;}
#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 750px; }
#indexPage #mservice .content { margin: 0; height: auto; padding-bottom: 80px; }
#indexPage #mproject .content { margin: 0; background: transparent; height: auto; padding-bottom: 0px; }
#indexPage #mpage .content { margin: 0; height: auto; }
#indexPage #mteam .content { margin: 0; height: 540px; }
#indexPage #mnews .content { margin: 0; height: auto; }
#indexPage #mcontact .content { margin: 0; height: 600px; }
#indexPage #mpartner .content { margin: 0; height: 200px; }
.content .header p.subtitle { color: #c1c1c1; font-size: 12px; line-height: 30px; }
#header ul li.navitem .nav-a { position: relative; display: block; }
#header ul li.navitem .nav-a i { display: none; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #e90500; }
#header ul li.navitem ul.subnav { border-top: #e90500 3px solid; }
#header { border-bottom: 1px solid rgba(255,255,255,.2); }
#header.mini { background: rgba(23, 28, 32, 1); padding-top: 10px; }
#mslider .bx-wrapper .bx-controls-direction a:hover { background-color: #e90500; }
.bx-wrapper .bx-controls-direction a i { font-size: 26px; margin-top: 6px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color: #e90500;border: 1px solid #e90500;}
/*首页案例*/
#indexPage #mproject .content .header{ padding-bottom:30px;}
#indexPage #mproject { background-color: #f3f3f3; }
.projectSubList { margin-bottom: 0px; }
#mproject #category { display: block; padding-bottom: 50px; text-align: center; }
#indexPage #projectlist .projectitem { width: 25%; background: transparent; }
#indexPage #mproject a.more { width: 100%; height: 150px; line-height: 150px; border: 0px solid transparent; transition: all 0.3s ease-out 0s; color: transparent; position: relative; border-radius: 0px; margin: 0px; background: #343434; }
#indexPage #mproject a.more:before { content: 'VIEW MORE'; display: block; width: 100%; height: 100%; line-height: 150px; text-align: center; color: #fff; text-indent: 0px; position: relative; transition: all ease-out .3s; z-index: 2 }
#indexPage #mproject a.more:after { height: 58px; margin: 0px; position: absolute; top: 0px; z-index: 1; }
#indexPage #mproject a.more:hover:before { padding-right: 0px; background: #e90500; text-indent: -40px; }
#indexPage #mproject a.more:hover:after { width: 100%; }
 #indexPage #mproject a.more:hover:after i {
display:none;
}
#projectlist .projectitem a .project_info { height: 100%; }
/*首页关于*/
#indexPage #mpage .wrapper li .fimg { height: 400px; }
/*服务*/
#indexPage #servicelist .serviceitem { width: 320px; margin-right: auto; transition: all 0.3s ease-out 0s; height: 230px; padding-top: 0px; margin:25px; }
.service_img { display: block; text-align: center; margin: 0 auto; }
#servicelist .serviceitem div p.description { width: 100%; margin: 0 auto; height: 50px; color: #848484; font-size: 13px; }
#servicelist .serviceitem div p.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #595959; font-size: 16px; height: 40px; line-height: 40px; transition: all ease-out .2s; }
#servicelist .serviceitem:hover .title { color: #e90500; }
#indexPage #mservice a.more { display: none; }
#servicelist .serviceitem a img { width: 100%; }
/*首页团队*/


#indexPage #mteam .header{ padding:0;}
#indexPage #mteam .wrapper { margin: 0 160px; width: auto; padding-top: 80px; }
#indexPage #mteam .summary p { text-align: center; }
#indexPage #mteam .summary p.title { margin-top: 0px; }
#indexPage #mteam .summary p.title a { font-size: 24px; color: #fff; }
#indexPage #mteam .summary p.subtitle { line-height: 30px; margin-bottom: 50px; }
#mteam .bx-wrapper .bx-prev { left: -120px; }
#mteam .bx-wrapper .bx-next { right: -120px; }
#mteam .bx-wrapper .bx-controls-direction a { border-color: transparent; margin-top: -65px; background: transparent; }
#mteam .bx-wrapper .bx-controls-direction a:hover { background-color: transparent; }
#mteam .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }
#mteam .bx-wrapper .bx-controls-direction a i { color: #a1a1a1; font-size: 36px; }
/*首页新闻*/

#indexPage #mnews .content .header { display: block; }
#newslist .newstitem .news_wrapper { position: inherit; }
#newslist .newstitem { height: 160px; position: relative }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }
#newslist .news_wrapper { background: none; border-bottom: rgba(0,0,0,0.05) 1px solid; }
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .newsbody { width: 690px; text-align: left; padding-top: 40px; position: relative; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newsbody .title { width: 460px; height: 20px; line-height: 20px; font-size: 16px; color: #464646; margin-left: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#newslist .newsbody .description { float: right; width: 460px; height: 42px; line-height: 22px; font-size: 13px; color: #6a6a6a; text-align: left; margin-top: 16px; overflow: hidden; }
#newslist .newsbody .date { width: 180px; float: left; font-family: "HELVETICANEUELTPRO-THEX", Arial; position: absolute; font-weight: 100; height: 70px; right: auto; }
#newslist .newsbody .md { color: #bdbdbd; font-size: 16px; display: block; position: absolute; top: 60px; right: 0px; }
#newslist .newsbody .md span { display: none; }
#newslist .newsbody .year { font-size: 60px; color: #dcdcdc; text-align: left; display: block; position: absolute; top: -5px; right: 0px; }
#newslist .newstitem:hover .news_wrapper { background: #e90500; }
#newslist .newstitem:hover .md, #newslist .newstitem:hover .year, #newslist .newstitem:hover .description, #newslist .newstitem:hover .title { color: #fff; }
#newslist .newstitem:hover .newsbody { transform: translate3d(-50px, 0, 0); -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); }
#newslist .newstitem a.details { display: block; z-index: 2; position: absolute; top: 16px; width: 150px; left: 50%; margin-left: 405px; text-indent: -230px; overflow: hidden; height: 36px; line-height: 36px; border: none; }
#newslist .newstitem:hover a.details { text-indent: -220px; }
#newslist .newstitem a.details i { font-size: 36px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: transparent; padding-left: 200px; }
#newslist .newstitem:hover a.details i { text-align: 40px; color: #fff; }
#newslist .newstitem a.details:hover { text-indent: -220px; }
#mnews a.more { display: block; margin-top: 50px; }
/*合作伙伴*/

#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { height: 60px; padding-top: 10px; }
#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }
#mpartner .bx-wrapper .bx-controls-direction a { background: none; }
#mpartner .bx-wrapper .bx-controls-direction a i { color: #c3c6ca; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background: #e90500; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }
/**/

#indexPage #mcontact .content .fw { width: auto; }
#indexPage #mcontact .content { width: 940px; margin: 0 auto; }
/*分享到*/

#olx_head { background-color: #e90500; }
#olx_qq li a:hover { color: #fff; background: #565656; }
#olx_qq li a:hover i { color: #e90500; }
#online_open { background: #e90500; bottom: 160px;}
.nobanner #header { background: rgba(33, 33, 33, 0.9); }
.Pageanli #projectlist .projectitem { background: transparent; margin: 0px; width:25%; }
.Pageanli #projectlist .projectitem a .project_info:after { display: none; }
.Pageanli#mproject .content > .header { padding-bottom: 30px; padding-top: 80px; }
.Pageanli#mproject .content .header p.title { color: #444; font-size: 26px; }
.Pageteam .teamitem .title a { color: #121212; }
.Pageservice #servicelist .serviceitem { width: 320px;  transition: all 0.3s ease-out 0s; height: 230px; }
.Pageservice #servicelist .serviceitem a img { width: 320px; }
.Pageservice #servicelist .serviceitem:hover .title { color: #e90500; }
.Pagenews .content .header { padding-top: 120px; }
#projectinfo .description a { display: initial; }
.Pageteam .content .header { padding-top: 120px; }
#indexPage a.more { margin: 50px auto 80px; color: #e90500; }
#contactform2 p .inputsub { background-color: #e90500; padding: 8px 0; font-size: 16px; }
#pages a.active, #pages a:hover { background: #e90500; color: #fff; }
#category a.active, #category a:hover { background: #e90500; color: #fff; border-color: #e90500; }
#projectinfo .description a { padding: 10px 40px; color: #fff; background: #e90500; transition: all ease .3s; }
#indexPage .module { z-index: auto; }
#projectlist .wrapper{margin-left:0;}
#mcontact .content #contactform2 {animation-name: fadeInRightBig;}
#mcontact .content #contactinfo {animation-name: fadeInLeftBig;}

#projectlist .projectitem{animation-name: zoomIn;}
#newslist .newsbody .date,#mpage .module-content .description{animation-name: slideInLeft;}
#newslist .newsbody .title,#newslist .newsbody .description,#indexPage #mpage .wrapper li .fimg{animation-name: slideInRight;}