@charset "utf-8";

/* CSS Document */


/*新首页开始*/

#indexPage .module .content{ position:inherit; top:0px;}
#indexPage #mslider .content{ margin:0; height:750px;}
#indexPage #mservice{ height:520px;}
#indexPage #mservice .content{ margin:0; height:340px; padding-bottom:0px;}
#indexPage #mproject .content{ margin:0;background: #f5f5f5; height:100%;padding-bottom:50px;}
#indexPage #mpage .content{ margin:0; height:789px;}
#indexPage #mteam .content{ margin:0; height:auto;}
#indexPage #mnews .content{ margin:0;height:auto;border-bottom: 1px solid rgba(0,0,0,.05);}
#indexPage #mcontact .content{ margin:0; height:auto;}
#indexPage #mpartner .content{ margin:0; height:200px;border-top: 1px solid rgba(0,0,0,.05);}

/*首页头部导航*/





/*合作伙伴*/
#indexPage #mpartner .content .header{ display:none;}
#indexPage #mpartner .module-content{padding:50px 0; height:80px;}
#indexPage #mpartner .wrapper{ height:auto;}
#indexPage #mpartner .wrapper ul li{ height:60px; padding-top:20px;}
#indexPage #mpartner .wrapper ul li a{width:120px; height:auto; margin-right:5px;}
#indexPage #mpartner .bx-wrapper .bx-pager{ display:none;}
#indexPage #mpartner .bx-wrapper .bx-controls-direction{ display:block;}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled{ display:block;}
#mpartner .bx-wrapper .bx-controls-direction a{background:none; }
#mpartner .bx-wrapper .bx-controls-direction a i{color:#c3c6ca; font-size:24px; margin-top:7px;}
#mpartner .bx-wrapper .bx-controls-direction a:hover{ background:#5d5d5d;}
#mpartner .bx-wrapper .bx-controls-direction a:hover i{color:#fff;}
#indexPage #mpartner .bx-wrapper .bx-prev{ left:-58px;}
#indexPage #mpartner .bx-wrapper .bx-next{right:-58px;}
#indexPage #mpartner .module-content{ width:1020px;}
#indexPage #mpartner .wrapper{width:1020px;}
#indexPage #mpartner .bx-wrapper  .bx-controls-direction a{ margin-top: -10px;}



/*头部*/
#header{box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06); padding-top:15px; background:#fff;}
#header.mini { background-color: #fff; padding-top: 15px;}
#header .content{ width:1200px; margin:0 auto;}
#header ul#nav{ float:right;}
#header ul li.navitem a{color:#a3a3a3; position:relative;}
#header ul li.navitem{ margin:0 0 0 20px;padding: 0 0 0 32px;}
#header ul li.navitem a.active, #header ul li.navitem:hover a{color: #5A5A5A;}
#header.mini ul li.navitem{ padding-bottom:5px;}
#header ul li.navitem a:after{ content:''; display:block; height:1px;width:0px; position: absolute; top:7px; left:-11px; background:rgba(90, 90, 90, 0.2); transition:all 0.2s ease 0s; }
#header ul li.navitem a.active:after , #header ul li.navitem:hover a:after{width:100%;padding:0 10px;}
#header ul li.navitem ul.subnav li a:after{display:none;}
#header ul li.navitem ul.subnav li a{ background:transparent; text-align:center;height: 40px;font-size: 14px; padding:5px 30px;line-height: 40px;border-bottom: 1px solid #E6E6E6;}
#header ul li.navitem ul.subnav{border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);border-top: 2px solid #a3a3a3; background:#FFF none repeat scroll 0% 0%;}
#header ul li.navitem ul.subnav li{ border-color:transparent;}
#header ul li.navitem ul.subnav li a:last-child{border-bottom: 0;}

#header ul li.navitem ul.subnav li a i{ display:none;}
#header ul li.navitem ul.subnav li a:hover{ background:transparent; text-indent:0; color:#4c4c4c;}


/*头部幻灯*/
#mslider .bx-wrapper .bx-controls-direction a{ background: rgba(0,0,0,0); }
#mslider .bx-wrapper .bx-controls-direction a:hover{ background: rgba(0,0,0,0.5); color:#fff;}
#mslider .bx-wrapper .bx-controls-direction a:hover.bx-next i{color: #fff;}
#mslider .bx-wrapper .bx-controls-direction a:hover.bx-prev i{color: #fff;}

