@charset "utf-8";
#indexPage .module .content { position: inherit;top: 0px;}
#indexPage #mslider .content { margin: 0;height: 750px;}
#indexPage #mservice { height: 750px;}
#indexPage #mservice .content { margin: 0;height: auto;padding-bottom: 100px;}
#indexPage #mproject .content { margin: 0;background: #f5f5f5;height: 100%;padding-bottom: 50px;}
#indexPage #mpage .content { margin: 0;height: 789px;}
#indexPage #mteam .content { margin: 0;height: 550px;}
#indexPage #mnews .content { margin: 0;height: auto;}
#indexPage #mcontact .content { margin: 0;}
#indexPage #mpartner .content { margin: 0;height: 200px;}


#header { background: #fff;padding-top: 10px;}
#header #logo { margin-left: 2%;margin-top: 10px;}
#header .content { padding: 0px }
#header ul#nav { float: right;margin-right: 1%;}
#header ul li.navitem { transition: all 0.4s ease-out 0s;padding: 10px 26px;}
#header ul li.navitem a { color: #666;}
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #333;}
#header ul li.navitem a:after { width: 0;content: '';border-bottom: 1px solid rgba(0,0,0,.2);display: block;transition: all 0.3s ease-out 0s;margin-top: -5px }
#header ul li.navitem a.active:after, #header ul li.navitem:hover a:after { border-bottom: 1px solid rgba(0,0,0,.2);width: 100%;content: '';display: block;margin-top: -5px }
#header.mini { background-color: rgba(255,255,255,1);padding-top: 0px;border-bottom: 1px solid #f3f3f3;}
#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);}
#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;}

.nobanner #header { border-bottom: 1px solid #f3f3f3 }

#mslider .bx-wrapper .bx-controls-direction { display: none;}
#indexPage #mslider ul li div { display: none;}
#indexPage #mslider .bx-wrapper .bx-pager { bottom: 2px;}
#mslider .bx-wrapper .bx-pager-item { width: 6px;height: 6px;background: rgba(0,0,0,.3);margin-bottom: 20px;border-radius: 4px;position: relative;cursor: pointer;margin-left: 18px;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a { width: 16px;height: 16px;display: block;position: absolute;top: -5px;left: -10px;border-radius: 8px;border: 0;background: rgba(0, 0, 0, 0.21);opacity: 0;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a.active:after { content: '';height: 6px;width: 6px;background: #fff;display: block;position: absolute;top: 5px;left: 5px;border-radius: 10px;}

#indexPage #mservice #servicelist { padding-top:20px;}

#servicelist { width: 1199px;overflow: hidden;padding-top: 70px;}
#servicelist .serviceitem a img { width: 360px;height: 200px;margin-left: 20px;overflow: hidden;transition: all 0.3s ease-out 0s }
#servicelist .serviceitem { width: 399px;float: left;border-right: 1px solid rgba(0,0,0,.06);min-height: 460px;margin-bottom: 60px;padding-bottom: 20px;margin: 0;}
#servicelist .serviceitem div p { padding: 0 30px;}
#servicelist .serviceitem div { position: relative;margin: 0;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;margin-bottom: 60px;}
#servicelist .serviceitem a { height: 345px;margin-bottom: 60px;}
#servicelist .serviceitem div:after { position: absolute;content: "";left: 50%;width: 35px;height: 1px;background: rgba(0,0,0,.15);margin-left: -17px;top: 52px;transition: all 0.3s ease-out 0s;}
#servicelist .serviceitem div p.title { font-size: 18px;margin-top: 20px;}
#servicelist .serviceitem div p.description { width: auto;margin-top: 30px;}
#servicelist .serviceitem:hover a img { margin-top: -10px;}
#servicelist .serviceitem:hover div { margin-top: 0px;}
#servicelist .serviceitem:hover p.title { color: #444;}
#servicelist .serviceitem:hover div:after { background: #9B9B9B }
#sitecontent .serviceitem a.details { width: 35px;height: 35px;text-align: center;display: block;border-radius: 0;border: 1px solid transparent;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;margin: 0 auto;overflow: hidden;position: relative;}


