@charset "utf-8";

/* CSS Document */


/*新首页开始*/
#indexPage #mpartner{ background-color:#f6f6f6}
#indexPage .module .content{ position:inherit; top:0px;}
#indexPage #mslider .content{ margin:0; height:750px;}
#indexPage #mservice{ height:auto;background-color: #f9f9f9;}
#indexPage #mservice .content{ margin:0; height:340px; padding-bottom:0px;}
#indexPage #mproject .content{ margin:0;background: #fff; height:100%;}
#indexPage #mpage .content{ margin:0; height:auto;}
#indexPage #mteam .content{ margin:0; height:auto;}
#indexPage #mnews .content{ margin:0;height:auto;}
#indexPage #mcontact .content{ margin:0; height:auto;}
#indexPage #mpartner .content{ margin:0; height:auto;}

/*首页头部导航*/

#sitecontent{ margin-top:70px;}



/*合作伙伴*/
#indexPage #mpartner .content .header{ display:none;}
#indexPage #mpartner .module-content{padding:60px 0; height:80px;}
#indexPage #mpartner .wrapper{ height:auto;}
#indexPage #mpartner .wrapper ul li{ height:auto; padding-top:0px;}
#indexPage #mpartner .wrapper ul li a{width:120px; height:auto; margin:0 2px; margin-bottom:10px; }
#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;}
#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 .wrapper .bx-controls-direction a{top:56%;}



/*头部*/
#header{box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06); padding-top:15px; background:#fff; margin-top:-70px;}
#header.mini { background-color: #fff; padding-top: 15px;}
#header .content{ padding:0 30px; width:auto;}
#header ul#nav{ float:right;}
#header ul li.navitem a{color:#a3a3a3; position:relative;}
#header ul li.navitem{ margin:0px; padding:0 20px 5px;}
#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:2px;width:0px; position: absolute; top:-27px; left:-11px; background:#49ADA3; 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:left;height: 40px;font-size:13px; padding:0px 6px;line-height:40px; width:auto;}
#header ul li.navitem ul.subnav{width:150px;box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);border-top: 1px solid #F0F0F0; background:#FFF none repeat scroll 0% 0%; padding:14px;}
#header ul li.navitem ul.subnav li{ border-color:transparent;}
#indexPage #mpartner .content{ hei}
#header ul li.navitem ul.subnav li a i{ display:block; opacity:1; margin-top:12px;transition: all 0.6s ease 0s;}
#header ul li.navitem ul.subnav li a:hover{ background:transparent; text-indent:0;color: #49ADA3;}
#header ul li.navitem ul.subnav li a:hover i{color: #49ADA3; padding-right:14px;}


/*头部幻灯*/
#mslider .bx-wrapper .bx-controls-direction a{ background:rgba(0, 0, 0, 0.2); margin-top: -60px;}
#mslider .bx-wrapper .bx-controls-direction a:hover{ background: rgba(0,0,0,0.5); color:#fff;}
#mslider .bx-wrapper .bx-controls-direction a i{color:#fff;font-size: 24px; margin-top:7px;}
#indexPage #mslider .bx-wrapper .bx-pager{ display:block;}

/*首页服务*/
#mservice .content > .header{ display:none;}
#servicelist{padding: 60px 0 100px;}
#indexPage #servicelist .serviceitem{ width:42%; padding-left:3%; margin:40px 0 0 30px; height:150px;}
.service_img{ width:100px; height:100px; margin:25px 30px;float:left;}
#servicelist .serviceitem a img{width:100%;}
#servicelist .serviceitem div{float:left; width:300px;position: relative; margin-top:0px;transition: all 0.6s ease 0s; }
#servicelist .serviceitem:hover div{ margin-top:0px;}

