/* CSS Document */

/*顶部导航居右 */
#header {background: #fff;}
#indexPage #mslider ul li p { color: #fff; text-align: center;}
#indexPage #mservice { background-color: #f8f8f8; }
#mservice .content .header p.subtitle { color: #707070; }
.bx-wrapper { background: #f8f8f8; }
#indexPage #mproject { background-color: #fff; }

#projectmore {color: #fff;
background: #262626;
font-family: "HELVETICANEUELTPRO-THEX";
width: 96%;
margin: 20px auto;
height: 40px;
line-height: 40px;}

#indexPage a.more {color: #fff;font-family: "HELVETICANEUELTPRO-THEX"; border: #22a9ff 1px solid; height:36px;
background: #22a9ff;
border-radius: 0px;
width: 94%;}
.postbody a {color: #22a9ff;}
#projectpost .postbody a {
color: #fff;
background-color: #22a9ff;
}
#category .label { background: #222224; }
#pages a.active, #pages a:hover { background: #03D522; }
.dropmenu ul li a.active { color: #fff; background: #22a9ff; }
.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"; }
#indexPage #mslider { height: 320px; }
#indexPage #mslider ul li { height: 370px; }
#indexPage #mslider ul li p.title { font-size: 2rem; margin-top: 230px; font-family: "HELVETICANEUELTPRO-THEX";}



#indexPage #mslider ul li p.subtitle { font-family: "HELVETICANEUELTPRO-THEX"; color: #fff; }
#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 0 0 15px;
}
/*#newslist .newsinfo .md { color: #ECECEC; font-size: 2.4rem; line-height: 2.4rem; }*/
#indexPage a.more:hover { border: #22a9ff 1px solid; background: #22a9ff; }
/*案例*/
#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: 10px; }
.projectitem .project_info p.subtitle { color: #7E7E7E; font-size: 10px; margin-left: 10px; text-align: left; }
#projectpost .header {padding: 50px 14px 30px 14px;
}
#projectlist .wrapper {margin-left: 2%;}

/*服务*/
#indexPage #mservice .slider_wrapper { height: 220px; }
.serviceitem img { height: 75px; }
.serviceitem { height: 168px; }
#mservice .bx-viewport { max-height: 370px; height: 300px; }
#indexPage #mservice .slider_wrapper .bx-controls-direction a { margin: 10px 0px; }
/*关于*/

#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: 50px 14px 30px 14px;
}


.content .header p.title {
text-align: left;
}
.content .header p.subtitle { text-align: left;}
#indexPage #mpage .fimg {
height: 320px;
}
#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: 50px 14px 30px 0px;
}

#footer {
background: #fff;
}

#mpage .content .header::after {
position: inherit;
content: "";
height: 2px;
background: #22a9ff;
margin: 12px 0 0;
width: 30px;
float: left;
text-align: left;
}

#newslist .newstitem {
height: 120px;
padding-top: 50px;
padding-bottom: 10px;
}

/*导航*/
#leftcontrol {background: #FAFAFA;}
#leftcontrol ul li {border-top: 1px solid #EBEBEB;}
#leftcontrol > ul > li.active a {background: #F1F1F1;color: #4E4E4E;}
#leftcontrol ul li:hover {background-color: transparent;}
#leftcontrol ul li.active a.hassub {background: #EBEBEB;}
#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: 0px;width: 1px;background-color: #D8D8D8;}
#leftcontrol ul li.active a span.circle { border-color: #22a9ff;background-color: #22a9ff;border-radius: 0px;width: 1px;}
#leftcontrol ul.subnav li a i {color: #B4B4B4;}
/*导航结束*/

.teamitem a {
width: 100%;
max-height: 85px;
display: block;
overflow: hidden;
}
.teamitem img {
width: 120px;
height: auto;
border-radius: 0px;
margin-right: 10px;
}
.teamitem:nth-of-type(even) img {
float: left;
}
#teamlist {
padding: 0;
}
.teamitem:nth-of-type(even) .teaminfo {
margin-right: 0px;
}
.teamitem {
padding: 20px 0;
}

