/* CSS Document */

/*顶部导航居右 */
#header {background: #fff;}
#indexPage #mslider ul li p { color: #3A3A3A; text-align: left;}
#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: 60%;
margin: 20px auto;
height: 40px;
line-height: 40px; margin-left: 14px;}

#indexPage a.more {color: #fff;font-family: "HELVETICANEUELTPRO-THEX"; border: #ff072a 1px solid; height: 36px;
background: #ff072a;
border-radius: 0px;
width: 60%;
margin-left: 14px;}
.postbody a {color: #ff072a;}
#projectpost .postbody a {
color: #fff;
background-color: #ff072a;
}
#category .label { background: #222224; }
#pages a.active, #pages a:hover { background: #03D522; }
.dropmenu ul li a.active { color: #fff; background: #ff072a; }
.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";padding-bottom: 20px; }



#indexPage #mslider ul li p.subtitle { font-family: "HELVETICANEUELTPRO-THEX"; color: #6E6E6E; }
#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: #ff072a 1px solid; background: #ff072a; }
/*案例*/
#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 20px; }
/*关于*/

#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: #ff072a;
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: #ff072a;background-color: #ff072a;border-radius: 0px;width: 1px;}
#leftcontrol ul.subnav li a i {color: #B4B4B4;}
/*导航结束*/


.temalb .content .header {
padding: 50px 0px 30px 0px;
}


/* 2019-09-09 yyq 4-5 */
/* 处理图片 */
#projectlist .projectitem .project_img,
#mservice .serviceitem a,
#teamlist .teamitem #mteam_img,
#mpartner li a,
#servicelist .serviceitem a {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,
#mservice .serviceitem a img,
#teamlist .teamitem #mteam_img 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%;
}
#mservice .serviceitem a {
    padding-top: 22%;
    width: 47.5%;
    margin: 0 auto;
}
#teamlist .teamitem #mteam_img {
    padding-top: 24%;
    width: 24%;
}
#mpartner li a {
    padding-top: 75%;
}
#servicelist .serviceitem a {
    padding-top: 24%;
    width: 50%;
    margin: 0 auto;
}

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

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

/* 其他样式 */
.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;
}
#teamlist .teamitem #mteam_img {
    flex: 1 0 auto;
}
#teamlist .teamitem .teaminfo {
    margin-left: 10px;
    width: 100%;
}
#teamlist .teamitem:nth-child(even) a {
    flex-direction: row-reverse;
}
#teamlist .teamitem:nth-child(even) .teaminfo {
    margin-left: 0;
    margin-right: 10px;
}
.serviceitem img {
    width: 100%;;
}
.serviceitem,
#indexPage #mservice .slider_wrapper {
    height: auto;
}
#indexPage a.more,
#projectmore {
    margin: 25px auto 50px;
}
#projectimages img {
    float: none;
    width: 98%;
    margin: 0 1%;
}
.mBodylistpost.mBodyservice .header {
    padding-left: 0;
}
#indexPage #mslider ul li p {
    color: #5d5d5d;
}
#indexPage #mservice .content {
    padding-bottom: 50px;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    #teamlist .teamitem a {
        align-items: center;
    }
}


/* 侧边导航样式 */
#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-09-09 yyq 4-5 */