@charset "utf-8";



/* CSS Document */



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



#header .btn {background: #4b4b4b;}

#header {background: #4b4b4b;height: 50px;}

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

.content .header p.title {color: #ECECEC;font-size: 2rem;}
.content .header p.title2 {color: #97c11c;font-size: 1.6rem;text-align: left;}
#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:#97c11c;}

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

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

#newslist .newsinfo .md {color: #97c11c;}

#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: #97c11c;background-color: #97c11c;}

#category .label {background: #97c11c;}

.postbody a {color: #97c11c;}

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

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

.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:14px;}

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

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

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

#contactinfo p {color: #747474;}

#footer {background: #4b4b4b;}

#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: #97c11c;}

#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;}

#indexPage a.more{background-color: #97c11c;border: 1px solid transparent; border-radius: 20px;}

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

#teamlist .teamitem .teaminfo .header .title { color:#fff; font-size:1.6rem;}

.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: #97c11c;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.05) 1px solid;}

.npagePage div.plr10 { padding:0 10px;}

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







#indexPage #mslider{ height:300px;}

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

#indexPage #mpage a.more{ }

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

#projectmore,#indexPage #mnews .more {background: transparent url(http://resources.jsmo.xin/templates/upload/998/images/icon1.png) no-repeat 26px 6px;background-color: #97c11c; 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 {}

#projectlist .projectitem2 .projectitem2_wrapper {overflow:hidden;}
#projectlist .projectitem2 .projectitem2_wrapper .project2_img {overflow:hidden;}
#projectlist .projectitem2 {width:24%; margin-right:3%; margin-bottom:3%;height:auto; float:left; position:relative; margin-bottom:1%;margin-right:1%;}
#projectlist .projectitem2 a {display: block;overflow: hidden;}
#projectlist .projectitem2 a img{ width:100%; height:auto; transition:all ease-out .3s}
#projectlist .projectitem2 .project2_info p.title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;color:#c5c5c5;font-size: 14px;text-align: center;}
#projectlist .projectitem2 .project2_info p.subtitle {color:transparent;font-size: 12px;margin-bottom: 10px;text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


#projectlist{ margin-left:1%;}

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

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

.teamitem #mteam_img{ text-align:center;width:100px; height:100px; margin:0 auto; overflow:hidden;border-radius: 60px;}

.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;}

#teamlist .teamitem:last-child{border-bottom: rgba(255, 255, 255, 0) 1px solid;}

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

.serviceitem img{ width:auto;max-width: 100%;}

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

.npagePage .serviceitem div{ text-align:center; margin-left:130px;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: #97c11c;border:0;}

#leftcontrol{background: #0e0e0f; text-indent:54px;}

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

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

.npagePage #teamlist .teamitem #team_img{margin: 0 0;padding: 0 16px 16px 0;width: 40%;height: auto;float: left;}

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

.npagePage .teamitem .teaminfo{ margin-top:0;}

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

#teamlist.plr10{ padding:0;}

#footer { padding-bottom:0px !important;}
#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;}

#teamlist.plr10 { margin-top:-30px;}
.postbody img { margin-bottom:10px;}