@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: 20px 30px 20px 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: "fonts/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: "fonts/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: "fonts/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: "fonts/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: "fonts/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: "fonts/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: "fonts/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: fonts/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 p.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: "fonts/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", 'fonts/HELVETICANEUELTPRO-THEX';

    font-size: 60px;

    line-height: 80px;

}



#indexPage #mslider ul li p.subtitle {

    font-size: 34px;

    font-family: 'fonts/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: "fonts/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: "/";

    position: absolute;

    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: "fonts/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 #project../images {

    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: 650px;

}



#post_slider,

#post_slider .bx-wrapper,

#post_slider .bx-viewport {

    height: 650px;

}



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

}



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