#sitecontent .serviceitem a.details:after { content: '';width: 15px;height: 9px;background: url(../img/icon.png) no-repeat -110px -11px;display: block;margin: 13px 0 0 11px;position: absolute;top: 0px;left: 0px;}
#servicelist .serviceitem:hover .details { margin-top: -15px;border-color: #b6b6b6;text-indent: 130px;}
#servicelist .serviceitem .details:hover { border: 1px solid transparent;text-align: inherit;}

#indexPage #mproject .content .header { padding-top: 80px;padding-bottom: 80px;}
#indexPage #mproject #projectlist { width: 1350px;margin: 0 auto;}
#indexPage #mproject .content .wrapper { width: 1365px;}
#indexPage #mproject #projectlist .projectitem { width: 440px;margin: 0 15px 25px 0;height: 410px;background: none;transition: all .3s ease-out 0s;position:relative;overflow:hidden;}
#indexPage #mproject #projectlist .projectitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
#projectlist .projectitem a:hover .project_info { background: none }
#projectlist .projectitem a:hover img { transform: scale(1.1, 1.1);}
#indexPage #mproject #projectlist .projectitem a .project_info div { height: 91px;border-top: 1px solid rgba(0,0,0,.08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;bottom: 0px;top: auto;width: 100%;background: #fff;}
#indexPage #mproject #projectlist .projectitem a .project_info p { width: auto;text-align: left;}
#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 28px;line-height: 28px;margin: 0px;padding: 22px 70px 0px 30px;}
#indexPage #mproject #projectlist .projectitem a .project_info .title span{ padding-left:20px;color: #B9B9B9;}
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { color: #999;display: block;height: 20px;line-height: 20px;overflow: hidden;margin: 0px;padding: 0px 70px 0px 30px;}
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle span{}
#indexPage #mproject #projectlist .projectitem a .project_info .subtitle span:nth-child(1){ padding-right:15px;}

#indexPage #mproject #projectlist .projectitem a img { }
#indexPage #mproject #projectlist .projectitem a .project_info div:after { content: '';width: 37px;height: 20px;display: block;position: absolute;top: 50%;right: 30px;background: transparent url(../img/icon.png) no-repeat -30px -66px;transition: all 0.3s ease-out 0s;margin-top: -10px;border-left: 1px solid rgba(0,0,0,0);}
#indexPage #mproject #projectlist .projectitem:hover a .project_info div { padding: 10px 0;}
#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after { background: url(../img/icon.png) no-repeat 16px -66px;border-left: 1px solid rgba(0,0,0,.1);}
#indexPage #mproject a.more { animation-name: fadeInRight;animation-delay: 0.3s;}

#projectlist { text-align: center;}
.npagePage #projectlist .wrapper { text-align: center;}
#sitecontent .npagePage #projectlist .projectitem { width: 440px;margin: 0 15px 25px 0;height: 410px;background: none;display: inline-block;float: none;transition: all 0.3s ease-out 0s;}
#projectlist .projectitem a:hover .project_info { background: none }
.npagePage #projectlist .projectitem a .project_info div { height: 91px;border-top: 1px solid rgba(0,0,0,.08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;bottom: 0px;top: auto;width: 100%;background: #fff;}
.npagePage #projectlist .projectitem a .project_info p { width: auto;text-align: left;}
.npagePage #projectlist .projectitem a .project_info .title { font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 28px;line-height: 28px;margin: 0px;padding: 22px 70px 0px 30px;}
.npagePage #projectlist .projectitem a .project_info .title span{ padding-left:20px;color: #B9B9B9;}

.npagePage #projectlist .projectitem a .project_info .subtitle { color: #999;display: block;height: 20px;line-height: 20px;overflow: hidden;margin: 0px;padding: 0px 70px 0px 30px;}
.npagePage #projectlist .projectitem a .project_info .subtitle span{}
.npagePage #projectlist .projectitem a .project_info .subtitle span:nth-child(1){ padding-right:15px;}

.npagePage #projectlist .projectitem a .project_info div:after { content: '';width: 37px;height: 20px;display: block;position: absolute;top: 50%;right: 30px;background: transparent url(../img/icon.png) no-repeat -30px -66px;transition: all 0.3s ease-out 0s;margin-top: -10px;}
.npagePage #projectlist .projectitem:hover a .project_info div { padding: 10px 0;}
.npagePage #projectlist .projectitem:hover a .project_info div:after { background: url(../img/icon.png) no-repeat 16px -66px;border-left: 1px solid rgba(0,0,0,.1);}
#projectlist .projectitem a:hover .project_info p.title { color: #666;}
#sitecontent .npagePage #projectlist .projectitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.npagePage #plheader, .Pageservice .header, .Pageteam .header, .Pagenews .header { display: none;}
.npagePage #category { text-align: left;margin-top: 26px;margin-left: 30px;padding-bottom: 15px;}
.npagePage #category a { border: 0px;background: none;color: #666;font-size: 13px;position: relative;}
.npagePage #category a.active { color: #333 }
.npagePage #category a.active:after { content: '';width: 25px;height: 1px;background: #AAA;transition: all 0.3s ease-out 0s;position: absolute;padding-left: 10px;z-index: 1;top: 25px;left: 16px }

#indexPage #mproject a.more, #indexPage #mnews a.more { width: 150px;height: 45px;border-bottom: 1px solid rgba(0,0,0,0);border-top: 1px solid rgba(0,0,0,0);position: relative;border: 0px;border-radius: 0px;text-indent: -9999px;}
#indexPage #mproject a.more { margin-top: 60px;}
#indexPage #mproject a.more i, #indexPage #mnews a.more i { width: 34px;height: 14px;display: block;background: url(../img/icon.png) no-repeat 0 -22px;position: absolute;top: 50%;left: 50%;margin-top: -7px;margin-left: -17px;z-index: 3 }
#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before { display: none;}
#indexPage #mproject a.more:before, #indexPage #mnews a.more:before { content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 45px;z-index: 1;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-bottom: 1px solid rgba(0,0,0,.4);border-top: 1px solid rgba(0,0,0,.4);-webkit-transform: scale(0.1, 1);transform: scale(0.1, 1);display: block;}
#indexPage #mproject a.more:after, #indexPage #mnews a.more:after { content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s;-webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);background-color: rgba(0,0,0,.6);opacity: 1;}
#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover { background: transparent;border: inherit;}
#indexPage #mproject a.more:hover::before, #indexPage #mnews a.more:hover::before { opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
#indexPage #mproject a.more:hover::after, #indexPage #mnews a.more:hover::after { webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);opacity: 0;}
#indexPage #mproject a.more:hover i, #indexPage #mnews a.more:hover i { background: url(../img/icon.png) no-repeat 0 -38px;}


#indexPage #mpage.module.bgShow .bgmask { display: none;}
#mpage .module-content .header { padding-top: 130px;padding-bottom: 70px;}
#mpage .content .header p.title, #mpage .content .header p.subtitle, #mpage .content p.description { color: #fff;font-family: "微软雅黑";}
#indexPage #mpage a.more { width: 40px;height: 18px;overflow: hidden;border-radius: 0;border: 0px;background: url(../img/icon.png) no-repeat 0 -20px;}
#indexPage #mpage a.more:hover { background: url(../img/icon.png) no-repeat 0 -34px;}
.module-content .description { width: 850px;}

#indexPage #mnews .content .header { display: block;padding: 90px 0 80px;}
#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding: 0px;}
#newslist .newstitem .newsimg { display: none;}
#newslist .newstitem { float: left;width: 560px;height: 260px;margin: 0 5px 20px 25px;}
#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width: 100%;}
#mnews #newslist { width: 1200px;margin: 0 auto;}
#newslist .newsbody { width: 100%;position: relative;max-width: 100%;height: 100%;}
#newslist .newsbody:after { content: '';width: 25px;height: 10px;background: url(../img/icon.png) no-repeat 0 -71px;position: absolute;left: 100px;bottom: 44px;opacity: 0;transition: all 0.3s ease-out 0s }
#newslist .newsbody .title { width: 375px;height: 54px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;color: #575757;line-height: 32px;text-align: left;position: absolute;top: 54px;right: 50px;text-indent: 0px;}
#newslist .separator { display: none;}
#newslist .newsbody .description { width: 375px;height: 78px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;transition: all 0.3s ease-out 0s;margin-top: 0;color: #999;line-height: 26px;text-align: left;position: absolute;top: 108px;right: 50px }
#newslist .newsbody .date { width: 70px;height: 88px;background: transparent;position: relative;top: 28px;left: 0px;padding: 20px 30px 0 40px;font-weight: 100;text-align: left;}
#newslist .newsbody .date:after { content: '';width: 35px;height: 1px;background: rgba(0,0,0,.25);display: block;position: relative;top: 2px;left: -40px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newsbody .date .md { color: #adadad;position: relative;top: 40px;transition: all 0.3s ease-out 0s;font-family: "微软雅黑";display: block;line-height: 20px;width: 100%;}
#newslist .newsbody .date .md span { display: none;}
#newslist .newsbody .date .year { font-size: 22px;float: left;color: #696969;font-family: "微软雅黑";display: block;line-height: 46px;position: relative;top: -20px;width: 100%;}
#newslist li.newstitem:hover { box-shadow: 0 15px 30px rgba(0,0,0,0.06);transition: all .3s ease-out 0s;}
#newslist li.newstitem:hover .date:after { left: 85px;}
#newslist li.newstitem:hover .newsbody .title { text-indent: 36px;}
#newslist li.newstitem:hover .newsbody .description { top: 93px;}
#newslist li.newstitem:hover .newsbody:after { opacity: 1;bottom: 54px;left: 135px;}
#mnews a.more { display: block;margin-bottom: 80px;}
#indexPage #mnews a.more { animation-name: fadeInRight;animation-delay: 0.3s;}


.Pagenews .content { text-align: center;}
.Pagenews #category { width: 1200px;margin-left: 0px;display: inline-block;margin-top: 52px;}
.Pagenews #category a.active:after { top: 1px;}
.Pagenews #newslist { width: 1200px;display: inline-block;margin: 0 auto;}
.Pagenews #newslist .newstitem { width: 100%;margin: 0;height: 190px;border-top: 1px solid rgba(0,0,0,.06);}
.Pagenews #newslist .wrapper .news_wrapper { width: 775px;float: left;position: inherit;}
.Pagenews #newslist .newstitem .newsimg { display: block;float: right;position: inherit;width: 200px;height: 130px;margin: 32px 15px 32px;}
.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width: 600px;}
.Pagenews #newslist .newsbody .date { padding: 20px 70px 0 0px;}
.Pagenews #newslist .newsbody .date .year { color: #999;top: -14px;}
.Pagenews #newslist .newsbody .date .md { display: none;}
.Pagenews #newslist .newsbody .date:after { left: 90px;top: 8px;}
.Pagenews #newslist .newsbody .title { left: 155px;width: 600px;margin-top: -10px;line-height: 24px;height: 24px;}
.Pagenews #newslist .newsbody .description { left: 155px;width: 600px;top: 100px;margin-top: -12px;height: 52px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.Pagenews #newslist .newstitem:hover .newsbody .title, .Pagenews #newslist .newstitem:hover .newsbody .description { left: 175px }
.Pagenews #newslist .newstitem:hover .newsbody .date:after { width: 60px;background: #7D7D7D;}
.Pagenews #newslist .newstitem:hover .title { color: #333 }
.Pagenews #newslist .newstitem:hover .date .year { color: #333;}
.Pagenews #newslist .newstitem a.details { width: 35px;height: 35px;text-align: center;display: block;border-radius: 0;border: 1px solid transparent;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;margin: 0 auto;overflow: hidden;position: relative;margin: 0px;top: -68px;z-index: 3;top: -96px;left: 0px;}
.Pagenews #newslist .newstitem a.details:after { content: '';width: 15px;height: 9px;background: url(../img/icon.png) no-repeat -110px -11px;display: block;margin: 13px 0 0 11px;position: absolute;top: 0px;left: 0px;}
.Pagenews #newslist .newstitem:hover .details { border-color: #b6b6b6;text-indent: 130px;background: #5d5d5d;border: 1px solid #5d5d5d;}
.Pagenews #newslist .newstitem:hover .details:after { background: url(../img/icon.png) no-repeat 0px -71px;}
.Pagenews #newslist .newstitem .details:hover { border: 1px solid transparent;text-align: inherit;}

