.fl {
    float: left;
}

.fr {
    float: right;
}

#indexPage #mnews {
    background-color: #f8f8f8;
    height: auto
}

#newslist .newstitem {
    width: 100%;
    height: 150px;
    border-bottom: rgba(0,0,0,0.05) 1px solid;
    transition: all ease-out .2s;
    position: relative;
}

#newslist .newscontent {
    width: 960px;
    height: 90px;
    padding-top: 40px;
    margin: 0px auto;
    display: block;
    position: relative;
    z-index: 1
}

#newslist .newsinfo {
    margin-left: 160px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#newslist .newsdate {
    width: 180px
}

#newslist .newsdate p {
    font-family: "HELVETICANEUELTPRO-THEX",Arial;
}

#newslist .newsinfo .md {
    color: #dcdcdc;
    font-size: 60px;
    line-height: 50px;
    text-align: right
}

#newslist .newsinfo .year {
    color: #bdbdbd;
    font-size: 16px;
    text-align: right;
}

#newslist .newsbody {
    margin-left: 50px
}

#newslist .newsbody .title {
    width: 460px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #464646;
}

#newslist .newsbody .description {
    width: 460px;
    height: 42px;
    line-height: 22px;
    font-size: 13px;
    color: #6a6a6a;
    margin-top: 10px;
    overflow: hidden
}

#newslist .newstitem i {
    font-size: 36px;
    margin-top: 20px;
    color: rgba(0,0,0,0);
    transition: all ease-out .3s;
    text-indent: -30px;
}

#newslist .newstitem:hover i {
    font-size: 36px;
    margin-top: 20px;
    color: #fff;
    text-indent: 0px;
}

#newslist .newstitem:hover .newsinfo {
    transform: translate3d(-50px,0,0)
}

#newslist .newstitem:hover p {
    color: #fff
}

#newslist .newstitem:hover a {
    color: #fff
}

#newslist .newstitem:hover {
    background: #6EB92B
}

#indexPage #mnews .news_wrapper {
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}
#indexPage a.more {
    border: #dfdfdf 1px solid;
    background: rgba(255,255,255,.0);
    width: 360px;
    height: 58px;
    display: block;
    margin: 50px auto 80px;
    line-height: 58px;
    font-size: 20px;
    color: #6EB92B;
    text-indent: 150px;
    border-radius: 30px ;
    transition: all ease-out .3s;
}

#indexPage a.more:hover {
    border-color: #b6b6b6;
    text-indent: 130px;
}

#indexPage a.more i {
    text-indent: -10px;
    font-size: 24px;
    color: transparent;
    transition: all ease-out .3s
}

#indexPage a.more:hover i {
    text-indent: 18px;
    color: #707070;
}
@charset "utf-8";
/* CSS Document */


















/*chrome */



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



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



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



::-webkit-scrollbar-thumb:hover {
width:8px;
background-color:#2882e8;
}
#header .content { padding-left: 40px; padding-right: 80px; }
#header ul#nav { float: right; }
/*顶部导航背景默认色 */















#header { border-bottom: 1px solid transparent; background: transparent; }
/*顶部导航背景滚动颜色与阴影 */















#header.mini { background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
/*顶部导航背景默认色IPAD */















