@charset "utf-8";
/* CSS Document */


/*导航*/
#header { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background: #fff;}
#header.mini ul#nav { padding: 0px 20px 0px 20px; }
.nobanner #header { background: #fff; border-bottom: 1px solid #f2f2f2; }
#header ul#nav { float: right;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:100%;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #333; }
#header.mini ul li.navitem a::before { margin-top: 50px; }
#header.mini { border-bottom: 1px solid rgba(255,255,255,.3); background:transparent; }

#header ul li.navitem ul.subnav li a { background: #fff; height:32px; line-height:32px;}
#header ul li.navitem ul.subnav { border-top: 0; }
#header ul li.navitem ul.subnav li a:hover { background: rgb(105, 105, 105); }
#header ul li.navitem ul.subnav li a::before { position: absolute; content: ""; width: 0%; height: 0px; }
#header ul li.navitem ul.subnav li a.active::before { content:""; width:0; height:0;}
/*导航结束*/

/*导航*/

body.ipusher.open #header #headSHBtn {left: calc(100% - 70px);position: absolute;}
body.ipusher.open #header #headSHBtn:hover { background-color:#262626; }
body.ipusher.open #header #headSHBtn i::before { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
body.ipusher #header #headSHBtn i { font-size: 17px; margin-top: 17px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
body.ipusher #header #headSHBtn:hover i { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
body.ipusher.open #header #headSHBtn:hover i { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
#headSHBtn { display: block; left: -70px; top: 20px; color: #dedede; background: #fff; width: 50px; height: 50px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#headSHBtn:hover { background-color: #4b4b4b; }
body.ipusher #header ul li.navitem ul.subnav { height:1000px; overflow: hidden; left:0; z-index:1; left:50%;margin-left:20px;}
body.ipusher #header ul li.navitem ul.subnav li { height:60px;}
body.ipusher #header .content { padding-top:80px; background-color: #fff; padding-bottom: 1000px; box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); }
#logoClone img { margin: 20px 30px; }
body.ipusher #header { width: 400px; left: auto; background-color: #FFF; right: -400px; position: fixed; z-index: 999999; }
body.ipusher.open #header { transform: translate3d(-400px, 0, 0); -webkit-transform: translate3d(-400px, 0, 0); -moz-transform: translate3d(-400px, 0, 0); -o-transform: translate3d(-400px, 0, 0);width:100%;}
body.ipusher #header #logo { margin:0 auto 40px ; }
body.ipusher #header #logo img { height:40px; }
body.ipusher #header ul li.navitem { text-align:center; border-top: 1px solid #F5F5F5; height:60px; line-height:60px;}
body.ipusher #header ul li.navitem:hover { background:#f8f8f8; cursor:pointer; }
body.ipusher #header ul li.navitem:hover a { color:#000;}
#header ul li.navitem a { color: #666; font-size:14px;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #666 }
#header ul li.navitem ul.subnav li a { background:transparent;}
body.ipusher #header ul li.navitem ul.subnav li a { color:#777;}
body.ipusher #header ul li.navitem ul.subnav li a:hover {background:transparent; color:#333;}
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0,0,0,.02);}
#header ul li.navitem ul.subnav li:last-child { border-bottom:none;}


/*首页头部导航*/

#headSHBtn i { display: none; }
#headSHBtn:after { content: ''; display: block; width: 20px; height: 2px; background: #999; position: absolute; top: 28px; left: 15px; transition: all 0.3s ease-out 0s }
#headSHBtn:before { content: ''; display: block; width: 20px; height: 2px; background: #999; position: absolute; top: 18px; left: 15px; transition: all 0.3s ease-out 0s }
#headSHBtn:hover::after { transform: rotate(45deg); top: 25px; background: #fff }
#headSHBtn:hover::before { transform: rotate(-45deg); top: 25px; background: #fff }
body.ipusher.open #headSHBtn { background-color:#4a4a4a; }
body.ipusher.open #headSHBtn:after { transform: rotate(45deg); top: 25px; background: #fff }
body.ipusher.open #headSHBtn:before { transform: rotate(-45deg); top: 25px; background: #fff }
#header ul li.navitem ul.subnav li a i { margin-top:10px;}


/*首页幻灯*/
.bx-wrapper .bx-controls-direction a { margin-top: -30px; width: 60px; height: 60px;background: transparent; border-radius: 5px; }
.bx-wrapper .bx-controls-direction a i { color: #eaeaea; font-size: 36px; margin-top: 12px; margin-left: 22px; }
.bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0,0,0,.6); }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 25px; }
bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a.active { display: none; }
#mslider .bx-wrapper .bx-pager.bx-default-pager a, .bx-wrapper .bx-pager.bx-default-pager a { display: none; }

.content .header { padding-top:70px;}

/*项目*/
#indexPage #projectlist .projectitem { width:25%;}

.Pageanli .content .header { padding-top:50px;}
#indexPage #mproject { background:#fff;}
#indexPage #mproject .content .wrapper { width:calc(100% - 60px); margin: 0 auto; }
.content .header p.title { font-family: "PlusJakartaSans-Medium", "微软雅黑"; text-align: left; margin-left:30px; font-size:22px;}
#projectlist .bx-viewport { padding-bottom: 90px; }
#projectlist .projectitem a:hover .project_info { background: rgba(0,0,0,.5); position:absolute;}
.content .header p.subtitle { text-align: left; margin-left:30px; font-family: "PlusJakartaSans-Medium", "微软雅黑"; margin-top: 5px; font-size: 14px;}
#indexPage #projectlist .projectitem a .project_info div { position: absolute; height:100px; width: 100%;  background: transparent; transition: all 0.3s ease-out 0s;opacity:0;top: 50%;
margin-top: -43px;}
#indexPage #projectlist .projectitem:hover a .project_info div {opacity:1;}
#projectlist .projectitem a .project_info div {top: 100%; margin-top:0;}


