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

/*顶部导航居右 */
#header { background: #fff; display: flex; align-items: center;}
#header .tel{ font-size: 15px; color:#333; padding-right: 10px;font-weight: bold;}
#indexPage #mslider ul li p { color: #3A3A3A; text-align: left; }
#indexPage #mservice { background-color: #f8f8f8; padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,.08);}
#mservice .content .header p.subtitle { color: #707070; }
.bx-wrapper { background: #f8f8f8; }
#indexPage #mproject { background-color: #fff;margin-bottom:45px;}
#projectmore { color: #fff; background:#313131; font-family: "HELVETICANEUELTPRO-THEX"; width: 60%; margin: 20px auto; height: 40px; line-height: 40px; margin: 0 auto;margin-top:35px; }
#indexPage a.more { color: #fff; font-family: "HELVETICANEUELTPRO-THEX"; border: #313131 1px solid; background: #313131; border-radius: 0px; width: 60%; margin:30px auto 40px auto;line-height: 40px;}
#projectpost .postbody a { color: #fff;  background-color:#505050; }
#category .label { background: #222224; }
#pages a.active, #pages a:hover { background: #313131; }
.dropmenu ul li a.active { color: #fff; background: #000; }
.dropmenu ul li a { color: #BBBBBB; background: rgba(17, 17, 17, 0.9); }
.dropmenu ul li { border-bottom: #2F2E35 1px solid; }
#footer { background: #171717; }
#mteam .content .header p.title { font-family: "HELVETICANEUELTPRO-THEX"; }
#leftcontrol ul li a { font-family: "HELVETICANEUELTPRO-THEX";height: 50px;line-height:51px;}
#indexPage #mslider { height: 320px; }
#indexPage #mslider ul li { height: 330px; }
#indexPage #mslider ul li p.title { font-size: 2.2rem; margin-top: 230px; font-family: "HELVETICANEUELTPRO-THEX"; padding-bottom:10px;color: #fff; text-align:center; }
#indexPage #mslider ul li p.title::before{ content:''; position:absolute; width:20%; height:10px; border-top:1px solid rgba(255,255,255,.2); margin-left:-6%;margin-top: 27px;}
#indexPage #mslider ul li p.subtitle { font-family: "HELVETICANEUELTPRO-THEX"; color: #fff; text-align:center;}
#newslist .newstitem .newsdate { margin-bottom: 15px; }
#newslist .newstitem .md { color: #8a8a8a; font-size: 16px; line-height: 0px; height: 0; padding: 0 60px 0 0; }
#newslist .newsinfo .year { color: #bdbdbd; font-size: 16px; line-height: 0; padding:0; margin-left: 55px; text-align:left;}
/*#newslist .newsinfo .md { color: #ECECEC; font-size: 2.4rem; line-height: 2.4rem; }*/
#indexPage a.more:hover { border: #464646 1px solid; background: #464646;}
/*案例*/
#projectlist .content_list{display: flex; flex-wrap: wrap;}
#projectlist .projectitem { padding-bottom: 50px; margin-right: 2%; width: 48%; margin-bottom: 2%; background-color: #fff; }
#projectlist .projectitem .project_info { height: 50px; position: absolute; width: 100%; bottom: 0; }
.projectitem .project_info p.title { margin-top: 10px; color:#565656; font-size: 13px; text-align: left; margin-left:0px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:4px;}
.projectitem .project_info p.subtitle { color: #7E7E7E; font-size: 10px; margin-left: 0px; text-align: left; }
#projectpost .header { padding: 50px 14px 30px 14px; }
/*服务*/
#indexPage #mservice .slider_wrapper { height: 240px; }
.serviceitem img { height: auto;width: 100%; }
.serviceitem { height:268px;}
#mservice .bx-viewport { max-height: 370px; height: 360px; }
#indexPage #mservice .slider_wrapper .bx-controls-direction a { margin: 10px 20px; margin-bottom:30px; padding-bottom:30px;}
/*关于*/

#indexPage #newslist #newsitem .newsimg { display: block; width: 280px; height: 180px; }
#indexPage #mpartner ul li img {height: 60px;}
#indexPage #mpartner .wrapper {/* height: 60px; */}
#indexPage #mpartner ul {/* height: 60px; */}
.postbody { color: #aaa; }
#indexPage #mslider ul li div { padding: 0 20px; }
.content .header { padding:40px 14px 30px 14px; }
.content .header p.title { text-align: center; }
.content .header p.subtitle { text-align: center; }
#indexPage #mpage .fimg { height:240px; }
#indexPage #mpage .description { text-align: left; }
#mcontact .content .header { padding: 50px 14px 30px 0px; }
#mpage .content .header { padding: 50px 14px 30px 0px; }
#indexPage #mcontact { background-color: #f8f8f8; }
#indexPage #mcontact .header p.title { color: #444; }
#contactinfo h3 { color: #474747; }
#contactinfo p.ellipsis a { color: #646464; }
#contactinfo div a { background: #CACACA; }
#pagepost .content .header { padding:35px 0 30px 0px; }
#footer { background: #fff; }
#mpage .content .header::after {position:relative;content:"";height:0px;background:#C3C3C3;margin: 12px 0 0;width: 30px;float: left;margin-left: -15px; left:50%;}
#newslist .newstitem { height: 120px; padding-top:40px; padding-bottom: 0; }
/*导航*/
#leftcontrol { background: #FAFAFA; }
#leftcontrol ul li { border-top: 1px solid #EBEBEB; }
#leftcontrol > ul > li.active a { background: #333; color: #fff; }
#leftcontrol ul li:hover { background-color: transparent; }
#leftcontrol ul li.active a.hassub { background: #333; }
#leftcontrol ul.subnav li a { background: #ebebeb; color: #4E4E4E; }
#leftcontrol ul.subnav li.active a { background: #E7E7E7; }
#sitecontent { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
#leftcontrol ul li a span.circle { border: #D8D8D8 1px solid; border-radius: 5px; width: 8px;height:8px; background-color:transparent; }
#leftcontrol ul li a span.circle { margin-right:15px;position: relative;top:1px;}
#leftcontrol ul li.active a span.circle { border-color: #fff;background-color: #fff;margin-right:15px;}
#leftcontrol ul.subnav li a i { color: #B4B4B4; }
#leftcontrol ul.subnav li.active a { background:#555; color:#fff;}
/*导航结束*/
#indexPage #mservice .slider_wrapper .bx-controls-direction a i {top: calc(50% + 10px);}
.scrollView {border-top: 1px solid rgba(0,0,0,.05);}
.teamitem:nth-of-type(even) .teaminfo {}
#teamlist .teamitem .header p.title { text-align:left;}
#teamlist .teamitem .header p.subtitle {text-align:left;}
.teamitem .teaminfo .description {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#servicelist .serviceitem div p.description {line-height: 2.2rem;height:50px;}
#teamlist { padding:0 18px;}
#servicelist li.line { background:transparent;margin: 10px 0;}
#servicelist .serviceitem { width:100%; margin-right:0; padding-bottom:30px;}

#projectlist .wrapper { margin-left:2%;}
#t-project #projectlist .wrapper{margin-top: 2%;}

.teamitem img {border-radius:0; }
#category { margin-bottom:0;}