#teamlist { width: 1200px;padding-top: 100px;}
#teamlist .teamitem .wrap { display: none;}
#teamlist .teamitem { width: 560px;height: 260px;border-top: 1px solid rgba(0,0,0,.06);border-bottom: 1px solid rgba(0,0,0,0);margin: 0 40px 20px 0;transition: all 0.3s ease-out 0s;}
#teamlist .teamitem a { float: left;width: 180px;height: 160px;overflow: hidden;transition: all 0.3s ease-out 0s;}
#teamlist .teamitem a img { width: 100%;height: 100%;}
#teamlist .teamitem .teaminfo { float: right;width: 308px;height: 140px;transition: all .6s cubic-bezier(.215, .61, .355, 1);padding: 30px 15px 10px;margin: 0px;text-align: left;}
#teamlist .teamitem .title a { float: none;color: #333;}
#teamlist .teamitem .title { display: inline-block;padding-right: 12px;}
#teamlist .teamitem .subtitle { display: inline-block;max-width: 202px;font-size: 13px;color: #999;}
#teamlist .teamitem .description { font-size: 13px;line-height: 26px;height: 52px;overflow: hidden;color: #757575;}
#teamlist .teamitem a.details { display: block;border-radius: 0px;width: 37px;height: 20px;text-indent: -9999px;position: relative;border: none;border-left: 1px solid #dfdfdf;left: 328px;top: -4px;transition: all 0.3s ease-out 0s;opacity: 0 }
#teamlist .teamitem a.details:after { content: '';width: 37px;height: 20px;display: block;position: absolute;top: 0px;left: 0px;background: transparent url(../img/icon.png) no-repeat -20px -66px;transition: all 0.3s ease-out 0s;}
#teamlist .teamitem:hover { border-top: 1px solid #A1A1A1;}
#teamlist .teamitem:hover a { margin-top: 20px;}
#teamlist .teamitem:hover .teaminfo { padding-top: 40px;}
#teamlist .teamitem:hover a.details { opacity: 1;margin-top: 48px;}