#projectlist .projectitem a .project_info div::after { width: 32px; height: 30px; position: absolute; content: ""; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 30px; right: 0px; background: none; opacity: 0; }
#projectlist .projectitem a:hover .project_info div::after { right: 25px; background:none; opacity: 1; }
#projectlist .projectitem a .project_info p.title { margin: 0 20px; color: #565656; padding: 20px 0px 5px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "PlusJakartaSans-Medium", "微软雅黑"; }
#indexPage #mproject #projectlist .projectitem a .project_info p.title { color:#fff; text-align:center;}
#indexPage #mproject #projectlist .projectitem a .project_info p.subtitle { text-align:center;}
.Pageanli #projectlist .projectitem a .project_info p.title {color: #565656; margin:0;}
#projectlist .projectitem a .project_info p.subtitle { margin:0 20px;color: #929292; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "PlusJakartaSans-Medium", "微软雅黑"; font-size: 14px; }
.Pageanli #projectlist .projectitem a .project_info p.subtitle {color: #929292;padding:0px 0px 5px; margin:0}
#projectlist .projectitem a:hover .project_info p.title { color: #4A4A4A; }
#category a { padding: 7px 28px; border: 0; }
#category a::after { position: absolute; content: "/"; text-align: left; margin-left: 28px; margin-top: 0px; font-size: 12px; color: #C8C8C8; }
#indexPage #mproject #category a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }
#newsPage #category a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }
#indexPage #mproject #category { position: absolute; top: 20px; display: block; animation-name: fadeInUp; right:30px; margin-right: -30px; }
#category a::before { position: absolute; content: ""; text-align: left; margin-left: 0px; margin-top: 22px; background-color: #b2b2b2; width: 0px; height: 1px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#category a:hover::before { width: 30px; }
#category a { font-size: 14px; color: #999; border: 0; }
#category a.active, #category a:hover { background: transparent; color: #666; border-color: transparent;}
#projectlist .projectitem { margin-bottom: 100px; background:#fff;}
#projectlist .projectitem:nth-child(4n) {margin-right:0;}

/*#projectlist .projectitem a::after { content: '+'; width: 64px; height: 64px; line-height: 64px; margin: 0 auto; margin-left: -32px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 2px solid #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "PlusJakartaSans-Medium", "微软雅黑"; }
*/
#projectlist .projectitem:hover a::after { margin-left: -32px; margin-top: -32px; top: 50%; opacity: 1; }
#indexPage #mproject .bx-wrapper .bx-controls-direction { display: inline; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a { top: 114%; margin-top: 0px; width: 60px; height: 30px; background: transparent; border-radius: 0px; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev { left: 50%; margin-left: -60px; border-right: 1px solid #e9e9e9;background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev:hover {border-right: 1px solid #e9e9e9;background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -220px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next { right: 50%; margin-right: -60px;background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) 0 -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) 0 -220px no-repeat;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a i { color: #dadada; font-size: 24px; margin-top: 2px; margin-left: 26px; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover i { color: #535353; }
#indexPage #mproject a.more { display: none; }
#category { text-align: right; padding-bottom:40px;}
#indexPage #mproject .fa-angle-right::before { content:"";}
#indexPage #mproject .fa-angle-left::before { content:"";}
.Pageanli #category { text-align:center; top:0; margin:0 auto; width:94%; padding-left:3%; padding-right:3%; margin-bottom:10px;}

/*案例详情页*/
.npagePage4 #projectlist .projectitem a .project_info { background:#fff;}



/*服务*/
#indexPage #mservice .content { height: 100%;margin-top:0; top:50px;}
#indexPage #mservice .wrapper { height: 100%; }
#indexPage #mservice .wrapper .bx-wrapper .bx-viewport { height: 100%;}
#indexPage #mservice .content .header { width: 100%;position: relative;top: 80px;}
#mservice .content .header p.title { text-align: left;  }
#mservice .content .header p.subtitle { text-align: left;}
#indexPage a.more { display: none; }
#indexPage #servicelist .serviceitem { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height:530px;}

#servicelist .serviceitem div { margin-top:25px;padding: 0 25px;overflow: hidden;}
#servicelist .serviceitem div p.title { font-size:18px; color:#333; margin-bottom:30px;}
#servicelist .serviceitem:hover .title { color:#333;}
#servicelist .serviceitem div p.title::before {content:"";position: absolute; width:30px; height:1px; background:#e2e2e2;margin-top: 50px;left: 50%;margin-left: -15px;}
#servicelist .serviceitem div p.description { line-height:28px;}
#indexPage #servicelist .serviceitem:hover::before {font-size:180px;top:-10px; margin-left:94px;}
#servicelist .serviceitem a { padding-top:20%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height:460px;}
#servicelist .serviceitem a:hover {padding-top: 30%;}
#servicelist .serviceitem:hover a img { float: none; height: auto; margin: 0 auto; opacity: 01; }
#servicelist .serviceitem a::after { position:absolute; content:""; width:40px; height:40px; background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -92px 0 no-repeat;margin-top:30px;margin-left: 168px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#servicelist .serviceitem a:hover::after {background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -10px 0 no-repeat; width:70px; margin-left:154px;}


