#header { position: fixed; width: 250px; height: 100%; top: 0px; z-index: 1001; background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding-top: 0; }
#header.mini { position: fixed; width: 250px; height: 100%; top: 0px; z-index: 1001; background: #fff; padding-top: 0px; }
#header #logo { height: auto; margin: 20px 40px 30px; }
#header .content { padding-left: 0px; background-color: #fff; padding-top: 30px; padding-bottom: 1000px; }
.bx-wrapper .bx-controls-direction a i { font-size: 24px; margin-top: 7px; margin-left: 15px; }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 17px; }
#indexPage #mslider .bx-wrapper .bx-pager { bottom: 30px; }
.bx-wrapper .bx-pager.bx-default-pager a { border: rgba(131, 131, 131, 0.5) 1px solid; }
#header ul li.navitem ul.subnav li a:hover { text-indent: 0px; }
#online_open { bottom: 160px; background: #00C0FF; }
#olx_head { background: #00C0FF; border-radius: 0; }
#online_lx { border-radius: 0; }
#olx_qq li a:hover i { color: #00C0FF; }
#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
#header ul li.navitem { width: 250px; padding: 0px 0px; text-align: center; height: 50px; line-height: 50px; }
#header ul li.navitem:hover { width: 250px; padding: 0px 0px; background-color: #f1f1f1; }
#header ul li.navitem a:hover { width: 250px; padding: 0px 0px; background-color: #f1f1f1; color: #00C0FF; }
#header ul li.navitem a { color: #9F9F9F; }
#indexPage .module.bgShow { background-size: inherit; }
#servicelist .serviceitem { margin-bottom: 0px; padding-top: 40px; }
.serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: 300px; }
.serviceitem:hover { background-color: #F6F6F6; height: 300px; }
#servicelist .wrap { margin-right: 0px; }
#indexPage #mservice .content { width: 100%; }
#indexPage #mservice .slider_wrapper { width: 100%; height: 260px; }
#indexPage #mslider .bx-wrapper { width: 80%; width: calc(100% - 250px); }
.serviceitem a { margin: 10px auto 24px; }
#indexPage #mservice .slider_wrapper .slider { width: 100%; }
.serviceitem div p.description { width: 80%; margin: 0 auto; }
#indexPage #mservice .slider_control { width: 0px; height: 180px; }
#projectlist .projectitem { width: 33.33%; }
#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: transparent; ; }
#indexPage #mslider ul li p.title { font-size: 60px; line-height: 70px; height: 70px; color: #00FFAE; }
.fw { margin: 0px auto; width: 100%; }
#indexPage #mpage { background-color: #000; }
#indexPage a.more { border: 1px solid rgba(158, 158, 158, 0.2); margin: 50px auto 80px; color: #00C0FF; }
#indexPage a.more:hover { border-color: #00C0FF; text-indent: 130px; border: 1px solid #00C0FF; background-color: #00C0FF; color: #fff; }
#indexPage a.more:hover i { text-indent: 18px; color: #fff; }
#mpage .content .header p.title { color: #00FFAE; }
#mpage .content .header p.subtitle { color: #696969; }
#mproject .content .header p.title { color: #00FFAE; }
.nobanner .npagePage { padding-top: 0px; }
#projectwrap { padding-top: 20px; min-height: 600px; padding-left: 20px; }
#projectbody { width: 60%; float: left; }
#projectinfo .header { padding-top: 40px; }
.nobanner #header { background: #fff; }
#indexPage #mteam .slider_control { height: 300px; width: 60px; margin: 230px 50px; }
#indexPage #mteam .slider_wrapper { width: auto; }
#teamlist { margin: 0px auto; width: 100%; padding-left: 70px; }
#teampost #teamimage { padding-left: 70px; }
#teampost #teambody { margin-left: 520px; }
#teambody .theader .postbody { margin-right: 50px; }
#indexPage .module .bgmask { background-color: transparent; }
#indexPage #mteam .header img { float: left; display: block; margin: 50px 80px 80px 20px; border-radius: 0px; width: 300px; height: 300px; }
#indexPage #mteam .header p.title { font-size: 24px; text-align: left; margin: 100px auto auto; color: #00FFAE; }
#indexPage #mteam .header p.subtitle { font-size: 12px; text-align: left; margin: 0px auto; }
#indexPage #mteam .header { padding: 0; }
#indexPage #mteam .description { color: #808080; overflow: hidden; text-align: left; line-height: 24px; height: 50px; font-size: 13px; margin: 0px 50px 0px 0px; width: auto; }
.npagePage .postbody { padding: 0 50px; max-width: 860px; }
.npagePage .fw { width: auto }
.npagePage .theader .postbody { padding: 0 }
.serviceitem div p.title { font-size: 18px; }
#header #logo { float: none; height: 40px; margin: 10px auto 30px auto; width: 154px; }
#sitecontent { padding-left: 250px; }
/*首页全屏*/



#indexPage #mslider { height: 0 }
#servicelist { width: 100%; margin: 0px auto; }
.teamitem a div.wrap { background: #00C0FF; }
#projectlist .projectitem .project_info { background: transparent; transition: all 0.3s ease-out 0s; height: 60px; width: 100%; bottom: 50px; }
#projectlist .projectitem a:hover .project_info p.title { margin-top: 0px; color: #00C0FF; }
/*导航下拉菜单*/

#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #00C0FF; }
#header ul li.navitem ul.subnav { position: absolute; width: 250px; margin: -648px 0px 0px 250px; height: 2000px; background: #171717; overflow: hidden; padding-top: 600px; border-top: 3px solid #171717; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transform: translate3d(-250px, 0px, 0px); -moz-transform: translate3d(-250px, 0px, 0px); -webkit-transform: translate3d(-250px, 0px, 0px); opacity: 1; visibility: visible; z-index: -99; left: 0px; top: 48px; }
#header ul li.navitem:hover ul.subnav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#header ul li.navitem ul.subnav li a { width: 190px; }
#header ul li.navitem ul.subnav li a { background: transparent; }







/*chrome */



::-webkit-scrollbar-track-piece {
 width:8px;
 background-color:#f8f8f8;
}



::-webkit-scrollbar {
 width:8px;
 background-color:#aeaeae;
}



::-webkit-scrollbar-thumb {
 width:8px;
 background-color:#00C0FF;
}



::-webkit-scrollbar-thumb:hover {
 width:8px;
 background-color:#aeaeae;
}
#header ul li.navitem a.active { background: #00C0FF none repeat scroll 0% 0%; width: 250px; display: block; color: #FFF; }
.npagePage #banner div { width: calc(100% - 250px); }
#indexPage #mcontact { background-color: #050505; }
#contactform p .inputtxt { background-color: rgba(0,0,0,.3); border: 1px solid #171717; }
#indexPage #mslider ul li p { color: #CBCBCB; }
.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 { border: #00C0FF 1px solid; background-color: #00C0FF; }
/*新首页开始*/



#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 750px; }
#indexPage #mservice { height: 560px; }
#indexPage #mservice .content { margin: 0; height: 520px; padding-bottom: 0px; }
#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 .nav-a:after { content: ''; display: block; left: -30px; width: 0px; position: absolute; top: 24px; height: 2px; background-color: #E9E9E9; transition: all 0.3s ease 0s; }
#header ul li.navitem a.nav-a.active:after, #header ul li.navitem:hover a.nav-a:after { width: 6px; background-color: #595959; }
/*首页案例*/

.projectSubList { margin-bottom: 0px; }
#mproject #category { display: block; padding-bottom: 50px; text-align: center; }
#indexPage #projectlist .projectitem { width: 33.33%; background: transparent; }
#indexPage #mproject a.more { width: 100%; height: 100px; line-height: 100px; 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: 100px; 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: #00C0FF; 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: 60px; }
/*首页关于*/



#indexPage .content .header { padding-top: 80px; padding-bottom: 50px; }
/*服务*/

#indexPage #servicelist .serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: 300px; padding-top: 0px; }
.service_img { display: block; text-align: center; margin: 0 auto; }
#servicelist .serviceitem div p.description { width: 80%; margin: 0 auto; }
#servicelist .serviceitem div p.title { font-size: 18px; margin: 0 0 16px; }
#servicelist .serviceitem:hover .title { color: #00C0FF; }
#indexPage #mservice a.more { display: none; }
/*首页团队*/







#indexPage #mteam .wrapper { margin: 0 160px; width: auto; padding-top: 80px; }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .summary p.title { margin-top: 100px; }
#indexPage #mteam .summary p.title a { font-size: 24px; color: #00FFAE; }
#indexPage #mteam .summary p.subtitle { line-height: 30px; }
#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; }
/*首页新闻*/



#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: "PlusJakartaSans-Medium", Arial; position: absolute; font-weight: 100; height: 70px; right: auto; }
#newslist .newsbody .md { color: #929292; font-size: 16px; display: block; position: absolute; top: 60px; right: 0px; }
#newslist .newsbody .md span { display: none; }
#newslist .newsbody .year { font-size: 60px; color: #AAA; text-align: left; display: block; position: absolute; top: -5px; right: 0px; }
#newslist .newstitem:hover .news_wrapper { background: #00C0FF; }
#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: #5d5d5d; }
#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; }
/**/

#shares a#gotop { margin-top: 0px; }
#indexPage #mcontact .content .fw { width: auto; }
#indexPage #mcontact .content { width: 940px; margin: 0 auto; }
.Pageanli #projectlist .projectitem { background: transparent; margin-right: 0px; }
.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: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: 300px; }
.Pageservice #servicelist .serviceitem a img { width: 320px; }
.Pageservice #servicelist .serviceitem:hover .title { color: #00c0ff; }
.Pagenews .content .header { padding-top: 120px; }
#projectinfo .description a { display: initial; }
.Pageteam .content .header { padding-top: 120px; }
#contactform p .inputsub { background-color: #00C0FF; padding: 8px 0; font-size: 16px; }
#pages a.active, #pages a:hover { background: #00C0FF; color: #fff; }
#category a.active, #category a:hover { background: #00C0FF; color: #fff; border-color: #00C0FF; }
#projectinfo .description a { padding: 10px 40px; color: #fff; background: #00c0ff; transition: all ease .3s; }
#indexPage .module { z-index: auto; }
#header #nav > li > a { position: relative; display: block; overflow: hidden }
#header #nav > li > a span { display: inline-block; position: relative; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header #nav > li > a span:after { content: attr(data-title); position: absolute; color: #00C0FF; left: 0px; transform: translateY(100%); width: 100% }
#header #nav > li:hover a span{ transform: translateY(-100%) }
#header #nav > li > a.active span{ transform: translateY(0%)}
#indexPage #mteam {background-size: cover;}


/* 2019-09-20 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #EAEAEA;
    margin-left: 0;
    border: none;
}

/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem .service_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img,
#projectib .projectitem .propost_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#indexPage #mteam .header img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img,
#projectib .projectitem .propost_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
#projectlist .projectitem .project_img {
	padding-top: 64%;
}
#indexPage #mservice .serviceitem .service_img {
    padding-top: 23%;
    width: 342px;
    margin: 0 auto;
}
#mteam .content_list li .header a {
    padding-top: 22%;
    width: 23%;
    margin: 50px 80px 80px 20px;
    float: left;
}
#mpartner .content_list li .par_img {
	padding-top: 50%;
}
#teamlist .teamitem .teamimg {
    padding-top: 100%;
    width: 100%;
}
#servicelist .serviceitem .service_img {
	padding-top: 22%;
    width: 320px;
}
#projectib .projectitem .propost_img {
    padding-top: 64%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #mservice .serviceitem:nth-child(n+4) {
    display: none;
}
#indexPage #mteam .module-content {
    width: calc(100% - 320px);
    margin: 0 160px;
}
.bodypage .npagePage .content, 
.bodylistpost .npagePage .content {
    width: 100%;
}
.Pageteam #teamlist .teamitem a:first-child {
	height: 100%;
}
#mproject #category {
    display: none;
}
#indexPage #mteam .summary p.title {
    margin-top: 8%;
}
#indexPage #mteam .content {
    height: auto;
}
/* #page_body_editor-wrapper .layout_group[data-window_width=true] {
    width: calc(100vw - 250px) !important;
    margin-left: calc((100vw - 250px)/-10);
} */
#page_body_editor-wrapper .layout_group[data-limit_width=true] > .layout_limit_wrapper,
.bodypage .npagePage.content_editor>.content, 
.bodylistpost .npagePage.content_editor>.content {
    max-width: 62.5vw;
}
.bodylistpost #sitecontent,
.bodypage #sitecontent {
    padding: 0;
}
.bodylistpost .npagePage,
.bodypage .npagePage,
.page_contect_editor {
    margin-left: 250px;
}
#indexPage #mvideom .content {
    width: 96%;
    margin: 0 auto;
}
#npagePage.content_editor #projectshow #projectib {
    margin-right: -20px;
}
.npagePage.content_editor {
    padding-bottom: 50px;
}
.npagePage #teampost {
    margin: 0 10%;
}
#teambody .theader .postbody {
    margin-right: 0;
    max-width: none;
}
#pages a {
    margin: 0;
}
#shares a#gotop {
    background: #8b8b8b;
}
.npagePage.content_editor {
    padding-top: 80px;
}
/* 2019-09-20 yyq 4-5 */