@charset "utf-8";

/* CSS Document */



/*顶部导航居右 */



#logo img{max-width:180px;height: 30px;}

#logo{height: 30px;padding: 15px 0;}

#header { background: #fff; }

#indexPage #mslider ul li p { color: #fff; text-align:left; }

#indexPage #mservice { background-color: #f8f8f8; }



#mservice .content .header p.subtitle { color: #707070; }

.bx-wrapper { background: #f8f8f8; }

#indexPage #mproject { background-color: #fff;margin-bottom:45px;}

#projectmore { color:#808080; background:rgba(92, 92, 92, 0);width: 96%; margin: 20px auto; height: 40px; line-height: 40px; margin: 0 auto;margin-top:35px;border:1px solid rgba(128, 128, 128, 0.18); }
#projectmore:hover{background-color: #5c5c5c;border:1px solid #5c5c5c; color: #fff;}
#indexPage a.more { background: rgba(92, 92, 92, 0);border-radius: 0px;width: 96%;margin: 30px auto 40px auto;line-height: 40px;border: 1px solid rgba(128, 128, 128, 0.18);color: #808080;}
.postbody a { color: #ff072a; }

#projectpost .postbody a { color: #fff;  background-color:#505050; }

#category .label {background: #5c5c5c;color: #fff; }

#pages a.active, #pages a:hover { background: #5c5c5c; }
.dropmenu ul{background-color: rgb(255, 255, 255);}
.dropmenu ul li{text-align: center;}

.dropmenu ul li a.active {color: #5c5c5c; background: #f5f5f5;}

.dropmenu ul li a { color: #9C9C9C; background: rgb(255, 255, 255); padding: 0 20px; }

.dropmenu ul li a:hover{color: #5c5c5c;}
.dropmenu ul li.sub{text-indent: 0px;}


#footer { background: #171717; }



#leftcontrol ul li a { height: 50px;line-height:51px;color: #9E9E9E;}
#leftcontrol ul li a:hover{color: #5c5c5c;}

#indexPage #mslider { height: 400px; }

#indexPage #mslider ul li { height: 400px; }

#indexPage #mslider ul li p.title { font-size: 1.8rem;margin-top: 340px;}

#indexPage #mslider ul li p.subtitle {  color:#ababab; }

#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: #5c5c5c 1px solid; background-color: #5c5c5c;color: #fff;}

/*案例*/
#projectlist .wrapper{margin-left: 2%;}

#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:6px; color:#565656; font-size: 13px; text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom:0px;}

.projectitem .project_info p.subtitle { color: #7E7E7E; font-size: 10px; text-align: left; }

#projectpost .header { padding: 50px 14px 30px 14px; }

/*服务*/

#indexPage #mservice .slider_wrapper { height: 240px; }

.serviceitem img { height:auto; width:120px; }

.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 .serviceitem div p.title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}



/*关于*/



#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:35px 0 30px 0; }

.content .header p.title { text-align: center;font-size: 20px;}

.content .header p.subtitle { text-align: center; }

#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:#5c5c5c; }

#contactinfo div a { background: #CACACA; width: 36px; height: 36px;line-height: 36px;}
#contactinfo div a:hover{background: #5c5c5c;color: #fff;}

#pagepost .content .header { padding:35px 0 20px 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; font-size:1.4rem; }

#leftcontrol > ul > li.active a {background: #fff;color: #2a2a2a;}

#leftcontrol ul li:hover { background-color: transparent; }

#leftcontrol ul li.active a.hassub {background: #FFF;}

#leftcontrol ul.subnav li a {background: #FFFFFF;color: #A8A8A8;}

#sitecontent { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }

#leftcontrol ul li a span.circle { display:none;}

#leftcontrol ul.subnav li a i { color: #B4B4B4; }

#leftcontrol ul.subnav li.active a { background: #F0F0F0;color: #5c5c5c;}

#leftcontrol ul li.active a span.more span.v{background-color: #5c5c5c;}

#leftcontrol ul li a span.more span{background: #B8B8B8;}





/*导航结束*/

#indexPage #mservice .slider_wrapper .bx-controls-direction a i { top:26px;}

.scrollView {border-top: 1px solid rgba(0,0,0,.05);}

.teamitem:nth-of-type(even) .teaminfo {margin-right: 0;}

#teamlist .teamitem .header p.title { text-align:left;font-size: 1.6rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}

#teamlist .teamitem .header p.subtitle {text-align:left;}

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

.serviceitem div p.description {line-height: 22px;height:50px;}

#footer p {text-align: center;}







/*首页团队*/

.teamitem{height:126px;border-bottom: 1px solid #EAEAEA;}

.teamitem img{width:40%;height: auto;border-radius: 0;margin-bottom: 10px;margin-right: 10px; }


.teamitem .teaminfo{margin-left: 0px;padding-top:20px;}

.teamitem:nth-of-type(even) img{margin-right:10px;margin-left:0px;float:none}



/*关于详情*/

.postbody img, .postbody iframe, .imgcw{height: auto;}



/*内页导航下拉*/

.dropmenu ul li{    border-bottom: #EAEAEA 1px solid;}





#indexPage #mpartner ul li{ height:100%;}

#indexPage #mpartner ul li img {height: auto;width: 100%;padding-top: 10px;}


#footer p.plr10 span{width: 90%;}


#projecttags4{margin: 20px 2% 2%;}
#projecttags4 a{margin-bottom: 10px;}
#projecttags4 a:hover{background: #5c5c5c;color: #fff;border: 1px solid #5c5c5c;}




#mteam_img{ width:40%; float:left;}
.teamitem{ height:auto;}
.teamitem img{float:none; width:100%; margin:0;}
.teamitem .teaminfo{float:right;width:calc(60% - 10px); margin-bottom:10px;}
.teamitem:after{ content:''; display:block; clear:both;}


.npagePage .teamitem .teaminfo{float: none;width: 100%;margin-bottom:0px;}