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



/*导航*/

#header ul li.navitem a.active, #header ul li.navitem:hover a { padding: 10px 30px; color: #323232; }
#header .content {  width:auto; margin: 0 auto; }
#header #logo { padding: 20px 40px 20px 40px; transition: all 0.3s ease-out 0s; float:none; }
#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; }
#header ul li.navitem a {  padding: 10px 30px; display: block; }
#header ul li.navitem { height: auto; }
.nobanner #header { background: #fff; }
.lowB #header { background: #FFF; }
#indexPage a.more { height: 38px; font-size: 14px; line-height: 38px; font-family: "Arial", "微软雅黑"; color: #999; border-color: rgba(0, 0, 0, .2); border-radius: 0px; text-align: center; text-indent: 0px; margin: 3% auto; width: 220px; }
#indexPage a.more i { font-size: 20px; top: 1px; position: relative; }
#indexPage a.more:hover { border-color: #e3e3e3; text-indent: 0px; text-align: center; background-color: #e3e3e3; color: #555; }
#indexPage a.more:hover i { color: #fff; }
#indexPage #mpartner .slider_control a:hover { background-color: #424242; }
#pages a.active { background: rgba(0, 0, 0, .0); color: #666; border-bottom:1px solid rgba(0, 0, 0, .1); }
 #pages a:hover { background:#4e4e4e; color:#fff;}
.bx-wrapper .bx-controls-direction a:hover { background-color: #e3e3e3 }

/*导航下拉菜单 */

#header ul li.navitem ul.subnav li a { padding: 13px 20px; width: 200px; height: 20px; line-height: 20px; background:transparent; display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow:none; text-indent: 10px; }
#header ul li.navitem ul.subnav li a:hover { text-indent: 18px; background:transparent; color: #484848; }
#header ul li.navitem ul.subnav { border-top:1px solid rgba(0, 0, 0, .08);  width:240px;opacity: 1;visibility: visible; transform: translate3d(240px, 0px, 0px);
-moz-transform: translate3d(240px, 0px, 0px);
-webkit-transform: translate3d(240px, 0px, 0px);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#header ul li.navitem ul.subnav li { border-bottom:none; }
#header ul li.navitem:last-child a { padding-right:0; }
/*导航*/



body.ipusher.open #header #headSHBtn { margin-left:300px }
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: #8d8d8d; background:transparent; 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 { margin: -648px 0px 0px; height: 2000px; background-color: #fff; overflow: hidden; padding-top: 645px; right: 100%; left: auto; z-index: -99; border-left: 1px solid rgba(0, 0, 0, .06);}
body.ipusher #header .content { padding-top: 100px; background-color: #fff; padding-bottom: 1000px; border-left: 1px solid rgba(0, 0, 0, .06); }
#logoClone img { margin:15px 40px; height:50px;}
body.ipusher #header { width: 300px; background-color: #FFF; right: -300px; position: fixed; z-index: 999999; left:auto; }
body.ipusher.open #header { transform: translate3d(-300px, 0, 0); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0); }
body.ipusher #header #logo { margin: 30px 0; display: none; }
body.ipusher #header #logo img { margin-left: 60px; height: 34px; }
body.ipusher #header ul li.navitem { text-align: left; border-top: 1px solid #F5F5F5; padding: 0 50px 0; line-height:40px; }
body.ipusher #header ul li.navitem:hover { background:#f8f8f8;  }
body.ipusher #header ul li.navitem:hover a { color:#000; }
#header ul li.navitem a { color: #666; font-size:13px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #666 }
#header ul li.navitem ul.subnav li a { background:#fff; color:#666; }
body.ipusher #header ul li.navitem ul.subnav li a { color:#777; }
body.ipusher #header ul li.navitem ul.subnav li a:hover { background:#fff; color:#333;text-indent: 10px; }
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0, 0, 0, .05); }
#header ul li.navitem ul.subnav li:last-child { border-bottom:none; }
/*首页幻灯*/

/*#indexPage #mslider { width:100%; margin:0 auto; top:0px; margin-bottom:80px;}

#indexPage #mslider ul li { width:1100px; height:600px;}*/



/*幻灯左右切换按钮 */

