@charset "utf-8";

.lowB #header { background: #FFF; }

#indexPage a.more { height: 40px; font-size: 14px; line-height: 40px; font-family: "PlusJakartaSans-Medium", "微软雅黑"; color: #8a8a8a; border-color: transparent; border-radius: 0px; background-color: transparent; text-align: center; text-indent: 0px; }

#indexPage a.more i { font-size: 18px; }

#indexPage a.more:hover { background-color: #212121; border-color: rgb(51, 51, 51); color: #FFF; text-align: center; text-indent: 0px; }

#indexPage #mpartner .slider_control a:hover { background-color: #424242 }

#pages a.active, #pages a:hover { background: #FFF; color: #838383; }

#newslist .newstitem:hover { background: transparent; }

.bx-wrapper .bx-controls-direction a:hover { background-color: transparent; }

#header ul li.navitem a { color: #C2C2C2; padding: 30px 30px; }

#header ul li.navitem { padding: 0px .5px 10px; }

#header.mini ul li.navitem a { padding: 20px 30px; }

#header ul li.navitem a.active, #header ul li.navitem:hover a { padding: 30px 30px; color: #FFF; background: transparent none repeat scroll 0% 0%; }

#header.mini ul li.navitem a.active, #header.mini ul li.navitem:hover a { padding: 20px 30px; }

#header.mini ul li.navitem ul.subnav { transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); }

#header.mini ul li.navitem:hover ul.subnav { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }

#header.mini ul li.navitem ul.subnav li a { padding: 14px 30px; }

#header ul li.navitem ul.subnav li a { border-bottom: medium none transparent; padding: 14px 30px; width: 150px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1) none repeat scroll 0% 0%; display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; }

#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #f0f0f0; color: #454545; }

#header ul li.navitem ul.subnav { border-top: 0px solid #7B7B7B; border-radius: 0px; box-shadow: 0px 12px 36px rgba(0, 0, 0, 0.16); }

#header ul li.navitem ul.subnav li { border-bottom: 1px solid #f0f0f0; }

.bx-wrapper .bx-controls-direction a { background: transparent; border-radius: 0px; }

