@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.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:#ad4949; 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: #ad4949;}

#header ul li.navitem ul.subnav li a:hover i{color: #ad4949; 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;}



#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;display: inherit;}

#projectlist a.more{ display:block;    width: 240px;height: 47px;line-height: 47px;display: block;margin: 20px auto 0px;font-size: 14px;text-indent:100px;border: 1px solid #ddd;
    border-radius: 90px;}

#projectlist a.more:hover{text-indent: 90px; color: #5e5e5e;text-decoration: none;}

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



/*首页新闻*/




#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;
    display: table;
    margin: 0 auto;}

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

#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(../images/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: #ad4949;border: 1px solid #ad4949; 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 #ad4949; color: #303030; }

#contactform p .inputtxt:hover {border: 1px solid #ad4949;}

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

#olx_tel div { color: #565656; }

#olx_head{background: #ad4949;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(../images/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: #ad4949; border-color:#ad4949}

#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: #ad4949;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: #ad4949;margin-left: 320px;border: 1px solid #ad4949;}

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





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



#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: #ad4949;border-color: #ad4949;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: #ad4949; 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 #ad4949;background: #ad4949; 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:#ad4949}







/*合作伙伴*/

#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(../images/loading-bai.gif);}

.bx-wrapper .bx-loading {min-height: 50px;background: #ffffff url(../images/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:#ad4949;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:#ad4949; 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 #ad4949;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;}