/*首页关于我们*/
#indexPage #mpage .wrapper li .fimg { width: 50%; height: 1024px; background-size: cover; }
#mpage .content .header { width: 50%; float: right; padding-top: 13%; padding-bottom: 3%; }
#indexPage #mpage a.more { width: 12%; margin-top:4%; float: right; margin-left: 7%; margin-right: 31%; line-height: 40px; height: 40px; border-radius: 0px; text-align: center; text-indent: 0px; display: block;font-family: "PlusJakartaSans-Medium";background-color: #383838;border: #383838 1px solid;color: #fff;font-size: 16px; }
#indexPage #mpage a.more::before  { position: absolute;display: block;content: "";height: 1px;background-color: rgba(0,0,0,.1);width: 36%;float: right;margin-top: -1px;}
#indexPage a.more i {font-size:20px;position: relative;top: 1px;}
#indexPage #mpage .content, #indexPage #mpage .module-content, #indexPage #mpage .wrapper, #indexPage #mpage .slider, #indexPage #mpage .wrapper li, #indexPage #mpage .wrapper li .fimg { height: 100%; }
#mpage .module-content .description { max-height: 108px; height: auto; line-height: 26px; padding-right: 7.1%; padding-left: 7.1%; float: right; width: 36%; text-align: left; }
#mpage .content .header p.title { text-align: left; margin-left: 14%; font-size: 22px; }

#mpage .content .header p.subtitle { text-align: left; margin-left: 14%; }
#indexPage #mpage .content { margin-top: 0; top: 0; }

/*新闻*/
#indexPage #mnews .content .header { display: block; padding-bottom:0px; top: 49px;position: relative;}
#indexPage #mnews .content {top: 50%; margin-top: -270px; }
#indexPage #newslist { width: 1000px; margin: 0 auto; height: 200px; position: relative }
#indexPage .newsimg, #newslist .separator, #indexPage .newsbody .description { display: none }
#indexPage #newslist .newstitem { position: absolute; display: none; width: 320px; height: 30px; line-height: 30px; top: 0 }
#indexPage .newstitem .newsbody { display: block; max-width: 100%; vertical-align: auto; width: 100% ;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newstitem .newsbody .date { font-weight: inherit; font-family: PlusJakartaSans-Medium; color:#C0C0C0; margin-bottom: 0; display: inline-block; padding: 0 22px; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#newslist #newsitem_0.newstitem .newsbody .date{ padding:0;}
#newslist #newsitem_0.newstitem .newsbody .date .year{font-size: 28px; color:#8c8c8c;font-family: "PlusJakartaSans-Medium"; margin-left: -124px; position: absolute;}
#newslist #newsitem_1.newstitem .newsbody .date .year, #newslist #newsitem_2.newstitem .newsbody .date .year, #newslist #newsitem_3.newstitem .newsbody .date .year{font-size: 26px; color:#8c8c8c;font-family: "PlusJakartaSans-Medium"; margin-left: -135px; position: absolute;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}



#newslist #newsitem_0.newstitem .newsbody .date .md{ font-family: "PlusJakartaSans-Medium"; margin-left: -88px; position: absolute; margin-top: 28px;font-size: 14px;}
#newslist #newsitem_1.newstitem .newsbody .date .md,#newslist #newsitem_2.newstitem .newsbody .date .md,#newslist #newsitem_3.newstitem .newsbody .date .md{ font-family: "PlusJakartaSans-Medium"; margin-left: -104px; position: absolute; margin-top: 28px;font-size: 14px;}
.md span {display: none;}


#newslist .newstitem .newsbody .title { font-size: 12px; color: #7b7b7b; ; display: inline-block; line-height: 30px; width: 280px; overflow: hidden; height: 30px; text-overflow: ellipsis; white-space: nowrap; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: 0; text-align: left }
#newslist .newstitem.left a.newscontent:hover .title{ color:#000;}
#newslist .news_wrapper { background-color: transparent; width: 100%; }
#newslist .newstitem a.newscontent:hover .news_wrapper { background-color: transparent; width: 100%; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding:0;}

#newslist .newstitem.right a.newscontent .newsimg { left: 0 }
#newslist .news_wrapper::before { height: 0 }
#indexPage #newslist #newsitem_0 { display: block; height: 100%; width: 430px }
#indexPage #newslist #newsitem_0 .newsimg { display: block; width: 430px; height: 230px }
#newsPage #newslist .newstitem .newsimg { display: block; width: 250px; height: 160px }
#indexPage #newslist #newsitem_0 .news_wrapper, #newsPage #newslist .newstitem .news_wrapper { width: 400px; height: 200px; left: 30px; top: 266px; }

#indexPage #newslist #newsitem_0 .newsbody .title, #newsPage #newslist .newstitem .newsbody .title { font-size: 18px;display: block; width: 100%; float: none; position: relative;}
#indexPage #newslist #newsitem_1 .newsbody .title, #indexPage #newslist #newsitem_2 .newsbody .title, #indexPage #newslist #newsitem_3 .newsbody .title, #newsPage #newslist .newstitem .newsbody.title  {font-size: 16px;display: block;width: 100%;float: none;position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist .newstitem:hover .newsbody p.title { margin-left:10px;}

#indexPage #newslist .newstitem p.description  {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist .newstitem:hover .newsbody p.title { margin-left:10px;}
#indexPage #newslist #newsitem_0:hover  .newsbody p.title {margin-left:0px;}