.content .header p.subtitle { color: #787878; font-size: 14px; }

#indexPage #mproject { background-color: #fff; background-size: inherit; }

#category a { padding: 8px 30px; margin-right: 10px; transition: all 0.3s ease-out 0s; color: #999; border: 1px solid transparent; }

#category a.active, #category a:hover { color: #3B3B3B; border: 1px solid transparent; background-color: transparent; }

#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: rgba(255, 255, 255, 0); }

/*首页服务背景层 */































#contactform p textarea.inputtxt { height: 80px; }

#contactform p .inputtxt { border: none; margin-bottom: 5px; background: none; }

#contactform p { border-bottom: 1px solid #dddddd; padding-top: 5px; }

#indexPage #mteam .description { color: #848484; }

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

#footer { background-color: #212121; border-top: 1px solid #f1f1f1; }

#indexPage #mteam .slider_control a i:hover { color: #f0f0f0; }

.teamitem a div.wrap span { background: #f0f0f0; }

#contactinfo div a { background: #484848; }

#footer p { text-align: center; }

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

/*首页幻灯高度*/































#indexPage #mslider { height: 700px; }

bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 4px; margin: 0px 5px; border-radius: 6px; border: 1px solid #C8C8C8; }

/*首页全屏*/































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

#shares a { background: transparent; }

#shares a#gotop { margin-top: 1px; background-color: rgba(0, 0, 0, 0.2); transition: all 0.3s ease-out 0s; }

#shares a#gotop:hover { background-color: rgba(0, 0, 0, 0.8); }

#shares a#sweibo { background-color: #717171; transition: all 0.3s ease-out 0s; }

#shares a#sshare { color: transparent; }

#shares a#sweibo:hover { background: #EA493C; }

#shares a#sweixin { background-color: #4E4E4E; transition: all 0.3s ease-out 0s; }

#shares a#sweixin:hover { background-color: #24B727; }

/*新导航*/































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

#header ul#nav { float: right; padding: 0px 40px; transition: all 0.3s ease-out 0s; }

#header.mini ul#nav { padding: 0px 20px 0px 20px; }

#header.mini { padding-top: 0px; background-color: #212121; }

#header ul li.navitem { padding: 20px 0.5px; height: auto; }

#header.mini ul li.navitem { padding: 10px 0.5px; }

#header { padding-top: 0px; background-color: transparent; }

#header #logo { padding: 20px 40px; transition: all 0.3s ease-out 0s; }

#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; }

#header.mini #logo { padding: 10px 20px 10px 20px; }

#header.mini #logo img { transform: scale(0.8, 0.8); }

.nobanner #header { background-color: #212121; }

/*在线咨询*/































#olx_head { background: #1D1D1D; border-radius: 0px; color: #f0f0f0; }

#online_lx { border-radius: 0px; bottom: 130px; margin-right: -10px; }

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

#online_open { background-color: #444; bottom: 130px; margin-right: -10px; }

#olx_qq li a:hover { padding: 18px 30px; }

#shares { right: 0px; }

.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 transparent; background-color: transparent; }

.bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0px; border: #7d7d7d 1px solid; width: 6px; height: 6px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover { border: 1px solid rgba(255,255,255,.6); background-color: rgba(225,255,255,0); }

.npagePage4 .bx-wrapper .bx-pager { background-color: rgba(23,22,22,.8); padding: 10px 0; bottom: 0px; }

/*服务*/































#indexPage #mservice .fw { width: auto; }

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

#indexPage #mservice .slider_wrapper { width: 100%; height: auto; background-color: #F3F3F3; }

#indexPage #mservice .slider_wrapper .slider { width: 100%; margin-left: 1%; }

.serviceitem a { display: block; height: 120px; margin: 50px auto 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.serviceitem:hover { padding: 0; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16); }

.serviceitem { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); height: 360px; margin-right: 1%; width: 32%; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-bottom: 20px; background-color: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0); }

