#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); right: 0px; z-index: 999999; padding-top: 0; }



#header.mini { position: fixed; width: 250px; height: 100%; top: 0px; z-index: 1001; background: #fff; padding-top: 0px; float: right; z-index: 999999; }



#header .content { padding-left: 0px; }



#header ul li.navitem { width: 250px; padding: 0 60px; ; height: 50px; line-height: 50px; }



.navitem strong { left: 40px; width: 0px; position: absolute; top: 25px; height: 2px; background-color: #E9E9E9; transition: all 0.3s ease 0s; z-index: -1; }



#header ul li.navitem a.active strong, #header ul li.navitem:hover a strong { width: 6px; background-color: #595959; }



#header ul li.navitem:hover { width: 250px; padding: 0px 60px; }



#header ul li.navitem a:hover { width: 250px; padding: 0px 0px; }



#header ul li.navitem a { color: #9F9F9F; }



#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: 300px; }



#indexPage #mslider .bx-wrapper { width: 80%; width: calc(100% - 250px); }



.serviceitem a { margin: 10px auto 24px; }



#indexPage #mservice .slider_wrapper .slider { width: 100%; }



#indexPage #mservice .slider_control { width: 0px; height: 180px; }



#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: #fff; font-family: "PlusJakartaSans-Medium", "微软雅黑"; }



.fw { margin: 0px auto; width: 100%; }



#indexPage #mpage { background-color: #000; }



#indexPage a.more { line-height: 38px; text-indent: 104px; font-size: 16px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0px; color: #B1B1B1; font-family: "PlusJakartaSans-Medium", "微软雅黑"; width: 260px; height: 38px; }



#indexPage a.more:hover { border: 1px solid #6B6A6A; color: #fff; text-indent: 104px; }



#indexPage a.more:hover i { text-indent: 18px; color: transparent; }



#mpage .content .header p.title { color: #FBFBFB; }



.content .header p.title { font-family: "PlusJakartaSans-Medium", "微软雅黑"; }



.module-slider .description { color: #B4B4B4; }



#mpage .content .header p.subtitle { color: #696969; }



.nobanner .npagePage { padding-top: 0px; }



#projectwrap { padding-top: 10px; min-height: 600px; padding-left: 10px; }



#projectbody { width: 60%; float: left; }



#projectinfo .header { padding-top: 40px; }



.nobanner #header { background: #fff; }



#indexPage #mteam .slider_control { height: 40px; width: 60px; margin: 180px 50px; }



#indexPage #mteam .slider_wrapper { width: auto; height: 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 #mteam .header img { float: right; display: block; margin: 0px 50px; border-radius: 0px; width: 300px; height: 300px; }



#indexPage #mteam .header p.title { font-size: 24px; text-align: center; margin:50px auto 20px; color: #f8f8f8; }



#indexPage #mteam .header p.subtitle { font-size: 12px; text-align: center; margin: 0px auto; }



#indexPage #mteam .description { color: #808080; overflow: hidden; text-align: left; line-height: 24px; height: auto; 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 }



#header #logo { float: none; height: auto; margin: 30px auto 30px auto; width: 154px; }
#header #logo img {margin-bottom: 20px;}


#sitecontent { padding-right: 250px; }



/*首页全屏*/







#indexPage #mslider { height: 0 }



#servicelist { width: 100%; margin: 0px auto; }



#projectlist .projectitem a:hover .project_info p.title { margin-top: 16px; color: #535353; }



/*导航下拉菜单*/







#header ul li.navitem ul.subnav { width: 250px; margin: -648px 0px 0px -310px; 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); left: 60px; top: 48px; opacity: 1; visibility: visible; z-index: -99; }



#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:#656565;



}







::-webkit-scrollbar-thumb:hover {



 width:8px;



 background-color:#aeaeae;



}



#header ul li.navitem a.active { background: transparent; width: 250px; display: block; color: #3E3E3E; }



.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-controls-direction a { background: transparent; border-radius: 0px; border: 1px solid rgba(255,255,255,.1); }



.bx-wrapper .bx-controls-direction a:hover { background-color: #4E4E4E; }



#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #5F5F5F; }



.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: 1px solid #FFF; background-color: #FFF; }



.bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0px; }



.serviceitem:hover .title { color: #484848; }



#projectlist .projectitem .project_info div { position: absolute; height: 100px; width: 100%; bottom: -100px; margin-top: 0px; top: auto; }



#projectlist .projectitem .project_info p.title { margin-top: 16px; color: #535353; padding: 0px; text-align: left; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



#indexPage #mproject { background-color: #f8f8f8; padding-bottom: 120px; }



#projectlist .projectitem .project_info p.subtitle { margin-top: 4px; color: #9B9B9B; text-align: left; padding: 0; }



#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 4px; }



#projectlist .projectitem .project_info div.line1 { width: 0px; height: 2px; background: #626262; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 29px 0; }



#projectlist .projectitem a:hover .project_info div.line1 { width: 20px; ; }



#projectlist .projectitem a:hover .project_info { background: transparent; }



#projectmore { background: transparent; border: 1px solid #DFDFDF; font-family: "PlusJakartaSans-Medium"; border-radius: 0px; color: #686868; display: block; font-size: 18px; height: 58px; line-height: 58px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 360px; margin: 0px auto; margin-top: 40px; }



#projectmore:hover { background: transparent; border: 1px solid #DFDFDF; width: 360px; height: 58px; line-height: 58px; text-indent: 0px; font-size: 18px; }



#projectmore strong { width: 0px; height: 60px; background-color: #4D4F54; top: -1px; position: absolute; left: -1px; z-index: -1; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }



#projectmore:hover strong { width: 362px; }



#shares { right: 250px; }



#online_open { margin: 0 240px -30px 0; z-index: 999; background: #4D4D4D; }



#online_lx { margin: 0 240px 0 0; border-radius: 0; }



.fa-share-alt::before { color: transparent; }



#shares a#sshare { background-image: url("../images/fenxiang.png"); background-repeat: no-repeat; }



#header ul li.navitem ul.subnav li a:hover i { opacity: 0; }



#olx_head { background: #535353; border-radius: 0; }



#olx_qq li a:hover i { color: #E9E9E9; }



#olx_qq li a:hover { background: rgb(135, 135, 135); }



#shares a#sweibo { background-color: #5F5F5F; }



#shares a#sweixin { background-color: #4A4A4A; }



#indexPage a.more strong { background: #6B6A6A; height: 40px; text-indent: 150px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; width: 0px; margin: -39px 0px 0px -1px; }



#indexPage a.more:hover strong { width: 262px; }



#indexPage #mpartner .slider_wrapper ul li img { filter: grayscale(100%); transition: all 0.3s ease-out 0s; }



#indexPage #mpartner .slider_wrapper ul li:hover img { filter: grayscale(0); }



#newslist .newstitem:hover { background: rgba(63, 63, 63, 0.8); }



#newslist .newsinfo .md { color: #AAA; }



#newslist .newsinfo .year { color: #929292; }



#newslist .newsbody .title { height: 30px; }



#newslist .newscontent { padding-top: 32px; }



#indexPage #mteam { background-color: #201f1f; height: auto; }



#mteam .content .header { padding-top: 30px; padding-bottom: 20px; }



#category a.active, #category a:hover { background: #4D4F54; border-color: #4D4F54; }



/*首页联系*/















#contactform p .inputtxt { width: 0; height: 0; line-height: 0; padding: 0; color: transparent; background-color: transparent; margin-bottom: 0; }



#contactform p .inputsub { width: 0; }



#contactinfo { width: 100%; margin: 0 160px; width: calc(100% - 250px); }



#contactinfo h3 { float: left; width: 100%; }



#contactinfo p { width: auto; float: inherit; padding-right: 40px; }



#indexPage #mcontact .header p.title { color: transparent; font-size: 0; }



#indexPage #mcontact .header p.subtitle { color: transparent; font-size: 0; line-height: 0px; }



#contactinfo div { clear: both; margin-top: 120px; }



#indexPage #mcontact { height: 320px; }



#mcontact .content .header { padding-top: 70px; padding-bottom: 0px; }



#indexPage #mcontact .content { width: 100%; }



#projectinfo .description a { background: #474747; }



#projectinfo .description a:hover { background: #0E0E0E; }



.postbody img { max-width: 860px; }



.teamitem a div.wrap { background: #242424; }



#footer p { padding: 20px 270px; }



.teamitem { height: 480px; }



.teamitem .teaminfo .title { color: #121212; text-align: left; }



.teamitem .teaminfo .subtitle { text-align: left; }



.teamitem .teaminfo .description { line-height: 22px; height: 62px; text-align: left; }



#pages a.active, #pages a:hover { background: #4D4F54; }



/*新首页开始*/







#indexPage .module .content { position: inherit; top: 0px; }



#indexPage #mslider .content { margin: 0; height: 750px; }



#indexPage #mservice { height: auto; }



#indexPage #mservice .content { margin: 0; height: auto; padding-bottom:100px; }



#indexPage #mproject .content { margin: 0; background: transparent; height: auto; padding-bottom: 2px; }



#indexPage #mpage .content { margin: 0; height: auto; }



#indexPage #mteam .content { margin: 0 auto; height: auto; max-width: 1800px; padding-bottom: 30px;}



#indexPage #mnews .content { margin: 0; height: auto; }



#indexPage #mcontact .content { margin: 0; height: auto; }



#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; }



/*首页案例*/







#mproject .content > .header { padding-top: 100px; padding-bottom: 30px; }



#mproject #category { display: block; padding-bottom: 50px; text-align: center; }



#indexPage #projectlist .projectitem { margin-right: 1%; width: 24%; background: transparent; }



#indexPage #mproject #projectlist .wrapper { width: 96%; margin: 0 auto; }



#projectlist .projectitem a .project_info { position: relative; top: auto; left: auto; }



#projectlist .projectitem a .project_info p { padding: 0px; }



#projectlist .projectitem a .project_info p.title { color: #535353; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 20px; font-size: 16px; margin-top: 0px; }



#projectlist .projectitem a .project_info p.subtitle { margin-top: 4px; color: #BABABA; text-align: left; overflow: hidden; font-size: 12px; }



#projectlist .projectitem a .project_info div { position: inherit; top: 0px; margin: 0; }



#projectlist .projectitem a .project_info:after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 0px; height: 2px; background: #626262; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 26px 0; }



#projectlist .projectitem a:hover .project_info p.title { padding-top: 20px; color: rgb(60, 60, 60); margin-top: 0px; }



#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 4px; }



.project_img { width: 100%; height: auto; overflow: hidden; }



#projectlist .projectitem a:hover .project_info { background-color: transparent; }



#projectlist .projectitem a:hover .project_info:after { width: 20px; }



#indexPage #mproject a.more { width: 360px; height: 58px; line-height: 58px; border: 1px solid #DFDFDF; transition: all 0.3s ease-out 0s; color: transparent; position: relative; margin: 40px auto 0px; }



#indexPage #mproject a.more:before { content: 'VIEW MORE'; display: block; width: 100%; height: 100%; line-height: 58px; text-align: center; color: #686868; text-indent: 0px; position: relative; z-index: 2; transition: all 0.3s ease-out 0s; }



#indexPage #mproject a.more:after { height: 58px; margin: 0px; position: absolute; top: 0px; z-index: 1; }



#indexPage #mproject a.more:hover:before { color: #fff; }



#indexPage #mproject a.more:hover:after { width: 100%; }



/*首页关于*/



#indexPage #mpage .wrapper li .fimg { height: 340px; }



#mpage .content .header { padding-top: 120px; padding-bottom: 60px; }



/*服务*/



#servicelist .serviceitem a img { width: 320px; }



#mservice .content > .header { padding-top: 120px; }



#indexPage #servicelist .serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: auto; padding-top: 0px;margin-bottom: 40px; }



.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: #595959; }



#indexPage #mservice a.more { background-color: #565656; }



/*首页团队*/















#indexPage #mteam .wrapper { margin: 0 160px; width: auto; }



#indexPage #mteam .summary p { text-align: left; }



#indexPage #mteam .summary p.title { margin-top: 50px; }



#indexPage #mteam .summary p.title a { font-size: 24px; color: #f8f8f8; }



#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: 10px; }



#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; }



/*首页新闻*/















#mnews .content .header { padding-top: 120px; padding-bottom: 80px; }



#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: 44px; color: #AAA; text-align: left; display: block; position: absolute; top: -5px; right: 0px; }



#newslist .newstitem:hover .news_wrapper { background: rgba(63, 63, 63, 0.8); }



#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: 50px auto 100px; ; border: 1px solid #C3C3C3; color: #818181; }



/*合作伙伴*/







#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: 222px; height: 300px; 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; }



/**/







#indexPage #mcontact .content .fw { width: auto; }



#indexPage a.more:hover:after { width: 262px; }



#indexPage a.more:after { content: ''; background: #4D4F54; height: 40px; text-indent: 150px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; display: block; width: 0px; margin: -39px 0px 0px -1px; }



.Pageanli #projectlist .projectitem { background: transparent; }



.Pageanli #projectlist .projectitem a .project_info:after { display: none; }



.Pageanli#mproject .content > .header { padding-bottom: 30px; }



.Pageteam .teamitem .title a { color: #121212; }



.Pageservice #servicelist .serviceitem { width: 33.33%; margin-right: auto; transition: all 0.3s ease-out 0s; height: auto; }



.Pageservice #servicelist .serviceitem a img { width: 320px; }



.Pagenews .content .header { padding-top: 120px; }



.Pageteam .content .header { padding-top: 120px; }



#indexPage .module { z-index: auto; }



#shares a#gotop { margin-top: 0; }



.bx-wrapper .bx-controls-direction a i { font-size: 24px; margin-top: 7px; }



.module-content .description { color: #B4B4B4; }



#header .content { padding-top: 30px; background-color: #fff; padding-bottom: 1000px; box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); }


/* 09-20  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 {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#mteam .content_list li .header a img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img{
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
#projectlist .projectitem .project_img {
	padding-top: 100%;
}
#indexPage #mservice .serviceitem .service_img {
    width: 320px;
    margin: 0 auto;
}
#indexPage #mservice .serviceitem .service_img img {
    width: 100%;
    height: 220px;
    position: unset;
    object-fit: cover;
}
#mteam .content_list li .header a {
    width: 300px;
    float: right;
    margin: 0px 50px;
}
#mteam .content_list li .header a img {
    position: unset;
}
#indexPage #mpartner .module-content {
    height: auto;
}
#indexPage #mpartner .content {
    height: auto;
}
#indexPage #mpartner .wrapper ul li {
    height: auto;
}
#mpartner .content_list li .par_img {
	/* padding-top: 50%; */
}
#mpartner .content_list li .par_img img {
    position: unset;
}

#mpartner .content_list li .par_img.idxhonor {
    display: flex; flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 100%;
}
#teamlist .teamitem .teamimg {
	padding-top: 100%;
}
#servicelist .serviceitem .service_img {
    /* padding-top: 21.7%; */
    width: 320px;
    margin: 0 auto;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #projectlist .projectitem {
    margin: 0 0.5%;
}
#servicelist .serviceitem a img,
.Pageservice #servicelist .serviceitem a img {
    width: 100%;
}
#servicelist .serviceitem a img {
    width: 320px;
    height: 220px;
    object-fit: cover;
}
#indexPage #mteam .header img {
    width: 100%;
    height: auto;
    margin: 0;
}
#indexPage #mteam .module-content {
    width: calc(100% - 320px);
    margin: 0 160px;
}
.Pageteam #teamlist .teamitem a:first-child {
	height: 100%;
}
.bodylistpost .npagePage>.content {
    margin-bottom: 40px;
}
.npagePage .postbody {
    max-width: none;
}
/* #page_body_editor-wrapper .layout_group[data-window_width=true] {
    width: calc(100vw - 250px) !important;
    margin-left: calc((100vw - 250px)/-10);
} */

   /* 外层容器 对应原图宽高比例 */
    .data-wrap {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around;
      padding: 60px 0px 0px 20px;
    }
    /* 单栏项 */
    .data-item {
      flex: 1;
      text-align: center;
      color: #eeeeee; /* 浅灰文字，和原图淡色一致 */
    }
    /* 大数字 */
    .data-num {
      font-size: 60px;
      font-weight: normal;
      line-height: 1;
      margin-bottom: 30px;
    }
    /* 标题小字 */
    .data-title {
      font-size:24px;
      margin-bottom: 16px;
    }
    /* 底部描述小字 */
    .data-desc {
      font-size: 16px;
      opacity: 0.7;
    }


#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-right: 250px;
}
#indexPage #mvideom .content {
    width: 96%;
    margin: 0 auto;
}
#npagePage.content_editor #projectshow #projectib {
    margin-right: -20px;
}
.bodylistpost.bodyproject .npagePage.content_editor {
    padding-bottom: 80px;
}
.bodylistpost .npagePage.content_editor .content {
    max-width: 1200px;
    margin: 0 auto;
}
 


#teamlist .teamitem .teamimg img.ablbum47 {
    object-fit: contain;
    height: 320px;
}