#mslider .bx-wrapper .bx-controls-direction a i{color:#adadad;font-size: 24px; margin-top:6px;}
#indexPage #mslider .bx-wrapper .bx-pager{ display:none;}

/*首页服务*/
#indexPage #mservice{background-color: #f1f1f1; height:auto;}
#mservice .content > .header{ display:none;}
#indexPage #servicelist .serviceitem{width: 568px;height: 150px; margin:0 auto;float:none;}
.service_img{ width:102px; float:left;margin: 25px 30px;}
#servicelist .serviceitem a img{ width:100%; height:100%;}
#servicelist .serviceitem div{text-align: left;width: 350px;height: 100px;margin: 30px 0px;float:left;}
#servicelist .serviceitem div p.title{ font-size:18px; line-height:inherit;font-family: "PlusJakartaSans-Medium","微软雅黑";}
#servicelist .serviceitem div p.description{ text-align:left;line-height: 20px;color:#a3a3a3;font-size:12px;height: 40px;transition: all 0.3s ease-out 0s;}
#indexPage #mservice a.more{ display:none;}
#servicelist .serviceitem:hover .title{ color:#595959};
#servicelist .serviceitem:hover .description{ color:#575757;}
#servicelist .serviceitem:hover div p.description{color: #575757;}
#servicelist{padding: 80px 0 95px; width:562px;}
#indexPage #mservice .wrapper .bx-controls-direction{ display:none;}
#indexPage #mservice .wrapper .bx-wrapper .bx-pager{ display:block; bottom:-20px;}
#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a{ width:8px; height:8px;}


/*首页案例*/
#mproject .content > .header{padding: 60px 0 0 0; width:1200px; line-height:90px; margin:0 auto; height:89px; position:relative; z-index:10; margin-bottom:60px;}
#mproject .content .header p.title{ text-align:left; position:relative;font-size: 24px;}
#indexPage #mproject{background-color: #fff;}
#indexPage #mproject a.more,#indexPage #mteam a.more{ position:absolute; top:0px; right:16px; width:48px; height:48px; line-height:48px; text-align:right; border-radius:0px; color:transparent; text-indent:0px;z-index:10;transition: all 0.3s ease-out 0s; border-color:transparent;}
#indexPage #mproject a.more{right:0;margin-top: 84px;}
#indexPage #mproject a.more:hover i,#indexPage #mteam a.more:hover i{ text-indent:0px;}
#indexPage #mproject .content{ width:1200px; margin:0 auto; background:#fff;}
#indexPage #mproject a.more:before,#indexPage #mteam a.more:before{ content:'更多'; display:block; position:absolute;top:0px; left:0px; color:#ccc;font-size: 12px;}
#indexPage a.more i{color:#ccc; position:absolute; right:10px; font-size: 16px; top: 14px;transition: all 0.6s ease 0s; }
#indexPage #mproject a.more:hover,#indexPage #mteam a.more:hover{ width:58px;}
#indexPage #projectlist .projectitem{width: 560px; margin-bottom: 40px;  background:transparent;}
#projectlist .projectitem a .project_info{ position:inherit; top:inherit; left:inherit;height: 93px;}
#projectlist .projectitem a .project_info p.title{font-size: 18px; color:#5a5a5a; height:40px; line-height:40px; margin-top:0px;font-family: "PlusJakartaSans-Medium","微软雅黑";}
#projectlist .projectitem a .project_info p.subtitle{font-size: 12px;color: #a3a3a3; margin-top:0px;}
#projectlist .projectitem a:hover .project_info{ background:transparent;}
#projectlist .projectitem a:hover img{transform: scale(1, 1);box-shadow: 0 20px 25px 0 rgba(0,0,0,.15);}
#projectlist .projectitem a .project_info div{ top:0px; margin-top:0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.project_img{ margin-bottom:20px;}
#mproject .content .header p.title:after{ content:''; display:block; width:50px; height:2px; position:absolute; bottom:0px; background:#A3A3A3;}
#projectlist .projectitem a:hover .project_info p.title{color:#5a5a5a;font-size: 18px;}
#projectlist .projectitem a:hover .project_info div{ top:12px;}