.serviceitem div p.description { font-size: 12px; color: #7b7b7b; height: 50px; overflow: hidden; width: 70%; margin-top: 10px; padding: 0 15%; transition: all 0.2s ease-out 0s; }

.serviceitem div p.title { width: 70%; padding: 0 15%; color: #6C6C6C; }

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

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

#indexPage #mservice .content .header { padding-top: 0px; padding-bottom: 0px; }

#indexPage #mservice { height: 400px }

.serviceitem:hover .title { color: #1E1E1E; }

.serviceitem:hover div p.description { color: #838383; ; }

/*首页关于我们*/































#indexPage #mpage .slider_wrapper li .fimg { width: 50%; height: 600px; background-size: cover; }

#mpage .content .header { width: 50%; float: right; padding-top: 90px; }

#mpage .module-slider .description { max-height: 108px; height: auto; line-height: 26px; padding-right: 10.1%; padding-left: 10.1%; float: right; width: 30%; }

#indexPage #mpage a.more { color: #666; border-color: #9E9E9E; width: 14%; float: right; margin-left: 18%; margin-right: 18%; border-radius: 0px; background-color: transparent; text-align: center; text-indent: 0px; }

#indexPage #mpage a.more:hover { background-color: #212121; border-color: #212121; color: #fff; }

#indexPage #mpage .slider_wrapper li { background-color: #f3f3f3; }

/*首页新闻*/































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

#indexPage #mnews { background-color: #fff; }

#newslist .newsinfo { display: block; float: none; margin: 0; padding: 0 60px; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); -moz-transform: translate3d(0px, -14px, 10px ); }

#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 10px); -webkit-transform: translate3d(0px, -14px, 10px); -moz-transform: translate3d(0px, -14px, 10px); }

#newslist .newsbody .title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 24px; color: #464646; }

#newslist .newsbody .description { width: 100%; margin-top: 20px; font-size: 12px; color: #777; text-align: left; }

#newslist .newsbody .date { color: #7E7E7E; }

#newslist .newsbody .date .md { margin-right: 10px; }

#newslist .newstitem:hover .description { color: #777; }

#newslist .newsdate { width: auto; margin: 0 0 20px; background-color: transparent; transition: all 0.3s ease-out 0s; }

#newslist .newstitem:hover .newsdate { background-color: transparent; }

#newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; }

.newsdate p { float: inherit; padding: 0; width: auto; }

#newslist .newsinfo .year { font-size: 16px; border-left: 20px solid #B9B9B9; line-height: 0px; height: 1px; padding: 0 0 0 15px; }

#newslist .newstitem i { text-indent: -100px; color: transparent; font-size: 36px; margin-top: -200px; }

#newslist .newstitem:hover i { text-indent: -80px; margin-top: -200px; }

#newslist .newsbody { margin-left: 0; width: 100%; }

#newslist { width: 1200px; margin: 0px auto; }

#newslist, #newslist .wrapper, #indexPage #mnews .content_list { max-width: 1240px; }

/*服务内页*/































#servicelist .serviceitem { height: 360px; margin-right: 1%; width: 32%; margin-top: 20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #fff; margin-bottom: 0px; }

#servicelist .serviceitem:hover { background-color: #fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); }

#servicelist .serviceitem:hover .title { color: #151515; }

#servicelist .serviceitem div p.description { color: #7B7B7B; }

#servicelist .serviceitem div p.title { color: #6C6C6C; }

#servicelist { width: 100%; }

#servicelist .wrap { width: 100%; margin-left: 1%; }

/*项目详情*/































#projectinfo { width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }

#projectwrap.fw { width: 100%; }

#projectimages li img { display: block; float: none; margin: 0px auto; max-width: 100%; }

#projectbody { max-width: 100%; margin: 0px auto; width: calc(100% - 490px); float: left; padding: 0 0 0 50px; }

#projectimages li img { display: block; float: none; max-width: 100%; margin: 0px auto; }

#projectimages { padding: 50px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }

#projectinfo .description a { background: #2D2D2D; }

#projectinfo .description a:hover { background: #2D2D2D; color: #f0f0f0; }

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

.ellipsis { text-overflow: ellipsis; overflow: visible; white-space: normal; }

/*案例*/































#projectmore { color: #f0f0f0; height: 100px; line-height: 100px; background: #262626; font-family: "PlusJakartaSans-Medium", "微软雅黑"; font-size: 18px; }

#projectmore:hover { color: #f0f0f0; height: 100px; line-height: 100px; background: #262626; font-size: 18px; }

/*瀑布流*/































.wrapper { margin: 0px auto; }

#projectlist .projectitem { float: none; -webkit-backface-visibility: hidden;/*谷歌图片闪烁*/ -webkit-transform-style: preserve-3d; padding: 0em; margin-right: 20px; background-color: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#projectlist .projectitem a img { width: 100%; height: auto; float: none; display: block; }

#projectlist .projectitem .project_info { top: auto; height: 1px; }

/*首页案例线*/































#projectlist .projectitem .project_info div.line1 { margin: 10px 0 0 20px; width: 3px; height: 1px; background: #a5a5a5; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

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

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

#projectlist .projectitem .project_info div { top: 0; margin: 0 auto; }

#projectlist .projectitem .project_info p.title { color: #7B7B7B; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: -70px }

#projectlist .projectitem .project_info p.subtitle { margin-top: 0; color: #BABABA; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#projectlist .projectitem a:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }

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

#projectib .projectitem a:hover .project_info p.title { margin-top: -42px; }

/*案例详情页标签图瀑布流*/































































#projectib .projectitem a .project_info { height: 40px; }

#projectib .projectitem { width: 150px; padding: 0em; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-right: 20px; margin-bottom: 10px; }

#projectib .projectitem a img { width: 100%; height: auto; float: none; margin-bottom: 50px; display: block; }

#projectib .projectitem a .project_info p.title { margin-top: -42px; }

/*首页团队*/































#indexPage #mteam { background-color: #303030; height: 500px; }

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

#indexPage #mteam .header img { float: left; margin: 0px 80px 80px 40px; }

#indexPage #mteam .header p.title { text-align: left; margin: 30px auto auto; }

#indexPage #mteam .header p.subtitle { text-align: left; margin: 0px auto; }

#indexPage #mteam .description { text-align: left; width: 760px; }

#indexPage #mteam .slider_control { height: 60px; width: 60px; margin-top: 220px; }

/*首页联系*/































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

#contactinfo h3 { float: left; width: 100%; color: #444; margin-bottom: 12px; }

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

#indexPage #mcontact .content { width: 1180px; }

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

#indexPage #mcontact { height: 260px; background-color: #fff; border-top: 1px solid #f1f1f1; }

#mcontact .content .header { padding-top: 30px; }

#indexPage #mproject .content { margin: 0 }

#indexPage .module .content { position: relative; margin: 0; top: 0 }

#indexPage #projectlist .projectitem, #projectlist .projectitem { padding-bottom: 88px; }

#projectlist { margin: 0 auto }

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

/*转开始*/















































.content .header { padding-bottom: 40px; }

#indexPage #mservice .content { height: auto; margin-top: 0; }

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

#indexPage #mteam .content { height: auto; margin-top: 0; padding: 50px 0px; }

#indexPage #mproject .content { height: auto; margin-top: 0; }

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

#indexPage #mpartner .content { height: auto; margin-top: 0; }

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

#indexPage a.more i { font-size: 18px; display: none }

/*案例*/































#indexPage #mproject .content .header { padding-top: 80px; }

#mproject #category { display: block; }

#mproject #projectlist { max-width: 1200px; margin: 0 auto; width: 80%; padding-bottom: 100px; }

#projectlist .projectitem a .project_info { top: auto; bottom: 0px; height: auto; }

#projectlist .projectitem a .project_info p.title { color: #7B7B7B; margin-top: -70px; }

#projectlist .projectitem a .project_info p.subtitle { color: #BABABA; margin-top: 0px; }

#projectlist .projectitem a .project_info div:after { content: ''; display: block; margin: 10px 0 0 0; width: 3px; height: 1px; background: #a5a5a5; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mproject .content .wrapper .content_list { margin: 0 auto; }

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

#indexPage #mproject a.more { width: 378px; height: 50px; line-height: 50px; font-size: 14px; margin-bottom: 0px; margin-top: 20px; border: 1px solid #474747; background-color: #474747; color: #e9e9e9; }

#indexPage #mproject a.more:hover { background-color: #202020; border: 1px solid #202020; }

/*首页团队*/































#indexPage #mteam .content > .header { display: none; }

#indexPage #mteam .header img { float: left; margin: 0px 50px 0 100px; border-radius: 0px; width: 180px; height: auto; }

#indexPage #mteam .header p.title { text-align: left; color: #5a5a5a; text-align: center; }

#indexPage #mteam .header p.subtitle { text-align: left; text-align: center; }

#indexPage #mteam { background-color: #f6f6f6; height: 380px; min-height: 380px; }

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

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

#contactinfo div a { color: #fff; background: rgba(0,0,0,.3); margin-right: 20px; }

#indexPage #mteam .module-content .header a { position: relative; }

#mteam .content .header { padding-top: 80px; }

#indexPage #mteam .summary { float: left; width: 760px; margin-top: 18px; }

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

#indexPage #mteam .summary .description { width: auto; height: 96px; font-size: 12px; }

#indexPage #mteam .bx-wrapper .bx-prev { left: 0; margin-top: 0 }

#indexPage #mteam .bx-wrapper .bx-next { right: 0; margin-top: 0 }

#indexPage #mteam .module-content .header { padding-top: 50px; }

#indexPage #mteam .summary p.title a { color: #fff; }

#indexPage #mteam .summary p.subtitle { color: #a5a5a5; }

#indexPage #mteam .summary .description { width: 760px; color: #bebebe; font-size: 13px; height: 50px; line-height: 24px; }

#mteam .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }

/*关于*/































#indexPage #mpage .wrapper li .fimg { width: 50%; height: 450px; background-size: cover; }

#mpage .module-content .description { max-height: 108px; height: auto; line-height: 26px; padding-right: 10.1%; padding-left: 10.1%; float: right; width: 30%; }

/*服务*/































#indexPage #mservice { background-color: #F3F3F3; }

#indexPage #servicelist .serviceitem { margin-top: 20px; }

#servicelist .serviceitem a { margin: 0 }

#servicelist .serviceitem a img { margin: 0px auto 20px; padding-top: 50px; }

#servicelist .serviceitem div p.description { width: auto; }

#indexPage #mservice .wrapper .bx-viewport { padding-bottom: 40px }

/*新闻*/































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

#indexPage #mnews .content .header { display: block; }

#newslist .newstitem .news_wrapper { position: inherit; padding-top: 16px; }

#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { width: auto; padding-left: 180px; }

#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding-left: 180px; }

#newslist .newstitem.right a.newscontent { padding-right: 0 }

#newslist .newstitem.right a.newscontent:hover { padding-right: 0 }

#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }

#newslist .separator { display: none; }

#newslist .newstitem { border-bottom: 1px solid transparent; float: left; height: auto; height: auto; margin-bottom: 80px; }

#newslist .news_wrapper { background: transparent }

#newslist .newsbody p.date { font-family: "PlusJakartaSans-Medium", Arial; height: 30px; font-weight: 300; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#newslist .newstitem:hover .newsbody p.date { margin-left: 80px; }

#newslist .newstitem a.newscontent { text-align: left; }

#newslist .newstitem .md span { display: none; }

#newslist .newstitem .md::after { content: ''; display: block; border-bottom: 1px solid rgb(200, 200, 200); width: 30px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#newslist .newstitem:hover .md::after { width: 110px; }

#newslist .newstitem .newsimg { width: 160px; height: 160px; background-color: #f4f4f4; }

#newslist .bx-viewport { min-height: 160px }

#newslist .newstitem.right a.newscontent .newsimg { left: 0; }

#indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }

#newslist .newstitem:hover p.title { color: #464646; text-decoration: underline; }

#indexPage #mnews a.more { display: block; width: 378px; height: 50px; line-height: 50px; font-size: 14px; margin: 20px auto 80px; border: 1px solid #474747; background-color: #474747; color: #e9e9e9; }

#indexPage #mnews a.more:hover { background-color: #202020; border: 1px solid #202020; }

/*合作伙伴*/































#indexPage #mpartner .content .header { display: none; }

#indexPage #mpartner .module-content { padding: 30px 0; height: 80px; }

#indexPage #mpartner .wrapper { height: auto; }

#indexPage #mpartner .wrapper ul li { height: 80px; margin-top: 10px; }

#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }

#mpartner .bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.2); border-radius: 25px; }

#mpartner .bx-wrapper .bx-controls-direction a i { color: #fff; }

#mpartner .bx-wrapper .bx-controls-direction a:hover { background-color: #424242; }

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

#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }

#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }

/*联系*/































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

#indexPage #mcontact .content .header { visibility: hidden; }

#indexPage #mcontact .content .fw { width: 1180px; }

/*版权Logo*/































#footer a path { fill: rgb(148, 148, 148); }

/*内页服务*/































#servicelist .serviceitem { text-align: center; }

#servicelist .serviceitem a img { display: inline-block; }

/*案例内页*/































#mproject.npagePage #category { margin-top: 30px; }

.npagePage #projectlist .content_list { max-width: 1600px; margin: 0 auto; }

.npagePage #projectlist .projectitem { margin: 0px; }

/*团队内页*/































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

/*新闻内页*/































.Pagenews #newslist .newstitem:hover p.title { text-decoration: none; }

.projectSubList, .projectSubList .content_list { width: 100%; }

#projectlist .projectitem { width: 380px }

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

#category a::after { content: ''; position: absolute; width: 12px; height: 1px; margin-left: 31px; margin-top: 7px; background: rgba(0,0,0,.2); }

#category a:last-child::after { width: 0px; }

.Pageanli #category li a::after { content: ''; position: absolute; width: 12px; height: 1px; margin-left: 31px; margin-top: 7px; background: rgba(0,0,0,.2); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.Pageanli #category li:last-child a::after { width: 0px; }

#projectlist .projectitem a::before { position: absolute; content: ""; width: 340px; height: calc(100% - 130px); margin-top: 20px; margin-left: 20px; z-index: 10; border: 1px solid transparent; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#projectlist .projectitem:hover a::before { border: 1px solid rgba(255,255,255,.5); }

#projectlist .projectitem a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(http://resources.jsmo.xin/templates/upload/307/icon/jia.png); margin: 0 auto; display: inline-block; position: absolute; top: 0px; left: 1px; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }

#projectlist .projectitem:hover a::after { opacity: 1; top: 10%; }

#projectlist .wrapper { margin-left: 0; }

/*幻灯翻页*/







#mslider .bx-wrapper .bx-pager.bx-default-pager a:hover, #mslider .bx-wrapper .bx-pager.bx-default-pager a.active, #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus { background-color: #2A2A2A; border: 1px solid #2A2A2A; }

#mslider .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 0px; margin: 0 40px 0 0; border-radius: 0px; border: #8C8C8C 1px solid; background-color: transparent; }

#mslider .bx-wrapper .bx-pager-item::before { position: absolute; content: ""; height: 1px; background: #dedede; width: 30px; margin: 5px 0 0 -10px; border-radius: 3px; }

#mslider .bx-wrapper .bx-pager-item::after { position: absolute; content: ""; height: 40px; background: #fff; width: 96px; margin: -25px 0 0 -74px; z-index: -1; border-radius: 0px; }

#mslider .bx-wrapper .bx-pager-item:last-child::before { position: absolute; content: ""; height: 0px; width: 0px; }

#indexPage #mslider .bx-wrapper .bx-pager { bottom: 0px; margin-left: 20px; }

#mslider .bx-wrapper .bx-controls-direction { display: block; }

#header ul li.navitem a::after { content: ''; position: absolute; width: 12px; height: 1px; margin-left: 22px; margin-top: 19px; background: rgba(255,255,255,.3); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#header ul li.navitem:last-child a::after { width: 0px; }

#indexPage .module .bgmask { background-color: transparent; }

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

#projectib5 #projectlist .projectitem a::before { }

#projectib5 #projectlist .projectitem { overflow: hidden; padding-bottom: 0px; width: 45% !important }

#projectib5 #mproject #projectlist { width: 100%; }

.npagePage #projectib5 #projectlist .content_list { width: 100% !important; }

#projectib5 #projectlist .projectitem a::before { width: calc(100% - 40px); height: calc(100% - 100px); }

.npagePage4 .bx-viewport { background-color: #171616; min-height: 650px; }

#post_slider li, #post_slider1 li { height: 650px; background-size: auto 100% !important; }

#post_slider { height: 650px; }

#projectinfo4 .header { float: left; padding: 0; }

#projectinfo4 { width: 100%; background-color: #212121; }

#projectwrap4 { margin-top: 0px; width: 100%; }

#projectwrap4 #projectih4 { width: 1200px; margin: 0 auto; }

#projectinfo4 .header .title-warp { margin: 30px 0px; float: left; width: 340px; }

#projectinfo4 .header .description { margin: 36px 0px 36px 40px; position: relative; width: 820px; float: right; }

#projectinfo4 .header p.title { color: #fff; font-size: 20px; text-align: right; max-width: 300px; }

#projectinfo4 .header::after { content: ''; position: absolute; width: 1px; height: 35px; margin-left: 0px; margin-top: 37px; background: rgba(255,255,255,.1); }

.postbody4 { width: 1200px; margin: 0 auto; margin-top: 30px; }

#projectinfo4 .header p.subtitle { font-size: 12px; text-align: right; max-width: 300px; }

#projectshow4 #projecttags4 { width: 1200px; margin: 0 auto; }

#npagePage #projectlist .projectitem a .project_info p.title { color: #7B7B7B; margin-top: -70px; }

#npagePage #projectlist .projectitem a .project_info p.subtitle { color: #BABABA; height: auto; line-height: inherit; }

#npagePage #projectlist .projectitem a .project_info { position: absolute; }

#npagePage #projectlist .projectitem a:hover .project_info { height: auto; }

#npagePage #projectlist .projectitem a .project_info div { margin-top: -15px; }

.bx-wrapper .bx-pager.bx-default-pager a.active { border: 1px solid #c6c6c6; background-color: #c6c6c6; }

.bx-controls { margin: 0 auto; }

#indexPage #mnews .content_list:after { content: ''; display: block; clear: both; }

#newslist .newsbody .description { height: 44px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

#newslist .newstitem { height: 160px; }

#indexPage #mnews .content_list { height: auto; }

#newslist .bx-viewport { overflow: visible !important; }





/*video css*/      

.mvideom .videom_item .wrap .item_info{ position: inherit;bottom:auto; left:auto;padding:0;width:100%;padding:20px 0; height:auto}

.mvideom .videom_item .wrap:hover .item_info{ bottom:auto;}

.mvideom .videom_item .title{color:#7B7B7B;font-size: 16px; margin-top:0;}

.mvideom .videom_item .subtitle{color: #BABABA; margin-top:0 ;font-size: 12px;}

.mvideom .bx-wrapper .bx-controls-direction a{margin-top:-56px;}

.Pagevideo.mvideom .module-content {width:1200px; margin:0 auto}

.Pagevideo.mvideom.mvideom01 .videom_item{width: calc(33.3% - 20px);margin-right: 20px; margin-left:0; }
.mvideom .videom_item .imgIcon{background-color: rgba(255, 255, 255, 0.1); border:none}
#fixed_videoPost .fixed-btn a{background-color: rgba(0,0,0,0.1);transition: all 0.3s ease-out 0s;}
#fixed_videoPost .fixed-btn a i{ color:#fff}
.mvideom.mvideom01 .videom_item .wrap:hover .title{ margin-top:0}
.Pagevideo.mvideom.mvideom01 .module-content{width: 1200px;}
.mvideom.mvideom01 .mvideo_header{ text-align: center;padding-top: 80px; padding-bottom: 40px;}
#plheader{ padding-bottom: 40px;}





/* 2019.08.12 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;
}

.bodyindex #indexPage #category a.more:hover {
    background: #50a4fe;
    color: #FFFFFF;
    transition: 0.3s;
    transform-origin: bottom;
    border: none;
}

#indexPage a.more:hover i,
#category a:nth-last-child(2)::after,
#category a:nth-child(2)::before {
    display: none;
}

/* 处理图片 */
#mteam .content_list li .header,
#mvideom .videom_item .image,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#videomlist .videom_item .image {
    position: relative;
    display: block;
    overflow: hidden;
}
#mteam .content_list li .header img,
#mvideom .videom_item .image img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#videomlist .videom_item .image img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#indexPage #mteam .module-content .header {
    padding-top: 15%;
    width: 180px;
    margin: 0px 50px 0 100px;
    float: left;
}
#mvideom .videom_item .image,
#videomlist .videom_item .image {
    padding-top: 67%;
}
#mpartner .content_list li .par_img {
    padding-top: 50%;
    margin: 10px 0;
}
#teamlist .teamitem .teamimg {
    padding-top: 100%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #mteam .header img {
    margin: 0;
}
#indexPage #mteam .module-content .header a {
    position: static;
}
#indexPage #mteam .content {
    padding: 100px 0px;
}
#indexPage #newslist .newstitem {
    width: calc(50% - 20px);
}
#indexPage #newslist .newstitem:nth-child(odd) {
    margin-right: 40px;
}
.mvideom .videom_item {
    width: 33.333333333%;
}
.Pageteam .teamitem a {
    height: 460px;
}
#projectlist .projectitem {
    transition: none;
}
.npagePage4 #post_slider {
    background-color: #171616;
}
/* 2019.08.12 yyq 4-5 */