.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, .2); border-radius: 0px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a { background:transparent; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next { right:40px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev { left:40px; width:28px; height:27px; background:url(../images/icon.png) no-repeat 0px 0; margin-top: -13px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover { background:url(../images/icon.png) no-repeat 0px -27px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a i { color:transparent; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover i { color:transparent; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next { width:28px; height:27px; background:url(../images/icon.png) no-repeat -40px 0; margin-top: -13px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(../images/icon.png) no-repeat -40px -27px; }
/*首页案例背景颜色 */





#indexPage #mproject { background-attachment: fixed; height: auto; padding:100px 0 80px; }
#category a { padding: 8px 30px; margin-right: 10px; transition: all 0.3s ease-out 0s; color: #999; border: 1px solid #ddd; }
#category a.active, #category a:hover { background: #e3e3e3; color: #222; border: 1px solid #e3e3e3; font-family:"Arial", "微软雅黑"; }
/*案例*/

#projectshow2 #projectib2 #projectlist .projectitem a:hover .project_info { background:transparent; }
#indexPage #projectlist .projectitem a:hover .project_info { background:transparent; }
#projectlist .projectitem a:hover .project_info p.title { font-size:15px; color:#333; }
#indexPage #projectlist .projectitem { background:transparent; }
#indexPage #mproject #projectlist .projectitem a:hover .project_info p.title { color: #555; font-size:15px; }
#indexPage #mproject #projectlist .projectitem a .project_info p.subtitle { margin-top: 0; color: #929292; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; bottom:20px; padding:0 0; width:calc(100% - 50px); }
#projectlist .projectitem a:hover .project_info p.subtitle { color:#666; }
#projectmore { color: #e3e3e3; height: 100px; line-height: 100px; background: #262626; font-family: "Arial", "微软雅黑"; font-size: 18px; }
#projectmore:hover { color: #e3e3e3; height: 100px; line-height: 100px; background: #262626; font-size: 18px; }
.content .header p.subtitle { font-size: 12px; color: #a5a5a5; text-align: left; font-family: "Arial", "微软雅黑"; margin-left:0; }
#sitecontent .newsl .content .header.fw p.subtitle { text-align:center; }
#mpage .content .header p.subtitle { text-align: left; margin-left:0; }
#indexPage #mpage .content .header p.title { color:#fff;top: 86px;position: relative;text-align: right;padding-right:13px; font-size:18px;}
#indexPage #mpage .content .header p.subtitle { color:rgba(255,255,255,1); font-family:GOTHAM-BLACK,Arial, Helvetica, sans-serif; font-size:48px;}
#mpage .content .header p.title { text-align: left; margin-left:0; font-size: 20px; }
#indexPage #mproject .content .header p.title { font-family: "Arial", "微软雅黑"; text-align: left; margin-left:0; }
#indexPage #mproject .content .header p.subtitle { text-align: left; margin-left:0; }
#indexPage #mproject a.more { margin: 0; position: absolute; right:0; top: 20px; height: 30px; font-size: 14px; line-height: 30px; width: 150px; background-color: #333; border-color: #333; color: #FFF; display:none; }
#indexPage #mproject a.more:hover { background-color: #e3e3e3; border-color: #e3e3e3; color:#222; }
#indexPage #mproject .bx-wrapper .bx-pager.bx-default-pager a { display: none; }
#npagePage #projectlist .projectitem a .project_info p.title { font-size:13px; color:#5d5d5d; padding:0; margin-top: 5px; text-align:left; overflow: hidden; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*首页背景不加透明蒙层 */





/*首页服务背景层 */


#indexPage #mteam { background-color: #fff; height:360px; border-top:1px solid rgba(0, 0, 0, .06); border-bottom:1px solid rgba(0, 0, 0, .06) }
#indexPage #mteam .description { color: #909090; background-color:transparent; padding: 36px; border-radius: 8px; text-align:left; line-height:25px; }
#indexPage #mteam .header { float:left; margin-right:50px; width: 260px;height: 140px;}
#indexPage #mteam .header img { width:260px; height:140px; border-radius:0; float: left; }
.content .header p.title { font-family: "Arial", "微软雅黑"; font-size: 20px; text-align: left; margin-left:0; }
#indexPage #mteam .slider_control a i:hover { color: #e3e3e3; }
.teamitem a div.wrap span { background: #e3e3e3; }
.teamitem a div.wrap { background: #171717; width:0; height:0; }
.teamitem a div.wrap div { width:0; height:0; }
/*首页幻灯高度*/



.bx-wrapper .bx-pager.bx-default-pager a { margin: 0px 5px; border-radius:0px; border: 1px solid #C8C8C8; width:8px; height:8px; }
#shares a { background: transparent; }
#shares a#gotop { margin-top: 1px; transition: all 0.3s ease-out 0s; }
#shares a#gotop:hover { background-color: rgba(0, 0, 0, 0.8); }
#indexPage #mslider ul li p { color: #5d5d5d; }
#mslider .sliderArrow { position: absolute; bottom: 120px; z-index: 2; animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate; display: block; left: 50%; width: 29px; height: 25px; margin-left: -16px; color:#f8f8f8; font-size: 48px; }
/*新导航*/



/*在线咨询*/

#olx_head { background: #3e3e3e; border-radius: 0px; }
#olx_qq li a:hover i { color: #e3e3e3; }
/*首页关于我们*/



#indexPage #mpage .wrapper li .fimg { width: 50%; height: 1024px; background-size: cover; }
#indexPage #mpage .content .header { padding-top: 135px;padding-left: 5px;}
#mpage .content .header { width:15%; float: left; padding-top:100px; padding-bottom: 30px; margin-left: 0; }
#mpage .module-content .description { max-height: 108px; height: auto; line-height:26px; float: right; text-align: left; margin-top:260px; line-height: 28px; margin-right:80px; width:680px; }
#indexPage #mpage .module-content .description { color:#fff; margin-top:273px;}
#indexPage #mpage a.more { float:left; border:none; width:200px; border-top:1px solid rgba(255, 255, 255, .2); color:transparent; position: absolute; left: 0; margin-top:280px; }
#indexPage #mpage a.more i { color:rgba(255,255,255,.2); text-indent:8px; top:10px;}
#indexPage #mpage a.more:hover { background:transparent; border-color:rgba(255,255,255,.5); text-indent:40px;}
#indexPage #mpage a.more:hover i { color:#fff; text-indent:0; }
/*首页联系*/


/*首页新闻*/



/*案例*/



#projectinfo { width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }
#projectwrap.fw { width: 100%; padding-top:30px; }
#projectbody { max-width: 100%; margin: 0px auto; width: calc(100% - 460px); float:left; padding: 0 20px 0 0; }
#projectimages li img { display: block; float: none; max-width: 100%; margin: 0px auto; }
#projectimages { background: #fff; }
#projectinfo .description a { background:#e3e3e3; color: #666; }
#projectinfo .description a:hover { background: #e3e3e3; color: #333; }
#plheader { padding-bottom: 50px; }
.Pageanli #plheader { padding-bottom:50px; width:1100px; float: left; padding-top:20px; position: fixed; display:none; }
.Pageanli #plheader p.title { margin-left:0; }
.Pageanli #plheader p.subtitle { margin-left:0; }
.teamitem .teaminfo { text-align: left; }
#indexPage #mproject .bx-wrapper .bx-controls-direction a { margin: -60px -20px; background:rgba(255, 255, 255, 8); }
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover { background: #e3e3e3; }
/*新*/

.npagePage #projectlist .wrapper { width:100%; margin-left:0px; }
.Pageanli #category li a:last-child { margin-right:0; }
.Pageanli #category li a:first-child { margin-left:0; }
.Pageanli #category li { display:block; margin-bottom:5px; margin-right:25px; }
.Pageanli #projectlist .masonry .masonry-brick { background:transparent; margin-right:0; }
.Pageanli #projectlist .projectitem:nth-child(3n), .Pageanli #projectlist .projectitem:last-child {margin-right:0;}
#indexPage #mproject .content .wrapper { width:100%; }
.content .header { padding-top:30px; padding-bottom:10px; width: 15%; }
.Pageyemian .content .header { float:left; }
#indexPage #mproject .bx-wrapper .bx-pager { bottom: -9%; text-align: right; }
#indexPage #mpage .content { top: 0; margin:0 auto; width:1100px; }
#indexPage #mpage .content:before { content:''; position:absolute; width:1px; height:100%; background:rgba(255,255,255,.2); left:200px;}
#moduleControl a.moduleCItem { border-radius: 0; height: 1px; margin-bottom: 10px; width: 10px; border: 1px solid transparent; background-color: #DEDEDE; }
.Pageanli #category a { border:none; border-bottom: 1px solid transparent; margin: 0 15px; padding:10px 0px; line-height:20px; }
.Pageanli #category a.active, #category a:hover { background:transparent; color: #222; border:none; border-bottom: 1px solid #bdbdbd; }
/*新闻*/



#indexPage .module .bgmask { background-color: transparent; }
#indexPage #mslider ul li p.title { font-size:52px;line-height:60px;height:60px;text-align: center;font-family: "gotham", "微软雅黑";width: 100%;margin-top: -35px;color: #444; }
#indexPage #mslider ul li p.subtitle { font-size: 16px; height: 25px; transition-delay: 0.2s; text-align:center; width: auto; color: #A1A1A1; font-family: "Arial", "微软雅黑"; line-height:25px; }
.npagePage .content { background: #fff; width: calc(100% - 80px); margin:0 auto;padding-top: 20px;}
.npagePage.npagePage4 .content { padding-top:0;}
#projecttags a:hover { color: #fff; background: #e3e3e3; }
#projectib .projectitem a .project_info p.title { color: #484848; }
#projectib .projectitem a .project_info p.subtitle { color: #9c9c9c; }
#indexPage #mproject .bx-wrapper .bx-controls-direction { display: inline; }
/*#projectinfo .header p::after { position: absolute; content: ""; top: 65px; left: 0px; width: 30px; height: 3px; background: #e3e3e3; }*/

#indexPage #mteam .bx-wrapper .bx-pager { display: none; }
#indexPage #mteam .bx-wrapper .bx-controls-direction { display:block; }
#servicelist .serviceitem div p.title { height:60px; text-align:left; font-size:18px; }
#indexPage #servicelist .serviceitem div p.title { width: 460px;float:left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:16px; line-height:58px; margin-left:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #servicelist .serviceitem:hover div p.title { margin-left:40px;}
#indexPage #servicelist .serviceitem div p.title:before { content:''; width:0px; height:1px; position:absolute; background:rgba(0,0,0,.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 29px; margin-left:0;}
#indexPage #servicelist .serviceitem:hover div p.title:before { width:25px; background:rgba(0,0,0,.4); margin-left:-40px;}
#projectinfo .header .description { color: #939393; }
#projectlist .bx-viewport { padding-bottom: 80px; }
#indexPage #mproject #projectlist .projectitem a .project_info p.title { color: #565656; padding: 10px 0px 0; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; bottom:20px; font-size:15px; width:100%; }
#indexPage #mproject #projectlist .projectitem a .project_info p.title::after {position: absolute;content: '';width: 20px;height: 1px;background: rgba(255, 255, 255, 0);
left:0%;margin-left: -10px;top: 30px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject #projectlist .projectitem a .project_info div { position:absolute; height: 80px; width: 100%; bottom: -80px; margin-top: 0; top: auto; transition: all 0.3s ease-out 0s; }
#indexPage #mproject #projectlist .projectitem a .project_info div::after {position:absolute;content:'';width:0%;height:1px;background:#f8f8f8;transition: all 0.3s ease-out 0s;
bottom:10px;}
#indexPage #mproject #projectlist .projectitem:hover a .project_info div::after {width:100%;background:#cecece;}
/*#indexPage #mproject #projectlist .projectitem a .project_info div::before {position:absolute;content:'';width:0%;height:1px;background:#f00;transition: all 0.3s ease-out 0s;
*/right:0}
/*#indexPage #mproject #projectlist .projectitem:hover a .project_info div::before {width:100%}
*/
#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 .content .header::after { position: inherit; content: ""; height:65px; background: rgba(255,255,255,.2); margin: 22px 48% 0; width:1px; float: left; text-align: left;margin-left: 90%;

margin-top: -48px;} */

#indexPage #servicelist .serviceitem { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-right:1px solid rgba(0,0,0,.08); height:310px;}
#indexPage #servicelist .serviceitem:nth-child(2n){ border-right:none; padding-left:20px;}
#indexPage #servicelist .serviceitem:hover { background-color: transparent; }
#pages { padding: 40px 0 80px; }
#indexPage #mpartner .wrapper ul li a { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top: 0px; margin-right: 0px; margin-bottom: 0px; }
#indexPage #mpartner .wrapper ul li { height:80px; }
#mpartner .content .header { padding-bottom: 2%; width: 100%; }
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active { background-color: #e3e3e3; border: 1px solid #e3e3e3; }
 @keyframes mymove { 0% {transform:scale(1.2, 1.2)}
 100% {transform:scale(1, 1)}
 }
#banner div { animation: pulse 20s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.postbody { color: #838383; width: 800px; float: left; }
.newsl .postbody { width:800px; float:left; }
#teambody .theader .postbody { width:650px; }
#projectwrap2 { width:1100px; }
#projectbody2, #projectshow2 { width:760px; }
#projectshow2 { margin-top:25px; }
#projectwrap2 .postbody { width:100%; padding-top:15px; }
#indexPage #mteam .summary p.title { font-family: "Arial", "微软雅黑"; color: #474747;left:0; font-size:18px; margin-bottom: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam .summary:hover p.title { margin-left:15px;}
#indexPage #mteam .summary p.title:before { content:''; position:absolute; width:0px; height:1px; background:rgba(0,0,0,.0);margin-top: 12px; margin-left:0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mteam .summary:hover p.title:before { width:20px; background:rgba(0,0,0,.5); margin-left:-30px;}
#indexPage #mteam .summary { margin-top:20px; }
#indexPage #mnews .content .header { display: block; padding-bottom:30px; float:right; }
#indexPage #mnews .content { top: 50%; margin-top: -205px; }
#indexPage #newslist { width: 1100px; margin: 0 auto; height: 200px; position: relative }
#indexPage #newslist .newstitem { position: absolute; width:320px; height:230px; line-height: 30px; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage .newstitem .newsbody { display: block; max-width: 100%; vertical-align: auto; width: 100%; height:220px;border-top: 1px solid rgba(0,0,0,.1);padding-top: 35px;}
#indexPage #newslist .newstitem .newsbody .date { top:0; width:35%; margin-bottom:0;}
#indexPage #newslist .newstitem:hover .newsbody .date { top:50px;}
#newslist .newstitem .newsbody .date { font-weight: inherit; font-family: Arial; color: #B0B0B0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top:40px; }
#newslist .newstitem .newsbody .title { display: inline-block; line-height: 30px; overflow: hidden; height: 30px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pagenews #newslist .newstitem .newsbody .date .md { display:none; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: 0; text-align: left }
#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; display:none; }
 #newslist .news_wrapper::before {height: 0}
#indexPage #newslist #newsitem_0 { height:100%;}
#indexPage #newslist .newstitem .newsbody .title { font-size:16px; color: #505050; display: block; float:left; position: relative; top: 0px; width:35%}
#indexPage #newslist .newstitem:hover .newsbody .title { top:-10px;}
#indexPage #newslist .newstitem .newsbody .description {font-size: 13px; line-height:26px; color: #909090; height:55px; overflow: hidden; display: block; text-align: left; width:60%;float:right;margin-top: 0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-right:0}
#indexPage #newslist .newstitem:hover .newsbody .description { margin-right:15px;}
#newsPage #newslist .newstitem .newsbody .description { font-size: 13px; line-height: 25px; color: #909090; text-align: left; height:55px; overflow: hidden; display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 0; }
#indexPage #newslist #newsitem_0 a:hover .newsbody::after, #newsPage #newslist .newstitem a:hover .newsbody::after {color: #222;}
#indexPage #newslist #newsitem_0 .news_wrapper,, #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 ease-out .3s}
/*news list*/



#newsPage #newslist { width:100%; height: auto; position: relative; float:left; margin-top:20px; }
#newsPage #newslist .wrapper { width: auto; height: auto }
#newsPage #newslist .newstitem { width: 100%; height: 130px; float: left; margin: 0 0px 15px 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-top:1px solid rgba(0, 0, 0, .1); padding-top:12px; }
#newsPage #newslist .newstitem:hover .newsbody .date { color:#888;top:80px;top: 95px;}
#newsPage #newslist .newstitem:hover .newsbody .title { color:#000; }
#newsPage #newslist .newstitem .newsbody .description { width:84%; margin-top:0;}
#newsPage #newslist .newstitem:hover .newsbody .description { color:#666; margin-top:10px;}
#newsPage #newslist .newstitem .news_wrapper { width: 100%; left:0; }
#newsPage #newslist .newsbody { width:100%; }
/*#newsPage #newslist .newstitem .newsbody::after { margin-top: 22px; }*/

#newsPage #newslist .newstitem .newsbody .title { font-size:15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:550px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; top: -10px; width:100%;margin-left: 0;}
#newsPage #newslist .newstitem:hover .newsbody .title { margin-left:40px;}
.npagePage #newslist .newstitem .newsbody .date:before { content:''; position:absolute; width:0px; height:1px; background:rgba(0,0,0,0); margin-top:13px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left:0; margin-top:8px;}
.npagePage #newslist .newstitem:hover .newsbody .date:before { background:rgba(0,0,0,.4); width:20px; margin-left:81px; margin-top:-66px;}
#newsPage #newslist .newstitem .newsbody .description::after {margin: 0;position: absolute;left: 0;top: 128px;content: "";width: 0px;height: 32px;background: #e3e3e3;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: -1;}
.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; }
#newsitem_4 { animation-name: fadeInUp; animation-delay: 0.4s; }
#newsitem_5 { animation-name: fadeInUp; animation-delay: 0.5s; }
#mpartner .content_list li { animation-name: fadeInUp; animation-delay: 0.1s; }
.slider li div { animation-name: fadeInUp; animation-delay: 0.1s; }
#newsPage #newslist .newstitem a.newscontent { border-bottom: 1px solid rgba(255, 255, 255, .1); }
#newsPage #newslist .newstitem a:hover .newsbody .title { color: #000; }
.postbody img { max-width: 100%; }
.npagePage #banner div { height:200px; position:inherit; animation:0; }
.npagePage #banner { height:200px; }
#projectlist .wrapper { width: 85%; margin: 0 auto; }
#indexPage #mproject #category { position: absolute; top:-0; display: block; animation-name: fadeInUp; right:0; }
#indexPage #mproject #category a { padding: 7px 15px; border: 1px solid transparent; border-bottom: 1px solid #d4d2d2;margin-right:20px;}
.bx-wrapper .bx-controls-direction a i { width: 40px; height: 40px; }
#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color:transparent; }

/*#projectlist .projectitem a::after { content: ''; width: 40px; height: 40px; line-height: 40px; background: url(../images/soso-ico.png); margin: 0 auto; margin-left: -20px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0;    border-radius: 40px;}*/

#projectlist .projectitem:hover a::after {margin-left: -20px;margin-top: -20px;top:90%;opacity: 1;}
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active title { color: #000; font-size: 12px; }
#projectbody .postbody { padding: 1px 50px 50px; background-color: #fff; }
#projectimages { padding:0 20px 10px; }
/*服务*/



#servicelist .serviceitem a img { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 320px; height: 150px; max-width: 100%; float right; margin-right:25px; }
#indexPage #servicelist .serviceitem a img { width:480px; height:130px;float: left; border:1px solid rgba(0,0,0,0); padding:10px;}
#indexPage #servicelist .serviceitem:hover a img { transform: scale(0.96, 0.96);-moz-transform:scale(0.96, 0.96);  -webkit-transform:scale(0.96, 0.96);  -o-transform:scale(0.96,0.96); border-color:rgba(0,0,0,.1); padding:10px;}
#servicelist .serviceitem:hover .title { color: #333; }
#mservice .bx-wrapper { height: 350px; }
#mservice .content .header p.title { font-family: "Arial", "微软雅黑"; text-align: left; margin-left:0; }
#mservice .content .header p.subtitle { text-align: left; margin-left:0; }
#indexPage #servicelist .serviceitem div {width:480px;margin-top:10px;padding-left: 10px;}
#servicelist .serviceitem div { margin-top:0px; float: left; text-align: left; width: 100%; }
#indexPage #mservice .content .header, #indexPage #mnews .content .header { width: 100%; }
 #indexPage #mservice .content .header::before, #indexPage #mproject .content .header::before, #indexPage #mnews .content .header::before, #indexPage #mpartner .content .header::before, #indexPage #mcontact .content .header::before {position: absolute;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content: "";width: 30px;height: 1px;
background:rgba(255, 255, 255, .1);text-align: left;margin-left: 5%;margin-top: 70px;}
#servicelist .serviceitem div p.description { height:55px; text-align:left; line-height:26px; overflow:hidden; }
#indexPage #servicelist .serviceitem div p.description {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left: 0; width:480px; position:relative;top:-2px;}
#indexPage #mpage .wrapper li .fimg { height:200px; width:780px; float: right; margin-right: 80px; margin-top:40px; margin-bottom: 80px; }
#indexPage #servicelist .serviceitem:hover div p.description { color:#4A4A4A; top:8px;}
#indexPage .module { z-index:auto }
#indexPage .module .content { position: relative; margin:0 auto; width:1100px; }
#indexPage #mproject .content { width:1100px; margin: 0 auto; }
#indexPage #mservice { padding-top: 100px; height: 900px; }
#indexPage #mservice .content { margin: 0 auto; width:1100px; height: auto; }
#indexPage #mservice #servicelist { width:1100px; padding-top:20px; }
#indexPage #mnews { padding-top:90px; height:300px; background-color:#f8f8f8; padding-bottom:30px; }
#indexPage #mnews .content { margin: 0 auto; width:1100px; top:0; }
#indexPage #mpartner .content { margin:0 auto; width:1100px; height:120px; }
#indexPage #mservice { padding-top:80px; height: auto;background: #fff; padding-bottom:80px;}
/*#sitecontent .npagePage .content .header::before { position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; content: ""; width: 90%; height: 1px;background: rgba(0,0,0,.08); text-align: left; margin-right: 5%; margin-top: 70px; }*/

#sitecontent .npagePage .content .header.fw p.title { margin-left: 0; }
#sitecontent .npagePage .content .header.fw p.subtitle { margin-left: 0; text-align:left; margin-top: 3px; }
#sitecontent .npagePage .content .header.fw::before {width: 1180px;height: 1px;margin-top: 80px;margin-left: 0;}
#sitecontent .npagePage .content #projectwrap .header::before {position: absolute;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;content: "";width: 90%;
height: 1px;background: #d8d8d8;text-align: left;margin-left: 5%;margin-top: 70px;display: none;}
.Pageanli #category { text-align: left; width:15%; float: left; padding-top:60px; display: block;top: 80px;left:50px;position: fixed; }
.Pageanli #projectlist { width:70%; position:relative;float: right; right:50px; margin-top:40px;}
#projectinfo .header p { margin-left: 0; }
/*#sitecontent .npagePage .content .header p.title::before { position: absolute; content: ""; top: 89px; width: 5px; height: 20px; background: #e3e3e3; margin-left: -30px; }*/

#category li.hasmore div { width: 90%; left:0; }
#category li.hasmore div ul { border-top: rgba(0, 0, 0, 0.08) 1px solid; text-align: left; }
/*二级分类*/



#category li.hasmore { height: auto; }
#category li.hasmore div { width: 200px; display: block; position: relative; }
#category li.hasmore div ul { text-align: left; margin: 20px; border-top: none; padding-top: 0px; }
#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: transparent; color: #1a1a1a; }
#category li.hasmore div ul a::before {position: absolute;content: "";width: 5px;height: 1px;margin-top: 8px;z-index: 10;background-color: #B4B4B4;margin-left: -20px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#category li.hasmore div ul a.active::before, #category li.hasmore div ul a:hover::before {background-color: #000;}
#category li.hasmore div ul a { padding: 5px 0; }
#projectinfo .header p.title::before {display:none}
/*分享*/



#shares a { width:40px; height:40px; }
#shares a#sshare { display:none; }
#shares a i { margin-top:11px; }
#shares a i.fa-weixin { margin: 11px 0 0 14px; background-image: url(../images/shouji-.png); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop { margin-top:80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop i { margin-top:8px; }
#shares a#gotop:hover { background:rgba(0, 0, 0, .9) }
#shares a#sweibo, #shares a#sweixin { background-color:#fff; border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom:none; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: fixed; bottom:90px; right: 10px; }
#shares a#sweixin { border-bottom: 1px solid rgba(0, 0, 0, .1); height:38px; position: fixed; bottom: 50px; }
.fa-weibo::before {color:#999;}
#shares a#sweibo:hover { background-color:#555; }
#shares a#sweibo:hover .fa-weibo::before {color:#fff;}
#shares a#sweixin:hover { background-color:#555; }
#shares a#sweixin:hover i.fa-weixin { background-image: url(../images/shouji.png); }
#olx_head { background: #3e3e3e; border-radius: 0px; }
#olx_qq li a:hover i { color: #d2d2d2; }
#olx_qq li a:hover { padding: 12px 30px; }
#online_open i { margin-top:10px; }
#online_open { background: none;  color: #515151; bottom: 130px; color:#999; background-color:#fff; border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom: none; }
#online_open:hover { background-color: #555; color:#fff; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
#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 { background:#fff; }
#footer p { bottom: 0; background:transparent; padding: 8px 40px;   text-align:left; }
#footer.mini p { padding: 8px 230px; right: 0px; }
#online_lx { border-radius: 0px; bottom: 145px; margin-right: -10px; }
#olx_tel div { color: #898989; }
#olx_qq li a i { color: #504f4f; }
#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; }
#projecttags { margin-top: 20px; width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }
#projectib { margin-right:0px; margin-top: 20px; width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }
#projectib .projectitem { width: 160px; }
/*#indexPage #mslider ul li div.mask { background:url(../images/dot.png) repeat;}*/



#indexPage #mteam .bgmask { width:400px; height:500px; background:url(../images/border.png) no-repeat right center; left:57%; top: 190px; }
#indexPage #mteam .summary p { text-align:left; padding:0; width:630px; margin-left:0; }
#indexPage #mteam .summary p.subtitle { margin-bottom:20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; left:0; position:relative;}
#indexPage #mteam .summary:hover p.subtitle { left:15px;}
#mteam .content_list li { height:auto; }
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { border: 1px solid #fff; background-color: #fff; border-radius: 0px; }
#indexPage #newslist #newsitem_0 .newsimg, #indexPage #newslist #newsitem_1 .newsimg, #indexPage #newslist #newsitem_2 .newsimg { display: none; width:0; height:0; }
#indexPage #mnews .bx-controls { display:block; }
#indexPage #newslist .newstitem { margin-right:50px; width:550px; }
#newslist .newstitem .newsimg { width:0; }
#newslist .separator { display:none; }
#newslist .separator::before, #newslist .separator::after {background-color:rgba(0, 0, 0, .15);}
#indexPage #mnews .bx-wrapper a.bx-next:hover, #indexPage #mnews .bx-wrapper a.bx-prev:hover { background:rgba(0, 0, 0, .5) }
#indexPage #mnews .bx-wrapper .bx-pager { display:none; }
#indexPage #mproject .bx-wrapper a.bx-next i { background: url(../images/jiantou.png)no-repeat -10px -248px; margin-left:0; }
#indexPage #mproject .bx-wrapper a.bx-next:hover i { background: url(../images/jiantou.png)no-repeat -10px -288px; }
#indexPage #mproject .bx-wrapper a.bx-prev i { background: url(../images/jiantou.png)no-repeat -70px -248px; margin-left:0; }
#indexPage #mproject .bx-wrapper a.bx-prev:hover i { background: url(../images/jiantou.png)no-repeat -70px -288px; }
#indexPage #mproject .bx-wrapper a.bx-next:hover, #indexPage #mproject .bx-wrapper a.bx-prev:hover { background:rgba(0, 0, 0, .5) }
#indexPage #mcontact { background:#fff; padding-top: 60px; }
#indexPage #mcontact .header p.title { color:#333; }
#indexPage #mcontact .content { margin:0 auto; width:1100px; height:350px; }
#mcontact .content > .header { display:none; }
#indexPage #mcontact .content .fw { width:100%; }
#indexPage #mcontact .header p.subtitle { text-align: left; margin-left:0; margin-top: 5px; }
#indexPage #mcontact #contactlist { height:100%; }
#mcontact .content #contactinfo { width:35%; margin-left:0; padding-top:4.2%; }
#contactinfo p { margin-bottom:5px; }
#contactinfo h3 { margin-bottom:45px; color:#666; }
#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:#666; }
#mcontact .content #contactform { width:55%; margin-right:0; padding-top:5%; }
#contactform p .inputtxt { width: 100%; background-color:transparent; border:none; border-bottom:1px solid rgba(0, 0, 0, .1); width: 100%; padding:10px 0px 13px 0; color:#5c5c5c; font-size:13px; }
#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); height: 90px; }
#contactform p .inputsub { width: 100px; background-color:#999; color:#efefef; font-size: 15px; padding: 5px 0; display: block; float: left; position: relative; top:155px; height:40px; left: calc(-100% - 20px); left: -moz-calc(-100% - 20px); left: -webkit-calc(-100% - 20px); cursor: pointer; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputsub:hover { background-color:#444; border: 1px solid rgba(0, 0, 0, .1); color:#fff; }
.Pageanli #projectlist .projectitem a img { height:auto; overflow:hidden; }
#indexPage #mproject #projectlist .projectitem a:hover img, #projectlist .projectitem a:hover img { transform: scale(1.06); -moz-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); -o-transform:scale(1.06, 1.06); }
#npagePage #projectlist .projectitem a:hover img { transform: scale(1.06); -moz-transform:scale(1.06, 1.06); -webkit-transform:scale(1.06, 1.06); -o-transform:scale(1.06, 1.06); }
#indexPage #mproject .content .header { padding-bottom:60px; }
.Pagenews .content .header { padding-bottom: 50px; width: 20%; float: left; display:none; }

/*#newsPage #newslist .wrapper::before { content:''; position:absolute; width:1px; height:100%; background:rgba(0,0,0,.07); top:196px; margin-bottom:50px;left: calc(50% - 448px);}*/

#newsPage #newslist::before {content:'';position:relative;width:1px;height:100%;background:rgba(0, 0, 0, .07);top:196px;margin-bottom:50px;left: calc(50% - 448px);}
#newsPage #newslist .newstitem .newsimg { width:200px; height:120px; left: calc(100% - 200px); margin-top: 3px; display: none; }
.npagePage #newslist .newstitem .newsbody .date { padding:0; position: relative; top:21px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.npagePage #newslist .newstitem .newsbody .title { position: relative; left: 80px; color:#444; }
.npagePage #newslist .newstitem .newsbody .description { position: relative; left: 80px; }
.npagePage #newslist .newsbody .description { width:510px; }
#sitecontent .npagePage a.details { display:block; width: 100px; height:35px; line-height:34px; font-size: 14px; color:#999; text-indent: 0; border-radius: 0; text-align: center; margin:0; top: -92px; position: relative; z-index:1; border:none; border-top:1px solid rgba(0, 0, 0, .1); }
#sitecontent .npagePage a.details:hover { background:#515151; text-indent:0; border-top:transparent; color:#e3e3e3; }
#sitecontent .npagePage a.details i { top:2px; position: relative; }
#sitecontent .npagePage a.details:hover i { text-indent: 12px; }
.npagePage #newslist .separator { width:0; height:0; }
.npagePage #newslist .separator::before {background-color:transparent;}
.npagePage #newslist .separator::after {background-color:transparent;}
.Pagenews #category a { border:none; border-bottom: 1px solid transparent; margin:0 15px; padding: 8px 0; margin-right:25px; margin-left:0; width:auto; height:25px; line-height:28px; float:left; font-size:13px;}
.Pagenews #category a.active, #category a:hover { background:transparent; color: #222; border:none; border-bottom: 1px solid transparent; }
.Pageservice #servicelist { width:880px; float: right; margin-top:-13px; margin-right:40px; margin-bottom:40px; }
.Pageservice #servicelist .serviceitem { float:none; }
#sitecontent .npagePage #servicelist .serviceitem a img { float:none; width:320px; height:150px; }
.Pageservice #servicelist .serviceitem a { margin-left:0; text-align: left; }
.npagePage #servicelist .serviceitem div p.title { color:#333; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height:45px;margin-left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.npagePage #servicelist .serviceitem:hover div p.title { margin-left:10px;}
.npagePage #servicelist .serviceitem div p.title:before {content:''; width:0px; height:1px; position:absolute; background:rgba(0,0,0,.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top:20px; margin-left:0;}
.npagePage #servicelist .serviceitem:hover div p.title:before{width:25px; background:rgba(0,0,0,.4); margin-left:-40px;}
.npagePage #servicelist .serviceitem div p.description { width:100%; color:#999; padding-right: 2%;margin-left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.npagePage #servicelist .serviceitem:hover div p.description { margin-left:20px;}
#sitecontent .Pageservice a.details { margin: 0; text-align: center; border-top:none; border-top:1px solid rgba(0, 0, 0, .08); top: -35px; display: none; }
.Pageservice #servicelist .serviceitem { width:100%; height:150px; margin-right:0; margin-bottom:0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding:12px 0; border-bottom: 1px dotted rgba(0, 0, 0, .1); }
.Pageservice #servicelist .serviceitem:last-child { border-bottom:none; }
.Pageservice #servicelist .serviceitem div { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:500px; padding-top: 25px; }
#sitecontent .Pageservice #servicelist .serviceitem a img { margin-right:0; float:right; width: 280px; height: auto; margin-top:28px;border: 1px solid rgba(0,0,0,.08);padding:7px;}
#sitecontent .Pageservice #servicelist .serviceitem:hover a img {transform: scale(0.96, 0.96);	-moz-transform:scale(0.96, 0.96);-webkit-transform:scale(0.96, 0.96);-o-transform:scale(0.96, 0.96); }
.Pageservice .content .header { padding-bottom:2%; width:200px; float: left; }
.Pageservice #servicelist .wrap { margin-right:0; }
#sitecontent .Pageanli a.details { display:none; }
#sitecontent .npagePage .content .header p.title { text-align:left; font-size:16px; }
#sitecontent .Pagenews .content .header p.title, #sitecontent .Pageyemian .content .header p.title, #sitecontent .Pageanli .content .header p.title, #sitecontent .Pageservice .content .header p.title, #sitecontent .npagePage .content #projectwrap .header p.title { text-align:left; font-size:18px; }
#sitecontent .Pageanli .content .header p.title { font-size:20px; }
#sitecontent .Pageyemian .content .header p.title { text-align:left; margin-left:0; font-size:16px; }
#sitecontent .Pageyemian .content .header p.subtitle { text-align:left; margin-left:0; }
#sitecontent .Pageteam .content .header p.title, #sitecontent .Pageteam .content .header p.subtitle { margin-left:0; text-align:left; font-size:17px; }
#sitecontent .Pageteam .content .header p.subtitle { font-size:12px; }
#sitecontent .npagePage .content .teamitem .teaminfo .description { line-height:24px; font-size:13px; height:50px; margin-top:20px; }
#sitecontent .npagePage .content .teamitem .title a { color:#666; float:none; font-size:16px; }
#sitecontent .Pageteam .teamitem { float:none; width:1000px; height:180px; border-bottom:1px dotted rgba(0, 0, 0, .1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-bottom:20px; margin-right:0; }
#sitecontent .Pageteam .teamitem .teaminfo { width:820px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-top:18px; }
#sitecontent .npagePage .teamitem a { width:260px; height:140px; float:left; margin-right:40px; }
#sitecontent .npagePage .teamitem a img { width:260px; height:140px; }
#sitecontent .Pageteam a.details { position:relative; top:-45px; height:30px; float: right; border-top:none; border-left:1px solid rgba(0, 0, 0, .1); width:100px; line-height:30px;margin-right: 0px;}
#sitecontent .Pageteam .content .header { padding-bottom:3.5%; float:left; }
#sitecontent .Pageteam a.details:hover { background:transparent; color:#333; }
#sitecontent .Pageteam .teamitem:hover a.details { background:transparent; color:#333; }
#sitecontent .Pageteam .teamitem:hover a.details i { text-indent: 12px; color:#707070; }
#sitecontent .Pageteam .teamitem:hover .teaminfo .title a { color:#000; }
#sitecontent .Pageteam .teamitem:hover .teaminfo .subtitle { color:#666; }
#indexPage #mslider .bx-wrapper { margin:0 auto; position:inherit; }
#indexPage #mslider .bx-wrapper .bx-pager { bottom:40px; }
#sitecontent .npagePage { padding-top:90px; }
#sitecontent .npagePage.newsl .content{ border-top:1px solid rgba(0,0,0,.1);}
#projectimages2 img { margin-bottom:10px; }
#projectinfo2 { border-top:1px solid rgba(0, 0, 0, .1); box-shadow:none; }
#projectinfo2 { padding-left:0; }
#projectinfo2 .header p.title { font-size:18px; }
#projectinfo2 .header .description { line-height:26px; color:#747474; }
.npagePage .content #projectib2 #projectlist { width:760px; }
#npagePage #projectlist .projectitem a .project_info p.subtitle { padding:0; color:#999; margin-top:0; height:20px; line-height:20px; text-align:left; overflow:hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#projectshow2 .content_list li { margin-bottom:12px; margin-right:10px; margin-bottom: 65px; }
#projectshow2 .content_list li:nth-child(4n), #projectshow2 .content_list li:last-child {margin-right:0;}
#projectinfo2 .description a { margin:15px 0; }
.Pageteam #teamlist { width:1030px;  float:right; }
#teamlist .wrap { margin-right: 60px; }
.teamitem .teaminfo .subtitle { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pagenews #category { text-align: left; padding-top:20px; display: block; top: 100px; }
#sitecontent .Pagenews a.details { display:none; }
#indexPage #mnews .bx-controls-direction { display:block; }
#indexPage #mteam .content { margin-top:0; top:110px; }
#indexPage #mteam .content .wrapper { width:1100px; }
#indexPage #mservice a.more { display:none; }
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction a { width:40pgx; height:40px; border-radius:0; border:none; top:-70px; transition:none; }
#indexPage #mservic .bx-wrapper .bx-controls-direction a i, #indexPage #mnews .bx-wrapper .bx-controls-direction a i { color:transparent; }
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction a.bx-prev { left: 1020px; background:url(../images/icon.png) 0 0 no-repeat; }
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction a.bx-prev:hover { background:url(../images/icon.png) 0 -40px no-repeat; }
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction a.bx-next { right:0; background:url(../images/icon.png) -40px 0 no-repeat; }
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(../images/icon.png) -40px -40px no-repeat; }
 #indexPage #mservice .wrapper .bx-wrapper a i::before {content:'';}
#indexPage #mnews .bx-wrapper .bx-controls-direction a { top:25px; transition:none; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-prev { left: 1020px; background:url(../images/icon.png) 0 0 no-repeat; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-prev:hover { background:url(../images/icon.png) 0 -40px no-repeat; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next { right:0; background:url(../images/icon.png) -40px 0 no-repeat; }
#indexPage #mnews .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(../images/icon.png) -40px -40px no-repeat; }
/*团队切换*/



#indexPage #mteam .bx-wrapper .bx-controls-direction a { top:20px; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev { left: 1020px; background:url(../images/icon.png) 0 0 no-repeat; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev:hover { background:url(../images/icon.png) 0 -40px no-repeat; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next { right:0; background:url(../images/icon.png) -40px 0 no-repeat; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next:hover { background:url(../images/icon.png) -40px -40px no-repeat; }
#indexPage #mteam .bx-wrapper .bx-controls-direction a { transition:none; }
 #indexPage #mteam .wrapper .bx-wrapper a i::before {content:'';}
/*合作伙伴*/

#indexPage #mpartner { border-bottom: 1px solid rgba(0, 0, 0, .05); }
#indexPage #mpartner .module-content { padding:20px 0; height:80px; }
#indexPage #mpartner .content .header { display:none; }
#indexPage #mpartner .wrapper { height:auto; }
#indexPage #mpartner .wrapper ul li a { width:112px; height:auto; margin-right:10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display:none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display:block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display:block; }
#mpartner .bx-wrapper .bx-controls-direction a { background:none; }
#mpartner .bx-wrapper .bx-controls-direction a i { color:#c3c6ca; font-size:22px; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background:transparent; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i { color:#333; }
#indexPage #mpartner .bx-wrapper .bx-prev { left:-58px; }
#indexPage #mpartner .bx-wrapper .bx-next { right:-58px; }
.nobanner #footer { float:left; }
#projectlist .projectitem a .project_info p.title { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size:15px; margin-bottom:6px; }
#sitecontent { min-height:680px; }
.newsl .content .header { width: 800px; text-align: left; margin: 0; padding-top: 34px; }
#projectlist .projectitem a .project_info div {  position:relative; top:0; }
#shares { bottom:10px; }
#newsPage #newslist .newstitem:hover { border-top: 1px solid rgba(0, 0, 0, .3); }
#newsPage #newslist #newsitem_0 { width:98%; margin-bottom:70px; }
#newsPage #newslist .newstitem { width:47%; margin-right:3%; float:left; margin-bottom:1.2%; word-wrap: break-word; }
#newsPage #newslist #newsitem_0 .newsbody .description { width: calc(100% - 80px); height: 80px; line-height: 27px; }
#newsPage #newslist #newsitem_0 .newsbody .title { width: 25%; float:left; font-size: 15px; margin-bottom:8px;}
#newsPage #newslist #newsitem_0 .newsbody { width:100% }
#header.mini { background-color:transparent; }
.Pageyemian .postbody { padding-top:34px; }
.npagePage .content #teampost { margin-left:0; }
#teambody .theader .title { font-size:22px; }
#indexPage #projectlist .projectitem { margin-right:0px; }
#indexPage #projectlist .projectitem { margin: 0 0px 20px 0; overflow:hidden; }
#projectlist .projectitem { overflow:hidden; margin-right:0; margin-bottom:32px;}
#projectlist .projectitem a .project_info { position:inherit; top:initial; left:initial;padding-top: 24px; background:#fff;}
#indexPage #mproject #projectlist .projectitem a .project_info { padding-top:0;}
#indexPage #mproject #projectlist .projectitem a .project_info div { position:initial; top: initial; left: initial; }
#indexPage #mproject #projectlist .projectitem a .project_info p.title { position:inherit; bottom:initial; }
#indexPage #mproject #projectlist .projectitem a .project_info p.subtitle { position:inherit; bottom:initial; }

#projectlist .projectitem .project_img { overflow:hidden;}
#projectlist .projectitem a .project_info p.title { color:#333; text-align:left;padding-left: 0;}
#projectlist .projectitem a .project_info p.subtitle { color:#999; text-align:left;padding-left: 0; margin-top:3px;}
#projectlist .projectitem a:hover .project_info { background:#fff;}
#projecttags a {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projecttags a:hover { background:#4e4e4e; color:#fff;}



.npagePage #projectshow4 #projectib4 .content { width:100%;}
.npagePage4 #post_slider .bx-wrapper .bx-pager { display:none;}
.npagePage4 #post_slider .bx-wrapper .bx-controls-direction a:hover { background:#4e4e4e;}
.npagePage4 #post_slider .bx-wrapper .bx-controls-direction a:hover i { color:#fff;}
#post_slider li { height:660px;background-size: auto 100% !important;}
#post_slider,#post_slider .bx-wrapper,#post_slider .bx-viewport { height:660px;background: #f8f8f8;} 
#projectinfo4 .header { padding-top:10px; float:left; width:100%;position: relative; }
/*#projectinfo4 .header .title-warp { width:40%; float:left;}
#projectinfo4 .description { width:55%; float:right;position:relative;right: 0px;top:-5px;}*/
#projectinfo4 .header .title-warp {}
#projectinfo4 .description {position:relative;right: 0px;}
#projectinfo4 .header p { line-height:26px; font-size:13px;}
#sitecontent .npagePage .content #projectinfo4 .header p.title{ width:92%; text-align:left; font-size:19px; padding-right:8%;}
#sitecontent .npagePage .content #projectinfo4 .header p.subtitle {width:92%; text-align:left; padding-right:8%;}
#projectshow4 #projectib4 #projectlist .projectitem a .project_info { padding-top:10px;}
#projectshow4 #projectib4 #npagePage #projectlist .projectitem a .project_info p.title { height:14px;}
#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:#777;width:98%;}*/
#projectinfo4 .description a{ display:inline; background:none; position:static; color:#929292;}
/*#projectinfo4 .description a:hover { background-color:#383838; color:#fff;}*/

#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;}
#footer a { margin-right:0px;}
#footer a.beian { margin-left:0;}
#footer a img { width:45px; height:18px;margin-top: 1px;}

#indexPage #mpage { background:#424242;}

.npagePage4 .bx-wrapper .bx-controls-direction a { background:transparent;}
.npagePage4 .bx-wrapper .bx-controls-direction a i { color:rgba(0,0,0,.3);}

#projectshow4 #projecttags4{ border-top:1px solid rgba(0,0,0,.08); padding-top:20px;}