#indexPage #newslist #newsitem_0 .newsbody .title::before{position: fixed;content: "";width: 2px;height: 20px;background-color: #666;margin: 5px 0px 0 -31px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist #newsitem_1 .newsbody .title::before, #indexPage #newslist #newsitem_2 .newsbody .title::before, #indexPage #newslist #newsitem_3 .newsbody .title::before{position: fixed;content: "";width: 1px;height: 20px;background-color:rgba(0,0,0,.15);margin: 5px 0px 0 -31px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}


#indexPage #newslist #newsitem_1:hover .newsbody .title::before, #indexPage #newslist #newsitem_2:hover .newsbody .title::before, #indexPage #newslist #newsitem_3:hover .newsbody .title::before{background-color:rgba(0,0,0,.4); margin-left:-41px;}



#indexPage #newslist #newsitem_0 .newsbody .description, #newsPage #newslist .newstitem .newsbody .description { font-size: 13px; line-height: 24px; color: #909090; text-align: left; height: 42px; overflow: hidden; margin-top: 16px; display: block }
#indexPage #newslist #newsitem_1 .newsbody p.description,#indexPage #newslist #newsitem_2 .newsbody p.description,#indexPage #newslist #newsitem_3 .newsbody p.description { font-size: 13px; line-height: 24px; color:#6a6a6a; text-align: left; height: 42px; overflow: hidden; margin-top: 12px; display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left: 0;}
#indexPage #newslist #newsitem_1:hover .newsbody p.description,#indexPage #newslist #newsitem_2:hover .newsbody p.description,#indexPage #newslist #newsitem_3:hover .newsbody p.description {margin-left:10px;color: rgba(0,0,0,.5);}


#indexPage #newslist #newsitem_0 .newsbody::after {content: 'MORE';width: 105px;height: 40px; padding-left:45px;line-height: 40px;display: block;text-align: left;margin-top: 50px;color:#727272;border-top: 1px solid rgba(255,255,255,.12);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;font-family: "PlusJakartaSans-Medium";background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;}
#indexPage #newslist #newsitem_0 .newsbody::after:hover {position: absolute;content: "";width: 0px;height: 42px;background: #595959;margin: 68px -237px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
z-index: -1;}
#newsPage #newslist .newstitem .newsbody::after {content: 'MORE';width: 105px;height: 40px; padding-left:45px;line-height: 40px;display: block;text-align: left;margin-top: 50px;color:#727272;border-top: 1px solid rgba(0,0,0,.12);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;font-family: "PlusJakartaSans-Medium";background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;}
#indexPage #newslist #newsitem_0 a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after {color: #fff;}
#indexPage #newslist #newsitem_0 a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after { color: #333; }
#indexPage #newslist #newsitem_1 .news_wrapper, #indexPage #newslist #newsitem_2 .news_wrapper, #indexPage #newslist #newsitem_3 .news_wrapper, #indexPage #newslist #newsitem_4 .news_wrapper, #indexPage #newslist #newsitem_5 .news_wrapper { transition: all 0.3s ease-out 0s; }
#indexPage #newslist #newsitem_1 .news_wrapper::after, #indexPage #newslist #newsitem_2 .news_wrapper::after, #indexPage #newslist #newsitem_3 .news_wrapper::after, #indexPage #newslist #newsitem_4 .news_wrapper::after, #indexPage #newslist #newsitem_5 .news_wrapper::after { width: 340px;height: 1px;position: absolute;content: "";left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color: rgba(255,255,255,.08);z-index: -1;margin-top: 40px;margin-left: -30px;}
#indexPage #newslist #newsitem_1 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_2 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_3:hover .news_wrapper::after, #indexPage #newslist #newsitem_4:hover .news_wrapper::after, #indexPage #newslist #newsitem_5:hover .news_wrapper::after { width: 350px;
background-color: rgba(255,255,255,.3);}
#indexPage #newslist #newsitem_1 a:hover .news_wrapper, #indexPage #newslist #newsitem_2 a:hover .news_wrapper, #indexPage #newslist #newsitem_3 a:hover .news_wrapper, #indexPage #newslist #newsitem_4 a:hover .news_wrapper, #indexPage #newslist #newsitem_5 a:hover .news_wrapper { background-color: transparent; }

#indexPage #newslist #newsitem_1 a:hover .title, #indexPage #newslist #newsitem_2 a:hover .title, #indexPage #newslist #newsitem_3 a:hover .title, #indexPage #newslist #newsitem_4 a:hover .title, #indexPage #newslist #newsitem_5 a:hover .title { color: #444;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #newslist #newsitem_1 a:hover .date .year, #indexPage #newslist #newsitem_2 a:hover .date .year, #indexPage #newslist #newsitem_3 a:hover .date .year, #indexPage #newslist #newsitem_4 a:hover .date .yeare, #indexPage #newslist #newsitem_5 a:hover .date .year { color: #666; }
#indexPage #newslist #newsitem_1 { display: block; left: 730px; }
#indexPage #newslist #newsitem_2 { display: block; left: 730px; top: 160px }
#indexPage #newslist #newsitem_3 { display: block; left: 730px; top: 320px }