#indexPage #mproject .bx-wrapper .bx-controls-direction{display: block;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a i{font-size:24px;margin-top: 7px; color:#c3c6ca;}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next i{margin-left: 17px;margin-top: 7px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover{background-color: #7C7C7C;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a{background: rgba(130, 130, 130, 0.14);margin-top:-80px;}

#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next{right:0; border-radius:2px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover.bx-next i{color: #fff;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev{left:0; border-radius:2px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover.bx-prev i{color: #fff;}

/*首页团队*/
#indexPage #mteam .content > .header{ display:block;padding: 60px 0px 0; height:89px; background:#fff;}
#indexPage #mteam .content .header p.title {width:1200px; margin:0 auto;padding:0; height:100%; position:relative; text-align:left; line-height:89px;}
#mteam .content .header p.title:after{ content:''; display:block; width:50px; height:2px; position:absolute; bottom:0px; background:#A3A3A3;}
#indexPage #mteam .content{background-color: #F6F6F6;}
#indexPage #mteam a.more{ display:block; top:42px; right:50%; margin-right:-584px;}
#mteam .content_list{ width:1200px;padding-top:130px}
#mteam .content_list li{width: 560px;background-color: #fff;margin-bottom: 100px;border: 1px solid rgba(168, 168, 168, 0.25); margin: 0 15px 40px;float: left;margin-bottom: 100px;transition: all 0.3s ease-out 0s}
#indexPage #mteam .summary{ margin-top:40px; position:relative}
#indexPage #mteam .summary p.title a{font-size: 22px;font-family: "PlusJakartaSans-Medium","微软雅黑";color: #4d4d4d;height: 20px; line-height: 20px;}
#indexPage #mteam .summary p.subtitle{color: #a3a3a3;font-size: 13px;line-height: 28px;}
#indexPage #mteam .summary p.description{line-height: 26px;width: 360px; height: 80px; margin: 0 auto;border-top: 0px;font-size: 13px; padding-top: 6px;line-height: 24px;color: #a3a3a3; text-align:left; padding-bottom:25px;}
#indexPage #mteam  ul li .header a{width:140px; height:140px; border-radius:0px; margin:0 auto; margin-top:-60px; background:transparent; display:block;}
#indexPage #mteam  ul li .header img{ width:100%; height:100%; border-radius:0px;}
#indexPage #mteam  ul li:hover { margin: -10px 15px 110px;box-shadow: 0px 18px 22px 0px rgba(0, 0, 0, 0.15);}
#indexPage #mteam .summary:after{content:''; display:block;width:16px; height:1px;text-align: center;border-top: 1px solid #CCC; display: block; position:absolute;left:50%; margin-left:-8px; top:65px;}
#indexPage #mteam  li:hover .summary p.description{color: #B0B0B0;}

/*首页新闻*/

#mnews .content .header { padding-top: 120px; padding-bottom: 80px; }
#indexPage #mnews .content .header { display: block;border-bottom: 1px solid rgba(0,0,0,.05);height: 89px;padding:60px 0 0; margin-bottom:80px; }
#indexPage #mnews .content .header p.title{width:1200px; margin:0 auto;padding:0; height:100%; position:relative; text-align:left; line-height:89px;}
#mnews .content .header p.title:after{ content:''; display:block; width:50px; height:2px; position:absolute; bottom:0px; background:#A3A3A3;}
#newslist{ padding-bottom:95px;}
#newslist .newstitem .news_wrapper { position: inherit; }
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; }
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .newstitem{width:1146px; height:280px; margin-bottom:20px; position:relative; }
#newslist .newstitem a.newscontent{border: 1px solid rgba(236, 236, 236, 1); border-radius: 4px;    transition: all 0.3s ease-out 0s;text-align: left;margin-top:0px; position:absolute; width:1146px; top:0px;}
#newslist .newsbody p.date { font-family: "PlusJakartaSans-Medium", Arial; height:80px;width:90px; font-weight: 300;padding: 9px 0; width:100%; position:absolute; left:0px; top:0px;transition:all 0.3s ease 0s;}
#newslist .newstitem .md { color: #BDBDBD; display: inline-block;  position:absolute; bottom:24px;left:38px; font-size: 14px;font-family: "PlusJakartaSans-Medium", "微软雅黑"; }
#newslist .newstitem .md span { display: none; }
#newslist .newstitem .year { color: #8a8a8a;font-size: 28px;font-family: "PlusJakartaSans-Medium", "微软雅黑"; position: absolute;top:24px; left:38px;}
#newslist .newsbody .description { width: 100%; margin-top: 20px; font-size: 12px; color: #b0b0b0; text-align: left; height: 42px; overflow: hidden; }
#indexPage #mnews .newstitem a.details { display: none;}
#indexPage #mnews #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; }
#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 60px; color: #707070; }
#indexPage #mnews #newslist .newstitem i { margin: 0; margin-left: 55px; }
#newslist .newstitem:hover p.title { color: #464646; }
#indexPage #mnews a.more { margin: 42px auto; display: block; }