#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: 20px;}
#indexPage #mpartner .wrapper ul li a { width: 112px;height: auto;margin-right: 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 #mcontact { background-color: #f3f3f3 }
#indexPage #mcontact .content { width: 1200px;margin: 0 auto;padding: 80px 0 68px;height: auto;}
#indexPage #mcontact .content:after { content: '';display: block;clear: both;}
#indexPage #mcontact .content .header { width: 480px;float: left;}
#indexPage #mcontact .content .header p.title { color: #666;text-align: left;}
#indexPage #mcontact .content .header .subtitle { text-align: left;font-family: "微软雅黑";}
#indexPage #mcontact .content #contactlist { width: 720px;float: left;}
#mcontact .content #contactform { display: none;}
#mcontact .content #contactinfo { width: 720px;float: left;position: relative;}
#mcontact .content #contactinfo p { float: left;width: 290px;padding-right: 60px;margin-top: 14px;height: auto;color: #666;font-size: 12px;line-height: inherit;}
#mcontact .content #contactinfo h3 { color: #9c9c9c;}
#mcontact #contactinfo div { position: absolute;top: 35px;left: -250px;}
#mcontact #contactinfo div:after { content: '关注';color: #9c9c9c;height: 20px;font-size: 16px;line-height: 20px;overflow: hidden;position: absolute;top: -56px;left: 0px;}
#mcontact #contactinfo div a { background-color: transparent;color: #9b9b9b;font-size: 16px;border: 2px solid rgba(0,0,0,0) }
#mcontact #contactinfo div a:hover { background-color: #000;border: 2px solid #5d5d5d;border-radius: 0px;}
#mcontact #contactinfo div a:hover i { color: #fff;}