/*#indexPage #mnews::after{ position: absolute;content: "";width: 1000px;height: 100%;margin: 0 auto;left: 0;right: 0;border-left: 1px solid rgba(255,255,255,.08);}*/
#indexPage #mnews::before{ position: absolute;content: "";width: 399px;height: 100%;margin: 0 auto;left: 0;right: 0;border-right: 1px solid rgba(0,0,0,.05);}
#indexPage #newsitem_0 a:hover .newsimg::after { width: 76px; }
#indexPage #newsitem_0 .newsbody .description::after, #newsPage #newslist .newstitem .newsbody .description::after {position: absolute;content: "";width: 0px;height: 42px;background: #fff;left: 0; margin: 0; top: 138px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: -1;}
#indexPage #newsitem_0 a:hover .newsbody .description::after { width: 150px; }
#newsPage #newslist .newstitem a:hover .newsbody .description::after { width: 123px; }
.newstitem {animation-name: fadeInUp;animation-delay: 0.1s;}
#newsitem_1 {animation-name: fadeInUp;animation-delay: 0.1s;}
#newsitem_2 {animation-name: fadeInUp;animation-delay: 0.2s;}
#newsitem_3 {animation-name: fadeInUp;animation-delay: 0.3s;}



/*合作伙伴*/
#mpartner .content > .header { width: 100%;position: relative;top: 50px; }
#indexPage #mpartner .wrapper ul li { height:380px;}
#indexPage #mpartner .wrapper ul li a{transition: all 0.3s ease-out 0s;}
#indexPage #mpartner .wrapper ul li a::after { width: 1px; height: 90px; position: absolute; content: ""; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #eaeaea; margin-top: 38px; margin-left: 10px; }
#indexPage #mpartner .wrapper ul li a:nth-child(4n)::after  { position: absolute; content: ""; height: 0px; width: 0px; }
#indexPage #mpartner .wrapper ul li a:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }
#indexPage #mpartner .content::after { width: 100%; height: 1px; position: absolute; content: ""; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #eaeaea; margin-top: -200px; }

/*分享*/
#shares a#sshare { color: transparent; background-image: url("http://resources.jsmo.xin/templates/upload/220/icon/fenxiang.png"); background-repeat: no-repeat; }
#shares { height: 35px; right: 66px; bottom: -3px; }
#shares a#gotop { margin-top: 6px; background: none; color: #5f5f5f; }
#shares a i { border-right: 1px solid rgba(167, 167, 167, 0.3); padding: 0 20px; }
#shares a i.fa-share-alt { padding: 0 16px; }
#shares a i.fa-weixin { color: transparent; background-image: url(http://resources.jsmo.xin/templates/upload/220/icon/shoujih.png); background-repeat: no-repeat; font-size: 16px; height: 16px; margin: 0 0 0 26px; padding: 0 8px; }
#online_open i { margin-top: 5px; }
#shares a i.fa-share-alt { padding: 0 16px; }
#online_open { margin: 0 10px 0 0; background: none; bottom: 0px; color: #515151; }
#footer p { position: fixed; bottom: 0; background: #fff; padding: 8px 230px; right: 0px; width: 100%; }
#footer.mini p { padding: 8px 250px; right: 0px; }
#shares a { color: #515151; background-color: transparent; display: inline-block; height: 22px; width: auto; }
#shares a#sweibo { background-color: transparent; transition: all 0.3s ease-out 0s; }
#shares a#sweibo:hover { background: transparent; }
#shares a#sweixin { background-color: transparent; transition: all 0.3s ease-out 0s; }
#shares a#sweixin:hover { background-color: transparent; }
#online_lx { border-radius: 0px; bottom: 36px; margin-right: -10px; }
#olx_head { background: #595959; border-radius: 0; }
#olx_tel div { line-height: 0; height: 0; margin-bottom: 0px; font-size: 0; }
#olx_tel div i { font-size: 0; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #868686; }
#olx_qq li a:hover i { color: #545454; }
#olx_qq li a { border-left: 3px solid transparent; color: #808080; }
#olx_qq li a:hover { color: #454545; background: #E3E3E3 none repeat scroll 0% 0%; border-left: 3px solid #424242; }
#olx_head i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	/* IE 9 */ -moz-transform: rotate(90deg); 	/* Firefox */ -webkit-transform: rotate(90deg); /* Safari 和 Chrome */ -o-transform: rotate(90deg); 	/* Opera */ }
#footer a path { fill: #808080; }
/*分享结束*/