.temalb .content .header {
padding: 50px 0px 30px 0px;
}
.npagePage .teamitem {
padding: 20px 5px;
width: 96%;
}

.teamitem .teaminfo .description {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}


/* 2019-08-28 yyq 4-5 */
/* 处理图片 */
#projectlist .projectitem .project_img,
#teamlist .teamitem #mteam_img,
#mservice .serviceitem a,
#mpartner li a,
#servicelist .serviceitem a {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#teamlist .teamitem #mteam_img img,
#mservice .serviceitem a img,
#mpartner li a img,
#servicelist .serviceitem a img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#projectlist .projectitem .project_img {
    padding-top: 100%;
}
#teamlist .teamitem #mteam_img {
    padding-top: 23%;
    width: 36%;
}
#mservice .serviceitem a {
    padding-top: 20%;
    width: 48%;
    margin: 0 auto;
}
#mpartner li a {
    padding-top: 75%;    
}
#servicelist .serviceitem a {
    padding-top: 32%;
    width: 50%;
    margin: 0 auto;
}

/* 处理幻灯 */
#mservice .slick-slider .slick-arrow {
    top: 3%;
    transform: none;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    #indexPage #mservice .slider .slick-arrow {
        top: 23%;
    }
}

/* 其他样式 */
.postbody img {
    width: 100%;
}
#teampost .imgcw {
    display: none;
}
#footer p.plr10 span {
    width: 60%;
}
#teamlist .teamitem img {
    width: 100%;
}
#teamlist .teamitem {
    overflow: hidden;
    height: auto;
}
#teamlist .teamitem a {
    display: flex;
    max-height:none;
}
#teamlist .teamitem #mteam_img {
    flex: 1 0 auto;
}
#teamlist .teamitem .teaminfo {
    margin-left: 10px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    #teamlist .teamitem a {
        align-items: center;
    }
    #indexPage #mservice .serviceitem {
        padding: 20px 0;
    }
}
.serviceitem img {
    width: 100%;
}
.serviceitem,
#indexPage #mservice .slider_wrapper {
    height: auto;
}
#indexPage #mservice {
    padding-bottom: 20px;
}
#indexPage #mpartner ul li img {
    height: auto;
}
#pages a.active, 
#pages a:hover {
    background: #22a9ff;
}


/* 侧边导航样式 */
#leftcontrol ul li {
    border-top: 1px solid #EBEBEB;
}
#leftcontrol > ul > li.active a {
    background: #fff;
    color: #333;
}
#leftcontrol ul li.active a span.circle {
    border-color: #fff;
    background-color: #666;
}
#leftcontrol ul li.active a.hassub {
    background: #ebebeb;
}
#leftcontrol ul.subnav li a {
    background: #f6f6f6;
    color: #999;
}
#leftcontrol ul li a {
    padding: 0 25px;
}
#leftcontrol ul li a span.circle {
    border: #D8D8D8 1px solid;
    border-radius: 5px;
    width: 8px;
    height: 8px;
    background-color: transparent;
}
#leftcontrol ul li.active a span.circle {
    border-radius: 5px;
    width: 8px;
}
#leftcontrol ul li a span.more {
    width: 12px;
    height: 12px;
    position: relative;
    float: right;
    top: 20px;
}
#leftcontrol ul li a span.more span.h {
    width: 12px;
    height: 2px;
    transform: translate3d(0,5px,0);
    -webkit-transform: translate3d(0,5px,0);
}
#leftcontrol ul li a span.more span.v {
    transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
    -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);
}
#leftcontrol ul li a span.more span.v {
    display: inline-block;
}
#leftcontrol {
    background: #FAFAFA;
}
#leftcontrol ul li.active a span.more span.v {
    background: #8A8A8A;
}
#leftcontrol ul li.active a.hassub {
    color: #333;
}
/* 侧边导航样式 */
/* 2019-08-28 yyq 4-5 */