#indexPage .module.bgShow .bgmask { display: none;}
#footer { background: #fff;border-top: 1px solid rgba(53, 53, 53, 0.1);}
#footer a path { fill: rgb(148, 148, 148);}
#footer p { width: 1200px;margin: 0 auto;height: 44px;line-height: 44px;padding: 0;text-align: left;}
#footer p a { margin-top: 15px;}



#pages{padding: 40px 0 80px;}
#pages a.active, #pages a:hover {background-color: #545454;}


.npagePage #banner, .npagePage #banner div { height: 300px;position: inherit;}
#projectitem_0 { animation-name: fadeInUp;animation-delay: 0.1s;}
#projectitem_1 { animation-name: fadeInUp;animation-delay: 0.2s;}
#projectitem_2 { animation-name: fadeInUp;animation-delay: 0.3s;}
#projectitem_3 { animation-name: fadeInUp;animation-delay: 0.1s;}
#projectitem_4 { animation-name: fadeInUp;animation-delay: 0.2s;}
#projectitem_5 { animation-name: fadeInUp;animation-delay: 0.3s;}
#projectitem_6 { animation-name: fadeInUp;animation-delay: 0.1s;}
#projectitem_7 { animation-name: fadeInUp;animation-delay: 0.2s;}
#projectitem_8 { animation-name: fadeInUp;animation-delay: 0.3s;}
#projectitem_9 { animation-name: fadeInUp;animation-delay: 0.1s;}
#projectitem_10 { animation-name: fadeInUp;animation-delay: 0.2s;}
#projectitem_11 { animation-name: fadeInUp;animation-delay: 0.3s;}
#newsitem_0 { animation-name: fadeInUp;animation-delay: 0.1s;}
#newsitem_1 { animation-name: fadeInUp;animation-delay: 0.2s;}
#newsitem_2 { animation-name: fadeInUp;animation-delay: 0.1s;}
#newsitem_3 { animation-name: fadeInUp;animation-delay: 0.2s;}
#newsitem_4 { animation-name: fadeInUp;animation-delay: 0.1s;}
#newsitem_5 { animation-name: fadeInUp;animation-delay: 0.2s;}
#mpage .module-content .description { animation-delay: 0.1s;animation-name: fadeInLeft;}
#mpage .module-content .fimg { animation-delay: 0.3s;animation-name: fadeInRight;}
#indexPage .module { z-index: auto;}