.lowB #header { background: #FFF; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #6EB92B; }
#indexPage a.more { color: #6EB92B; border-color: #ececec; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#indexPage a.more:hover { color: #fff; border-color: #6EB92B; text-indent: 130px; background: #6EB92B }
#indexPage #mpartner .slider_control a:hover { background-color: #6EB92B }
#contactform p .inputsub { background-color: #6EB92B; }
#contactform .inputtxt.active { border-color: #6EB92B; }
#pages a.active, #pages a:hover { background: #6EB92B; }
#newslist .newstitem:hover { background: #6EB92B }
.bx-wrapper .bx-controls-direction a:hover { background-color: #6EB92B }
.bx-wrapper .bx-pager.bx-default-pager a:focus { border: #6EB92B 1px solid; background-color: #6EB92B; }
#teampost #teamimage img { width: 0px; background: #131418; position: fixed; }
.serviceitem:hover .title { color: #6EB92B; }
#header ul li.navitem a { color: #999; }
/*导航下拉菜单 */































#header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 110px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1); display: block; font-size: 12px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li a:hover { text-indent: 10px; background: #f4f4f4; color: #6c6c6c; }
#header ul li.navitem ul.subnav { border-top: #6EB92B 3px solid; width: auto; border-radius: 2px; }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid #FFF; }
/*幻灯左右切换按钮 */















.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.2); }
/*作品内页副标题 */















#plheader.header p.subtitle { color: #A7A7A7; width: 700px; margin: 30px auto 10px; font-size: 14px; line-height: 24px; }
/*首页案例背景颜色 */















#indexPage #mproject { background-color: #fff; }
#category a { line-height: 16px; height: 16px; padding: 8px 40px; color: #898989; border: 1px solid #fff; margin-right: 14px; display: inline-block; border-radius: 20px; transition: all 0.3s ease-out 0s; }
#category a.active, #category a:hover { background: #fff; border-color: #DADADA; color: #6EB92B; }
.nobanner #header { background: #fff; }
/*链接颜色 */















.postbody a { color: #6EB92B; }
/*首页背景不平铺 */















#indexPage .module { background-size: auto; }
/*首页背景不加透明蒙层 */















#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: transparent; }
/*首页服务背景层 */















#indexPage #mservice { background-color: #1C1D20; height: 600px; }
/*首页BANNER 文字位置*/























#indexPage #mslider ul li p.subtitle { color: #8a8a8c; }
#indexPage #mslider ul li p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.content .header { padding-top: 120px; }
/*首页团队 */















#indexPage #mteam .header img { float: left; display: block; margin: 80px 48px 80px 340px; border-radius: 120px; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s ease-out 0s; }
#indexPage #mteam .header img:hover { border: 1px solid rgba(255,255,255,0.2); }
#indexPage #mteam .header p.title { color: #f6ff00; font-size: 24px; text-align: left; margin: 98px auto auto; }
#indexPage #mteam .header p.subtitle { font-size: 12px; color: #4B4B4B; text-align: left; margin: 0px auto; }
#indexPage #mteam .description { color: #808080; overflow: hidden; text-align: left; line-height: 24px; height: 50px; font-size: 13px; margin: 0px auto; width: 490px; }
#indexPage #mteam { height: 580px; background-color: #19191B; }
#indexPage #mteam .slider_control a i { color: #666; }
#indexPage #mteam .slider_control a:hover i { color: #6EB92B }
#indexPage .module .bgmask { background-color: transparent; }
#newslist .newsinfo .md { color: #6EB92B; }
#indexPage a.more:hover i { text-indent: 18px; color: #fff; }
/*首页联系 */	















#contactform p { border-bottom: 1px solid rgba(255,255,255,.2); padding-top: 5px; }
#contactform p .inputtxt { border: medium none; margin-bottom: 5px; background: transparent; }
#contactform p .inputsub { background-color: #6EB92B; margin-top: 10px; padding: 8px 0px; }
#contactinfo p { color: #717171; }
#indexPage #mcontact { height: 680px; background-color: rgb(31, 31, 35); }
#newslist .newsbody .title { height: 30px; }
#newslist .newsbody .description { line-height: 20px; color: #A5A5A5; }
/*首页全屏 */







#indexPage #mslider { height: 0 }
#indexPage #mslider ul li div { background-image: url("http://demo.mo1.uemo.net/templates/upload/2/201509/dian.png"); }
#indexPage #mslider ul li p { color: #f6ff00; }
#projectlist, #projectmore { margin: 0px auto; }
/*#projectlist .projectitem .project_info {



	background: transparent;



	height: 20%;



	width: 100%;



	top: 60%;



}







#projectlist .projectitem a:hover .project_info {



	background: rgba(0,0,0,0.8);



	height: 20%;



	width: 100%;



	background-image: url("http://demo.mo1.uemo.net/templates/upload/2/201509/dian2.png");



	top: 50%;



}*/







#projectlist .projectitem .project_info { background: transparent; height: 0; width: 0; top: 0; }
#projectlist .projectitem a:hover .project_info { background: transparent; height: 0; width: 0; top: 0; }
#projectmore { background: #6EB92B; height: 120px; line-height: 120px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#projectmore:hover { background: #00d8ff; height: 120px; line-height: 120px; }
#indexPage #mproject .content .header p.title { color: #5d5d5d; }
#indexPage #mteam .slider_control { margin-top: 270px; }
#header ul li.navitem { padding: 0px 18px 10px; }
.bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid rgba(255,255,255,0.3); }
#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08); -moz-transform: scale(1.08, 1.08); -webkit-transform: scale(1.08, 1.08); -o-transform: scale(1.08, 1.08); }
.teamitem a { background-color: #131418; border-radius: 180px; }
.npagePage #banner { width: 100%; height: 200px; position: relative; }
.npagePage #banner div { height: 200px; }
#projectlist .projectitem .project_info p.title { margin-top: 0; color: transparent; font-size: 0; transition: all ease-out .3s; }
#projectlist .projectitem a:hover .project_info p.title { margin-top: 0px; color: transparent; font-size: 0 }
#projectlist .projectitem .project_info p.subtitle { margin-top: 0; color: transparent; font-size: 0; transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: 0; color: transparent; font-size: 0; }
#footer p { text-align: center; }
#indexPage #mpartner { background-color: #F8F8F8; }
#teampost #teamimage { width: 0px; }
#teampost #teambody { margin-left: 0px; }
#projectlist .projectitem { width: 32.7%; margin-right: 0.6%; margin-bottom: 0.6%; }
#projectlist .wrapper { margin-left: 0.6%; margin-right: auto; }
#indexPage #mservice .content .header p.title { color: #fff; }
#indexPage #mservice .content .header p.subtitle { color: #484848; }
.serviceitem div p.title { color: #F6FF00; }
.serviceitem div p.description { color: #595959; height: 50px; overflow: hidden; width: 80%; margin-top: 10px; transition: all 0.2s ease-out 0s; }
.serviceitem:hover .title .description { color: #6EB92B; }
.serviceitem:hover .description { color: #9B9B9B; }
.serviceitem { height: 320px; margin-right: 0px; width: 33.33%; margin-top: 20px; transition: all 0.3s ease-out 0s; background-color: #212225; }
.serviceitem:hover { height: 300px; margin-top: 0px; background-color: rgba(22,23,26,.8); }
.serviceitem a { display: block; height: 120px; margin: 10px auto 24px; }
#indexPage #mpage .slider_wrapper li .fimg { height: 500px; }
#footer { background: #17171A; }
.content .header p.subtitle { font-size: 14px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#indexPage #mservice .slider_wrapper { width: 100%; height: 300px; }
#indexPage #mservice .slider_control { width: 0px; height: 180px; }
#indexPage #mservice .slider_wrapper .slider { width: 100%; }
#indexPage #mservice .fw { width: auto; }
#projectinfo .description a { padding: 18px 142px; color: #fff; background: #009CFF; font-size: 14px; transition: all ease .3s; }
#projectinfo .description a:hover { background: #02b2ed }
.module-slider .description { font-size: 16px; }
#indexPage #mnews { background-color: #F0F0F0; }
/* 案例百分百 */



#projectbody { width: 60%; }
#projectwrap.fw { width: auto; }
#olx_head { background: #6EB92B; }
#online_open { background: #6EB92B; }
#olx_qq li a:hover i { color: #F8F503; }
/*#newspost .fw{ width:900px;}*/

/*#projectwrap {padding-left:10%;}*/



/*项目详情 */

#projectinfo { width: 340px; float: right; padding: 0px 50px; margin-left: 0px; }
#projectwrap.fw { width: 100%; }
#projectimages li img { display: block; float: none; margin: 0px auto; max-width: 100%; }
#projectbody { max-width: 100%; margin: 0px auto; width: calc(100% - 490px); float: right; padding: 0 50px 0 0; }
#projectimages li img { display: block; float: none; max-width: 100%; margin: 0px auto; }
#projectimages { background: #f5f5f5; padding: 50px; }
#projectwrap.fw { width: 100%; background-color: #F5F5F5; padding: 50px 0; }
#projectimages { background: #FFF none repeat scroll 0% 0%; padding: 40px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
#projectinfo { width: 340px; float: right; margin-left: 0px; background-color: #FFF; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); padding: 40px; }
#projectbody { max-width: 100%; margin: 0px auto; width: calc(100% - 500px); float: right; padding: 0px 30px 0px 20px; }

/*案例显示文字
#projectlist .projectitem {margin-bottom: 50px;}
#projectlist .projectitem .project_info p.title {margin-top:155px;color: #535353;text-align: center;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#projectlist .projectitem a:hover .project_info p.title {margin-top:155px;color: #535353;text-align: center;font-size: 16px;}
#projectlist .projectitem a:hover .project_info {height:100%;width:100%;}
#projectlist .projectitem .project_info p.subtitle {font-size: 12px;color: #9B9B9B;text-align: center;}
#projectlist .projectitem a:hover .project_info p.subtitle {font-size: 12px;color: #9B9B9B;text-align: center;}
#projectlist .projectitem .project_info div {position: absolute;height: 100px;width: 100%;bottom: -100px;margin-top: 0px;}
#projectlist .projectitem .project_info {width: 100%;height: 100%;background: transparent none repeat scroll 0% 0%;position: absolute;left: 0px;top: 0px;
transition: all 0.3s ease-out 0s;} */