#newslist{width:1200px; margin:0 auto; }
#indexPage #newslist{padding-left:2%;}
#newslist .newsbody{ width:915px; display:block; margin-top:98px;}
#newslist .newsbody .title{font-family: "PlusJakartaSans-Medium","微软雅黑";color: #525252; height: 42px; line-height:38px;font-size: 18px;padding: 50px 40px 0px 40px;transition:all 0.3s ease 0s;width:835px;}
#newslist .newsbody .description{ margin-top:8px;padding: 0px 40px 40px 40px; width:auto; transition:all 0.3s ease 0s;width:835px; margin-left:0px;}
#newslist .separator{ display:block;width:40px; height:30px; border-radius:24px; margin-top:22px; padding-top:10px; transition:all 0.3s ease 0s;border:2px solid #e0e0e0; background-color:transparent;position: absolute;top: 6px;right:40px;transform: rotate(0deg)}
#newslist .separator::before{ display:none;} 
#newslist .separator::after{ width:20px; height:20px; background:url(http://resources.jsmo.xin/templates/upload/1261/ico/icon3.png) no-repeat scroll 1px 5px transparent; top: 10px; left:10px;}
#newslist .newstitem:hover .separator::after{background:url(http://resources.jsmo.xin/templates/upload/32/201510/icon3.png) no-repeat scroll -20px 5px transparent;}
#newslist .newstitem:hover .newsbody p.date{background: none repeat scroll 0% 0% #A3A3A3;}
#newslist .newstitem:hover .separator{transform: rotate(90deg)}
#newslist .newstitem:hover .year{ color:#fff;}
#newslist .newstitem:hover .md{ color:#fff;}
#newslist .newstitem:hover .description{color:#777; margin-left:20px;}
#newslist .newstitem:hover .title{margin-left:20px;}
#newslist .newstitem:hover a.newscontent{border: 1px solid rgba(216, 216, 216, 1);box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.15);top: -10px;}
#indexPage #mnews a.more{position: absolute;top: 42px; right:50%;width: 48px;height: 48px;line-height: 48px; text-align: right;border-radius: 0px;color: transparent;text-indent: 0px;z-index: 10;transition: all 0.3s ease-out 0s;border-color: transparent; margin-right:-600px;}
#indexPage #mnews a.more:before {content: '更多';display: block;position: absolute;top: 0px;left: 0px;color: #ccc;font-size: 12px;}
#indexPage #mnews a.more:hover{width:58px;}

#sitecontent #indexPage a.more:hover:before{color:#5a5a5a}

#newslist .newsbody:after{ content:''; display:block; width:1px; height:62px; background:#CECECE; position:absolute;top:156px; left:60px;transition: all 0.3s ease-out 0s;  opacity: 0;}