#indexPage #mteam { background: #424242 }
#indexPage #mteam .content .fw { width: 700px;padding-top: 220px;height: 100%;position: relative;}
#indexPage #mteam .content .fw:after { content: '';display: block;width: 1px;background: rgba(255,255,255,.1);height: 100%;position: absolute;top: 0px;left: 180px;}
#indexPage #mteam .content_list .header { float: left;}
#indexPage #mteam .content_list .header img { border-radius: 0px;margin: 0;}
#indexPage #mteam .content_list .header a { width: 180px;height: 160px;margin-left: 22px;border-radius: 0;display: block;margin: 0px auto;overflow: hidden }
#indexPage #mteam .summary { float: left;margin-left: 50px;height: 160px }
#indexPage #mteam .summary p { text-align: left;}
#indexPage #mteam .content_list .summary .title { text-align: left;padding: 0 7px 25px 0;line-height: 24px;border-bottom: 1px solid rgba(234, 234, 234,.2);margin-top: 22px;}
#indexPage #mteam .summary p.title a { color: #fff;}
#indexPage #mteam .content_list .summary .subtitle { display: none;}
#indexPage #mteam .content_list .summary .description { width: 340px;margin-top: 24px;}
#indexPage #mteam .bx-wrapper .bx-controls-direction { display: none;}
#indexPage #mteam .bx-pager { display: block;left: -224px;top: 65px;}
#indexPage #mteam .bx-wrapper .bx-pager-item { width: 20px;height: 1px;background: rgba(255, 255, 255, .3);position: relative;display: block;margin: 10px 0;}
#indexPage #mteam .bx-wrapper .bx-pager-item a { position: absolute;top: -4px;margin: 0px;width: 20px;border-radius: 0px;border: 1px solid transparent;background: none;}
#indexPage #mteam .bx-wrapper .bx-pager-item a:after { content: '';width: 100%;height: 1px;background: #fff;display: block;position: relative;top: 3px;transition: all 0.3s ease-out 0s;opacity: 0;}
#indexPage #mteam .bx-wrapper .bx-pager-item a.active:after, #indexPage #mteam .bx-wrapper .bx-pager-item a:hover::after { width: 40px;height: 1px;background: #fff;opacity: 1;}


