@charset "utf-8";/* CSS Document*//*导航*/#header{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background: #fff;}
#header.mini ul#nav{padding: 0px 20px 0px 20px;}
.nobanner #header{background: #fff;border-bottom: 1px solid #f2f2f2;}
#header ul#nav{float: right;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%;}
#header ul li.navitem a.active,
#header ul li.navitem:hover a{color: #333;}
#header.mini ul li.navitem a::before{margin-top: 50px;}
#header.mini{border-bottom: 1px solid rgba(255, 255, 255, .3);background: transparent;}
#header ul li.navitem ul.subnav li a{background: #fff;height: 32px;line-height: 32px;}
#header ul li.navitem ul.subnav{border-top: 0;}
#header ul li.navitem ul.subnav li a:hover{background: rgb(105, 105, 105);}
#header ul li.navitem ul.subnav li a::before{position: absolute;content: "";width: 0%;height: 0px;}
#header ul li.navitem ul.subnav li a.active::before{content: "";width: 0;height: 0;}
/*导航结束*//*导航*/body.ipusher.open #header #headSHBtn{left: calc(100% - 70px);position: absolute;}
body.ipusher.open #header #headSHBtn:hover{background-color: #262626;}
body.ipusher.open #header #headSHBtn i::before{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
body.ipusher #header #headSHBtn i{font-size: 17px;margin-top: 17px;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
body.ipusher #header #headSHBtn:hover i{color: #fff;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
body.ipusher.open #header #headSHBtn:hover i{color: #fff;transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
#headSHBtn{display: block;left: -110px;top: 16px;color: #dedede;background: transparent;width: 50px;height: 50px;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#headSHBtn:hover{background-color: #4b4b4b;}
body.ipusher #header ul li.navitem ul.subnav{height: 1000px;overflow: hidden;left: 0;z-index: 1;left: 50%;margin-left: 20px;}
body.ipusher #header ul li.navitem ul.subnav li{height: 60px;}
body.ipusher #header .content{padding-top: 80px;background-color: #fff;padding-bottom: 1000px;box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);}
#logoClone img{margin: 5px 30px 5px 60px;}
#logoClone::after{content: '';position: absolute;width: 100%;height: 1px;background: rgba(255, 255, 255, .15);top: 80px;left: 0;}
body.ipusher #header{width: 400px;left: auto;background-color: #FFF;right: -400px;position: fixed;z-index: 999999;}
body.ipusher.open #header{transform: translate3d(-400px, 0, 0);-webkit-transform: translate3d(-400px, 0, 0);-moz-transform: translate3d(-400px, 0, 0);-o-transform: translate3d(-400px, 0, 0);width: 100%;}
body.ipusher #header #logo{margin: 0 auto 40px;}
body.ipusher #header #logo img{height: 40px;}
body.ipusher #header ul li.navitem{text-align: center;border-top: 1px solid #F5F5F5;height: 60px;line-height: 60px;}
body.ipusher #header ul li.navitem:hover{background: #f8f8f8;cursor: pointer;}
body.ipusher #header ul li.navitem:hover a{color: #000;}
#header ul li.navitem a{color: #666;font-size: 14px;}
#header ul li.navitem a.active,
#header ul li.navitem:hover a{color: #666}
#header ul li.navitem ul.subnav li a{background: transparent;}
body.ipusher #header ul li.navitem ul.subnav li a{color: #777;}
body.ipusher #header ul li.navitem ul.subnav li a:hover{background: transparent;color: #333;}
#header ul li.navitem ul.subnav li{border-bottom: 1px solid rgba(0, 0, 0, .02);}
#header ul li.navitem ul.subnav li:last-child{border-bottom: none;}
/*首页头部导航*/#headSHBtn i{display: none;}
#headSHBtn:after{content: '';display: block;width: 20px;height: 2px;background: #999;position: absolute;top: 28px;left: 15px;transition: all 0.3s ease-out 0s}
#headSHBtn:before{content: '';display: block;width: 20px;height: 2px;background: #999;position: absolute;top: 18px;left: 15px;transition: all 0.3s ease-out 0s}
#headSHBtn:hover::after{transform: rotate(45deg);top: 25px;background: #fff;}
#headSHBtn:hover::before{transform: rotate(-45deg);top: 25px;background: #fff;}
body.ipusher.open #headSHBtn{background-color: #4a4a4a;}
body.ipusher.open #headSHBtn:after{transform: rotate(45deg);top: 25px;background: #fff}
body.ipusher.open #headSHBtn:before{transform: rotate(-45deg);top: 25px;background: #fff}
#header ul li.navitem ul.subnav li a i{margin-top: 10px;}
/*首页幻灯*/.bx-wrapper .bx-controls-direction a{margin-top: -30px;width: 60px;height: 60px;background: transparent;border-radius: 0px;}
.bx-wrapper .bx-controls-direction a i{color: #eaeaea;font-size: 32px;margin-top: 12px;margin-left: 23px;margin-top: 13px;}
.bx-wrapper .bx-controls-direction a:hover{background-color: rgba(0, 0, 0, .6);}
.bx-wrapper .bx-controls-direction a.bx-next i{margin-left: 25px;}
bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a.active{display: none;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a,
.bx-wrapper .bx-pager.bx-default-pager a{display: none;}
.content .header{padding-top: 70px;}
/*项目*/#indexPage #projectlist .projectitem{width: 24%;margin-right: 1%;margin-bottom: 1%;}
#indexPage #projectlist .projectitem::before{content: '';position: absolute;width: 100%;border: 1px solid rgba(0, 0, 0, .25);height: 100%;opacity: 0;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
#indexPage #projectlist .projectitem:hover::before{opacity: 1;animation-name: zoomIn;}
.Pageanli .content .header{padding-top: 50px;}
#indexPage #mproject{background: #fff;}
#indexPage #mproject .content .wrapper{width: calc(100% - 120px);margin: 0 auto;}
#indexPage #mproject .content .header p.title,
#indexPage #mproject .content .header p.subtitle{margin-left: 0;}
.content .header p.title{font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";text-align: left;margin-left: 60px;font-size: 22px;}
#projectlist .bx-viewport{padding-bottom: 90px;}
#projectlist .projectitem a:hover .project_info{background: rgba(0, 0, 0, .3);position: absolute;}
.content .header p.subtitle{text-align: left;margin-left: 60px;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";margin-top: 5px;font-size: 14px;}
#indexPage #projectlist .projectitem a .project_info div{height: auto;width: 100%;background: transparent;transition: all 0.3s ease-out 0s;display: none;}
#indexPage #projectlist .projectitem:hover a .project_info div{opacity: 1;}
#projectlist .projectitem a .project_info div{top: 100%;margin-top: 0;}
#projectlist .projectitem a .project_info div::after{width: 32px;height: 30px;position: absolute;content: "";top: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 30px;right: 0px;background: none;opacity: 0;}
#projectlist .projectitem a:hover .project_info div::after{right: 25px;background: none;opacity: 1;}
#projectlist .projectitem a .project_info p.title{margin: 0 20px;color: #565656;padding: 20px 0px 5px;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";}
#indexPage #projectlist .projectitem a .project_info p.title{font-size: 15px;padding-left: 0;}
.Pageanli #projectlist .projectitem a .project_info p.title{color: #565656;margin: 0;}
#projectlist .projectitem a .project_info p.subtitle{color: #929292;text-align: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";font-size: 14px;}
#indexPage #projectlist .projectitem a .project_info p.subtitle{margin-top: 0;}
.Pageanli #projectlist .projectitem a .project_info p.subtitle{color: #929292;padding: 0px 0px 5px;margin: 0}
#projectlist .projectitem a:hover .project_info p.title{color: #4A4A4A;}
#category a{padding: 7px 27px;border: 0;}
#indexPage #category{text-align: left;padding-left: 60px;}
#indexPage #category a{display: block;height: 36px;line-height: 36px;padding-left: 0;}
#indexPage #mproject #category a:last-child::after{position: absolute;content: "";height: 0px;width: 0px;}
#newsPage #category a:last-child::after{position: absolute;content: "";height: 0px;width: 0px;}
#indexPage #mproject #category{display: block;animation-name: fadeInUp;float: left}
#category a::before{position: absolute;content: "";text-align: left;margin-left: 0px;margin-top: 23px;background-color: #818181;width: 0px;height: 1px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject #category a::before{margin-top: 33px;}
#category a:hover::before{width: 30px;}
#category a{font-size: 14px;color: #999;border: 0;}
#category a.active,
#category a:hover{background: transparent;color: #333;border-color: transparent;}
#indexPage #projectlist{width: calc(100% - 300px);float: right;margin-top: -95px;height: 100%;}
#indexPage #mproject .content{height: 100%;margin-top: -17%;}
#projectlist .projectitem{margin-bottom: 35px;background: #fff;}
#projectlist .projectitem:nth-child(4n){margin-right: 0;}
/*#projectlist .projectitem a::after{content: '+';width: 64px;height: 64px;line-height: 64px;margin: 0 auto;margin-left: -32px;margin-top: 0px;display: inline-block;position: absolute;top: 0%;left: 50%;z-index: 10;border-radius: 50px;border: 2px solid #fff;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0;color: #fff;font-size: 40px;text-align: center;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";}*/#projectlist .projectitem:hover a::after{margin-left: -32px;margin-top: -32px;top: 50%;opacity: 1;}
#indexPage #mproject .bx-wrapper .bx-controls-direction{display: inline;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a{top: 114%;margin-top: 0px;width: 60px;height: 30px;background: transparent;border-radius: 0px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev{left: 50%;margin-left: -60px;border-right: 1px solid #e9e9e9;background: url(../images/icon.png) -60px -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-prev:hover{border-right: 1px solid #e9e9e9;background: url(../images/icon.png) -60px -220px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next{right: 50%;margin-right: -60px;background: url(../images/icon.png) 0 -250px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a.bx-next:hover{background: url(../images/icon.png) 0 -220px no-repeat;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a i{color: #dadada;font-size: 24px;margin-top: 2px;margin-left: 26px;}
#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover i{color: #535353;}
#indexPage #mproject a.more{display: none;}
#category{text-align: right;padding-bottom: 40px;}
#indexPage #mproject .fa-angle-right::before{content: "";}
#indexPage #mproject .fa-angle-left::before{content: "";}
.Pageanli #category{text-align: center;top: 0;margin: 0 auto;width: 94%;padding-left: 3%;padding-right: 3%;margin-bottom: 10px;}
/*案例详情页*/.npagePage4 #projectlist .projectitem a .project_info{background: #fff;}
/*服务*/#indexPage #mservice #servicelist .bx-wrapper{max-width: 100%;}
#indexPage #mservice .content{height: 100%;margin-top: 0;top: 50px;}
#indexPage #mservice #servicelist{width: 100%;margin: 0 auto;}
#indexPage #mservice .wrapper{height: 100%;margin: 0 auto;}
#indexPage #mservice .wrapper .bx-wrapper .bx-viewport{height: 100%;}
#indexPage #mservice .content .header{width: 100%;position: relative;top: 80px;}
#indexPage #mservice .content .header p.title{margin-left: 0;color: #fff;}
#indexPage #mservice .content .header p.subtitle{margin-left: 0;}
#mservice .content .header p.title{text-align: left;}
#mservice .content .header p.subtitle{text-align: left;}
#indexPage a.more{display: none;}
#indexPage #servicelist .serviceitem{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height: 530px;}
#servicelist .serviceitem div{margin-top: 25px;padding: 0 25px;overflow: hidden;}
#servicelist .serviceitem div p.title{font-size: 18px;color: #333;margin-bottom: 30px;}
#servicelist .serviceitem:hover .title{color: #333;}
#servicelist .serviceitem div p.description{line-height: 28px;width: 90%;}
#indexPage #servicelist .serviceitem:hover::before{font-size: 180px;top: -10px;margin-left: 94px;}
#servicelist .serviceitem a{padding-top: 21%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;height: 460px;}
#indexPage #servicelist .serviceitem a.details{display: block;height: 40px;padding-top: 0;text-indent: 0;border-radius: 0px;bottom: 0;position: absolute;border-color: transparent;font-size: 14px;color: #fff;text-align: center;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";left: 50%;margin-left: -180px;line-height: 40px;}
#indexPage #servicelist .serviceitem a.details i{font-size: 20px;position: relative;top: 2px;}
#indexPage #servicelist .serviceitem a.details:hover i{color: #fff;text-indent: 10px;}
#indexPage #servicelist .serviceitem:hover a.details i{color: #fff;text-indent: 10px;}
#indexPage #servicelist .serviceitem a.details::before{content: '';position: absolute;left: 180px;width: 0;height: 1px;background: rgba(255, 255, 255, 0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #servicelist .serviceitem:hover a.details::before{width: 160px;background: rgba(255, 255, 255, .6);left: 100px;}
#indexPage #servicelist .serviceitem a.details::after{content: '';position: absolute;left: 180px;width: 0;height: 1px;background: rgba(255, 255, 255, 0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;bottom: 0;}
#indexPage #servicelist .serviceitem:hover a.details::after{width: 160px;background: rgba(255, 255, 255, .6);left: 100px;}
.Pageservice #servicelist .serviceitem a{padding-top: 10px;}
#servicelist .serviceitem a:hover{padding-top: 17%;}
#indexPage #servicelist .serviceitem div::before{background: rgba(255, 255, 255, .3);}
#indexPage #mservice #servicelist .serviceitem a:hover div::before{background: rgba(255, 255, 255, .4);transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);width: 20px;}
#servicelist .serviceitem:hover a img{float: none;height: auto;margin: 0 auto;opacity: 01;}
/*首页关于我们*/#indexPage #mpage .wrapper li .fimg{width: 50%;height: 1024px;background-size: cover;}
#mpage .content .header{width: 50%;float: right;padding-top: 13%;padding-bottom: 3%;}
#indexPage #mpage a.more{width: 12%;margin-top: 4%;float: right;margin-left: 7%;margin-right: 31%;line-height: 40px;height: 40px;border-radius: 0px;text-align: center;text-indent: 0px;display: block;font-family: "HELVETICANEUELTPRO-THEX";background-color: #6e6e6e;border: #6e6e6e 1px solid;color: #fff;font-size: 16px;}
#indexPage #mpage a.more:hover i{color: #fff;}
#indexPage #mpage a.more::before{position: absolute;display: block;content: "";height: 1px;background-color: rgba(0, 0, 0, .1);width: 36%;float: right;margin-top: -1px;}
#indexPage a.more i{font-size: 20px;position: relative;top: 1px;}
#indexPage #mpage .content,
#indexPage #mpage .module-content,
#indexPage #mpage .wrapper,
#indexPage #mpage .slider,
#indexPage #mpage .wrapper li,
#indexPage #mpage .wrapper li .fimg{height: 100%;}
#mpage .module-content .description{max-height: 108px;height: auto;line-height: 26px;padding-right: 7.1%;padding-left: 7.1%;float: right;width: 36%;text-align: left;}
#mpage .content .header p.title{text-align: left;margin-left: 14%;font-size: 22px;}
#mpage .content .header p.subtitle{text-align: left;margin-left: 14%;}
#indexPage #mpage .content{margin-top: 0;top: 0;}
/*新闻*/#indexPage #mnews .content .header p.title{margin-left: 0;}
#indexPage #mnews .content .header p.subtitle{margin-left: 0;}
#indexPage #mnews .content .header{display: block;padding-bottom: 0px;top: 20px;position: relative;}
#indexPage #mnews .content{top: 50%;margin-top: -300px;}
#indexPage #newslist .newstitem{height: 510px;width: 100%;float: left;}
#indexPage .newstitem.left .newsbody{padding-top: 30px;}
#indexPage .newstitem .newsbody{display: block;vertical-align: auto;width: calc(100% - 70px);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;padding: 0 35px}
#indexPage #newsitem_0 .newsbody{padding-left: 1px;width: calc(100% - 50px);}
#indexPage .newstitem.right .newsbody{position: relative;top: 300px;}
#newslist .newstitem .newsbody .date{font-weight: inherit;font-family: HELVETICANEUELTPRO-THEX;color: #C0C0C0;margin-bottom: 0;display: inline-block;padding: 0 22px;float: left;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mnews #newslist .newstitem .newsbody .date{padding-left: 0;font-size: 20px;}
#indexPage #mnews #newslist .newstitem .newsbody .date .year{transition: all 0.3s ease-out 0s;}
#indexPage #mnews #newslist .newstitem:hover .newsbody .date .year{color: #333;margin-left: 10px;}
#indexPage #mnews #newslist .newstitem .newsbody .date .md{display: none;}
#indexPage #mnews #newslist .newstitem.left a.newscontent{overflow: hidden;}
#indexPage #mnews #newslist .newstitem .newsimg{width: 100%;height: auto;min-height: 255px;position: relative;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;background-size: auto;}
#indexPage #mnews #newslist .newstitem:hover .newsimg{background-size: transform: scale(0.96, 0.96);-moz-transform: scale(0.96, 0.96);-webkit-transform: scale(0.96, 0.96);-o-transform: scale(0.96, 0.96);}
#indexPage #mnews #newslist .newstitem.left .newsimg{position: absolute;margin-top: 255px;}
#indexPage #mnews #newslist .newstitem .newsimg::before{content: '';position: absolute;width: calc(100% - 14px);height: calc(100% - 14px);top: 0px;left: 0px;border: 1px solid rgba(255, 255, 255, .0);-webkit-animation-duration: 0.4s;-moz-animation-duration: 0.4s;-ms-animation-duration: 0.4s;-o-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;top: 6px;left: 6px;}
#indexPage #mnews #newslist .newstitem:hover .newsimg::before{border: 1px solid rgba(255, 255, 255, 1);animation-name: zoomIn;top: 6px;left: 6px;}
#indexPage #mnews #newslist .newstitem .newsbody .title{margin-bottom: 15px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;}
#newslist .newstitem .newsbody .title{font-size: 16px;color: #666;display: inline-block;line-height: 30px;width: 280px;overflow: hidden;height: 30px;text-overflow: ellipsis;white-space: nowrap;float: left;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#newslist .newstitem.left a.newscontent,
#newslist .newstitem.right a.newscontent{padding: 0;text-align: left}
#newslist .newstitem.left a.newscontent:hover .title,
#newslist .newstitem.right a.newscontent:hover .title{color: #000;}
#newslist .news_wrapper{background-color: transparent;width: 100%;}
#indexPage #mnews #newslist .newstitem.left .news_wrapper{position: absolute;height: 100%;min-height: 255px;}
#newslist .newstitem a.newscontent:hover .news_wrapper{background-color: transparent;width: 100%;}
#newslist .newstitem.left a.newscontent:hover,
#newslist .newstitem.right a.newscontent:hover{padding: 0;}
#newslist .newstitem.right a.newscontent .newsimg{left: 0}
#newslist .news_wrapper::before{height: 0}
#newsPage #newslist .newstitem .newsimg{display: block;width: 300px;height: auto;}
#newsPage #newslist .newstitem .news_wrapper{width: 400px;height: 200px;left: 30px;top: 266px;}
#indexPage #newslist .newsitem .newsbody .title,
#newsPage #newslist .newstitem .newsbody .title{font-size: 18px;display: block;width: 100%;float: none;position: relative;}
#indexPage #newslist .newstitem div.description{text-align: left;color: #999;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-left: 0;}
#indexPage #newslist .newstitem:hover p.description{margin-left: 10px;}
#indexPage #newslist .newstitem:hover .newsbody p.title{margin-left: 10px;}
#indexPage #mnews .content_list,
#indexPage #mnews .bx-viewport{height: 510px !important;}
#indexPage #newslist .wrapper{width: calc(100% - 380px);margin: 0 auto;float: right;height: 540px;margin-top: -8px;-webkit-margin-before: -5px;margin-right: 80px;}
#indexPage #newslist .separator{display: none;}
#newsPage #newslist .newstitem .newsbody::after{content: 'MORE';width: 105px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;margin-top: 50px;color: #727272;border-top: 1px solid rgba(0, 0, 0, .12);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;font-family: "HELVETICANEUELTPRO-THEX";background: url(../images/icon.png) -165px 0 no-repeat;}
/*#indexPage #mnews::after{position: absolute;content: "";width: 1000px;height: 100%;margin: 0 auto;left: 0;right: 0;border-left: 1px solid rgba(255,255,255,.08);}*/#indexPage #mnews::before{position: absolute;content: '';width: 100%;height: 1px;background: #e6e5e5;top: 50%;}
#newsPage #newslist .newstitem a:hover .newsbody .description::after{width: 123px;}
.newstitem{animation-name: fadeInUp;animation-delay: 0.1s;}
/*合作伙伴*/#mpartner .content>.header{width: 100%;position: relative;top: 50px;}
#indexPage #mpartner .wrapper ul li{height: 380px;}
#indexPage #mpartner .wrapper ul li a:hover{margin-top: -10px;margin-bottom: 30px;}
#indexPage #mpartner .wrapper ul li a{transition: all 0.3s ease-out 0s;}
#indexPage #mpartner .wrapper ul li a::after{width: 1px;height: 90px;position: absolute;content: "";transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color: #eaeaea;margin-top: 38px;margin-left: 10px;}
#indexPage #mpartner .wrapper ul li a:nth-child(4n)::after{position: absolute;content: "";height: 0px;width: 0px;}
#indexPage #mpartner .wrapper ul li a:last-child::after{position: absolute;content: "";height: 0px;width: 0px;}
/*分享*/#shares a#sshare{color: transparent;background-image: url("../images/fenxiang.png");background-repeat: no-repeat;}
#shares{height: 35px;right: 66px;bottom: -3px;}
#shares a#gotop{margin-top: 6px;background: none;color: #5f5f5f;}
#shares a i{border-right: 1px solid rgba(167, 167, 167, 0.3);padding: 0 20px;}
#shares a i.fa-share-alt{padding: 0 16px;}
#shares a i.fa-weixin{color: transparent;background-image: url(../images/shoujih.png);background-repeat: no-repeat;font-size: 16px;height: 16px;margin: 0 0 0 26px;padding: 0 8px;}
#online_open i{margin-top: 5px;}
#shares a i.fa-share-alt{padding: 0 16px;}
#online_open{margin: 0 10px 0 0;background: none;bottom: 0px;color: #515151;}
#footer p{position: fixed;bottom: 0;background: transparent;padding: 8px 230px;right: 0px;width: 100%;}
#footer.mini p{padding: 8px 250px;right: 0px;}
#shares a{color: #515151;background-color: transparent;display: inline-block;height: 22px;width: auto;}
#shares a#sweibo{background-color: transparent;transition: all 0.3s ease-out 0s;}
#shares a#sweibo:hover{background: transparent;}
#shares a#sweixin{background-color: transparent;transition: all 0.3s ease-out 0s;}
#shares a#sweixin:hover{background-color: transparent;}
#online_lx{border-radius: 0px;bottom: 36px;margin-right: -10px;}
#olx_head{background: #595959;border-radius: 0;}
#olx_tel div{line-height: 0;height: 0;margin-bottom: 0px;font-size: 0;}
#olx_tel div i{font-size: 0;}
#olx_tel div{color: #898989;}
#olx_qq li a i{color: #868686;}
#olx_qq li a:hover i{color: #545454;}
#olx_qq li a{border-left: 3px solid transparent;color: #808080;}
#olx_qq li a:hover{color: #454545;background: #E3E3E3 none repeat scroll 0% 0%;border-left: 3px solid #424242;}
#olx_head i{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#olx_head i:hover{color: #fff;transform: rotate(90deg);-ms-transform: rotate(90deg);/* IE 9*/-moz-transform: rotate(90deg);/* Firefox*/-webkit-transform: rotate(90deg);/* Safari 和 Chrome*/-o-transform: rotate(90deg);/* Opera*/}
#footer a path{fill: #808080;}
/*分享结束*//*快捷菜单*/#moduleControl a.moduleCItem{margin-bottom: 20px;border-radius: 10px;width: 11px;height: 11px;position: relative;}
#moduleControl a.moduleCItem:hover span,
#moduleControl a.moduleCItem.active span{width: 70px;height: 24px;position: absolute;top: -6px;text-indent: initial;color: #959595;overflow: hidden;font-size: 0px;line-height: 24px;right: -2px;text-align: right;padding-right: 25px;}
/*#moduleControl a.moduleCItem span::after{content:"";position:absolute;top:11px;right:12px;width:0px;height:1px;background:rgba(0,0,0,0);}*//*#moduleControl a.moduleCItem:hover span::after, #moduleControl a.moduleCItem.active span::after{content:"";position:absolute;top:11px;right:12px;width:15px;height:1px;background:rgba(0,0,0,.2);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}*/#moduleControl a.moduleCItem:hover,
#moduleControl a.moduleCItem.active{background-color: transparent;border: 2px solid #5a5a5a;}
#moduleControl a.moduleCItem:hover::before,
#moduleControl a.moduleCItem.active::before{position: absolute;content: "";background: transparent;right: 20px;}
#moduleControl a.moduleCItem{border: 2px solid transparent;}
#moduleControl a.moduleCItem::before{position: absolute;content: "";height: 3px;background: #a8a8a8;width: 3px;left: 0px;margin: 4px 0 0 4px;border-radius: 3px;}
#moduleControl a.moduleCItem::after{position: absolute;content: "";height: 24px;background: rgba(155, 155, 155, .2);width: 1px;left: 0px;margin: 11px 0 0 5px;}
#moduleControl a.moduleCItem:last-child::after{position: absolute;content: "";height: 0px;width: 0px;}
#indexPage .module.bgShow .bgmask{background-color: transparent;}
#indexPage #mservice .bgmask{background: url(../images/dot2.png) repeat;opacity: 1;}
/*新*/.content_list{height: 100%;width: 100%;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev{left: 0px;background: url(../images/icon.png) -60px -40px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover{background: url(../images/icon.png) -60px -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next{right: 0px;background: url(../images/icon.png) 0 -40px no-repeat;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover{background: url(../images/icon.png) 0 -100px no-repeat;}
#indexPage #mservice .wrapper .bx-wrapper .bx-next i.fa-angle-right::before{content: "";}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev i.fa-angle-left::before{content: "";}
#indexPage #mslider i.fa-angle-left::before,
#indexPage #mslider i.fa-angle-right::before{content: '';}
#indexPage #mslider .bx-wrapper .bx-controls-direction a{width: 80px;height: 40px;display: block;background: url(../images/icon.png) 0 -160px no-repeat;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next{background-position: -13px -160px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover{background-position: -13px -200px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next::before{content: '';position: absolute;width: 67px;height: 1px;background: rgba(255, 255, 255, .1);margin-top: -6px;transition: all 0.3s ease-out 0s;opacity: 0;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-next:hover::before{width: 67px;opacity: 1;margin-top: 4px;background: rgba(255, 255, 255, .6);}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover{background-position: -0px -200px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev::before{content: '';position: absolute;width: 67px;height: 1px;background: rgba(255, 255, 255, .1);margin-top: -6px;transition: all 0.3s ease-out 0s;opacity: 0;left: 5px;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a.bx-prev:hover::before{width: 67px;opacity: 1;margin-top: 4px;background: rgba(255, 255, 255, .6);}
/*团队*/#indexPage #mteam .content{margin-top: -274px;}
#indexPage #mteam .content .header p.title,
#indexPage #mteam .content .header p.subtitle{margin-left: 0;}
#indexPage #mteam li:hover .header a::before{border-color: #383838;height: 304px;}
#indexPage #mteam li:nth-of-type(even) .header a::before{top: 0px;-webkit-margin-before: 0px;}
#indexPage #mteam li:nth-of-type(even):hover .header a::before{top: 40px;}
#indexPage #mteam .summary p.subtitle{margin-bottom: 20px;font-size: 13px;}
#indexPage #mteam .summary p{text-align: center;width: 100%;}
#indexPage #mteam li .summary p.description{height: 70px;overflow: hidden;transition: all 0.3s ease-out 0s;}
#indexPage #mteam li:hover .summary p.description{color: #777;}
#indexPage #mteam .content>.header{display: block;}
#indexPage #mteam .header img{transition: all 0.3s ease-out 0s;margin: 10px auto 20px;}
#indexPage #mteam li:hover .header a img{margin-top: -10px;}
#indexPage #mslider{height: calc(100% - 70px);}
#indexPage #mslider .bx-wrapper .bx-pager{bottom: 0;}
#indexPage #mslider .bx-wrapper{position: relative;height: calc(100% - 40px);}
#indexPage #mslider ul li div.fa-angle-down::before{content: "";}
#indexPage #mslider ul li p.title{font-family: "LANEUP", 'HELVETICANEUELTPRO-THEX';font-size: 60px;line-height: 80px;}
#indexPage #mslider ul li p.subtitle{font-size: 34px;font-family: 'HELVETICANEUELTPRO-THEX', '微软雅黑';color: rgba(255, 255, 255, .92);}
#indexPage #mslider ul li div{position: relative;top: -25px;}
#indexPage #mslider ul li div.mask{background: url(../images/dot.png) repeat;}
#indexPage #mteam .summary p.title{color: #383838;font-size: 22px;margin-bottom: 6px;}
#indexPage #mslider ul li div.fa-angle-down::before{content: "";}
#teamitem_0{animation-name: fadeInUp;animation-delay: 0s;}
#teamitem_1{animation-name: fadeInUp;animation-delay: 0.1s;}
#indexPage #mpartner .content{margin-top: -270px;}
#indexPage #mcontact{background: #fff;}
#indexPage #mcontact .header p.title{color: #fff;margin-left: 0;}
#indexPage #mcontact .content{margin-top: -230px;}
#mcontact .content>.header{width: 100%;}
#indexPage #mcontact .content .fw{width: 100%;}
#indexPage #mcontact .header p.subtitle{text-align: left;margin-left: 0px;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";margin-top: 5px;}
#indexPage #mcontact #contactlist{background: #fff;height: 100%;padding-bottom: 10%;position: absolute;margin-top: 8%;}
#mcontact .content #contactinfo{width: 35%;margin-left: 60px;padding-top: 6%;}
#contactinfo div{position: relative;top: -263px;left: 280px;}
#contactinfo p{margin-bottom: 5px;}
#contactinfo h3{margin-bottom: 45px;color: #999;}
#contactinfo div a{background: transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactinfo div a:hover{background: rgba(255, 255, 255, .15)}
#contactinfo div a i{color: #b1b1b1;}
#contactinfo div a:hover i{color: #7a7a7a;}
#mcontact .content #contactform{width: 50%;margin-right: 5%;padding-top: 5%;}
#contactform p .inputtxt{width: 100%;background-color: transparent;border: none;border-bottom: 1px solid #cfcfcf;width: 100%;padding: 20px 0px 20px 0;color: #666;}
#mcontact .content #contactform p{float: left;margin-right: 20px;width: 30%;}
#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: #383838;color: #cfcfcf;font-size: 15px;padding: 5px 0;display: block;float: left;position: relative;top: 170px;height: 40px;left: calc(-100% - 20px);left: -moz-calc(-100% - 20px);left: -webkit-calc(-100% - 20px);border: 1px solid #383838;cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#contactform p .inputsub:hover{background-color: rgba(0, 0, 0, .9);border: 1px solid rgba(0, 0, 0, .9);color: #fff;}
#sitecontent .npagePage .content .serviceitem a img{opacity: 1;background: rgba(0, 0, 0, .15);}
#sitecontent .npagePage .content .header p.title{text-align: center;margin-left: 0;}
#sitecontent .npagePage .content .header p.subtitle{text-align: center;margin-left: 0;}
#teamlist{width: 1200px;}
.Pageteam .content .header,
.Pageservice .content .header{padding-bottom: 60px;padding-top: 80px;}
.teamitem{margin-right: 10px;background: #fff;width: 290px;height: 520px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border: 1px solid transparent;border-top: none;border-bottom: 1px solid rgba(0, 0, 0, .1);}
.Pageteam .teamitem{height: 510px;}
.teamitem:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);margin-top: -10px;background: #fff;border: 1px solid rgba(0, 0, 0, .08);cursor: pointer;border-top: none;margin-bottom: 60px;}
.teamitem a{width: 290px;height: auto;overflow: hidden;max-height: 290px;}
.teamitem a img{width: 290px;height: auto;}
.teamitem .teaminfo .description{line-height: 24px;height: 55px;margin-top: 40px;}
.Pageteam .teamitem .teaminfo .description{margin-top: 25px;height: 70px;}
.teamitem .teaminfo{padding: 0 25px;margin-top: 30px;}
.Pageteam .teamitem .teaminfo{text-align: left;}
.teamitem .teaminfo .subtitle{font-size: 13px;}
.teamitem a div.wrap{background: #404040;}
#sitecontent #newsPage #newslist{width: 1200px;padding-top: 30px;}
#sitecontent #newsPage #newslist .newstitem{width: 100%;height: 190px;float: left;border-bottom: 1px solid rgba(0, 0, 0, .08);margin-bottom: 25px;padding-bottom: 25px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date{left: 327px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year{font-size: 16px;margin-left: -90px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .year::after{content: "/";margin: 0 5px;color: #B1B1B1;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .md{margin-top: 0;margin-left: 94px;}
#sitecontent #newsPage #newslist .newstitem .newsbody .date .md span{display: none;}
#teamlist .teamitem:last-child,
#teamlist .teamitem:nth-child(4n){margin-right: 0;}
#sitecontent .npagePage #servicelist{top: -40px;}
#sitecontent .npagePage #newslist .newstitem .news_wrapper{left: 0;position: relative;top: 0;width: 100%;}
#newsPage .npagePage #newslist .newstitem .newsimg{float: left;left: 0;}
#sitecontent .npagePage #newslist .newsbody{width: 830px;float: left;padding-top: 20px;margin-left: 360px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description::after{content: "";width: 0;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody .description::after{width: 0;}
#sitecontent .npagePage #newslist .newstitem .newsbody::after{content: 'MORE';width: 105px;height: 40px;padding-left: 45px;line-height: 40px;display: block;text-align: left;margin-top: -43px;color: #bcbcbc;border-left: 1px solid rgba(0, 0, 0, .08);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;font-family: "HELVETICANEUELTPRO-THEX";background: url(../images/icon.png) -165px 0 no-repeat;float: right;border-top: none;}
#sitecontent .npagePage #newslist .newstitem a:hover .newsbody::after{color: #000;}
#sitecontent .npagePage #newslist #newsitem_0.newstitem .newsbody .date,
#sitecontent .npagePage #newslist .newstitem .newsbody .date{padding: 0;position: absolute;top: 140px;color: #c8c8c8;}
#sitecontent #newsPage #newslist .newstitem:last-child{border-bottom: none;}
#sitecontent .npagePage #newslist .newstitem .newsbody p.title{color: #555;}
#sitecontent .npagePage #newslist .newstitem .newsbody .description{width: 75%;height: 50px;}
#sitecontent .npagePage #newslist .newstitem:hover .newsbody{margin-left: 370px;}
#sitecontent #newsPage #newslist .newstitem:hover .newsbody::after{background: url(../images/icon.png) -165px 0 no-repeat;}
#pages a.active{background: #3F3F3F;}
#sitecontent .npagePage #projectwrap{width: 100%;padding-top: 0;}
#sitecontent .npagePage #projectwrap #projectbody{width: 77%;background: #f8f8f8;padding-top: 60px;}
#sitecontent .npagePage #projectwrap #projectbody #projectimages{background: #f8f8f8;}
#sitecontent .npagePage #projectwrap #projectinfo{margin-top: 60px;float: left;margin-left: 3%;width: 20%;}
#sitecontent .npagePage .content #projectih .header p.title{text-align: left;}
#sitecontent .npagePage .content #projectih .header p.subtitle{text-align: left;}
#sitecontent .npagePage #projectwrap #projecttags{margin-top: 35px;margin-left: 3%;width: 20%;display: block;left: 77%;}
#sitecontent .npagePage #servicelist .serviceitem div p.title::before{content: "";width: 0;height: 0;}
#servicelist .serviceitem div::before{content: "";position: absolute;width: 30px;height: 1px;background: rgba(0, 0, 0, .2);margin-top: 50px;margin-left: -15px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#sitecontent .npagePage #servicelist .serviceitem{height: 340px;border-bottom: 1px solid rgba(0, 0, 0, .1);margin-bottom: 60px;}
#sitecontent .npagePage #servicelist .serviceitem:hover{border-bottom: 1px solid rgba(0, 0, 0, .3);}
#sitecontent .npagePage #servicelist .serviceitem a:hover{padding-top: 0;}
#sitecontent .npagePage #servicelist .serviceitem:hover .title{color: #000;}
#header ul li.navitem:hover ul.subnav{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #mpartner .wrapper ul li a{cursor: pointer;margin: 0 10px;margin-bottom: 20px;}
#sitecontent .npagePage #category li:last-child a::after{content: "";}
#category li.hasmore div ul{padding-top: 15px;border-top: rgba(0, 0, 0, .08) 1px solid;}
#category li.hasmore div ul a:hover{background: transparent;color: #000;}
#category li.hasmore div ul a:hover::before{content: "";width: 0;height: 0;}
#category li.hasmore div ul a.active{background: transparent;color: #000;}
.postbody img{max-width: 1180px;}
#projectinfo .header .description a{background: #474747;transition: all ease .3s;color: #fff;}
#projectinfo .header .description a:hover{background: #000;}
#projectib .projectitem a .project_info p.title{line-height: 22px;color: #666;}
#projectib .projectitem a:hover .project_info p.title{color: #000;}
#projectib .projectitem a .project_info p.subtitle{margin-top: 2px;}
#projectib .projectitem{margin-bottom: 25px;}
#projecttags a{transition: all 0.3s ease-out 0s;}
#projecttags a:hover{background: #636363;color: #fff;}
#projectib .projectitem a{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;}
#projectib{width: 20%;float: left;margin-left: 0;margin-right: 0;left: 77%;margin-left: 3%;}
#footer a{margin-right: 20px;}
#moduleControl{display: none;}
.npagePage #banner{height: 360px;}
#post_slider li{height: 850px;}
#post_slider,
#post_slider .bx-wrapper,
#post_slider .bx-viewport{height: 850px;}
#projectinfo4 .header{padding-top: 20px;float: left;width: 100%;position: relative;}
#projectinfo4 .header .title-warp{width: 50%;float: left;}
#projectinfo4 .description{width: 50%;float: right;position: relative;right: 0px;top: 0px;}
#projectinfo4 .header p{line-height: 24px;font-size: 13px;}
#sitecontent .npagePage .content #projectinfo4 .header p.title{width: 92%;text-align: left;font-size: 22px;padding-right: 8%;}
#sitecontent .npagePage .content #projectinfo4 .header p.subtitle{width: 92%;text-align: left;padding-right: 8%;}
#npagePage #projectlist .projectitem a .project_info p.title{color: #565656;font-size: 14px;padding: 15px 0 2px;margin: 0;}
#npagePage #projectlist .projectitem a .project_info p.subtitle{color: #929292;font-size: 13px;margin: 0;padding-left: 0;}
#projectshow4 #projectib4 #projectlist .projectitem{margin-bottom: 20px;}
.npagePage4 #projectwrap4 #projectinfo4{border-bottom: 1px solid rgba(0, 0, 0, .08);}
#projectshow4{margin-top: 20px;}
#projectinfo4 .description a{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border: 1px solid #dbdbdb;background-color: #fff;color: #555;}
#projectinfo4 .description a:hover{background-color: #383838;color: #fff;border: 1px solid #383838;}
.npagePage #banner div{height: 360px;}
.Pagenews #category{text-align: center;}
#category li.hasmore div{width: 98%;left: 1%;margin: 0 auto;}
#projectshow4 #projectib4 #projectlist .wrapper{margin-left: 0;}
#projecttags4 a{padding: 5px 18px;margin-right: 8px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projecttags4 a:hover{background: #383838;color: #fff;}
#indexPage #mslider .bx-wrapper .bx-controls-direction a{margin-top: 15px;margin-left: 5px;}
#indexPage #mproject .projectSubList{margin-bottom: 0;}
#indexPage #mnews a.details{display: block;position: absolute;top: -7px;border-radius: 0;width: 45px;right: 20px;height: 20px;text-indent: 0;font-size: 0px;line-height: 20px;text-align: center;border: none;border-left: 1px solid rgba(0, 0, 0, .0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #newslist .newstitem.right a.details{margin-top: 310px;}
#indexPage #newslist .newstitem:hover a.details{border-left: 1px solid rgba(0, 0, 0, .1);}
#indexPage #mnews a.details i{width: 21px;height: 9px;background: url(../images/icon.png) 0 -100px no-repeat;margin-top: 5px;opacity: 0;}
#indexPage #newslist .newstitem:hover a.details i{background-position: 0 -119px;opacity: 1;}
#newslist .separator{display: none;}
#indexPage #servicelist .serviceitem a img{width: 360px;margin: 0 auto;}
#indexPage #mteam .summary p.title a{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexPage #projectlist .projectitem a .project_info div{position: absolute;background: transparent;display: block;margin-top: 0;opacity: 0;}
#indexPage #projectlist .projectitem:hover a .project_info div{margin-top: 50px;opacity: 1;animation-name: fadeInUp;}
#indexPage #projectlist .projectitem a .project_info{position: absolute;}
#projectlist .projectitem a .project_info{position: relative;background: #fff;z-index: 8;height: auto;}
#indexPage #mproject #projectlist .projectitem a .project_img{-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;}
#indexPage #mproject #projectlist .projectitem:hover a .project_img{animation-name: zoomOut;}
#projectlist .projectitem a .project_img{overflow: hidden}
#projectlist .projectitem a .project_info{transition: all ease-out 0s;}
#projectlist .projectitem a .project_img:after{content: '';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#projectlist .projectitem a:hover .project_img:after{background: rgba(255, 255, 255, .3);}
.Pageanli #projectlist .projectitem a:hover .project_img:after{background: rgba(0, 0, 0, .0);}
#projectlist .projectitem a:hover .project_info{position: inherit;background: rgba(0, 0, 0, 0)}
#indexPage .module.bgShow{background-position: center top !important;background-attachment: initial}
#indexPage #servicelist .serviceitem div p.title{color: #fff;}
#indexPage #servicelist .serviceitem div p.description{color: rgba(255, 255, 255, .8);}
#indexPage .content>.header{padding-left: 60px;float: left;width: 100%;}
#indexPage #mservice{background-color: #333;}
#indexPage #mservice .wrapper .bx-wrapper a{margin-top: 0;}
#indexPage #mteam .module-content{max-width: 1400px;width: 1400px;}
#indexPage #mteam .bx-wrapper .content_list{padding-top: 10px;}
#indexPage #mteam a.details{display: block;width: 150px;text-indent: 0;text-align: center;height: 40px;border-radius: 0;line-height: 40px;border: none;font-size: 14px;}
#indexPage #mteam a.details:hover{color: #333;}
#indexPage #mteam li a.details i{font-size: 20px;position: relative;top: 2px;}
#indexPage #mteam li:hover a.details i{text-indent: 10px;color: #707070;}
#indexPage #mteam li a.details:before{content: '';width: 100px;height: 1px;background: rgba(0, 0, 0, .1);position: absolute;left: 50%;margin-left: -50px;transition: all 0.3s ease-out 0s;}
#indexPage #mteam li a.details:after{content: '';width: 100px;height: 1px;background: rgba(0, 0, 0, .0);position: absolute;left: 50%;margin-left: -50px;bottom: 50px;transition: all 0.3s ease-out 0s;}
#indexPage #mteam li:hover a.details:before,
#indexPage #mteam li:hover a.details:after{width: 140px;background: rgab(0, 0, 0, .3);margin-left: -70px;background: rgba(0, 0, 0, .2);}
#indexPage #mteam .bx-controls-direction{display: none;}
#indexPage #mteam .bx-pager{display: block;position: relative;margin-top: 40px;}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a{display: block}
#indexPage #mteam .bx-wrapper .bx-pager.bx-default-pager a{width: 8px;height: 8px;border: #ababab 1px solid;}
#mslider .bx-wrapper .bx-pager.bx-default-pager a{display: block;width: 7px;height: 7px;}
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mslider .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color: #fff;border: 1px solid #fff;}
#indexPage #mnews .bx-controls{display: block;}
#indexPage #mnews .bx-controls-direction{display: none;}
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active,
#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a{display: block}
#indexPage #mnews .bx-wrapper .bx-pager{margin-left: -110px;position: relative;top: 60px;}
#indexPage #mservice .wrapper .bx-wrapper .bx-controls-direction{display: none;}
#indexPage #mservice .wrapper .bx-wrapper .bx-pager{display: block;position: relative;margin-top: 100px;}
#indexPage #mservice .wrapper .bx-wrapper a.active,
#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a:hover{display: block;background-color: #fff;border: 1px solid #fff;}
#indexPage #mservice .bx-wrapper .bx-pager.bx-default-pager a{display: block;}
#indexPage #mnews{background-color: #fff;}
#indexPage .mvideom.mvideom01 .mvideo_header{width: 100%;text-align: left;padding-left: 60px;}
#indexPage .mvideom .module-content{width: calc(100% - 120px);margin: 0 auto;}
.sscreen #indexPage .mvideom .content{margin-top: -360px;}
#indexPage .mvideo_more{display: none;}
#indexPage .mvideo_more{display: none;}
.sscreen #indexPage .mvideom .content{position: static;box-sizing: border-box;height: 100%;margin: 0;padding-top: 120px;transform: none;}
#indexPage .mvideom.mvideom01 .mvideo_header{float: left;width: auto;}
#indexPage .mvideom .module-content{/* margin: 0 auto;*/float: right;width: calc(100% - 320px);margin-right: 44px;}
#indexPage .mvideom .module-content{position: relative;top: 50%;transform: translateY(-50%);}
.Pageanli #projectlist .wrapper{width: 92%;margin: 0 auto;margin-left: 4.5%;}
.Pagevideo.mvideom.mvideom01 .module-content{width: 92%;margin: 0 auto;margin-left: 4.5%;}
.Pagevideo #plheader{padding-top: 40px;padding-bottom: 40px;}
/* 2019.07.12 yyq 增加*//* 处理分类*/.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more{display: none;}
.bodyindex #indexPage #category .more{position: static;width: auto;height: auto;text-indent: 0;display: none;height: 36px;line-height: 36px;font-size: 14px;margin: 0;border: none;}
/* 处理图片*/#mproject .projectitem .project_img,
#mservice .serviceitem .service_img,
#mteam .header a,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img{position: relative;display: block;overflow: hidden;}
#mproject .projectitem .project_img img,
#mservice .serviceitem .service_img img,
#mteam .header a img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img{height: auto;overflow: hidden;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0;max-height: none;}
#mproject .projectitem .project_img{padding-top: 65%;}
#mservice .serviceitem .service_img{padding-top: 31%;}
#mteam .header a{padding-top: 42%;margin: 10px auto 20px;width: 42%;transition: all 0.3s ease-out 0s;}
#mteam .header a img{width: 180px;}
#mpartner .content_list li .par_img{padding-top: 75%;}
#teamlist .teamitem .teamimg{padding-top: 100%;}
.Pageservice #servicelist .serviceitem .service_img{padding-top: 41%;}
/* 其他样式*/#indexPage #mteam .header img{margin: 0;}
#indexPage #mteam li:hover .header a img{margin: 0;}
#mteam li:hover .header a{margin-top: -10px;}
#indexPage #mpartner .wrapper ul li a::after{margin-top: -128px;margin-left: 234px;}
#indexPage #mpartner .wrapper ul li a img{height: auto;}
.bodylistpost.bodyteam #teamimage{display: none;}
.bodylistpost.bodyteam #teampost #teambody{margin-left: 0;}
/* 团队列表修改*/.bodylist.bodyteam .teamitem a{max-height: 510px;}
.bodylist.bodyteam .teamitem .teaminfo .title{color: #9a9a9a;}
/* 首页关于我们左右切换*//* #indexPage #mpage.tlir .wrapper li{width: 50%;}
#mpage.tlir .content .header,
#mpage.tlir .module-content .description,
#indexPage #mpage.tlir a.more{float: left;}
#mpage.tlir .content .header{padding-top: 26%;padding-bottom: 6%;}
#mpage.init_layout .content .header{width: 100%;}
#mpage.init_layout .module-content .description,
#indexPage #mpage.init_layout a.more{float: left;}
#indexPage #mpage.init_layout a.more{margin-left: 14%;}*/#mpage .module-content .description{padding-left: 14.1%;}
#indexPage #mteam .bx-pager{margin-top: 30px;}
.Pageanli #projectlist .wrapper{margin: 0 auto;}
.Pageanli #projectlist .wrapper .content_list{width: auto;margin-right: -1%;}
#pages a{margin-right: 0;}
.Pagenews #category{font-size: 0;}
body.ipusher #header #logo img{float: none;}
.bodylistpost.bodyteam .postbody img{width: 408px;}
#indexPage #mnews .content{margin: 0;height: 100%;position: static;}
#indexPage #mnews .content .header{position: absolute;top: 20%;}
#indexPage #newslist .wrapper{margin: 0px;position: absolute;top: 50%;left: 50%;transform: translate(-42%,calc(-50% + 16px));}
#indexPage #mteam .module-content{width: 80vw;}
#indexPage .mvideom.mvideom01 .mvideo_header{margin-top: -10%;}
.Pagevideo.mvideom.mvideom01 .content_list{width: auto;}
.Pagevideo.mvideom.mvideom01 .module-content{margin: 0 auto;}
#indexPage #mteam{background: #fff;}
#indexPage #mcontact .content>.header{float: none;}
#indexPage #mcontact .content{margin: 0;height: auto;top: auto;bottom: 0;}
#indexPage #mcontact #contactlist{margin-top: 0;position: static;}
#indexPage #mcontact .content::after,
#indexPage #mcontact #contactlist::after{content: '';display: block;clear: both;}
#projectshow4 #projectib4 #projectlist .wrapper{margin-right: -1%;}
.npagePage #projectshow4{margin-bottom: 60px;}
#projectshow4 #projecttags4{margin-top: 50px;}
.Pageyemian.page_contact .postbody td p{text-align: center;}
/* 2019.07.12 yyq 增加*//* 2019/12/09 yyq 修改 单页的底部新编辑器样式*/.bodyindex .page_contect_editor{position: absolute;bottom: 0;}
#indexPage{position: relative;z-index: 2;}
#moduleControl{z-index: 10;}
/* 2019/12/09 yyq 修改 单页的底部新编辑器样式*/