#newslist .newstitem:hover .newsbody:after{ left:40px; opacity: 1; }
/*联系*/
#indexPage #mcontact .content .header { width: 1168px; display: none; }
#indexPage #mcontact .content .fw { width: 1200px; }
#indexPage #mcontact{ background-color:#fff;}
#mcontact .content #contactinfo { width: 1168px; margin: 0 auto; height: 96px; padding: 60px 0px; position: relative; z-index: 10; float: none; }
#mcontact .content #contactinfo:after { content: ''; clear: both; display: block; }
#mcontact .content #contactlist:before { content: ''; width: 100%; display: block; position: absolute; top: 0px; left: 0px; height: 270px; background: #fff; }
#mcontact .content #contactinfo p { position: absolute; width: 270px; padding: 8px 20px 8px 110px }
#mcontact .content #contactinfo h3.name { top: 86px; right: 7px; position: absolute; width: 270px; padding: 8px 20px 8px 85px; font-size: 12px; color: #a0a0a0; }
#mcontact .content #contactinfo p.zip { top: 134px; right: 7px; }
#mcontact .content #contactinfo p.add { top: 110px; right: 7px; }
#mcontact .content #contactinfo p.tel { top: 110px; left: 0px; }
#mcontact .content #contactinfo p.fax{bottom:42px}
#mcontact .content #contactinfo:before { content: ''; display: block; width: 100%; background: url(http://resources.jsmo.xin/templates/upload/473/20160803/iocn.png) no-repeat; position: absolute; top: 76px; left: 0px; height: 90px; }
#mcontact .content #contactinfo p.mobile { top: 86px; left: 0px; }
#mcontact .content #contactinfo p.email { top: 86px; left: 380px; }
#mcontact .content #contactinfo div { position: absolute; top: 100px; left: 485px; }
#mcontact #contactinfo div a { background: transparent; color: #a0a0a0; margin-right:26px }
#mcontact #contactinfo div a:hover{background-color:#EAEAEA;}


#mcontact .content #contactform { float: none; width: 1168px; position: relative; margin:60px 0px 0; height: 370px; }
#contactinfo div a:hover i{color:#4c4c4c;}
#contactform p .inputtxt { width: 326px; height: 24px; border: 1px solid rgba(255,255,255,.1); color:#a3a3a3; line-height: 46px; margin-bottom: 10px; padding: 10px 20px; background: rgba(0,0,0,.1); transition: all 0.3s ease-out 0s; }
#contactform p textarea.inputtxt { width: 728px; height: 136px; border: 1px solid rgba(255,255,255,.1); color: #a3a3a3; padding: 10px 20px; background: rgba(0,0,0,.1); resize: none; overflow: hidden; transition: all 0.3s ease-out 0s; position: absolute; top: 0px; right: 0px; }
#contactform p .inputsub { width: 264px; height: 54px; text-align: center; line-height: 44px; background: #2882e8; border-radius: 27px; color: #fff; cursor: pointer; position: absolute; left: 50%; margin-left: -132px; margin-top: 25px; transition: all 0.6s ease 0s; }
#contactform p .inputsub:hover { background: rgba(40, 130, 232, 0); border: 1px solid #2882e8; }
#contactform p .inputext:hover, #contactform p .inputtxt:hover { border: 1px solid #2882e8; }
#contactform p .inputtxt{background: rgba(0,0,0,0.04); color: #444;}
#contactform p textarea.inputtxt{background: rgba(0,0,0,0.04);line-height: 24px;}
#contactform p .inputsub{font-family: 微软雅黑;background-color: #FFF;border: 1px solid #e0e0e0; color: #A3A3A3;border-radius: 40px;transition: all 0.6s ease 0s;}
#contactform p .inputsub:hover {background: none repeat scroll 0% 0% #A3A3A3;color: #fff;border: 0px;}
#contactform p .inputtxt:hover {border: 1px solid transparent;}
#footer a path { fill: rgb(148, 148, 148); }
#footer p { background:#6d6d6d;color: #a3a3a3; text-align: center; }

#indexPage .module{ z-index:auto;}

/*分享到*/
#olx_tel p { font-size: 14px;}
#olx_head { background: #505050;}
#online_lx { bottom: 180px;border-radius:0 }
#shares { height: 120px; }
#shares a#sshare { display: none; }
#shares a#gotop { margin-top: 0px; width: 40px; height: 40px; }
#online_open { bottom: 160px; background:#484848; width: 40px; height: 40px; }
#shares a#sweixin { width: 40px; height: 40px; }
#shares a#sweibo { width: 40px; height: 40px; }
#online_open i { margin-top: 11px; }
#shares a i { margin-top: 11px; }
#shares a i.fa-weixin { margin: 12px 0 0 15px; }
#shares a#gotop i { margin-top: 7px; }
#olx_qq li a:hover { color: #236ffb; background: #E6E6E6; }
#olx_qq li a:hover i { color: #236ffb; }
#olx_qq li a i { color: #A5A5A5; }
#olx_tel div { color: #565656; }
#olx_head{background: #505050;border-radius:0}
#olx_qq li a:hover{color: #3B3B3B;background: #ECECEC;}
#olx_qq li a:hover i{color: #A4A4A4;}



