/*  css   */
@charset "utf-8";
/*  CSS Document  */
/* 新首页 */
#indexPage .module.bgShow .bgmask{ display: none; }
#indexPage #mpage{ background-color: #1e1e1e; }
#indexPage #mpage .bgmask{ display: block;background: url(../images/bj.jpg) repeat;opacity: 0.5; }
#indexPage .module .content{ position: inherit;top: inherit; }
#indexPage #mservice .content{ text-align: center;margin-top: 0;border-top: 1px solid #f4f4f4;height: auto; }
#indexPage #mpage .content{ height: auto;margin-top: 0;border-top: 1px solid #f4f4f4;padding: 120px 0; }
#indexPage #mteam .content{ height: auto;margin-top: 0;border-top: 1px solid #f4f4f4; }
#indexPage #mproject .content{ height: auto;margin-top: 0;border-top: 1px solid #f4f4f4;padding-bottom: 60px; }
#indexPage #mnews .content{ height: auto;margin-top: 0;border-top: 1px solid #f4f4f4; }
#indexPage #mpartner .content{ height: auto;margin-top: 0;border-top: 1px solid #f4f4f4; }
#indexPage #mcontact .content{ height: auto;margin-top: 0; }
/* 导航 */
 
/* 首页头部导航 */
#header { background:#fff; padding-top:0px; border-bottom:1px solid rgba(0,0,0,.07);}
#header .content { padding:0px }
#header ul#nav { float:right; margin-top:15px; }
#header ul li.navitem { transition: all 0.4s ease-out 0s; padding:0; line-height:50px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header ul li.navitem a { color:#4b4b4b; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 12px 0 0 38px; border-radius: 3px; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color:#e60a00;}
#header.mini { background-color: rgba(255, 255, 255, 1); padding-top:0px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); }
#header.mini ul li.navitem a.active:after, #header.mini ul li.navitem:hover a:after { margin-top: -5px; }
#header ul li.navitem ul.subnav { width:192px; background:#fff; border:0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); margin-left: 22px;}
#header ul li.navitem ul.subnav li { border-bottom:1px solid rgba(0, 0, 0, .08); }
#header ul li.navitem ul.subnav li a { text-align:center; color: #666; width:100%; padding:14px 0; background:none; }
#header ul li.navitem ul.subnav li a i { display:none; }
#header ul li.navitem ul.subnav li a:hover { background:#fff; color:#000; text-indent:inherit; }
#header ul li.navitem ul.subnav li a:hover::after, #header ul li.navitem ul.subnav li a:after {display:none;}
#header ul li.navitem ul.subnav li a:hover { background-color:#f5f5f5; }