#shares { right: 0 }
#shares a#sshare { display: none;}
#shares { height: 140px;}
#shares a { width: 40px;height: 40px;}
#shares a i { margin-top: 13px;}
#shares a i.fa-weixin { margin: 12px 0 0 15px;}
#shares a#gotop { margin-top: 0 }
#shares a#gotop i { margin-top: 8px;}
#online_open { width: 40px;height: 40px;bottom: 180px;margin-right: -10px;background: #4d4d4d;}
#online_open i { margin-top: 11px;}
#olx_head { background: #4D4D4D;border-radius: 0px;}
#olx_qq li a:hover i { color: #fff;background: #565656;}
#online_lx { border-radius: 0px;margin-right: -10px;bottom: 180px;}
#olx_qq li a i { transition: all 0.3s ease-out 0s;}


.npagePage #projectlist { text-align: left;}
#category li.hasmore div ul { text-align: left;padding-left: 30px;padding-top: 10px;}
#category li.hasmore div ul a { color: #999;}
#category li.hasmore div ul a:hover { background: transparent;color: #666;}
#sitecontent { padding-top: 80px;}


#page_none .content .header { display: none;}
#page_none.Pageyemian .fw.postbody { width: 1200px;padding: 70px 0 126px 0;}
.postbody { padding-top: 70px;}