/*服务内页*/

.Pageservice #servicelist{width:1200px;}
.Pageservice .content .header{ color:transparent; height:0px; padding:70px 0 0; opacity:0;}
.Pageservice #servicelist .serviceitem{ width: 1168px;height: 102px; padding: 50px 16px;border-top: 1px solid #f0f0f0; position:relative; margin-bottom:0px;transition: all 0.6s ease 0s; }
.Pageservice #servicelist .serviceitem:hover{background-color: #f7f7f7;}
.Pageservice #servicelist .serviceitem:first-child{ border-color:transparent;}
.Pageservice .service_img{ margin:0;padding-left: 50px;}
.Pageservice #servicelist .serviceitem div{ margin:0px;margin-left: 34px; width:772px;padding-left: 30px;}
.Pageservice #servicelist .serviceitem div p.title{ line-height:40px;}
.Pageservice #servicelist .serviceitem div p.description{ margin-top:6px;font-size: 13px;line-height: 24px; height:48px;}

#sitecontent .npagePage .serviceitem a.details{ display:block;width:40px; height:30px;padding-top:10px;font-size: 32px;color: transparent; position:absolute; top:38px; right:60px;}
#sitecontent .npagePage .serviceitem a.details i{background: url(http://resources.jsmo.xin/templates/upload/1261/ico/icon3.png) no-repeat scroll 1px 5px transparent;font-size: 32px;color: transparent; width:25px; height:25px; position:absolute; top:10px;transition:none;left:10px;}
#sitecontent .npagePage .serviceitem:hover a.details i{background: transparent url(http://resources.jsmo.xin/templates/upload/1261/ico/icon3.png) no-repeat scroll -20px 5px;}
#sitecontent .npagePage .serviceitem:hover a.details{ background:#a3a3a3;transform: rotate(90deg);border: 1px solid #a3a3a3;}
.Pageservice #servicelist .serviceitem :hover div p.description{color:#575757;}



.Pageanli#mproject .content > .header{ display:none;}
.Pageanli #projectlist{width: 1200px; margin: 0 auto;}
.Pageanli #projectlist .projectitem{width: 565px;margin: 0 26px 20px 0;margin-top:0px;  background-color:transparent;}
.Pageanli #projectlist .projectitem a{ overflow:visible}
.Pageanli #projectlist .projectitem  .project_img{ height:312px;}
#pages a.active, #pages a:hover{background:#505050}
#category { padding-top:90px;}
#category a{ border-radius:2px; color:#a3a3a3; border-color:transparent; padding:10px 16px;}
#category a.active, #category a:hover{color: #5a5a5a;border: 1px solid #e0e0e0;background-color: #fff; }