/*快捷菜单*/
#moduleControl a.moduleCItem { margin-bottom: 20px; border-radius: 10px; width: 11px; height: 11px;position: relative; }
#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span {width:70px;height: 24px;position: absolute;top: -6px;text-indent: initial;color: #959595; overflow: hidden;font-size: 12px;line-height: 24px;right:0;text-align: right;padding-right: 25px;}
/*#moduleControl a.moduleCItem span::after { content:""; position:absolute; top:11px; right:12px; width:0px; height:1px; background:rgba(0,0,0,0);}*/
/*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after { content:""; position:absolute; top:11px; right:12px; width:15px; height:1px; background:rgba(0,0,0,.2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: transparent; border: 2px solid #5a5a5a; }
#moduleControl a.moduleCItem:hover::before, #moduleControl a.moduleCItem.active::before { position: absolute; content: ""; background: transparent; right: 20px;}
#moduleControl a.moduleCItem { border: 2px solid transparent; }
#moduleControl a.moduleCItem::before { position: absolute; content: ""; height: 3px; background: #a8a8a8; width: 3px; left: 0px; margin: 4px 0 0 4px; border-radius: 3px; }
#moduleControl a.moduleCItem::after { position: absolute; content: ""; height: 24px; background: rgba(155,155,155,.2); width: 1px; left: 0px; margin: 11px 0 0 5px; }
#moduleControl a.moduleCItem:last-child::after { position: absolute; content: ""; height: 0px; width: 0px; }

#indexPage .module.bgShow .bgmask {background-color:transparent;}
#indexPage #mservice .bgmask {background:url(http://resources.jsmo.xin/templates/upload/269/icon/dot.png) repeat;}


/*新*/
.content_list { height:100%; width:100%;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev {left:-70px;background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -40px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover {background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next { right:-70px; background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) 0 -40px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover {  background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) 0 -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next i.fa-angle-right::before { content:"";}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i.fa-angle-left::before { content:"";}




/*团队*/
/*.waikuang { width:1200px; margin:0 auto; height:100%; overflow:hidden;}*/
#indexPage #mteam .summary p { text-align:left;}
#indexPage #mteam .summary p.title {color: #383838;font-size: 20px; font-family: "PlusJakartaSans-Medium";margin-bottom: 6px;}
#indexPage #mteam .header { width:100%; margin: 0 auto;}
#indexPage #mteam .header a { float:left;}
/*#indexPage #mteam .content_list #teamitem_1 .header a::before { content:"02";position: absolute;font-family: "PlusJakartaSans-Medium";color: #e6e6e6;margin-top:40px;
font-size: 54px;z-index: 1;margin-left: -50px;}*/
#indexPage #mteam .header img { width:140px; height:140px;margin: 25px auto 20px auto;}
#teamitem_0{ width:1200px;}

#indexPage #mslider ul li div.fa-angle-down::before { content:"";}
.content_list li { float:none;}
#indexPage #mteam .content { height:100%;top: 61px;margin-top: 0;}
#indexPage #mteam .content .summary { width:840px; text-align:left;float: left;margin-left:120px;padding-top:64px;}
#indexPage #mteam .content .summary::before { content:""; position:absolute; width:1px; height:76px; background:rgba(0,0,0,.08);margin-top:-7px;margin-left:-60px;}
#indexPage #mteam .content_list li::after { content:""; width:60px; height:60px; position:absolute; background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -160px no-repeat;margin-top: 65px;margin-left: -130px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mteam .content_list li:hover::after {background:url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) 0px -160px no-repeat;}
#indexPage #mteam .content .module-content { width:100%; height:100%;}
#indexPage #mteam .content .module-content .wrapper {position: relative;top: 50%;margin-top: -340px;}
#indexPage #mteam .content .module-content .wrapper .bx-viewport { height:100%;}
#indexPage #mteam .content_list li { float:none; width:100%; height:190px; border-bottom:1px solid rgba(0,0,0,.05); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;padding-left: 50%;margin-left: -500px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mteam .content_list li:nth-child(3),#indexPage #mteam .content_list li:last-child {border-bottom:1px solid transparent;}
#indexPage #mteam .content_list li:hover { background:#f7f7f7;cursor:pointer;}
#indexPage #mteam .header img {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mteam .content_list li:hover a img {transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);}
#indexPage #mteam .module-content .description { width:400px; text-align:left;position: relative;top: -82px;line-height: 28px;margin-left:145px; padding-left:60px;}
#indexPage #mteam .module-content .description::before { content:""; position:absolute; width:30px; height:1px; background:rgba(0,0,0,.1);top: 13px;left: 12px;}
#indexPage #mteam .summary p.subtitle { font-size:13px;}
#teamitem_0{animation-name: fadeInUp;animation-delay: 0s;} 
#teamitem_1{animation-name: fadeInUp;animation-delay: 0.1s;} 
#teamitem_2{animation-name: fadeInUp;animation-delay: 0.2s;} 

#indexPage #mpartner .content {margin-top: -270px;}
#indexPage #mcontact { background:#fff;}
#indexPage #mcontact .header p.title { color:#333;}
#indexPage #mcontact .content {margin-top: -230px;}
#mcontact .content > .header { width:100%;}
#indexPage #mcontact .content .fw {width:100%;}
#indexPage #mcontact .header p.subtitle { text-align: left; margin-left:30px; font-family: "PlusJakartaSans-Medium", "微软雅黑"; margin-top: 5px; }
#indexPage #mcontact #contactlist { background:#383838; height:100%; padding-bottom:10%;position: absolute; margin-top:5%;}
#mcontact .content #contactinfo {width:35%;margin-left:5%; padding-top:4.2%;}
#contactinfo div { position:relative; top:-234px; left:280px;}
#contactinfo p { margin-bottom:5px;}
#contactinfo h3 { margin-bottom:45px;}
#contactinfo div a {background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactinfo div a:hover { background:rgba(255,255,255,.15)}
#contactinfo div a i {color: #b1b1b1;}
#contactinfo div a:hover i { color:#fff;}
#mcontact .content #contactform {width:50%;margin-right:5%;padding-top:3.1%;}
#contactform p .inputtxt {width: 100%;background-color:transparent;border:none; border-bottom:1px solid #606060;width: 100%;padding: 20px 0px 20px 0;color: #fff;}
#mcontact .content #contactform p{  float:left;margin-right:20px;width: 30%;}
#contactform p textarea.inputtxt {width: calc(300% + 40px); width:-moz-calc(300% + 40px); width:-webkit-calc(300% + 40px); }
#contactform p .inputsub {width: 100px;background-color:transparent;color: #cfcfcf;font-size: 15px;padding: 5px 0;display: block;float: left;position: relative;top:170px;height:40px;left: calc(-100% - 20px);left: -moz-calc(-100% - 20px);left: -webkit-calc(-100% - 20px);border: 1px solid rgba(255,255,255,.2);cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactform p .inputsub:hover {background-color:rgba(255,255,255,1);border: 1px solid rgba(255,255,255,.1); color:#333;}
#sitecontent .npagePage .content .serviceitem a img {opacity:1;}

#sitecontent .npagePage .content .header p.title { text-align:center; margin-left:0; }
#sitecontent .npagePage .content .header p.subtitle {text-align:center; margin-left:0;}
#teamlist { width:1200px;padding-left: 55px;}
.teamitem { margin-right:30px;background: #f7f7f7; width:360px;height: 520px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border:1px solid transparent; border-top:none;}
.teamitem:hover {box-shadow: 0 15px 30px rgba(0,0,0,0.05); margin-top:-10px; background:#fff; border:1px solid rgba(0,0,0,.08); cursor:pointer;border-top:none;}
.teamitem a { width:360px; height:300px;}
.teamitem a img { width:360px; height:360px;}
.teamitem .teaminfo .description { line-height:24px; height:55px;margin-top:40px;}
.teamitem .teaminfo {padding: 0 25px;margin-top: 30px;}
.teamitem .teaminfo .subtitle { font-size:13px;}
.teamitem .teaminfo::before { content:""; position:absolute;  width: 308px;height: 1px;background: rgba(0,0,0,.07);margin-left: -154px;margin-top: 70px;}
.teamitem a div.wrap {background: #404040;}
#sitecontent #newsPage #newslist { width:1200px;}
#sitecontent #newsPage #newslist .newstitem { width:100%; height:190px; float:left;border-bottom: 1px solid rgba(0,0,0,.08); margin-bottom:30px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date { left:327px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year { font-size:14px; margin-left:-40px;word-break:keep-all; white-space:nowrap; position:absolute;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year::after { content:"/"; position:absolute; margin: 0 5px; color:#B1B1B1;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .md { margin-top:0; margin-left:15px;}
#teamlist .teamitem:last-child,#teamlist .teamitem:nth-child(3) { margin-right:0;}
#sitecontent .npagePage #servicelist {top: -40px;}
#sitecontent .npagePage #newslist .newstitem .news_wrapper { left:0; position:relative; top:0; width:100%;}
#newsPage .npagePage #newslist .newstitem .newsimg {float: left;left: 0;}
#sitecontent .npagePage #newslist .newsbody { width:76%; float:left;padding-top:5px; margin-left:290px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description::after {content: ""; width:0;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody .description::after {width:0;}
#sitecontent .npagePage #newslist .newstitem .newsbody::after {content: 'MORE';width: 105px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;margin-top:-43px;
color: #727272;border-left: 1px solid rgba(0,0,0,.08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;font-family: "PlusJakartaSans-Medium";background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;float: right;border-top: none;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody::after { color:#000;}
#sitecontent .npagePage #newslist #newsitem_0.newstitem .newsbody .date,#sitecontent .npagePage #newslist .newstitem .newsbody .date { padding:0;position: absolute;top: 140px;color: #c8c8c8;}
#sitecontent #newsPage #newslist .newstitem:last-child { border-bottom:none;}
#sitecontent .npagePage #newslist .newstitem .newsbody p.title { color:#555;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description {width:75%; height:50px;}
#sitecontent .npagePage #newslist .newstitem:hover .newsbody{ margin-left:305px;}
#sitecontent #newsPage #newslist .newstitem:hover .newsbody::after {background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;}
#pages a.active {background:#3F3F3F;}
#sitecontent .npagePage #projectwrap { width:100%; padding-top:0;}
#sitecontent .npagePage #projectwrap #projectbody { width:77%;background: #f8f8f8;padding-top:60px;}
#sitecontent .npagePage #projectwrap #projectbody #projectimages { background:#f8f8f8;}
#sitecontent .npagePage #projectwrap #projectinfo {margin-top: 60px; float:left; margin-left:3%; width:20%;}
#sitecontent .npagePage .content #projectih .header p.title { text-align:left;}
#sitecontent .npagePage .content #projectih .header p.subtitle { text-align:left;}
#sitecontent .npagePage #projectwrap #projecttags {margin-top:35px; margin-left:3%;width:20%;display: block;left: 77%;}
#sitecontent .npagePage #servicelist .serviceitem div p.title::before {content:""; width:0; height:0;}
#servicelist .serviceitem div::before{content:"";position: absolute; width:30px; height:1px; background:#e2e2e2;margin-top: 50px;margin-left: -15px;}
#sitecontent .npagePage #servicelist .serviceitem { height:420px;border-bottom: 1px solid rgba(0,0,0,.1);padding-bottom:30px;margin-bottom:0px;}
#sitecontent .npagePage #servicelist .serviceitem:hover {border-bottom: 1px solid rgba(0,0,0,.3);}
#sitecontent .npagePage #servicelist .serviceitem a:hover { padding-top:17%;}
#sitecontent .npagePage #servicelist .serviceitem a::after {position: absolute;content: "";width: 40px;height: 40px;background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png)-92px 0 no-repeat;margin-top: 30px;margin-left:152px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #servicelist .serviceitem a:hover::after {background: url(http://resources.jsmo.xin/templates/upload/269/icon/icon.png) -10px 0 no-repeat;width: 70px;margin-left: 138px;}
#sitecontent .npagePage #servicelist .serviceitem:hover .title { color:#000;}
#header ul li.navitem:hover ul.subnav {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mpartner .wrapper ul li a {cursor: pointer;margin: 0 10px;margin-bottom: 20px;}
#sitecontent .npagePage #category li:last-child a::after{ content:"";}
#category li.hasmore div ul {padding-top:15px;border-top: rgba(0,0,0,.08) 1px solid;}
#category li.hasmore div ul a:hover { background:transparent; color:#000;}
#category li.hasmore div ul a:hover::before { content:""; width:0; height:0;}
#category li.hasmore div ul a.active {background:transparent; color:#000;}
.postbody img { max-width:1100px;}
#projectinfo .header .description a {background: #474747;transition: all ease .3s;color: #fff;}
#projectinfo .header .description a:hover { background:#000;}
#projectib .projectitem a .project_info p.title { line-height:22px; color:#666;}
#projectib .projectitem a:hover .project_info p.title { color:#000;}
#projectib .projectitem a .project_info p.subtitle { margin-top:2px;}
#projectib .projectitem { margin-bottom:25px;}
#projecttags a {transition: all 0.3s ease-out 0s;}
#projecttags a:hover { background:#636363; color:#fff;}
#projectib .projectitem a {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow:hidden;}
#projectib { width:20%; float:left; margin-left:0; margin-right:0; left:77%; margin-left: 3%;}
#footer a { margin-right:20px;}

#moduleControl { display:none;}
#indexPage #projectlist #projectitem_8 { display:none;} 
#indexPage #projectlist #projectitem_9 { display:none;} 
#indexPage #projectlist #projectitem_10 { display:none;} 
#indexPage #projectlist #projectitem_11 { display:none;} 
#indexPage #projectlist #projectitem_12 { display:none;} 
.npagePage #banner { height:360px;}

#post_slider li { height:650px;}
#post_slider,#post_slider .bx-wrapper,#post_slider .bx-viewport { height:650px;} 
#projectinfo4 .header { padding-top:20px; float:left; width:100%;position: relative; }
#projectinfo4 .header .title-warp { width:50%; float:left;}
#projectinfo4 .description { width:50%; float:right;position:relative;right: 0px;top: 0px;}
#projectinfo4 .header p { line-height:24px; font-size:13px;}
#sitecontent .npagePage .content #projectinfo4 .header p.title{ width:92%; text-align:left; font-size:22px; padding-right:8%;}
#sitecontent .npagePage .content #projectinfo4 .header p.subtitle {width:92%; text-align:left; padding-right:8%;}

#npagePage #projectlist .projectitem a .project_info p.title { color:#565656; font-size:14px; padding:15px 0 2px; margin:0;}
#npagePage #projectlist .projectitem a .project_info p.subtitle {color: #929292; font-size:13px; margin:0; padding-left:0;}
#projectshow4 #projectib4 #projectlist .projectitem { margin-bottom:20px;}
.npagePage4 #projectwrap4 #projectinfo4 {border-bottom: 1px solid rgba(0,0,0,.08);}
#projectshow4 { margin-top:20px;}
#projectinfo4 .description a {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border: 1px solid #dbdbdb;background-color: #fff;color: #555;}
#projectinfo4 .description a:hover { background-color:#383838; color:#fff;border: 1px solid #383838;}
.npagePage #banner div { height:360px;}
.Pagenews #category { text-align:center;}
#category li.hasmore div { width:98%; left:1%; margin:0 auto;}
#projectshow4 #projectib4 #projectlist .wrapper { margin-left:0;}
#projecttags4 a { padding:5px 18px; margin-right:8px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projecttags4 a:hover { background:#383838; color:#fff;}

.Pageanli .content #plheader { padding-bottom: 25px; padding-top: 40px;} 





/* 2019.08.13 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;
}
.bodylist #category a:nth-last-child(2)::after {
    display: none;
}

/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem .service_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#projectlist .projectitem .project_img {
    padding-top: 65%;
}
#mservice .serviceitem .service_img {
    padding-top: 38%;
    width: 342px;
    margin: 0 auto;
}
#teamlist .teamitem .teamimg {
    padding-top: 83.4%;
}
#servicelist .serviceitem .service_img {
    padding-top: 40.5%;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
.Pageteam #teamlist .teamitem a {
    height: 521px;
}
.Pageteam #teamlist .teamitem:hover {
    margin-bottom: 60px;
}
body.ipusher #header #logo img {
    float: none;
}
#indexPage .newsbody .description {
    display: block;
    text-align: left;
}
.Pageteam #teamlist .teamitem .title {
    color: #9a9a9a;
}
.npagePage {
    padding-bottom: 36px;
}
#indexPage .module.mvideom .content {
    top: 50px;
}
#indexPage .mvideom .content_list {
    width: auto;
}
.mvideom .layoutslider .module-content {
    margin-bottom: 0;
}
#category {
    text-align: center;
}
#indexPage #mcontact .content>.header {
    float: none;
}
#indexPage #mcontact .content {
    margin: 0;
    height: auto;
    top: auto;
    bottom: 0;
}
#indexPage #mcontact #contactlist {
    margin-top: 0;
    position: static;
}
#indexPage #mcontact .content::after,
#indexPage #mcontact #contactlist::after {
    content: '';
    display: block;
    clear: both;
}
/* 2019.08.13 yyq 4-5 */


/* 2019/12/09 yyq 修改 单页的底部新编辑器样式*/
.bodyindex .page_contect_editor {
    position: absolute;
    bottom: 0;
}
#indexPage {
    position: relative;
    z-index: 2;
}
#moduleControl {
    z-index: 10;
}
/* 2019/12/09 yyq 修改 单页的底部新编辑器样式*/