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



.content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
/*顶部导航居右 */


#indexPage #mslider .bx-wrapper { position: relative; }
#header .content { padding: 0 5%; }
#header ul#nav { float: right; }
/*顶部导航背景默认色 */







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







#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: #2ecc81; }
#indexPage a.more { color: #2ecc81; border-color: #ececec; }
#indexPage a.more:hover { color: #fff; border-color: #2ecc81; text-indent: 130px; background: #2ecc81 }
#indexPage #mpartner .slider_control a:hover { background-color: #2ecc81 }
#contactform p .inputsub { background-color: #2ecc81; }
#contactform .inputtxt.active { border-color: #2ecc81 }
#pages a.active, #pages a:hover { background: #2ecc81; }
.bx-wrapper .bx-controls-direction a:hover { background-color: #2ecc81 }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: none; background-color: #2ecc81; }
.serviceitem:hover .title { color: #2ecc81; }
#header ul li.navitem a { color: #999; }
.serviceitem div p.description { width: 100%; margin-top: 10px; }
/*导航下拉菜单 */















#header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 150px; 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: #2ecc81 3px solid; 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); }
/*副标题 */







.content .header p.subtitle { color: #ADADAD; font-size: 14px; }
/*首页案例背景颜色 */







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







.postbody a { color: #2ecc81; }
/*案例1180 */







#mproject { padding-bottom: 80px }
#projectlist, #projectmore { margin: 0 auto; width: 100%; overflow: hidden; position: relative }
#projectlist .projectitem { width: 280px; margin-right: 20px; margin-bottom: 80px; background-color: transparent; }
#projectlist .wrapper { margin-right: -20px }
#projectmore { background: #fff; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; border-radius: 30px; color: #2ecc81; display: block; font-size: 20px; height: 58px; line-height: 58px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 360px; margin-top: 20px; }
#projectmore:hover { background: #2ecc81; border: 1px solid #2ecc81; width: 360px; height: 58px; line-height: 58px; text-indent: 0 }
#projectlist .projectitem a { border-radius: 8px; }
/*首页背景不平铺 */







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







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







#indexPage #mservice { background-color: #f9fafc; }
/*首页BANNER 文字位置*/








#indexPage #mslider ul li p.subtitle { width: 1200px;
    margin: 0 auto;font-size: 14px; height: 20px; transition-delay: 0.2s; color: #8a8a8c; text-align: left; }
#indexPage #mslider ul li p.title { width: 1200px;
    margin: 0 auto;font-size: 50px; line-height: 70px; height: 70px; font-family: "HELVETICANEUELTPRO-THEX"; text-align: left; margin-top: -136px;}
#projectlist .projectitem .project_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
#projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#projectlist .projectitem a:hover .project_info { background: transparent }
/*首页团队*/







#indexPage #mteam .header p.title { color: #2ecc81; font-size: 24px; text-align: left; margin: 70px 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: 500px; background-color: #292a2e; }
#indexPage #mteam .slider_control a i { color: #666; }
#indexPage #mteam .slider_control a:hover i { color: #2ecc81 }
#indexPage .module .bgmask { background-color: transparent; }
#indexPage a.more:hover i { text-indent: 18px; color: #fff; }
/*首页联系 */	







#contactform p { padding-top: 5px; }
#contactform p .inputtxt { border: medium none; margin-bottom: 5px; background: transparent; border-bottom: 1px solid rgba(255,255,255,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputtxt:hover { border-bottom: 1px solid #2ecc81; }
#contactform p .inputsub { background-color: #2ecc81; margin-top: 10px; padding: 8px 0px; }
#contactinfo p { color: #717171; }
#indexPage #mcontact { height: 600px; background-color: rgb(31, 31, 35); }
#newslist .newsdate { width: 180px; float: right; margin: 0px 0px 0px 160px; padding-left: 40px; border-left: 1px solid rgb(230, 230, 230); }
#newslist .newsinfo { margin-left: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newstitem:hover { background: #2ecc81 }
#newslist .newsinfo .md { color: #2ecc81; font-size: 50px; text-align: left; }
#newslist .newsinfo .year { text-align: left; }
#newslist .newstitem i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; }



/*chrome */



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

::-webkit-scrollbar {
width:8px;
background-color:#00d420;
}

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

::-webkit-scrollbar-thumb:hover {
width:8px;
background-color:#3d3d3d;
}
.teamitem a div.wrap { background: #2ecc81; }
/*1转4*/







/*新首页开始*/







#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 700px; }
#indexPage #mservice { height: 580px; }
#indexPage #mservice .content { margin: 0; height: 340px; padding-bottom: 100px; }
#indexPage #mproject .content { margin: 0; }
#indexPage #mpage .content { margin: 0; height: auto; }
#indexPage #mteam .content { margin: 0; height: 600px; }
#indexPage #mnews .content { margin: 0; height: auto; }
#indexPage #mcontact .content { margin: 0; height: 600px }
#indexPage #mpartner .content { margin: 0; height: 200px; }
/*幻灯切换按钮*/



#indexPage #mslider .bx-wrapper .bx-pager { bottom: 20px; }
/*案例*/



#indexPage #mproject .content .header { padding-top: 80px; }
#mproject #category { display: block; }
#indexPage #mproject .content { margin-right: -20px; }
#indexPage #mproject .content .wrapper { width: 90%; margin: 0 auto; }
#indexPage #projectlist .projectitem { width: 23%; margin: 0 1% 80px; }
#indexPage #mproject .content .wrapper .content_list { margin-left: 0 }
#indexPage #projectlist .projectitem .project_info p.title { font-size: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #333; line-height: 24px; }
#indexPage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
#indexPage #projectlist .projectitem a:hover .project_info p.title { margin-top: 110px; color: #2ecc81; }
#indexPage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#indexPage #mproject a.more { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#mproject #projectlist .projectitem a .project_info div { height: 80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; }
/*服务*/



#indexPage #mservice .content .header { padding-top: 100px; }
#indexPage #servicelist .serviceitem { margin-right: 80px; }
#servicelist .serviceitem:hover .title { color: #2ecc81; }
#servicelist .serviceitem div p.description { color: #A5A5A5; }
#servicelist .serviceitem div p.title{ font-size:22px;}
/*团队*/



#indexPage #mteam .fw { width: 1060px; }
#mteam .content .summary { padding: 80px 0 50px; }
#indexPage #mteam .summary p { text-align: left; }
#indexPage #mteam .summary p.title { margin-top: 70px; font-size: 24px; }
#indexPage #mteam .summary p.title a { color: #2ecc81; }
#indexPage #mteam .header img { float: left; margin: 140px 50px 80px 230px; border-radius: 500px; width: 240px; height: 240px;}
#mteam .bx-wrapper .bx-controls-direction a.bx-prev { left: -72px }
#mteam .bx-wrapper .bx-controls-direction a.bx-next { right: -72px; }
#mteam .bx-wrapper .bx-controls-direction a { background: none; }
#mteam .bx-wrapper .bx-controls-direction a:hover { background: none; }
#mteam .bx-wrapper .bx-controls-direction a i { color: #666; font-size: 36px; }
#mteam .bx-wrapper .bx-controls-direction a:hover i { color: #2ecc81; }
/*关于*/



#mpage .content .header { padding-top: 80px; }
#indexPage #mpage .slider_wrapper li .fimg { height: 400px; }
/*新闻*/



#mnews .content .header { padding-top: 120px; padding-bottom: 80px; }
#indexPage #mnews .content .header { display: block; }
#newslist .newstitem .news_wrapper { position: inherit; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }
#newslist .news_wrapper { background: none; border-bottom: rgba(0,0,0,0.05) 1px solid; }
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .newsbody { width: auto; text-align: left; padding-top: 20px; position: relative; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newsbody .title {transition: all 0.3s ease-out 0s; width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #464646;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#newslist .newsbody .description { float: left; width: 530px; height: 42px; line-height: 22px; font-size: 12px; color: #9c9c9c; text-align: left; margin-top: 16px; overflow: hidden; }
#newslist .newsbody .md span { display: none; }
#newslist .newstitem:hover .md, #newslist .newstitem:hover .year, #newslist .newstitem:hover .description, #newslist .newstitem:hover .title { color: #fff; }
#newslist .newstitem a.details { display: block; z-index: 2; position: absolute; top: 16px; width: 150px; left: 50%; margin-left: 405px; text-indent: -230px; overflow: hidden; height: 36px; line-height: 36px; border: none; }
#newslist .newstitem:hover a.details { text-indent: -220px; }
#newslist .newstitem a.details i { font-size: 36px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; padding-left: 200px; }
#newslist .newstitem:hover a.details i { text-align: 40px; color: #fff; }
#newslist .newstitem a.details:hover { text-indent: -220px; }
#mnews a.more { display: block; margin-top: 50px; }
/*合作伙伴*/



#indexPage #mpartner .content .header { display: none; }
#indexPage #mpartner .module-content { padding: 60px 0; height: 80px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { height: 80px; }
#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:hover { background: none; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; display: none; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; display: none; }
/*联系我们*/



#indexPage #mcontact .content .header { padding-top: 80px; }
#footer a path { fill: rgb(148, 148, 148); }
/*案例内页*/



.npagePage #projectlist .wrapper { width: 90%; margin: 0 auto; }
.npagePage #projectlist .projectitem { width: 23%; margin: 0 1% 80px; }
.npagePage #projectlist .projectitem .project_info p.title {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #333; line-height:24px;}
.npagePage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
.npagePage #projectlist .projectitem a:hover .project_info p.title { margin-top: 110px; color: #2ecc81; }
.npagePage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
/*团队内页*/



.npagePage .teamitem .title a { color: #000; }
#shares a#gotop { margin-top: 0; }
#shares a#sshare { display: none; }
#online_open { bottom: 160px; }
#indexPage .module { z-index: auto; }
#indexPage #mservice .wrapper { width: auto; margin-right: -80px }
#servicelist .serviceitem a img {    width: 120px;
    margin-left: 100px;}
#servicelist .serviceitem { width: 320px; margin-right: 80px; }
#servicelist .wrap { margin-right: -80px }
.bx-wrapper .bx-controls-direction a i { font-size: 22px; margin-top: 8px; margin-left: 15px; }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 18px; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color: #eee; width: 8px; display: none; height: 8px; border: none; }
.content .header p.title { font-size: 32px; margin-bottom: 6px; }
#olx_head{background: #2ecc81;}

#projectimages li{ margin:0;}
#projectib .projectitem img{border-radius: 8px;}



#mnews .content .header { padding-top: 80px; padding-bottom: 60px; }
#indexPage #mnews .content .header { display: block; }
#indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }
#indexPage #mnews .content_list { height: auto; }
#newslist .newsinfo { display: block; float: none; margin: 0; padding: 0 60px; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); -moz-transform: translate3d(0px, -14px, 10px ); }
#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 10px); -webkit-transform: translate3d(0px, -14px, 10px); -moz-transform: translate3d(0px, -14px, 10px); }
#newslist .newsbody .description { width: 100%; margin-top: 20px; font-size: 12px; color: #777; text-align: left; }
#newslist .newsbody .date { color: #7E7E7E; }
#newslist .newsbody .date .md { margin-right: 10px; }
#newslist .newsdate { width: auto; margin: 0 0 20px; background-color: transparent; transition: all 0.3s ease-out 0s; }
#newslist .newstitem:hover .newsdate { background-color: transparent; }
#newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; }
.newsdate p { float: inherit; padding: 0; width: auto; }
#newslist .newsinfo .year { font-size: 16px; border-left: 20px solid #B9B9B9; line-height: 0px; height: 1px; padding: 0 0 0 15px; }
#newslist .newstitem i { text-indent: -100px; color: transparent; font-size: 36px; margin-top: -200px; }
#newslist .newstitem:hover i { text-indent: -80px; margin-top: -200px; }
#newslist .newsbody { margin-left: 5%;  }
#newslist { width: 80%; margin: 0px auto; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { width: auto; padding-left: 200px; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding-left: 200px; }
#newslist .newstitem.right a.newscontent { padding-right: 0 }
#newslist .newstitem.right a.newscontent:hover { padding-right: 0 }
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .news_wrapper { background: transparent }
#newslist .newstitem:hover .newsbody p.date { margin-left: 80px; color: #DADADA; }
#newslist .newstitem a.newscontent { text-align: left; }
#newslist .newstitem .md span { display: none; }
#newslist .newstitem .md::after { content: ''; display: block; border-bottom: 1px solid #fff; width: 30px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem:hover .md::after { width: 110px; }
#newslist .newstitem .newsimg { width: 200px;  background-color: #f4f4f4;border-radius: 8px;}
#newslist .bx-viewport { min-height: 160px }
#newslist .newstitem.right a.newscontent .newsimg { left: 0; }
#indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }

#indexPage #mnews .content_list:after { content: ''; display: block; clear: both; }
#newslist .newsbody .description { transition: all 0.3s ease-out 0s; height: 44px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#indexPage #mnews .content_list { height: auto; }
#newslist .bx-viewport { overflow: visible !important; }
#newslist .newstitem {
    border-radius: 8px;
    float: left;
    height: 160px;
    margin-bottom: 40px;
    position: relative;
    width: 45%;
    margin-right: 5%;
}
#newslist .newsbody .date .md {
    margin-right: 10px;
}
#newslist .newsbody p.date {
    font-family: "HELVETICANEUELTPRO-THEX", Arial;
    height: 30px;
    font-weight: 300;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectbody{width: calc(100% - 380px);}
#projectwrap{width: 80%;  max-width: 1800px;}
#projectbody .postbody{max-width: 1140px;margin: 0 auto;}
#projecttags a{border-radius: 2px;line-height: 20px;padding: 5px 15px;background: #f5f5f5;}


.postbody img {margin-bottom: 0px;}