#teamlist{ width:1200px;}
.teamitem{width:560px; margin-bottom:100px; background:#fff; margin:0 15px 40px;border: 1px solid rgba(168, 168, 168, 0.25); height:340px; transition:all 0.3s ease 0s}
.teamitem a{width:140px; height:140px; margin:0 auto; margin-top:-60px; background:transparent;}
.teamitem .teaminfo .title{ height:20px; line-height:20px; overflow:hidden; display:block;}
.teamitem .title a{ font-size:22px;font-family: "PlusJakartaSans-Medium","微软雅黑"; color:#4d4d4d;}
.teamitem .teaminfo .subtitle{ font-size:13px;}
.teamitem .teaminfo .description{ width:360px; line-height:26px; height:80px; margin:0 auto; font-size:13px; padding-top:20px;}
.teamimg img{width:100%; height:auto;}
.teamitem a div.wrap{display:none; opacity:0;}
.teamitem .teaminfo{padding: 20px 40px 0 40px;padding-bottom: 40px; position:relative; margin-top:0px;}
.teamitem .teaminfo .title{ margin-top:24px;}
.teamitem .teaminfo .subtitle{ margin-bottom:34px;}
.teamitem .teaminfo:after{content:''; display:block;width:16px; height:1px;text-align: center;border-top: 1px solid #CCC; display: block; position:absolute;left:50%; margin-left:-8px; top:115px;}
.teamitem:hover {margin: -10px 15px 110px;box-shadow: 0px 18px 22px 0px rgba(0, 0, 0, 0.15);}
.Pageteam .content .header p.title{ display:none;}



.default .postbody{width:1080px;}
.default .content .header{ padding-top:120px; margin-bottom:24px;}
.Pageyemian .content .header p.title{ display:none;}
#projectwrap3{ width:1000px; margin-top:20px}
#projectinfo3 .header{padding-top:0}

#projectinfo3 .header  p.title{font-size: 18px;color: #525252;line-height: 20px; font-family: "PlusJakartaSans-Medium","微软雅黑";}
#projectinfo3 .header  p.subtitle{color: #868686;margin: 6px 0 0;font-size: 13px;line-height: 24px;}
#teampost #teambody{ width:600px;}
#teambody .theader .title{ font-size:24px;font-family: "PlusJakartaSans-Medium","微软雅黑";color: #3d3d3d;line-height: 38px;}
#teambody .theader .subtitle{ font-size:14px; color:#a3a3a3;}
#teambody .theader .postbody{border-top: 1px dotted #e0e0e0; margin-top:40px; padding-top:40px;}
#page_none.Pageyemian .content .header p.title{ position:absolute; top:-180px; display:block; width:100%;font-family: "PlusJakartaSans-Medium","微软雅黑";font-size: 42px;color: #DEDEDE;}
#page_none .content .header{ padding-top:40px;}
#indexPage .module {z-index: auto;}




/*服务内页详情*/
#projectwrap3{margin-top: 60px;}
.npagePage3 .project_img{margin-bottom:10px;}
.npagePage3 #projectlist .wrapper{margin-left:0%;}
.npagePage3 #projectlist .projectitem{background-color: #fff;}
.npagePage3 #projectlist .projectitem a .project_info p.title{font-size: 14px;}
.npagePage3 #projectlist .projectitem a{overflow:visible;height: 210px;margin-bottom: 20px; }
.npagePage3 #projectlist .projectitem a .project_info p.subtitle{height: 20px; line-height: 20px; }
.npagePage3 #projectlist .projectitem a:hover img{box-shadow: 0 10px 20px 0 rgba(0,0,0,.15);}

.npagePage3 #projectshow3{margin-top: 80px;}
.npagePage3 #projecttags3 a:hover{ color:#fff; background-color: #5A5A5A;}
.npagePage3 #projectlist .projectitem a .project_info p{padding: 0 0px;}

#olx_qq li a{transition: all 0.6s ease 0s;}
#olx_qq li a:hover{height: 28px;line-height:28px;}


#footer p{padding: 16px;}


/*团队内页详情*/
.npagePage .teamitem .teaminfo{transition: all 0.6s ease 0s;}
.npagePage .teamitem:hover .teaminfo{padding:10px 40px 0 40px;padding-bottom: 40px;}
.npagePage .teamitem .teaminfo:after{transition: all 0.6s ease 0s;}
.npagePage .teamitem:hover .teaminfo:after{top: 105px;}
.npagePage .teamitem:hover {margin:0px 15px 40px;}
.npagePage .teamitem{margin-bottom: 100px;}
.npagePage .teamitem:hover{margin-bottom: 100px;}



#indexPage a.more, #indexPage a.details, #sitecontent .npagePage a.details{border: #dfdfdf 2px solid;}
#indexPage #mproject .bx-wrapper .bx-pager{display: none;}


.fw{width: 1200px;}



/*最大屏最小屏媒体查询*/

@media screen and (min-width:1920px) {

#mproject .content > .header{padding: 60px 0 0 0px;}
#indexPage #mproject a.more{right:0px;}
#indexPage #mteam .content .header p.title{padding:0px; }
#indexPage #mteam a.more{margin-right: -600px;}
#indexPage #mnews .content .header p.title{padding:0px; }
#indexPage #mnews a.more{margin-right: -600px;}


}

@media screen and (max-width:1800px) {

#mproject .content > .header{padding: 60px 0 0 30px;}
#indexPage #mproject a.more{right: 40px;}
#indexPage #mteam .content .header p.title{padding:0 0 0 30px; }
#indexPage #mteam a.more{margin-right: -560px;}
#indexPage #mnews .content .header p.title{padding:0 0 0 30px; }
#indexPage #mnews a.more{margin-right: -560px;}
#header ul#nav{padding: 0 90px;}

}
@media screen and (max-width:1440px) {

#mproject .content > .header{padding: 60px 0 0 30px;}
#indexPage #mproject a.more{right: 40px;}
#indexPage #mteam .content .header p.title{padding:0 0 0 30px; }
#indexPage #mteam a.more{margin-right: -560px;}
#indexPage #mnews .content .header p.title{padding:0 0 0 30px; }
#indexPage #mnews a.more{margin-right: -560px;}
#header ul#nav{padding: 0 90px;}

}

@media screen and (max-width:1200px) {

#mproject .content > .header{padding: 60px 0 0 30px;}
#indexPage #mproject a.more{right: 40px;}
#indexPage #mteam .content .header p.title{padding:0 0 0 30px; }
#indexPage #mteam a.more{margin-right: -560px;}
#indexPage #mnews .content .header p.title{padding:0 0 0 30px; }
#indexPage #mnews a.more{margin-right: -560px;}
#header ul#nav{padding: 0 90px;}

}

.teamimg img{transition: all 0.6s ease 0s;}

.npagePage .teamitem:hover .teamimg img{transition: all 0.6s ease 0s;}
.npagePage .teamitem:hover .teamimg img{padding-top: 10px;}


#indexPage #mslider .bx-wrapper{ position:inherit;}
#indexPage #mslider .bx-wrapper .bx-controls{position: absolute;z-index:2;top:48%;left: 0;width: 100%;}


/* 2019-09-19 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #EAEAEA;
    margin-left: 0;
    border: none;
}

/* 处理图片 */
#indexPage #mservice .serviceitem .service_img,
#projectlist .projectitem .project_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#servicelist .serviceitem .service_img,
#teamlist .teamitem .teamimg {
    position: relative;
    display: block;
    overflow: hidden;
}
#indexPage #mservice .serviceitem .service_img img,
#projectlist .projectitem .project_img img,
#indexPage #mteam ul li .header a img,
#mpartner .content_list li .par_img img,
#servicelist .serviceitem .service_img img,
#teamlist .teamitem .teamimg img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
#indexPage #mservice .serviceitem .service_img {
    padding-top: 18.2%;
}
#projectlist .projectitem .project_img {
    padding-top: 55.3%;
}
#indexPage #mteam ul li .header a {
    padding-top: 25%;
    height: 0;
}
#mpartner .content_list li .par_img {
    padding-top: 50%;
}
#servicelist .serviceitem .service_img {
    padding: 0;
    padding-top: 8.8%;
    width: 102px;
    float: left;
    margin-left: 50px;
}
#teamlist .teamitem .teamimg {
    padding-top: 25%;
    width: 140px;
    margin: 0 auto;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
