@charset "utf-8";



/* CSS Document */



#header{}/*头部背景色 */



#header .btn {background: #161618;}

#header {background: #161618;height: 50px;}

.postbody hr{border-top: 1px dotted rgb(74, 74, 74);}

.content .header p.title {color: #ECECEC;font-size: 2rem;}

#indexPage #mpage {background-color: #212123; border-top: 1px solid #252527;}

.content .header p.subtitle {color: #6E6E6E;}

.serviceitem:hover {background-color: #101011;}

#indexPage #mservice {background-color: #19191A;}

.bx-wrapper {background:transparent;}

.serviceitem div p.title {color: #c5c5c5;}

#indexPage #mproject {background-color: #212123;}

#projectmore {background: #111; color:#E71A1F;}

#indexPage #mnews {background-color: #161618;}

#newslist .newsbody .title {color: #c5c5c5; font-size:1.4rem;}

#newslist .newsinfo .md {color: #E71A1F;}

#newslist .newsbody .description {color: #5A5A5A; font-size:1.2rem;}

#indexPage #mteam {background-color: #212123;}

#indexPage #mteam .bx-wrapper {background-color: #212123;}

.teamitem {border-bottom: #2c2c2c 1px dotted;height: auto;}

#indexPage #teamlist .teamitem .teaminfo .description {color: #848484; text-align:center;}

#indexPage .teamitem .teaminfo .header .subtitle {color: #7C7C7C;}

.teamitem .teaminfo .description {color: #747474;}

#indexPage #mpartner {background-color: #19191A;}

#sitecontent {background: #111;}

#leftcontrol ul li.active a span.circle {border-color: #E71A1F;background-color: #E71A1F;}

#category .label {background: #fc6516;}

.postbody a {color: #E71A1F;}

#pages a.active, #pages a:hover {background: #fc6516;}

.dropmenu ul li a.active {background: #0B0B0B;color:#E71A1F;}

.dropmenu ul li a {color: #969595;background: #1B1B1B;}

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

#teampost .header .title {color: #FFFFFF;}

#indexPage #mcontact .header p.title { color:#ECECEC;}

#contactinfo h3 {color: #929292;}

#servicelist li.line { background:#111111;}

.serviceitem div p.description {color: #5A5A5A;}

#newslist .newstitem {border-bottom: rgba(255, 255, 255, 0.05) 1px solid;height:85px; padding-top:15px;}

#newslist .newstitem:hover {background-color: #101011;}

#indexPage #mcontact {background-color: #161618;}

#indexPage #mcontact .header p.subtitle {color: #6E6E6E;}

#contactinfo p {color: #747474;}
#contactinfo span{display: inline-block;width: 40px;text-align: justify;}

#footer {background: #161618;}

#footer p {color: #4D4D4D; border-top:none;}

#leftcontrol {background: #0e0e0f;}

#leftcontrol ul li {border-top: 1px solid #191A1B;}

#leftcontrol > ul > li.active a {background:#0B0B0B; color: #E71A1F;}

#leftcontrol ul li a:hover{ background:#0B0B0B;box-shadow: 0px 0px 5px rgba(0,0,0,.2) inset;}

#header .title {color: #ECECEC;}

#indexPage #mteam .slider_wrapper .bx-controls-direction a i {color: #565656;}


#category a.active {color: #E71A1F;border-bottom: #E71A1F 1px solid;}

#teamlist .teamitem .teaminfo .header .title { color:#fff; font-size:1.6rem;text-align: center;line-height: 16px;}

.npagePage #teamlist .teamitem:hover {background-color: #0D0D0D; border-bottom:#2c2c2c 1px solid;}

#category {background-color: #101010;}

#sitecontent div.npagePage plr10 { padding:0;}

#leftcontrol ul li:hover {background: #0B0B0B;color: #E71A1F;box-shadow: 0px 0px 5px rgba(0,0,0,.2) inset;}

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

#leftcontrol > ul > li.active .subnav a {background: #000;color: #A0A0A0;}

#indexPage #mteam  {color: #5A5A5A; text-align:center;}
#teamlist .teamitem .teaminfo .description{ text-align: left;}

.bx-viewport ul#teamlist .teamitem { border-bottom:none;}

/*#teamlist .teamitem {border-bottom: rgba(255, 255, 255, 0.12) 1px solid;}*/

.npagePage div.plr10 { padding:0;}

.npagePage div.serviclist div.plr10 { padding:20px 10px;}
#indexPage #mnews #newslist { margin-top:0;}
#newslist{ margin-top:0px;}







#indexPage #mslider{ height:300px;}

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


#indexPage #mpage .description{ margin-bottom:40px;}

#projectmore,#indexPage #mnews .more {background: transparent url(../images_m/icon1.png) no-repeat 26px 6px;background-color: #fc6516; background-size: 50%; display: block;margin: 25px auto 40px;width: 100px; height: 30px; line-height: 30px; color: transparent;border-radius:0px;text-align: center;}

#indexPage #mproject {padding-bottom: 40px;}

#projectmore {margin-bottom: 0px;}
#projectlist .projectitem .projectitem_wrapper {overflow:hidden;}
#projectlist .projectitem .projectitem_wrapper .project_img {overflow:hidden;}
#projectlist .projectitem{width:47%; margin-right:3%; margin-bottom:3%;}
#projectlist .projectitem a img {height: 95px!important}
#projectlist{ margin-left:3%;}

#newslist .newstitem .newsdate{ display:none;}

.teamitem img{float:none; display:inline-block;width:auto; height:100%; }
#indexPage #mteam .teamitem img{margin-left:0px;border-radius: 0;width: 100%;}

.teamitem #mteam_img{ text-align:center; margin:0 auto; overflow:hidden;}

.more{background: transparent url(../images_m/icon1.png) no-repeat 26px 6px;background-color: #fc6516; background-size: 50%; display: block;margin: 25px auto 40px;width: 100px; height: 30px; line-height: 30px; color: transparent;border-radius:0px;text-align: center;}

.teamitem .teaminfo{ margin:20px auto 0;}

.teamitem .teaminfo .header p{ text-align:center;}

.teamitem:nth-of-type(even) img{ float:none;}

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


#indexPage #mpartner ul li img{width:auto;}

.serviceitem img{ width:auto;}

.npagePage #servicelist .serviceitem img{width: 80px;float:left;height: 80px;}

.npagePage .serviceitem div{ text-align:center; margin-left:90px;width:auto; text-align:left;}

.npagePage .serviceitem div p.title{ font-size:1.4rem;height: 32px; line-height: 32px;}

.npagePage .serviceitem div p.description{ line-height:1.8rem; font-size:1.2rem;}

.npagePage div.serviclist div.plr10 {padding: 20px 10px;}

.npagePage #servicelist .serviceitem{width:auto;padding:20px 10px;margin:0px;border-bottom: 1px solid #222;}



#leftcontrol ul li a{ position:relative;}

#leftcontrol ul li a span.circle{ height:100%; position:absolute; top:0px; margin:0px; border-radius:0px; left:0px; width:0px; border:none;}

#leftcontrol ul li.active a span.circle{width:3px;background-color: #E71A1F;border:0;}

#leftcontrol{background: #111; text-indent:54px;display: none;}

#leftcontrol ul li a span.more{ text-indent:0px;}

#leftcontrol ul li.active{ background:#181c22}

#leftcontrol ul.subnav li a i{ display:inline;}

.npagePage #teamlist .teamitem{ padding:10px 0 0;overflow: hidden;}

.npagePage .teamitem .teaminfo .header p{ text-align:left;}

.npagePage #teamlist .teamitem #team_img{margin: 0 auto;padding: 0;}

.npagePage #teamlist .teamitem img{ height:auto; width:100%; border-radius:0;}

.npagePage .teamitem .teaminfo{margin-top: 0;padding-left: 15px;box-sizing: border-box;text-align: center;padding: 10px 0;margin: 0 auto;}

.npagePage #teamlist .teamitem a{width:auto; display:block; padding:0 10px;}

#teamlist.plr10{ padding:0;}

#servicelist { margin-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;}

ul#teamlist{ margin-top:0px; padding: 0 0px;overflow: hidden;}
#teamlist li{margin-right: 10px;float: left;width: 48%;padding: 0;margin-bottom: 15px;}
#teamlist li:nth-child(2n){margin-right: 0;}
.postbody img { margin-bottom:10px;}
.ft_bq{text-align: center;display: inline-block;padding:0;color: #4D4D4D;}
.introduce img{width: auto;max-width: 100%;height: auto;}