#indexPage #servicelist .serviceitem div{ margin-top:24px;}
#servicelist .serviceitem div p.title{color:#fff;font-size: 18px; text-align:left; display:block;transition: all 0.3s ease-out 0s;}
#servicelist .serviceitem:hover div p.title{color: #fff;padding-left: 24px;}
#servicelist .serviceitem div p.description{ text-align:left;color:rgba(255,255,255,0.8);transition: all 0.3s ease-out 0s;}
#servicelist .serviceitem:hover div p.description{ color:#fff;padding-left: 24px;}
#servicelist .serviceitem .service_info::after {content: ""; display: block;background-color:rgba(255, 255, 255, 0.3); width: 1px; height: auto;transition: all 0.6s ease 0s; position:absolute;left:0px;top: 8px;opacity: 0;}
#servicelist .serviceitem:hover .service_info::after{height:70px; opacity:1}
#indexPage #mservice a.more{ display:none;}

/*首页案例*/
#mproject .content > .header{padding-top:80px; padding-bottom:20px; border-bottom:1px solid #ededed; text-align:center; }
#mproject .content .header p.title{ display:inline-block;position:relative;}
#mproject .content .header p.title:after{ content:''; width:100%; height:2px; position:absolute; bottom:-37px; left:0px; background: #CBCBCB;}
.content .header p.subtitle{font-size: 13px;color: #a3a3a3;}


#indexPage #projectlist .projectitem{width:24%; height:490px; padding-bottom:32px; margin-right:1%; background:transparent; position:relative;}
#projectlist .projectitem a .project_info{ position:relative; top:auto; left:auto; padding-top:1px;}
#projectlist .projectitem a .project_info p.title{color: #5A5A5A;font-size: 16px;transition: all 0.6s ease 0s;}

#projectlist .projectitem a .project_info p.subtitle{color: #ADADAD;height: 30px;line-height: 30px;text-align: center; font-size:13px; margin-top:0px;transition: all 0.6s ease 0s;}
#projectlist .projectitem:hover a .project_info p.subtitle{margin-top: -30px;opacity: 0;}
#projectlist .projectitem a:hover .project_info{ background-color:transparent;}
#projectlist .projectitem a:hover .project_info p.title{color: #5A5A5A; font-size:16px; margin-top:30px;}
#projectlist .projectitem a:hover .project_info p.subtitle{color: #ADADAD;}
.project_img{ position:relative; margin-bottom:16px; overflow:hidden;}
.project_img::after {content: ""; display: block; background-color: rgba(0,0,0,0);width: 100%;height: 424px;position: absolute;top: 0;left: 0;z-index: 10;transition: all 0.6s ease 0s;}

#projectlist .projectitem a:hover .project_img::after {background-color: rgba(0,0,0,0.08);}
#projectlist .projectitem a:hover .projectitem_wrapper::after{position: absolute;top: 40%;left: 50%; opacity:1}
.projectSubList{margin:0 auto;padding: 50px 1% 60px;}
#indexPage #mproject a.more{ display:block;    width: 240px;height: 47px;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;}
#indexPage #mproject a.more:hover{text-indent: 90px; color: #5e5e5e;}
#indexPage #mproject a.more i{font-size: 16px;}

/*首页团队*/
/*关于*/
#indexPage .module.bgShow .bgmask{ display:none;}
#indexPage #mpage .wrapper li{ position:relative;padding: 100px 0px; height:320px;}
#indexPage #mpage .wrapper li .fimg{ position:absolute; bottom:-100px; width:38%; height:515px; z-index:1;}
#indexPage #mpage .module-content .description{ width:32%; color:#a3a3a3}
#mpage .module-content .more{display: block;width: 140px;height: 47px;line-height: 47px;font-size: 14px;text-indent: 50px;margin: 60px auto 50px;border-top:0;border-left: 0;border-right: 0;border-radius: 0;}
#mpage .module-content .more:hover{text-indent:40px;}
#indexPage #mpage .module-content .more a i{font-size: 16px;}

#indexPage #mpage .wrapper{ overflow:visible;}

/*首页新闻*/

#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: 78px;padding:60px 0 0; margin-bottom:80px; text-align:center; }
#indexPage #mnews .content .header p.title{display:inline-block; margin:0 auto;padding:0 16px 0px; position:relative; text-align:left;}
#mnews .content .header p.title:after{ content:''; display:block; width:100%; height:2px; position:absolute; bottom:-44px; background:#A3A3A3; left:0;}
#newslist{ padding-bottom:95px; width:1200px;}
#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:360px; height:320px; margin-bottom:20px; position:relative; float:left; margin:0 20px; border-color:transparent; }
#newslist .newstitem a.newscontent{ border-radius: 4px; transition: all 0.3s ease-out 0s;text-align: left;margin-top:0px; position:absolute; width:100%; top:0px;}
#newslist .newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", 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: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#newslist .newstitem .md span { display: none; }
#newslist .newstitem .year { color: #8a8a8a;font-size: 28px;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; position: absolute;top:24px; left:38px;}
#newslist .newsbody .description { width: auto; margin-top:8px; font-size:13px; color: #b0b0b0; text-align: left; height: 48px; overflow: hidden; line-height:24px; padding: 0px 20px;transition: all 0.6s ease 0s; }
#indexPage #mnews .newstitem a.details { display: block; width:40px; height:30px; text-align:center; padding-top:10px; border-radius:0; border:1px solid rgba(255,255,255,.3); position:relative; z-index:2; overflow:hidden; margin-top:238px; margin-left:290px;transition: all 0.6s ease 0s; opacity:0;}
#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent:0px; color: #fff; }
#indexPage #mnews #newslist .newstitem i { margin: 0; margin-left:0px; position:absolute; left:18px; top:10px; text-indent: 0px; color:#fff; font-size: 20px; margin: 0;}
#newslist .newstitem:hover p.title { color: #464646; }
#indexPage #mnews a.more { margin: 42px auto; display: none; }
#indexPage #mnews{ background-color:#fff;}
#newslist .newsbody{ width:auto;}
#newslist .newsbody .title{font-size: 16px;line-height: 38px;padding: 40px 20px 0px 20px; margin-top:99px; border-top: 1px solid #dcdcdc;transition: all 0.6s ease 0s;}
#newslist .newstitem:hover .newsbody p.date{top:202px; height:100px; background:#49ADA3;transition: all 0.6s ease 0s;}
#newslist .newstitem:hover .md{bottom:34px; color:#fff;}
#newslist .newstitem:hover .year{ top:34px; color:#fff;}
#newslist .newstitem:hover .newsbody .title{ margin-top:14px; border-color:rgb(108, 177, 169);}
#newslist .newstitem:hover .newsbody .description{color:#8A8A8A;}
#indexPage #mnews .newstitem:hover a.details{ margin-left:154px; opacity:1;}

/*联系*/
#indexPage #mcontact .content .header { width: 1168px; display: none; }
#indexPage #mcontact .content .fw { width: 1168px; }
#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 #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 .content #contactform { float: none; width: 1168px; position: relative; margin: 38px 0px 0; height: 370px; }
#contactinfo div a:hover i{color:#E0E0E0}
#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:40px; 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 .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); color: #444; line-height: 24px;}
#contactform p .inputsub{font-family: 微软雅黑;background-color: #49ADA3;border: 1px solid #49ADA3; color: #fff;border-radius: 40px;transition: all 0.6s ease 0s;}
#contactform p .inputsub:hover {background-color: rgba(86, 146, 139, 0);border:1px solid #49ADA3; color: #303030; }
#contactform p .inputtxt:hover {border: 1px solid #49ADA3;}
#footer a path { fill: rgb(148, 148, 148); }
#footer p { background:#242424;color: #6E6E6E; 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:#49ADA3; 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 i { color: ##5e5e5e; }
#olx_qq li a:hover i { color: #49ADA3; }
#olx_tel div { color: #565656; }
#olx_head{background: #49ADA3;border-radius:0}
#olx_qq li a:hover{transition: all 0.6s ease 0s;}
#olx_qq li a:hover{color: #3B3B3B;background: #ECECEC; height: 25px; line-height: 25px;}
#olx_qq li a:hover i{color: #A4A4A4;}


#projectlist .projectitem{ height: 490px; background:transparent;}
#projectlist{ width:86%; margin:0 auto;    padding-bottom: 100px;}
#projectlist .projectitem a:after{content: '';width: 46px;height: 40px;line-height: 40px;background-image: url(http://resources.jsmo.xin/templates/upload/1342/ico/hg.png);margin: 0 auto;margin-left: -20px;margin-top: 0px;display: inline-block;position: absolute;top: 0%;left: 50%;z-index: 10;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0; }
#projectlist .projectitem:hover a:after{ top:32%; opacity:1;}
#category a{border-radius: 2px; padding-left:30px; padding-right:30px; border-color:transparent; position:relative;}
#category a.active, #category a:hover{background: #49ADA3; border-color:#49ADA3}
#category li.hasmore div ul{margin-top: 30px;}
.npagePage  .content > .header{ display:none;}
#category{ padding-top:90px; width:86%;margin:0 auto; border-bottom:1px solid #f0f0f0; padding-bottom:30px; margin-bottom:70px;}
.Pageanli #category{padding-top:0px}
#mproject #category a:after{content:'';width:3px; height:3px; position:absolute; top:62px; left:50%; background:#a3a3a3; margin-left:-1px; opacity:0}
#mproject #category a:before{ content:'';  height:16px;border-left: 1px solid #ECECEC; position:absolute; top:35px; left:50%;opacity:0}
#mproject #category a.active:after, #category a:hover:after,#category a.active:before, #category a:hover:before{ opacity:1;}

#mproject #category a:hover::after{opacity:1;}

#mproject #category a:hover::before{opacity:1;}

#pages a.active, #pages a:hover {background-color: #49ADA3;color: #fff;}
.Pageanli #pages{ padding-bottom:120px;}



.teamitem a{width:200px; height:380px; margin-right:20px;}
.teamitem a img{ width:100%; height:auto;}
#teamlist .teamitem .wrap{ display:none;}
.teamitem{ width:auto; height:auto;margin-bottom: 80px;}
.teamitem .teaminfo{ width:370px; height:160px; margin:32px 20px 40px 0; border-bottom:1px solid  transparent; position:relative;}
.teamitem .teaminfo .title {text-align:left;}
.teamitem .teaminfo .title a{ font-size: 16px;color: #4d4d4d}
.teamitem .teaminfo .subtitle{ text-align:left;font-size: 13px;color: #a3a3a3;}
.teamitem .teaminfo .description{ display:none;}

#sitecontent .npagePage .teamitem a.details{ display: block; width:36px; height:26px; text-align:center; padding-top:10px; border-radius:0; border:1px solid rgba(255,255,255,.3); position:relative; z-index:2; overflow:hidden; margin-top:-196px; margin-left:162px;transition: all 0.6s ease 0s; opacity:1;}
#sitecontent .npagePage .teamitem  a.details i { text-indent:0px; color: #e0e0e0;position:absolute; top:4px; left:15px; }

#sitecontent .npagePage .teamitem:hover a.details{background: #49ADA3;margin-left: 320px;border: 1px solid #49ADA3;}
#sitecontent .npagePage .teamitem:hover a.details i { text-indent:0px; color: #fff; }

.teamitem .teaminfo:after{ content:''; display:block; width:100%; height:2px;position:absolute;bottom:50px;background:rgb(73, 173, 163);transition: all 0.6s ease 0s; opacity: 0;}
#sitecontent .npagePage .teamitem:hover .teaminfo:after{ bottom:26px; opacity:1;}



.npagePage #banner{ height:260px;}
.npagePage #banner div{ margin-top:70px; position:relative; height:260px;}
#teamlist{padding: 80px 0 100px 0;}
.Pageteam .content > .header{ display:block; width:1168px; position:absolute; top:-226px; left:50%; margin-left:-584px;}
.Pageteam .content .header p.title{ display:inline-block; color:#fff;font-size: 24px;}
.Pageteam .content .header p.subtitle{display:inline-block; color:#eaeaea;}



.Pagenews #newslist .newstitem{ width:1200px;height: 102px;padding: 50px 0px; margin:0;background-color: #f6f6f6; margin-bottom: 30px;transition: all 0.6s ease 0s; }
.Pagenews #newslist .newstitem:hover{background-color:#49ADA3;}


.Pagenews #newslist .newstitem .newsimg{height: 102px;width:295px; z-index:2; position:relative; float:left; margin-left:42px;}
.Pagenews #newslist .newstitem .news_wrapper{ position:relative; float:right; width:360px; padding-left:10px; margin-right:340px;background-color:transparent; }
.Pagenews #newslist .newsbody p.date{width:102px;left:-100px;}
.Pagenews #newslist .newstitem .md{ width:auto; left:0px;color: #8c8c8c}
.Pagenews #newslist .newstitem .year{ width:auto; left:0px;color: #3d3d3d;}
.Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper{ width:460px;}
.Pagenews #newslist .newstitem:hover .newsbody p.date{top:0px; height:80px;}
.Pagenews #newslist .newstitem:hover .md{bottom:24px;color: #fff;}
.Pagenews #newslist .newstitem:hover .year{top:24px;color: #fff;}
.Pagenews #newslist .newsbody .title{ margin-top:0px;padding-top:0px; border-color:transparent;color: #525252; font-size:18px;transition: all 0.6s ease 0s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;}
.Pagenews #newslist .newstitem a.newscontent{ height:auto;border-top: 1px solid #f0f0f0;}
.Pagenews #newslist .newstitem:hover .newsbody .title{ margin-top:0px; border-color:transparent;color: #fff;}
.Pagenews #newslist .newstitem:hover .newsbody .description{color: #fff;}
.Pagenews #newslist .newstitem:hover .newsbody p.date{ background:transparent;}
#sitecontent .Pagenews a.details {display:block; width:40px;height: 30px;border: 1px solid #e0e0e0;text-align: center;padding-top: 10px;margin-top: 10px;transition: all 0.3s ease-out 0s; position:absolute; right:20px; border-radius:0px; z-index:2; margin-top:28px; overflow:hidden; color:transparent; opacity: 0;}
#sitecontent .Pagenews a.details:hover {text-indent:0px; opacity: 1;}

#sitecontent .Pagenews a.details i{ position:absolute; top:6px;left:18px;color: #ccc; text-indent: 0px;}

.Pagenews #newslist .newstitem:after{ content: "";display: block;width: 20px; height: 2px;background-color: rgba(73, 173, 163, 0);position: absolute;right:278px;top:91px;transition: all 0.6s ease 0s;}

.Pagenews #newslist .newstitem:hover .news_wrapper{ margin-right:220px; background-color:transparent;}
.Pagenews #newslist .newstitem:hover a.details{right:60px;background: rgba(73, 173, 163, 0);border-color: rgba(233, 233, 233, 0.42);}
#sitecontent .Pagenews a.details:hover i{ text-indent:0px;}
.Pagenews #newslist .newstitem:hover a.details i{ color:#fff;}
.npagePage.Pagenews .content{ padding-top:90px;}
.Pagenews #newslist .newstitem:first-child a.newscontent{ border-color:transparent;}




.Pageservice .content > .header{ display:block; width:1168px; position:absolute; top:-226px; left:50%; margin-left:-584px;}
.Pageservice .content .header p.title{ display:inline-block; color:#fff;font-size: 24px;}
.Pageservice .content .header p.subtitle{display:inline-block; color:#eaeaea;}
.Pageservice #servicelist{ width:1200px;}
.Pageservice #servicelist .serviceitem{ width:520px;height: 150px;padding: 20px 20px;border-bottom:1px solid #f0f0f0; border-top:2px solid transparent;margin-bottom:0; position:relative; float:left;transition: all 0.6s ease 0s; }

.Pageservice #servicelist .serviceitem:hover{border-bottom:1px solid transparent; border-top:2px solid #49ADA3;}

#sitecontent .Pageservice a.details {display:block; width:40px;height: 30px;border: 1px solid #e0e0e0;text-align: center;padding-top: 10px;margin-top: 10px;transition: all 0.4s ease-out 0s; position:absolute; left:120px; border-radius:0px; z-index:2; margin-top:60px; overflow:hidden; color:transparent; top:56px; opacity:0;}
#sitecontent .Pageservice a.details i{ position:absolute; top:6px;left:18px;color: #ccc; text-indent: 0px;}
.Pageservice #servicelist .serviceitem:hover{background-color: #f6f6f6;}
#sitecontent .Pageservice:hover a.details {text-indent:0px;}
#sitecontent .Pageservice a.details:hover i{ text-indent:0px;}
.Pageservice #servicelist .serviceitem:hover a.details i{ color:#fff;}
.Pageservice #servicelist .serviceitem:hover a.details{left: 220px;background: #49ADA3;border-color: #49ADA3;top: 117px; opacity: 1;}
.Pageservice #servicelist .serviceitem .service_info::after{ border-right:0px;}
.Pageservice #servicelist{ padding-bottom:20px;}


.npagePage.newsl  .content > .header{ display:block; width:1000px; padding-top:0px; padding-bottom:20px;}
.newsl .content .header p.title{font-size: 18px;color: #525252;line-height: 24px;text-align: left; text-indent:24px;}
.newsl .content .header p.subtitle{color: #a3a3a3; line-height:24px;text-align: left;text-indent:24px; font-size:12px;font-family: Arial, "微软雅黑";}
.newsl .postbody{width:1000px;}
.newsl .content .header::after {content: "";display: block;background-color: rgb(73, 173, 163); width: 3px; height: 44px; position: relative;bottom: 50px;transition: all 0.6s ease 0s;}

#projectwrap3{ width:1000px;}
#projectinfo3 .header{ padding-top:0px;}
#projectinfo3 .header p.title{font-size: 18px;color: #525252; line-height: 24px;padding: 26px 0px 0px;}
#projectinfo3 .header p.subtitle{color: #868686;margin: 6px 0 0;font-size: 13px;line-height: 24px;}

.nobanner .npagePage3{ padding-top:24px;}
#projectwrap3{ margin-top:0px;}
#projectinfo3 .header .description{ margin-top:40px;font-size: 13px; line-height: 24px;}
#projecttags3 a{ padding:8px 20px;background: transparent; border:1px solid #f3f3f3;border-radius: 2px; color:#7f7f7f;}
#projecttags3 a:hover{border: 1px solid #49ADA3;background: #49ADA3; color:#fff;}
#projectib3 #projectlist .projectitem a .project_info p.title{font-size: 14px;color: #3D3D3D;}
#projectib3 #projectlist .projectitem a .project_info p.subtitle{color: #ADADAD;}
#projectib3 #projectlist{ width:100%;}
#projectib3 #projectlist .projectitem{width: 184px;margin: 0 8px 20px;}
#projectib3 .project_img::after{height:100%;}
#projectib3 #projectlist .wrapper{ margin-left:0;}
#projectib3 #projectlist .projectitem a .project_info{ border-top: 1px solid #e6e6e6;padding-top: 12px;}
#projectib3 #projectlist .projectitem a img{transform: scale(1, 1);}
#projectib3 #projectlist .projectitem:hover a:after{ top:30%;}
#projectib3 #projectlist .projectitem a .projectitem_wrapper::after{ display:none;}
#projectib3 #projectlist .projectitem:hover a .project_info p.title{ color:#49ADA3}



/*合作伙伴*/
#indexPage #mpartner .content .header{ display:none;}
#indexPage #mpartner .module-content{padding:60px 0; height:80px;}
#indexPage #mpartner .wrapper{ height:auto;}
#indexPage #mpartner .wrapper ul li{ height:60px; padding-top:10px;}
#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;}



.netmask.loading div i {display: block;background: url(/templates/upload/1305/201612/loading-bai.gif);}
.bx-wrapper .bx-loading {min-height: 50px;background: #ffffff url(/templates/upload/1305/201612/loading-bai.gif) no-repeat center center; }





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

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

#projectlist .projectitem:hover a:after{top: 38%;}

}

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

#projectlist .projectitem:hover a:after{top: 34%;}



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

#projectlist .projectitem:hover a:after{top: 25%;}



}

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

#projectlist .projectitem:hover a:after{top: 22%;}

}


/*服务内页*/

.npagePage .service_img{background-color:#49ADA3;margin: 0 30px 0 0; padding:24px;transition: all 0.6s ease 0s; }
.npagePage #servicelist .serviceitem div p.title{ color:#999; }
.npagePage #servicelist .serviceitem div p.description{ color:#848484; }
.npagePage #sitecontent .Pagenews a.details{opacity: 0;}
.Pagenews #newslist .newstitem:hover a.details{opacity:1;}



#pages{padding: 60px 0 120px 0;}


.Pagenews #newslist .newstitem:hover .newsbody .description{color:#fff;}
.Pagenews #newslist .newsbody .description{width:360px;}



/*首页团队*/

#indexPage #mteam{height:540px;background-color:#4c4c4c;}
#indexPage #mteam .header img{margin:18px 50px 0 0; float: left;transition: all 0.6s ease 0s; width:140px; height: auto;}
#mteam .content .fw {padding-top: 130px;}
#indexPage #mteam .description{width:400px; color:rgba(80, 80, 80, 0.7);}
#indexPage #mteam .summary p.subtitle{color: #505050;margin-bottom:40px;}
#indexPage #mteam .summary p{text-align: left; margin:0;}
#indexPage #mteam .summary p.title{width: 420px; margin-top: 30px; font-size: 18px;}
#indexPage #mteam .content .fw .wrapper .content_list #teamitem_0{width:680px; margin:0 auto;}

#indexPage #mteam .content .fw .bx-wrapper{width:590px;position: initial;}

#indexPage #mteam .summary p::after{content: "";display: block;width:400px;height: 1px;background-color:rgba(255, 255, 255, 0.05); position: absolute;left:32%;top: 90px;}



/*团队列表*/

.npagePage .teamitem .teaminfo .description{display: block;}
.npagePage .teamitem{margin-right:0px;}
.npagePage .teamitem a{ width: 370px; }
#projecttags a{transition: all 0.6s ease 0s;}
#projecttags a:hover{background-color:#49ADA3; color: #fff;}

.npagePage .teamitem .teaminfo .description{text-align:left;}
#sitecontent .npagePage .teamitem a.details{ margin-left:310px; margin-right: 30px;}


#indexPage #mteam .content{width: 1180px; margin:0 auto;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a{top:77%;background: rgba(64, 64, 64, 0.22);border-radius: 0px}
#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover{background: rgba(54, 54, 54, 0.36);color: #fff;}
#indexPage #mteam .bx-wrapper .bx-controls-direction a:hover i{color: #fff;}
#indexPage #mteam a.more{display:block;border:rgba(199, 199, 199, 0.17) 1px solid;width:140px;height:40px;line-height: 40px; border-radius: 0px;position: absolute;left:485px;text-indent: 50px; font-size: 13px;bottom: -145px;}
#indexPage #mteam a.more:hover{text-indent:40px; color: #fff; }
#indexPage #mteam a.more i{ font-size: 16px; }




#indexPage #category{display: block;}
#indexPage #category{padding-top:40px;border-bottom:0px solid #f0f0f0;margin-bottom:0px;}
#sitecontent #indexPage #category a.active, #category a::after{display: none;}
#sitecontent #indexPage #category a.active, #category a::before{display: none;}


#mproject #category li.hasmore div ul a::after{opacity:0;}
#mproject #category li.hasmore div ul a::before{opacity:0;}


.Pageservice .content > .header{display: none;}
.Pageteam .content > .header{display: none;}






.bx-wrapper .bx-controls-direction a i{font-size: 24px;margin-top: 7px;color: rgba(255, 255, 255, 0.45);}

#indexPage #mproject a.more::after{content: "";display: block;width: 240px;height: 47px;line-height: 47px;border:2px solid #49ADA3;opacity: 0;transition: all 0.5s ease 0s;margin: 0 auto;text-align: center;position: absolute;transform: scale(1, 1);bottom: 98px;margin-left: -3px;border-radius: 90px;}
#indexPage #mproject a.more:hover::after{opacity:1;transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}

#indexPage #mproject a.more:hover{border: 1px solid transparent;}



.npagePage #servicelist{padding: 100px 0 100px;}



#servicelist .serviceitem a{transition: all 0.6s ease 0s; }
.npagePage #servicelist .serviceitem:hover a{margin: 0 0 0 20px;}


/*首页团队切换
#indexPage #mteam .bx-pager{display: block;text-align: left;bottom: -80px;left: 470px;}
#indexPage #mteam .bx-pager a:hover{background-color: rgba(228, 228, 228, 0.2);border: 1px solid rgba(35, 35, 35, 0.65);}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active{background-color: #5A5745;border: 1px solid #5A5745;}

.bx-wrapper .bx-pager.bx-default-pager a{border: #4B4B4B 1px solid;}

.bx-wrapper .bx-pager.bx-default-pager a::after{content: "";display: block;background-color:#fff;width: 3px;height: 3px;text-align: center;line-height: 20px;position: absolute;margin-left: 3px;top: 4px; opacity: 0}

.bx-wrapper .bx-pager.bx-default-pager a:hover::after{opacity: 1;}
.bx-wrapper .bx-pager.bx-default-pager a.active{width: 9px;height: 9px; background-color:#fff;width: 3px;height: 3px;text-align: center;line-height: 20px;position: absolute;margin-left: 3px;top: 4px; }
*/


#indexPage #mteam .bx-pager{ display:none;text-align: left;bottom: -80px;left: 490px;}
.bx-wrapper .bx-pager.bx-default-pager a{ position: relative; width:10px; height:10px;width: 12px;height: 12px;}
.bx-wrapper .bx-pager.bx-default-pager a:after{ content:''; position: absolute; top:-1px; left:-1px; width:14px; height:14px;background:rgba(97, 95, 95, 0.33); border-radius:20px; opacity:0;}
.bx-wrapper .bx-pager.bx-default-pager a:before{content:''; position: absolute; top:4px; left:4px; width:4px; height:4px; background:#444;border-radius:20px; opacity:1;z-index:2}
.bx-wrapper .bx-pager.bx-default-pager a:before
.bx-wrapper .bx-pager.bx-default-pager a:hover::after,.bx-wrapper .bx-pager.bx-default-pager a.active:after{opacity: 1;}
.bx-wrapper .bx-pager.bx-default-pager a:hover::before{opacity: 1;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color:rgba(0, 0, 0, 0.12);border: 1px solid transparent;}
.bx-wrapper .bx-pager.bx-default-pager a{border: rgba(76, 76, 76, 0) 1px solid; border-radius: 12px;}

.bx-wrapper .bx-pager.bx-default-pager a.active:before{opacity: 1;background-color:#fff;}



#indexPage #mteam .summary p.title a{color: #fff;}
#indexPage #mteam .summary p.subtitle{color:rgba(255, 255, 255, 0.68);}
#indexPage #mteam .summary p{color:rgba(255, 255, 255, 0.7);}

#indexPage #mteam .more:hover i{color: #fff;}
#indexPage a.more i{font-size: 16px;}
#projectbody .postbody table{width:100% !important;}


/* 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;
}

/* 处理图片 */
#mservice .serviceitem .service_img,
#projectlist .projectitem .project_img,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#indexPage #mservice .serviceitem .service_img img,
#projectlist .projectitem .project_img img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#mservice .serviceitem .service_img {
    padding: 21% 0 0 0;
    height: 0;
    float: left;
    width: 100px;
}
#projectlist .projectitem .project_img {
    padding-top: 110%;
}
#mpartner .content_list li .par_img {
    padding-top: 50%;
}
#teamlist .teamitem .teamimg {
    padding-top: 103%;
}
.Pageservice #servicelist .serviceitem .service_img {
    padding: 19% 0 0 0;
    height: 0;
    width: 100px;
    border: 24px solid #49ADA3;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #servicelist .serviceitem:nth-child(n+3) {
    display: none;
}
.Pageteam #teamlist .teamitem a:first-child {
    height: 100%;
}
.Pageteam #teamlist .teamitem .teaminfo .title {
    font-size: 16px;
    color: #4d4d4d;
}
#indexPage #servicelist .serviceitem .service_img img {
    width: 100%;
    margin: 0;
}
.npagePage.newsl .content > .header {
    width: 1200px;
}
#sitecontent,
#header {
    margin: 0;
}
.nobanner .npagePage {
    padding-top: 70px;
}
.Pageanli #category {
    padding-top: 90px;
}
#sitecontent {
    overflow: hidden;
}
.bodypage .Pageyemian {
    padding-top: 70px;
}
#projectlist .projectitem {
    height: auto;
}
/* 2019-09-19 yyq 4-5 */