.Pageanli #projectlist .projectitem .project_img {
    height: 0;
}
.Pageanli #projectlist .projectitem a:hover img {
    box-shadow: none;
}
.Pageanli #projectlist .projectitem .project_img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.Pageanli #projectlist .projectitem a:hover .project_img {
    box-shadow: 0 20px 25px 0 rgba(0,0,0,.15);
}
.Pageteam #teamlist .teamitem a:first-child {
    width: 100%;
    height: 100%;
}
.Pageteam #teamlist .teamitem .title {
    font-size: 22px;
    font-family: "PlusJakartaSans-Medium","微软雅黑";
    color: #4d4d4d;
}
.npagePage #banner div {
    position: unset;
}
#teampost #teambody {
    width: auto;
}
#indexPage #mpartner .content,
#indexPage #mpartner .module-content {
    height: auto;
}
#indexPage #mpartner .wrapper ul li {
    padding-top: 0;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a {
    margin-top: -20px;
}
.default .postbody {
    width: auto;
}
.nobanner .npagePage.content_editor {
    padding-top: 65px;
}
.content_editor #projectwrap3,
.npagePage3.content_editor #projectshow3,
.content_editor #projectshow3 #projectib3 {
    margin-top: 0;
}
.mvideo_header {
    display: none;
}
.content_editor {
    padding-top: 65px;
}
/* 2019-09-19 yyq 4-5 */