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

/*顶部导航居右 */
#header { background: #fff; }
#indexPage #mslider ul li p { color: #3A3A3A; text-align: left; }
#indexPage #mservice { background-color: #f8f8f8; padding-bottom:0px;}
#mservice .content .header p.subtitle { color: #707070; }
.bx-wrapper { background: #f8f8f8; }
#indexPage #mproject { background-color: #fff;margin-bottom:45px;}
#projectmore { color: #fff; background:#4E4E4E; font-family: "HELVETICANEUELTPRO-THEX"; width: 50%; margin: 20px auto; height: 40px; line-height: 40px; margin: 0 auto;margin-top:35px; }
#indexPage a.more { color: #fff; font-family: "HELVETICANEUELTPRO-THEX"; border: #4E4E4E 1px solid; background: #4E4E4E; border-radius: 0px; width: 50%; margin:30px auto 40px auto;line-height: 40px;}
#indexPage #mpage a.more {position:relative; }
.postbody a { color: #ff072a; }
#projectpost .postbody a { color: #fff;  background-color:#ff6700;margin-top: 15px;transition: all 0.3s ease-out 0s;}
#projectpost .postbody a:hover {background: #ff8e41;}
#category .label { background: #222224; }
#pages a.active, #pages a:hover { background: #03D522; }
.dropmenu ul li a.active { color: #fff; background: #368af1; }
.dropmenu ul li a { color: #fff;    background: rgb(54, 138, 241);}
.dropmenu ul li {     border-bottom: rgb(34, 120, 226) 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;    color: #b3b3b3;} 
#indexPage #mslider { height: 320px; }
#indexPage #mslider ul li { height: 330px; }
#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; margin-left: 55px; text-align:left;}
/*#newslist .newsinfo .md { color: #ECECEC; font-size: 2.4rem; line-height: 2.4rem; }*/
#projectmore:hover {background: #3C3C3C;}
#indexPage a.more:hover { border: #3C3C3C 1px solid; background: #3C3C3C;}
/*案例*/
#projectlist .wrapper { margin-left:0;}
#projectlist .projectitem { padding-bottom: 50px;  width: 48%; margin: 0 1% 2% 1%; 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: 30px 14px 30px 14px; }
/*服务*/
#indexPage #mservice .slider_wrapper { height:188px; }
.serviceitem img { height:144px; width:260px;}
.npagePage .serviceitem img {width: 100%;} 
.serviceitem { height:268px;}
#mservice .bx-viewport { max-height: 370px; height: 360px; }
#indexPage #mservice .slider_wrapper .bx-controls-direction a {margin: 20px 0px; margin-bottom:30px; padding-bottom:30px;}
/*关于*/

#indexPage #newslist #newsitem .newsimg { display: block; width: 280px; height: 180px; }
#indexPage #mpartner ul li img { height: auto; }
#indexPage #mpartner .wrapper { height:40px; }
#indexPage #mpartner ul { height:40px;}
.postbody { color: #aaa; }
#indexPage #mslider ul li div { padding: 0 20px; }
.content .header { padding:35px 14px 30px 14px; }
.temalb .content .header { padding-left:0;}
.content .header p.title { text-align: center; }
.content .header p.subtitle { text-align: center; }
#indexPage #mpage {padding-bottom:0px;background-color: #f8f8f8;}
#indexPage #mpage .fimg {background-size: 100% auto;-moz-background-size: 100% auto;background-repeat: no-repeat; margin-top:20px;}
#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: #fff; border-top: 1px solid #F1F1F1;}
#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: 2px; 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: #fdfdfd; }
#leftcontrol ul.subnav li.active a { background:#555; color:#fff;}
/*导航结束*/
#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; margin-left:136px;}
#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;}
.serviceitem div p.description {line-height: 2.2rem;height:48px;}
.npagePage .serviceitem div p.description {text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
#teamlist { padding:0 10px 0 0;}
.teamitem:nth-of-type(even) img { float:left;}
.teamitem img {border-radius:0; width:140px; height:auto;}
.teamitem .teaminfo {padding-top: 3px; margin-left:136px;}
#indexPage #mpartner {background-color: #f8f8f8;}
#indexPage #mteam {background-color: #fff;}
#indexPage #mteam .content { padding-left:8px;}
#indexPage #mteam .teamitem {width:100%; padding:30px 0%;}
#indexPage #mteam .teamitem a{margin-top:-20px}
#sitecontent .teamitem { width:96%; padding:22px 2%;}
.npagePage #teamlist .teamitem:first-child { padding-top:0;}
/*动画*/
.serviceitem{-webkit-animation-name: slideInUp; animation-name: slideInUp;}
#newslist .newstitem{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
.teamitem{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
#projectlist .projectitem{-webkit-animation-name: slideInUp; animation-name: slideInUp;}
#indexPage #mpage .fimg{-webkit-animation-name: slideInUp; animation-name: slideInUp;}
#mcontact .content{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
#projectpost .header p.title { margin-bottom:5px;}
#pages { padding-bottom:0; padding-top:0;}

#newslist .newstitem:first-child { padding-top:20px;}
.postbody a { color:#17c2c4;}


#mservice .serviceitem div{display: none;} 

#mservice .serviceitem{width: 260px;height: 144px;}



/*服务*/
#mservice .fa-angle-right:before{color:#717171;}
#mservice .fa-angle-left:before{color:#717171;}
#mservice .serviceitem a{height: 144px;width: 260px;background-color: #305DC3;display: block;margin: 0 auto;}
#mservice .content .header p.subtitle{ color: #c1c1c1;}

/*产品*/
.projectSubList .project_img{height:92px;overflow: hidden;}

.module #projectlist .projectitem {padding-bottom: 15px;width: 47%; margin: 0 2% 2% 1%;background-color: #fff;}
.projectSubList .content_list{margin: 0px 15px;}
.projectSubList .projectitem .project_info p.title{text-align: left; margin-top: 15px;color: #5f5f5f;font-size: 1.4rem;}
.projectSubList .projectitem .project_info p.subtitle{display: none;}
#projectlist .projectitem .project_info{ position: inherit;height:60px;}
.projectSubList .description{ color: #b3b3b3;padding: 2px 0px;text-align: left;height: 39px;line-height: 17px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

#projectmore{background: #428fef;height:3.5rem;line-height: 4rem;font-size:1.2rem}
#projectmore:hover {background: #305dc3;}

/*文章*/
#indexPage #newslist .newsbody .description{color: #b3b3b3;font-size: 1.3rem;}
#indexPage #newslist .newsbody .title{    color: #5f5f5f;}

#indexPage a.more{background: #428fef;  height:3.5rem;line-height: 3.5rem;border: #4E4E4E 0px solid;}
#indexPage a.more:hover {background: #305dc3;    border: #4E4E4E 0px solid;}


#newslist .newstitem:nth-child(2n){background-color: #f3f3f3;}


#indexPage #mteam{ margin: 0px 15px;}

#indexPage .teamitem img{border-radius: 160px;width: 95px;height:95px;margin-left: 0px;height: auto;}

#indexPage #newslist .newsbody .description {line-height: 20px;height: 38px;}

#indexPage #mpage .description{font-size: 1.3rem;    line-height: 2.2rem;}

#indexPage .teamitem .teaminfo{margin-left: 120px;}
#indexPage #mpartner{display: none;} 
#mcontact .content .header{display: block;background-color: #f8f8f8;}
#indexPage #mcontact{    margin-top: 80px;background-color: #f8f8f8;}
#footer {background: #f3f3f3;}
#teamlist .teamitem .header p.subtitle {
    text-align: left;
    color: #dadada;
    margin-top: 3px;
}



/*产品列表页*/
.npagePage .project_img{height: 92px;overflow: hidden;}
.npagePage #projectlist .description{display: block;}

.npagePage #projectlist .projectitem{    padding-bottom: 8px;}
.npagePage #projectlist .projectitem .project_info {position: inherit;height: 80px;}

.npagePage .projectitem .project_info p.title{margin-top: 16px;}
.projectitem .project_info p.subtitle{    color: #bfbfbf;display: none;}
.npagePage #projectlist .description{    display: block;
    color: rgba(148, 148, 148, 0.81);
    height: 34px;
    overflow: hidden;
    line-height: 19px;
    padding-top: 3px;}
.npagePage #projectlist .wrapper{margin: 0px 10px;}
#pages {padding-bottom: 17px;padding-top: 5px;}
#pages a.active, #pages a:hover {background: #949494; border-radius: 3px;}
#newslist .newsbody .title{font-size: 1.5rem;;}


/*服务内页*/
.npagePage .serviceitem{background-color: #305dc3; border-radius: 3px 3px 0px 0px;display: block;}
.npagePage .serviceitem div {text-align: center;margin-top: 0px;display: block;background-color: #f7f7f7;height: 103px;border-radius: 0px 0px 3px 3px;padding-top:20px;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);}
/*.npagePage #servicelist .serviceitem div p.title::after {content: '';position: absolute;width: 29px;height: 1px;background: rgba(0, 0, 0, .2);left: 50%;margin-left: -23px;top: 237px;}*/
.npagePage #servicelist .serviceitem {height: 278px;margin-bottom: 30px;margin-left: 7px;margin-right: 0px;}
.npagePage #servicelist .serviceitem div p.description {height: 42px;line-height: 20px;width: 80%; margin: 0 auto;padding: 0px -27px;padding-right: -21px;}
.npagePage .serviceitem div p.title {color: #595959;font-size: 1.6rem;height: 42px;line-height: 35px;width:60%;}


.teamitem img {
    border-radius: 0;
    border-radius: 160px;
    width: 93px;
    height: 93px;
    margin-left: 15px;
    height: auto;
    /* margin-top: 5px; */
}
.teamitem #team_img{    height: 96px;overflow: hidden; float: left;}
#indexPage #mteam_img{ height: 96px;overflow: hidden;float: left;}



.npagePage #newslist{ background-color: #F7F7F7;}
#leftcontrol > ul > li.active a {
    background: #428fef;
    color: #fff;
}
#leftcontrol ul li a span.more span {
    background: #4170dc;
    position: absolute;
}

#category .label {
    background: #2278e2;
}

#leftcontrol ul li.active a.hassub {
  background: #428fef;
}
#leftcontrol ul li a span.more span {
    background: #ffffff;
    position: absolute;
}

#indexPage .bx-viewport{height: 180px;}


#projectmore {
    line-height: 3.5rem;    height: 3.5rem;
}


#servicelist .serviceitem{    border-bottom: 0px solid #f2f2f2;}

.npagePage .serviceitem {border-bottom: 0px solid #f2f2f2;
    background-color: rgba(247, 247, 247, 0);

}