.newsl .content .header { padding: 0;padding-top: 80px;}
.Pagenews #newslist { padding: 20px 0 160px;}
.newsl .content .header p.title { width: 800px;font-size: 18px;color: #333;padding-bottom: 16px;margin: 0 auto;text-align: center }
.newsl .content .header p.subtitle { width: 330px;margin: 0 auto;color: #999;height: 18px;line-height: 18px;font-size: 12px;}
.newsl .postbody { width: 974px;padding: 36px 14px 0 12px;border-top: 1px dotted rgba(0,0,0,.2);margin-top: 50px;}


#teampost #teambody { margin-left: 470px;}
#teampost { position: relative;padding: 130px 0 15%;width: 1100px;}
#teampost:after { content: '';display: block;width: 1px;height: 100%;padding-top: 80px;background-color: #e6e6e6;position: absolute;top: -80px;left: 408px;}
#teambody .theader .title { font-size: 20px;display: block;height: 34px;color: #333;position: relative;}
#teambody .theader .postbody { padding-top: 0;margin-top: 30px;}
#teambody .theader p.title:after { content: '';width: 48px;height: 1px;background: #e6e6e6;position: absolute;top: 14px;left: -62px;}
.nobanner .npagePage { padding-top: 0px;}
.fw.postbody { width: 960px;padding-top: 20px;padding-bottom: 60px;}
.npagePage.default .content .header { padding: 0;padding-top: 20px;}
.npagePage.default .header p.title { font-size: 18px;color: #444;text-align: center;padding: 30px 50px;margin-bottom: 30px;margin: 0 auto;}
.npagePage.default .content .header:after { content: '';width: 30px;height: 1px;display: block;background: rgba(0,0,0,.15);margin: 0 auto;margin-top: -15px;}


#npagePage.npagePage { padding-top: 0px;}
#npagePage.npagePage #pageswitch { display: block;width: 76%;width: calc(76% - 1px); }
#projectwrap { width: 100%;padding-top: 0px;}
#projectbody { width: 76%;width: calc(76% - 1px); border-right: solid 1px #dfdfdf; background: #fff;padding:40px 0 0;}
#projectbody .postbody { padding:50px;}
#projectimages { background: #f5f5f5;}
#projectinfo { width: 24%;float: right;margin: 0;}
#projectshow { width: 24%;float: right;margin: 0;}
#projectinfo .header { min-width: 270px;float: left;width: auto;z-index: 10;position: relative;margin-left: 0px;padding-top: 90px;padding-right: 8%;padding-left: 50px;border-color: transparent;}
#projectinfo .header p.title { font-size: 20px;color: #333;margin-bottom: 15px;}
#projectinfo .header p.subtitle { color: #B9B9B9;height: 16px;opacity: .7;text-align: left;font-size: 12px;margin-bottom: 0px;}
#projectinfo .header .description { margin: 0px;}
#projecttags a { padding: 5px 20px;border-radius: 0;background: #f3f3f3;color: #BDBDBD;transition: all 0.3s ease-out 0s;}
#projecttags a:hover { background: #565656;transition: all 0.3s ease-out 0s;color: #fff;}
#projectib .projectitem { border-bottom: 1px solid rgba(0,0,0,0);padding-bottom: 10px;overflow: hidden;width: 140px;}
#projectib .projectitem a .project_info p.title { font-size: 14px;line-height: 24px;display: block;margin-top: 10px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #686868;}
#projectib .projectitem img { transition: all 0.3s ease-out 0s;}
#projectib .projectitem a .project_info p.subtitle { color: #aaa;font-size: 13px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#projectib .projectitem a .project_info { height: auto;}

#projectimages li { margin: 20px 0;padding: 0 20px;}


@media screen and (min-width:1331px) and (max-width:1440px) {
#sitecontent .npagePage #projectlist .projectitem { width: 425px;height: 445px;}
}
 @media screen and (min-width:1330px) and (max-width:1200px) {
#sitecontent .npagePage #projectlist .projectitem { width: 400px;height: 430px;}
}
 @media screen and (max-width:1200px) {
#sitecontent .npagePage #projectlist .projectitem { width: 360px;height: 390px;}
}
 @media screen and (max-width:1300px) {
.projectSubList { margin-left: 8px }
#indexPage #mproject #projectlist .projectitem { width: 384px;height: 420px;}
#indexPage #mproject #projectlist { width: 1200px;}
}
#indexPage #servicelist .serviceitem:last-child,#indexPage #servicelist .serviceitem:nth-child(3n) { border-right:none;}
#indexPage #mservice a.more { display:none;}

#indexPage #mservice .content > .header { padding-top:80px;}

#indexPage #mservice .serviceitem a.details { margin-top:-15px;}
#indexPage #mservice #servicelist .serviceitem:hover .details { margin-top:-35px;}

.npagePage #projectlist .wrapper{ width:98%;margin:0 auto;}
.npagePage #projectlist .wrapper .content_list{ width:100%;margin:0 auto;}
.npagePage #projectlist{ padding:25px 0;}
.npagePage #projectlist .projectitem{width: 440px !important;}
.postbody a {color: #f51818;}
#indexPage #mslider .bx-wrapper { position:inherit;}

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


#projectlist .projectitem .project_img,#projectlist .projectitem .project_img1,
#mpartner .content_list li .par_img,
#servicelist .serviceitem .service_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img img,#projectlist .projectitem .project_img1 img,
#mpartner .content_list li .par_img img{
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#servicelist .serviceitem .service_img {width: 360px;margin: 0 auto; text-align: center;}
#servicelist .serviceitem .service_img img { display: inline-block;height: 200px;width: auto;overflow: hidden;}


#projectlist .projectitem .project_img {
    padding-top: 86%;
}


#projectlist .projectitem .project_img1 {
    padding-top: 81%;
}

#mpartner .content_list li .par_img {
    padding-top: 40%;
}


.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#servicelist .serviceitem .service_img img {
    margin: 0;
}
.Pageyemian.page_ceshi .header {
    display: none;
}
.Pageyemian.page_ceshi .fw.postbody {
    padding: 70px 0 126px 0;
}
#indexPage #mslider ul li .description {
    display: table-cell;
}