#header .content { text-align:center; width: 98%; margin: 0 auto; }
#header .content img { float:none; }
#header #logo { padding:10px 0; float:left; }
.content .header p.subtitle { font-family:HELVETICANEUELTPRO-THEX, "微软雅黑"; font-size: 16px;color: #999;position: relative;bottom: -7px;text-align: center;}
.Pageteam .header{padding-bottom: 40px;}
#indexPage #mproject #category { display: block;  padding-bottom: 50px; }
#category a.active, #category a:hover { color:#fff; background: #dd4012;}
#indexPage #category a.active, #indexPage #category a:hover { color:#fff; background:#dd4012; border:1px solid #dd4012}
#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#header.mini #logo img { transform: scale(0.8, 0.8); -moz-transform:scale(0.8, 0.8); -webkit-transform:scale(0.8, 0.8); -o-transform:scale(0.8, 0.8); }



 




/* 幻灯 */
#indexPage .bx-wrapper .bx-pager-item{ border-radius: 6px;width: 4px;height: 4px;position: relative;margin: 0 13px;background: #58524f; }
#indexPage .bx-wrapper .bx-pager.bx-default-pager a{ width: 14px;height: 14px;border-radius: 14px;border: transparent 2px solid;position: absolute;top: -7px;left: -12px; }
#indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover,#indexPage .bx-wrapper .bx-pager.bx-default-pager a.active{ border: #58524f 2px solid;background: transparent; }
#indexPage .bx-controls-direction{ display: none; }
#indexPage #mslider ul li div{ display: none; }
#indexPage .sliderArrow{ display: block;width: 38px;height: 12px;border: 2px solid #fff;border-radius: 38px;padding-top: 26px;position: absolute;left: 50%;margin-left: -21px;top: 66%;animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate;-moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate;-webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate;-o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; }
#mslider .sliderArrow:before{ content: '';width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 10px solid #fff;margin: 13px; }
/* 关于 */
#indexPage #mpage .wrapper li{ text-align: center; }
#indexPage .content .header{ padding-top: 100px;display: inline-block; }
#indexPage .content .header .title{ font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";font-size: 24px;color: #df0e07; padding-bottom: 4px;margin-bottom: 8px; text-align:center;}
#indexPage .content .header .title2 { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";  font-size: 20px; color: rgb(50, 50, 50); padding-bottom: 4px  margin-bottom: 8px; border-bottom: 2px solid rgb(79, 79, 79);}

#indexPage .content .header p{ text-align: center; }
#indexPage #mpage .wrapper li .fimg{ display: block;width: 600px;height: auto;position: absolute;left: 50%;background-size: 100% auto;min-height:402px;margin-left: -600px;top: 118px; }
/* more */
#indexPage .content a.more{ display: block;width: auto;height: 34px;text-indent: 0;line-height: 34px;margin: 0px;border: none;margin: 0 auto;overflow: hidden;margin-top: 50px;text-transform: lowercase;position: relative; }
#indexPage .content a.more i{ color: #c3c3c3;margin-left: 20px;line-height: 34px;font-size: 18px;top: 1px;position: relative; }
#indexPage .content a.more:hover i{ text-indent: -10px;color: #333;line-height: 34px; }
/* 案例 */
#indexPage #category{ padding-bottom: 40px; }
#indexPage #mproject #category{ display: block;width: 80%;position: absolute;right: calc(4% + 100px); top: 150px; }
 
#category a.active,#category a:hover{ background-color: #dd4012; }
#indexPage #mproject{ background-color: #fff;padding-bottom: 4px; }
#mproject .content{ text-align: center; }
#mproject .content .header{ padding: 50px 0 110px;}
#mproject.Pageanli .content .header{ padding: 30px 0 30px; width: auto;  }
#indexPage #projectlist{ width: 100%;margin: 0 auto;position: relative;float: left; }
#indexPage #mproject .content .wrapper .content_list{ margin-left: 4%; }
#indexPage #projectlist .projectitem{ overflow: hidden;width: 32%; }
#indexPage #projectlist #projectitem_1{ animation-delay: 0.1s; }
#indexPage #projectlist #projectitem_2{ animation-delay: 0.6s; }
#indexPage #projectlist #projectitem_3{ animation-delay: 0.8s; }
#projectlist .projectitem a .project_info div{ margin-top: -29px; }
#projectlist .projectitem a:hover .project_info{ background: rgba(255, 255, 255, 0.92); }
#projectlist .projectitem a .project_info p.title{ font-size: 18px;margin: 0 0 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.npagePage4 #projectlist .projectitem a .project_info p.title::after{ margin-top: 1px; }
#projectlist .projectitem a .project_info p.subtitle{ font-size: 13px; }
#projectlist .projectitem a:hover .project_info p.title{ color: #000;font-size: 18px;text-align: center;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;margin-bottom: 15px; }
.npagePage4 #projectlist .projectitem a .project_info p.title{ font-size: 14px;transition: all 0.3s ease-out 0s; }
#projectlist .projectitem a:hover .project_info p.subtitle{ color: #848484;font-size: 13px;font-family: "Arial";margin-top: -10px; }
#projectlist .projectitem a:after{ width: 100%;height: 100%;content: "";display: block;position: absolute;transition: all .38s cubic-bezier(.62, .02, .34, 1);-moz-transition: all .38s cubic-bezier(.62, .02, .34, 1);-webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-transition: all .38s cubic-bezier(.62, .02, .34, 1);-ms-filter: "alpha(opacity=$num)";opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform: scale(.85);-moz-transform: scale(.85);-webkit-transform: scale(.85);-ms-transform: scale(.85);z-index: 2;top: 0px;left: 0px;border-top: 2px solid #4a4a4a;border-bottom: 2px solid #4a4a4a;margin-left: -2px;margin-top: -2px; }
#projectlist .projectitem a:hover::after{ -ms-filter: "alpha(opacity=$num)";opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";transform: scale(.92, .90);-moz-transform: scale(.92, .90);-webkit-transform: scale(.92, .90);-ms-transform: scale(.92, .90); }
/* 内页案例 */
#indexPage #mpage .content .header{ position: absolute;left: calc(50% + 90px);z-index: 10;padding-top: 82px; }
#sitecontent .newsl .content .header{ float: none; }
#sitecontent .npagePage.Pageyemian .content .header,#sitecontent .Pageservice .content .header,#sitecontent .Pageteam .content .header{ float: none;margin-left: 0;padding-bottom: 50px; }
.Pagenews #newslist .newstitem.right .news_wrapper{ left:25%; }
#sitecontent .content .header #indexPage #mpage .content .header{ position: absolute;left: 50%;z-index: 10;padding-top: 90px; }
#indexPage #mpage .content .des-wrap{ width: 24%;background: #fff;min-height: 370px;position: relative;left: 50%;padding: 0% 8%; }
#indexPage #mpage .module-content .description{ text-align: left;width: auto;margin-top: 30px;line-height: 26px;padding-top: 156px;height:100px;overflow: hidden; }
#indexPage #mpage .content a.more{ position: absolute;left: 58%;top: 58%;font-size: 17px;z-index: 10;border-radius: 0; }
#indexPage #mpage .content a.more:hover{ color: #333;top: calc(58% - 10px); }
#indexPage #mpage .content a.more::before{ content: '';position: absolute;width: 0%;height: 9px;background: #f00;top: 20px;left: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 1;z-index: -1; }
#indexPage #mpage .content a.more:hover::before{ opacity: 1;width: 100%; }
#sitecontent .Pageanli .content .header p.title{ font-size: 24px;line-height: 30px; }
#sitecontent .Pageanli .content .header p.subtitle{ text-align: center; }
.content .header p.subtitle{ text-align: right; }
.npagePage#mproject .content #projectlist{ float: left;width: 100%; }
#sitecontent .Pageanli #category a.active,#category a.active,#sitecontent .Pageanli #category a:hover{ background: #dd4012;border-color: #dd4012; }
#sitecontent .Pageanli #projectlist .projectitem .project_img{ height: auto;overflow: hidden; }
/* 新闻 */
#indexPage #mnews{ background-color: #fff; }
#indexPage #mnews .content{ text-align: center;padding-bottom:50px; }
#indexPage #mnews .content .header{ padding: 50px 0 50px;display: inline-block; }
#newslist .newstitem.left a.newscontent,#newslist .newstitem.left a.newscontent:hover,#newslist .newstitem.right a.newscontent:hover{ padding: 0px; }
#indexPage #mnews #newslist .newstitem.right a.newscontent{ padding-right: 62.5%;width: auto !important; }
#newslist .news_wrapper,#newslist .newstitem a.newscontent:hover .news_wrapper{ width: auto; }
#newslist .separator{ display: none; }
 
#indexPage #mnews #newslist{ float: left; }
#indexPage #mnews .content_list:after{ content: '';display: block;clear: both; }
#mnews #newslist .wrapper .newstitem{ height: 80%;transition: all 0.3s ease-out 0s;min-height: 200px; }
#indexPage #mnews .newstitem a.details{ display: block;position: absolute;right: 3%;opacity: 0;top: 100px;width: auto;text-indent: 0;height: 40px;border-radius: 0;line-height: 40px;font-size: 14px;border: none;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mnews .newstitem:hover a.details{ right: 10%;opacity: 1; }
#indexPage #mnews #newslist .newstitem a.newscontent{ width: 100% !important; }
#indexPage #mnews #newslist .newstitem.left .news_wrapper,#indexPage #mnews #newslist .newstitem.right .news_wrapper,#newslist .newsbody .title{ background: transparent;width: 100%; }
#indexPage #mnews #newslist .newsbody{ width: 80%; }
#indexPage #mnews .bx-controls{ display: block; }
#mnews .bx-wrapper .bx-controls-direction{ display: none; }
#newslist .newstitem .newsimg{ width: 100%;height: 220px;float: left;position: relative;z-index: 3; }
#indexPage #mnews #newslist .newstitem .newsimg{ display: none; }
#newslist .newsbody .title{ height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;font-size: 16px;color: #323232;line-height: inherit;text-align: left;margin-top: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem:hover .newsbody .title{ margin-top: -15px; }
#newslist .newstitem:hover .newsbody .description{ margin-top: 15px; }
#newslist .newstitem .newsbody .date:after{ content: '';display: block;width: 10%;height: 2px;background: #4a4a4a;position: absolute;left: 0;top: -16px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem:hover .newsbody .date:after{ width: calc(100% + 50px);left: -50px; }
#newslist .newsbody .date{ text-align: left;position: relative;bottom: -152px;margin-bottom: 0; }
#newslist .newsbody .date .md{ display: none; }
#newslist .newstitem .newsbody .date .year{ font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";font-weight: bold;font-size: 18px;color: #838383;margin-left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem:hover .newsbody .date .year{ margin-left: 20px;color: #454545; }
#newslist .newsbody .description{ font-size: 13px;color: #7A7A7A;line-height: 26px;text-align: left;margin-top: 8px;height: 55px;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#mnews .bx-pager.bx-default-pager{ top: 230px;text-align: center; }
#indexPage #mnews .bx-wrapper .bx-pager-item{ background: #6f6f6f; }
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a:hover,#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active{ border: #6f6f6f solid 2px; }
/* 服务 */
#indexPage #mservice{ background-size: inherit;padding-bottom: 110px; }
#indexPage #mservice #servicelist{ width: 92%;margin-left: 4%; }
#indexPage #mservice .wrapper{ float: left; }
#indexPage #servicelist .serviceitem{ width: 50%;margin-bottom: 0;height: 100%;position: relative; }
#mservice .content .header{ width: auto;padding: 110px 0 65px;float: left;margin-left: 4%; }
#servicelist .serviceitem a img{ width: 262px;height: 145px;margin: 0 auto;display: block; }
#indexPage #servicelist .serviceitem a img{ width: 100%;height: auto; }
#indexPage #mservice #servicelist .serviceitem div{ width: 100%;height: auto;margin: 0 auto;background: transparent;position: absolute;bottom: 50%;text-align: center;margin-bottom: -40px; }
#indexPage #mservice #servicelist .serviceitem .service_img:before{ position: absolute;background: rgba(0, 0, 0, .7);width: 100%;height: 100%;content: '';left: 0;top: 0;opacity: 0;transition: all 0.3s ease-out 0s; }
#indexPage #mservice #servicelist .serviceitem:hover .service_img:before{ opacity: 1;undefined: undefined; }
#indexPage #servicelist .serviceitem div p.title{ height: 40px;line-height: 40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;top: 35px;opacity: 0;padding-top: 0; }
#indexPage #servicelist .serviceitem div p.title::before{ content: '';position: absolute;width: 0%;background: rgba(255, 255, 255, .3);height: 1px;left: 50%;bottom: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #servicelist .serviceitem:hover div p.title::before{ width: 80%;margin-left: -40%;left: 50%; }
#indexPage #servicelist .serviceitem:hover div p.title{ color: #fff;top: 0;opacity: 1; }
#indexPage #servicelist .serviceitem div p.description{ opacity: 0;position: relative;top: -10px; }
#indexPage #servicelist .serviceitem:hover div p.description{ color: rgba(255, 255, 255, .75);top: 0;opacity: 1; }
#servicelist .serviceitem div p.title{ font-size: 18px;color: #323232;padding-top: 25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
#servicelist .serviceitem:hover .title{ color: #000; }
#servicelist .serviceitem div p.description{ overflow: hidden;text-overflow: ellipsis;color: rgba(111, 111, 111, 0.55);white-space: nowrap;height: 40px;line-height: 40px;margin-left: 0;margin: 0 auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mservice a.details{ display: none;width: 30px;height: 30px;text-indent: -180px;line-height: 30px;margin: 0px;position: absolute;right: 50%;bottom: 40px;overflow: hidden;border: 1px solid #e0e0e0;z-index: 5;margin-right: 72px; }
#indexPage #mservice a.details:hover{ background: #4a4a4a;border: 1px solid #4a4a4a; }
#indexPage #mservice a.details:hover i{ color: #fff; }
#indexPage #mservice a.details i{ color: #c1c1c1;margin-left: 146px;font-size: 18px;position: relative;top: -1px; }
#indexPage #mservice a.details:hover i{ text-indent: -10px; }
#mservice #newslist .newstitem:hover a.details{ border: 1px solid #fff; }
#mservice #newslist .newstitem:hover a.details i{ color: #fff; }
#indexPage #mservice a.more{ display: block;margin-top: 80px;text-indent: 0;border: none;border-radius: 0;width: auto;font-size: 18px; }
#indexPage #mservice .bx-controls-direction{ display: block;width: 120px;height: 60px;position: absolute;left: 50%;margin-left: 70px;bottom: 12px; }
#mservice .bx-wrapper .bx-controls-direction a{ width: 60px;height: 60px;border-radius: 0px;position: inherit;display: inline-block;margin-top: 0px; }
#mservice .bx-wrapper .bx-controls-direction a i{ margin-top: 13px;margin-left: 0px; }
#mservice .bx-wrapper .bx-controls-direction a.bx-next i{ margin-left: 4px; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev{ top: 0px;left: 0px;background: #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover{ background: #323232; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i{ color: #D1D1D1; }
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover i{ color: #fff; }
#indexPage #mservice .wrapper .bx-wrapper .bx-next{ top: 0px;right: 0px;background: #4B4B4B;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover{ background: #323232; }
/* 团队 */
#indexPage #mteam{ background-color: #fff;background-position: top center !important;background-size: 100% !important;background-attachment: scroll; }
#indexPage #mteam .wrapper .header{ float: right;padding: 0px;margin-right: 8%;width: auto;margin-left: 0; }
#indexPage #mteam .header img{ width: 280px;height: auto;border-radius: 0px;margin: 0; }
#indexPage #mteam .wrapper .summary{ width: 48%;margin-top: 50px; }
#indexPage #mteam .summary p{ text-align: left;width: 100%;float: left;line-height: 26px; }
#indexPage #mteam .summary p.title{ transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#indexPage #mteam li:hover .summary p.title{ color: #333;margin-top: -10px;position: relative; }
#indexPage #mteam .module-content{ width: 50%;margin-left: 4%;padding: 120px 0 130px;float: right; }
#indexPage #mteam .description{ color: #777; }
#indexPage #mteam .summary p.title a{ font-size: 18px;color: #333;position: relative; }
#indexPage #mteam .summary p.title a:after{ content: '';width: 40px;height: 2px;background: #5a5a5a;position: absolute;left: 0;top: 70px; }
#indexPage #mteam .summary p.subtitle{ color: #777;font-size: 14px;line-height: 32px;margin-bottom: 40px; }
#indexPage #mteam a.details{ display: block;width: auto;height: 30px;text-indent: 0;line-height: 30px;margin: 0px;position: absolute;left: 0;top: 270px;overflow: hidden;border-radius: 0;border: none;font-size: 17px;z-index: 10; }
#sitecontent .npagePage.Pageteam a.details{ display: block;width: auto;height: 30px;text-indent: 0;line-height: 30px;margin: 0px;position: absolute;left: 351px;top: 240px;overflow: hidden;border-radius: 0;border: none;font-size: 17px;z-index: 10; }
#sitecontent .npagePage.Pageteam .teamitem:hover a.details{ left: 361px; }
#sitecontent .npagePage.Pageteam .teamitem a.details::before{ content: '';position: absolute;width: 0%;height: 9px;background: #f00;top: 20px;left: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 1;z-index: -1; }
#sitecontent .npagePage.Pageteam .teamitem:hover a.details::before{ opacity: 1;width: 100%; }
#indexPage #mproject .content a.more{ position: absolute;right: 4%;top: -12px;margin-top: -100px;border: none;border-radius: 0px;font-size: 18px;text-indent: 0;width: auto;z-index: 10; }
#indexPage #mnews .content a.more{ position: absolute;right: 4%;top: 55px;border: none;border-radius: 0px;font-size: 18px;text-indent: 0;width: auto;z-index: 10; }
#indexPage #mservice .content a.more{ position: absolute;right: 4%;top: 25px;z-index: 10;border: none;border-radius: 0px;font-size: 18px;text-indent: 0;width: auto; }
#indexPage #mproject a.more::before,#indexPage #mnews a.more::before,#indexPage #mservice a.more::before{ content: '';position: absolute;width: 0%;height: 9px;background: #f00;top: 20px;left: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 1;z-index: -1; }
#indexPage #mproject a.more:hover,#indexPage #mnews a.more:hover,#indexPage #mservice a.more:hover{ color: #333;text-indent: 8px; }
#indexPage #mproject a.more:hover::before,#indexPage #mnews a.more:hover::before,#indexPage #mservice a.more:hover::before{ opacity: 1;width: 100%; }
#indexPage #mteam a.details:before{ content: '';position: absolute;width: 0%;height: 9px;background: #f00;top: 18px;left: 0;transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;z-index: -1; }
#indexPage #mteam a.details:hover:before,#indexPage #mteam .content_list li:hover a.details:before{ opacity: 1;width: 100%; }
#indexPage #mteam a.details:hover,#indexPage #mteam .content_list li:hover a.details{ color: #333;text-indent: 7px; }
#indexPage #mteam a.details i{ color: #c1c1c1;margin-left: 125px;font-size: 16px;position: relative;top: 1px;margin-left: 20px; }
#indexPage #mteam a.details:hover i,#indexPage #mteam .content_list li:hover a.details i{ color: #333;text-indent: -10px; }
#mteam ul li:hover a.details{ border: 1px solid #fff; }
#mteam #ul li:hover a.details i{ color: #fff; }
#indexPage a.details i{ margin-top: 2px; }
#indexPage #mteam .bx-controls-direction{ display: block;width: 100px;height: 50px;position: absolute;right: 0;margin-right: calc(8% - 51px);bottom: 0;text-align: center; }
#mteam .bx-wrapper .bx-controls-direction a{ width: 50px;height: 50px;border-radius: 0px;position: inherit;display: inline-block;margin-top: 0px; }
#mteam .bx-wrapper .bx-controls-direction a i{ margin-top: 14px;margin-left: 1px;font-size: 24px; }
#mteam .bx-wrapper .bx-controls-direction a.bx-next i{ margin-left: 4px; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev{ top: 0px;left: 0px;background: #f6f6f6; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover{ background: #323232; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover i{ color: #fff; }
#indexPage #mteam .wrapper .bx-wrapper .bx-prev i{ color: #d2d2d2; }
#indexPage #mteam .wrapper .bx-wrapper .bx-next{ top: 0px;right: 0px;background: #4b4b4b; }
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover{ background: #323232; }
#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover i{ color: #fff; }
/* 合作伙伴 */
#indexPage #mpartner .content .header{ display: none; }
#indexPage #mpartner .module-content{ padding: 18px 0;height: auto;width: 82%; }
#indexPage #mpartner .wrapper{ height: auto;width: 100%; }
#indexPage #mpartner .wrapper .content_list{ padding-left: 100px !important;padding-right: 100px !important; }
#indexPage #mpartner .wrapper ul li{ max-height: 120px;overflow: hidden; }
#indexPage #mpartner .wrapper ul li a{ width: 160px;height: auto;margin-bottom: 0;margin-right: 30px; }
#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; }
#indexPage #mpartner .bx-wrapper .bx-prev{ left: -4%; }
#indexPage #mpartner .bx-wrapper .bx-next{ right: -4%; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a{ background: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a:hover{ background: #323232; }
#mpartner .bx-wrapper .bx-controls-direction a i{ color: #c6c8cc;font-size: 24px;margin-top: 7px;margin-left: 17px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#mpartner .bx-wrapper .bx-controls-direction a.bx-prev i{ margin-left: 15px; }
#mpartner .bx-wrapper .bx-controls-direction a:hover i{ color: #fff; }
/*  */
#indexPage #mcontact{ background: #f7f7f7; }
#indexPage #mcontact .content{ text-align: center; }
#indexPage #mcontact .content .header.fw{ width: auto;padding-bottom: 80px;display: none; }
#indexPage #mcontact .header p.title{ color: #323232; }
#contactlist:after{ clear: both;content: '';display: block; }
.content #contactlist{ width: 70%; text-align: left;padding-bottom: 94px;padding-top: 100px; }
#mcontact #contactinfo{ width: 27%; float:right; margin-right: 2%; }

 


#mcontact .content #contactform{ width: 25%;margin-top: 42px; float:left;}
#contactform p .inputtxt{ width: 100%;background-color: transparent;border: none;border-bottom: 1px solid #dedede;width: 100%;padding: 10px 0px;color: #7d7d7d;font-size: 13px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#mcontact .content #contactform p{ float: left;margin-right: 20px;width: 30%; }
#contactinfo h3{ color: #fff;margin-bottom: 35px; }
#contactinfo div a{ background: none; }
#contactinfo div a:hover{ background: #464646; }
#contactinfo div a i{ color: #c5c5c5; }
#contactinfo div a:hover i{ color: #fff; }
#contactform p textarea.inputtxt{ width: calc(300% + 40px);width: -moz-calc(300% + 40px);width: -webkit-calc(300% + 40px); }
#contactform p .inputsub{ width: 100px;background-color: transparent;color: #909090;font-size: 14px;padding: 5px 0;display: block;float: left;position: relative;top: 155px;height: 40px;left: calc(-100% - 20px);left: -moz-calc(-100% - 20px);left: -webkit-calc(-100% - 20px);border: 1px solid #cecece;cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputsub:hover{ background-color: #4a4a4a;border: 1px solid rgba(0, 0, 0, .1);color: #fff; }
#contactform p .inputtxt:hover{ border-bottom: 1px solid #606060; }
#footer{ background: #fff;border-top: 1px solid #f4f4f4;float: left; }
#footer p{ padding: 8px 0;width: 90%;margin: 0 auto;text-align: left; }
#contactinfo p{ height: 30px; }


/*  */
#newsPage #newslist .newstitem{ height: 237px;margin-bottom:30px; }
#newsPage #newslist{ width: 1200px;margin: 0 auto;float: left; }
#newsPage #newslist .newsbody .title{ left: 0px;padding: 5px 0 0; }
#newsPage #newslist .newsbody .title:after{ left: 0px;top: 50px; }
.npagePage #projectlist .projectitem{ height: auto;width: 24.25%; }
.Pageanli #category{ width: 100%;float: right;}
.npagePage #projectlist .projectitem:nth-child(4n){ margin-right: 0; }
.npagePage #projectlist .wrapper{ width: 92%;margin-left: 4%;margin-right: 4%; }
#indexPage .module{ z-index: auto; }
/* 分享 */
#shares a{ width: 40px;height: 40px; }
#shares a#sshare{ display: none; }
#shares a i{ margin-top: 11px; }
#shares a i.fa-weixin{ margin: 11px 0 0 14px;background-image: url(../images/shouji-.png);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#shares a#gotop{ margin-top: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom: 40px;position: fixed;right: 10px; }
#shares a#gotop i{ margin-top: 8px; }
#shares a#gotop:hover{ background: rgba(0, 0, 0, .9); }
#shares a#sweibo,#shares a#sweixin{ background-color: rgba(255, 255, 255, .8);border: 1px solid rgba(0, 0, 0, .1);width: 38px;height: 39px;border-bottom: none;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: fixed;bottom: 120px;right: 10px; }
#shares a#sweixin{ border-bottom: 1px solid rgba(0, 0, 0, .1);height: 38px;position: fixed;bottom: 80px; }
.fa-weibo::before{ color: #999; }
#shares a#sweibo:hover{ background-color: #555; }
#shares a#sweibo:hover .fa-weibo::before{ color: #fff; }
#shares a#sweixin:hover{ background-color: #555; }
#shares a#sweixin:hover i.fa-weixin{ background-image: url(../images/shouji.png); }
#olx_head{ background: #3e3e3e;border-radius: 0px; }
#olx_qq li a:hover i{ color: #d2d2d2; }
#olx_qq li a:hover{ padding: 18px 30px; }
#online_open i{ margin-top: 10px; }
#online_open{ background: none;bottom: 0px;color: #515151;bottom: 160px;color: #999;background-color: rgba(255, 255, 255, .8);border: 1px solid rgba(0, 0, 0, .1);width: 38px;height: 39px;border-bottom: none; }
#online_open:hover{ background-color: #555;color: #fff; }
#online_lx{ border-radius: 0px;bottom: 36px;margin-right: -10px; }
#olx_tel div{ color: #898989; }
#olx_qq li a i{ color: #504f4f; }
#olx_head i:hover{ color: #fff;transform: rotate(90deg);-ms-transform: rotate(90deg);undefined: undefined;-moz-transform: rotate(90deg);undefined: undefined;-webkit-transform: rotate(90deg);undefined: undefined;-o-transform: rotate(90deg);undefined: undefined; }
/* 分页 */
#pages a.active,#pages a:hover{ background-color: #484848; }
/* 产品详情页 */
#projectinfo4 .header p.title{ font-size: 22px;margin-bottom: 8px; }
#projectinfo4 .header p.subtitle{ font-family: Arial, Helvetica, sans-serif, "微软雅黑";font-size: 13px; }
#projectinfo4 div.description{ margin-top: 20px;line-height: 24px;font-size: 13px; }
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color: rgba(255, 255, 255, .8);border: 1px solid rgba(255, 255, 255, .8); }
#projectinfo4 div.description a{ display: inline-block;width: 150px;height: 40px;line-height: 40px;background: #5d5d5d;color: #fff;text-align: center;margin: 20px auto;transition: all 0.3s ease-out 0s; }
#projectinfo4 div.description a:hover{ background: #3c3c3c; }
#projectbody4 .postbody4{ margin-top: 20px; }
#projectbody4 .postbody4 p{ line-height: 24px; }
#post_slider{ background: #f8f8f8; }
#projectimages4 img{ margin-bottom: 10px; }
#projectbody4{ border-bottom: 1px dotted rgba(0, 0, 0, .1);padding-bottom: 20px; }
/* #projectbody4 { display:none;} */
.npagePage4 #projectwrap4{ margin-top: 10px; }
.npagePage4 #post_slider,#post_slider1{ height: 600px;width: 100%;max-width: 100%; }
.npagePage4 #post_slider li{ height: 600px;width: 100%;max-width: 100%; }
.npagePage4 #projectshow4{ margin-top: 10px; }
.npagePage4 .bx-wrapper{ width: 100%;margin: 0px auto; }
.npagePage4 .bx-wrapper .bx-controls-direction a{ background: rgba(0, 0, 0, .0);width: 45px;height: 45px;border-radius: 0px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.npagePage4 .bx-wrapper .bx-controls-direction a i{ color: rgba(170, 170, 170, .9);font-size: 22px;margin-top: 11px; }
.npagePage4 .bx-wrapper .bx-controls-direction a:hover{ border: none;border-radius: 0;background: rgba(0,0,0,.5); }
.npagePage4 .bx-wrapper .bx-controls-direction a:hover i{ color: #fff; }
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i{ margin-left: 19px; }
.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i{ margin-left: 19px; }
.npagePage4 #projectlist .wrapper{ text-align: left;margin-left: 0;width: 100%;margin-right: 0; }
.npagePage4#npagePage #projectlist .projectitem a .project_info{ position: absolute; }
.npagePage4 #projectinfo4{ border-bottom: 1px dotted rgba(0, 0, 0, .1); }
.npagePage4 #projectinfo4 .header{ padding-bottom: 10px;padding-top: 50px;margin-left: 0; }
#sitecontent .npagePage4 #projectlist .projectitem{ width: 24.25%;height: auto;background: #fff; }
#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n),#sitecontent .npagePage3 #projectlist .projectitem:last-child{ margin-right: 0; }
#sitecontent .npagePage4 #projectlist .projectitem a img{ height: auto; }
.npagePage4 #projecttags4 a{ background: #fff;padding: 5px 18px;transition: all 0.3s ease-out 0s; }
.npagePage4 #projecttags4 a:first-child{ padding-left: 0; }
.npagePage4 #projecttags4 a:hover{ color: #333; }
#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover{ background: #8cd4c1; }
.npagePage #banner{ height:285px; padding-top:75px;}
.npagePage #banner div{ height:285px; }
.Pageyemian .content .header p.subtitle,.Pageteam .content .header p.subtitle{ text-align: center;font-size: 14px;margin-top: 3px; }
.content .header p.title{ font-size: 24px; }
.Pagenews .content .header p.title,.Pagenews .content .header p.subtitle{ text-align: center; }
.npagePage.Pagenews .content{ width: 1200px;margin: 0 auto; }
#sitecontent .npagePage.Pagenews .content .header{ margin-left: 0; }
/* 团队列表页 */
.Pageteam #teamlist .wrap{ margin-right: 0;height: 0; }
.Pageteam .teamitem{ position: relative;width: 100%;height: auto;margin-bottom: 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background: #fff;border-bottom: 1px solid rgba(0, 0, 0, .07);margin-right: 0;padding-bottom: 20px; }
#sitecontent .npagePage.Pageteam a.details i{ font-size: 18px;text-indent: 8px; }
#sitecontent .npagePage.Pageteam #teamlis .teamitem:hover a.details:hover i{ text-indent: 8px; }
.Pageteam .teamitem:last-child{ border-bottom: none; }
.Pageteam .teamitem a{ width: 300px;height: auto;float: left; }
.Pageteam #teamlist{ width: 1200px; }
.Pageteam .teamitem a img{ width: 280px;height: auto;z-index: 2;position: relative; }
.Pageteam #teamlist .wrap .teamitem:hover::after{ background: #4a4a4a;height: 240px;margin-top: 35px; }
.Pageteam .teamitem .teaminfo{ width: 850px;float: right;text-align: left;margin-top: 70px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pageteam .teamitem:hover .teaminfo{ margin-top: 55px; }
.Pageteam .teamitem .teaminfo a{ width: 100%;height: 32px;margin-left: 0px; }
.Pageteam .teamitem .teaminfo a::after{ content: '';position: absolute;width: 0;height: 0; }
.Pageteam #teamlist .wrap .teamitem::before{ content: '';position: absolute;width: 0px;height: 320px;background: #ebebeb;left: 50%;margin-left: -1px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pageteam #teamlist .wrap .teamitem:hover::before{ margin-left: 0px;background: #f8f8f8; }
.Pageteam .teamitem .teaminfo .description{ font-size: 13px;line-height: 24px;height: 53px;width: 90%;margin-top: 50px; }
.teamitem .teaminfo .title{ height: 32px; }
.Pageteam .teamitem .teaminfo .description::before{ content: '';position: absolute;width: 30px;height: 2px;background: #616161;margin-top: -30px; }
.Pageteam .teamitem .teaminfo .title a{ color: #555;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pageteam .teamitem .teaminfo .subtitle{ position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 0; }
#sitecontent .npagePage .postbody{ width: 1180px; }
#sitecontent .npagePage #teampost #teambody .postbody{ width: 730px; }
.Pageteam .teamitem a.details{ display: block; }
.Pagenews #newsPage #newslist .newstitem{ margin-bottom: 20px;height: auto; }
.Pagenews #newslist .newsbody{ width:850px;padding-left: 50px;padding-top: 10px; }
.npagePage #banner div{ position: unset; }
.Pagenews #newslist .newstitem .newscontent::after{ bottom: 25px;left: 50px;background: #4E4E4E; }
.Pagenews #newslist .newstitem .newsimg{ margin-left: 0;width: 300px;height: 200px; }
.Pagenews #category a:hover{ background: #dd4012;border-color: #dd4012; }
.newsl .content .header p.subtitle{ font-size: 14px;text-align: center; }
.Pagenews #newslist .newstitem .newscontent:after{ height: 140px; }
.Pageservice .content .header{ padding-bottom: 70px; }
.Pageservice .content .header p.subtitle{ text-align: center; }
.Pageservice #servicelist .serviceitem div{ width: 100%;background: transparent;padding: 0;margin-top: 0; }
.Pageservice #servicelist .serviceitem div::before{ content: '';position: absolute; }
.Pageservice #servicelist .serviceitem a img{ width: 100%;height: auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pageservice #servicelist .serviceitem .service_img{ overflow: hidden;display: block; }
.Pageservice #servicelist .serviceitem:hover a img{ transform: scale(1.12, 1.12); }
.Pageservice #servicelist .serviceitem{ width: 50%;height: auto;border-bottom: 3px solid rgba(0, 0, 0, .0);margin-bottom: 40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-right: 0;padding-bottom: 25px; }
.Pageservice #servicelist .wrap{ margin-right: 0; }
.Pageservice #servicelist{ width: 1200px; }
/* .Pageservice #servicelist .serviceitem:hover { background:#4a4a4a;} */
.Pageservice #servicelist .serviceitem a{ height: 380px;top: 0; }
.Pageservice #servicelist .serviceitem div p.description{ white-space: normal;color: #888;margin-top: 0;height: 26px;line-height: 26px; }
.Pageservice #servicelist .serviceitem:hover{ border-bottom: 3px solid #696969; }
.Pageservice #servicelist .serviceitem div p.title{ font-size: 17px;height: 30px;line-height: 30px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.Pageservice #servicelist .serviceitem:hover div p.title{ padding-top: 15px; }
#npagePage #projectlist .projectitem a .project_info{ position: absolute; }
#npagePage #projectlist .projectitem a .project_info p.title{ text-align: center; }
#npagePage #projectlist .projectitem a .project_info p.subtitle{ color: transparent;text-align: center; }
#npagePage #projectlist .projectitem a:hover .project_info p.title{ color: #000;margin-bottom: 0px;margin-top: 10px; }
#npagePage #projectlist .projectitem a:hover .project_info p.subtitle{ color: #888; }
#npagePage #projectlist .projectitem a .project_info div{ margin-top: -33px; }
.Pagenews #category{ text-align: center;width: atuo;padding-top:10px; margin-bottom:30px;}
.npagePage.newsl .content{ width: 1200px;margin: 0 auto; }
.Pagenews #category a{ margin-right: 8px; }
.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a{ width: 6px;height: 6px;border: 2px solid rgba(170,170,170,.85); }
.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a.active,.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color: #fff;border: 2px solid #fff; }


body.ipusher #header ul li.navitem:last-of-type>a {
    color: #fff;
}
 

 body.ipusher #header ul li.navitem:last-of-type:hover a {
     color: #4ad6ad;
 }
 body.ipusher #header ul li.navitem:last-of-type:hover {
     background-color: rgba(180, 178, 178, 0.19);
 }
 body.ipusher #header ul li.navitem:last-of-type {
    background-color: #4ad6ad; 
    transition: 0.36s ease;
 }
 
 
 
/*首页新闻*/

.synewk{ width:100%; height:auto; margin: 0 auto; }
.synew_li{ width:30%; height:auto; float:left; background: #e9e9e9; border: 3px #e9e9e9 solid; padding: 10px; margin-right:15px; margin-left:20px;  margin-bottom:15px; transition: all 0.3s linear 0s; }
.synew_tu{ width:35%; overflow:hidden; float:left; position: relative;}
.synew_tu a img { max-height:110px;}
.synew_tu a{ display: block;}
.synew_tu p { width:35%; height:50%; background: url(../images/h_01.png) repeat; position: absolute; left: 10px; bottom: 
10%; z-index: 2; margin: 0; text-align: center; color: #fff; font-size: 14px;}
.synew_tu p span { display: block; font-size: 24px; padding-top: 5px;}
.synew_nr{ width:60%; height:auto; float:right; text-align:left;}
.synew_nr h3 { font-weight: normal; color: #666; font-size: 14px; margin-top: 10px; height: 30px; overflow: hidden; line-height: 24px;}

.synew_nr p { font-size: 12px; color: #767676; line-height:24px; height: auto; overflow: hidden;}

.synew_nr a { display: block; font-size: 12px; color: #999; margin-top: 2px;}

.synew_li:hover{ background:none; border:3px #ee6667 solid;}
.synew_li:hover a{ color:#e20001;}


@media (max-width:1900px) {
.synewk{ width:1200px;}
.synew_li{ width:44%; height:auto;}
}
 
 

dbnav{ width:40px; float:left;}



.item_block { float: left; margin-right: 1%; margin-bottom: 1%; width: 32.333%; height: auto }
.item_block,.item_img { position: relative; overflow: hidden }
.item_block .item_img img { width: 100%; height: auto; transition: all .3s ease-out 0s }
.item_block a { display: block; height: 100% }

.subtitle { color: #b1b1b1; font-size: 12px; font-family: HELVETICANEUELTPRO-THEX, Arial, "微软雅黑"; transition: all .3s ease-out 0s }
.title { margin: 4px 0; color: #505050; font-size: 18px; line-height: 30px; transition: all .3s ease-out 0s }
.keywords { color: #b1b1b1; font-size: 12px; line-height: 18px; margin-top: 4px; }
.t_box { margin-top: 14px; }
.t_box p { display: inline; width: auto; padding: 0 10px }
.description { margin-top: 40px }
.description a { display: inline-block; padding: 0 30px; height: 40px; border: 1px solid #bbb; color: #666; text-align: center; text-decoration: none; line-height: 40px }
.description a:hover { border-color: #333; background-color: #333; color: #fff }
.item_block .item_wrapper { position: relative; width: 100%; transition: all .6s ease-out 0s }
.item_block:hover .item_img img { -webkit-transform: scale(1.04, 1.04); transform: scale(1.04) }
.item_info { position: relative; display: block; margin-top: -2%; padding: 0 8% 6%; text-align: center }
.item_block:hover .item_img:before { border: 1px solid rgba(0, 0, 0, .1) }