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

    padding: 0px 30px 0px 40px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#header ul li.navitem a {

    color: #848484;

    font-size: 15px;

}



#header ul li.navitem a.active,

#header ul li.navitem:hover a {

    color: #333;

}



#header ul li.navitem a.active::before,

#header ul li.navitem:hover a::before {

    position: absolute;

    content: "";

    height: 1px;

    background: #a8a8a8;

    margin-top: 60px;

    width: 90%;

    left: 5%;

}



#header.mini ul li.navitem a.active::before,

#header ul li.navitem:hover a::before {

    position: absolute;

    content: "";

    height: 1px;

    background: #a8a8a8;

    width: 90%;

    left: 5%;

}



#header ul li.navitem a::before {

    position: absolute;

    content: "";

    width: 0%;

    height: 1px;

    background: #a8a8a8;

    margin-top: 60px;

    left: 50%;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#header ul li.navitem:hover a::before {

    width: 90%;

    left: 5%;

}



#header.mini ul li.navitem a::before {

    margin-top: 50px;

}



#header.mini {

    border-bottom: 1px solid #f2f2f2;

    background: #fff;

}



#header ul li.navitem ul.subnav li a {

    background: #fff;

    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);

}



#header ul li.navitem ul.subnav {

    border-top: 0;

}



#header ul li.navitem ul.subnav li {

    border-bottom: #f6f6f6 1px solid;

}



#header ul li.navitem ul.subnav li a:hover {

    background: rgb(105, 105, 105);

}



#header ul li.navitem {

    padding: 0 30px 10px 30px;

}



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

}



/* 导航结束 */



/* 首页幻灯 */



.bx-wrapper .bx-controls-direction a {

    margin-top: -30px;

    width: 60px;

    height: 60px;

    background: rgba(0, 0, 0, .25);

    border-radius: 5px;

}



.bx-wrapper .bx-controls-direction a i {

    color: #eaeaea;

    font-size: 36px;

    margin-top: 12px;

    margin-left: 22px;

}



.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 #mproject {

    background: #fff;

}



#indexPage #mproject .content .wrapper {

    width: 90%;

    margin: 0 auto;

}



.content .header p.title {

    font-family: "Times New Roman", "微软雅黑";

    text-align: left;

    margin-left: 5%;

}



#indexPage #mnews {

    background-color: #393939;

}



#indexPage #mnews .content .header p.title {

    color: #fff;

}



#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: 5%;

    font-family: "Times New Roman", "微软雅黑";

    margin-top: 5px;

}



#projectlist .projectitem a .project_info div {

    position: absolute;

    height: 90px;

    width: 100%;

    bottom: -90px;

    margin-top: 0;

    top: auto;

    background-color: #fff;

    transition: all 0.3s ease-out 0s;

}



#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: url(//resources.jsmo.xin/templates/upload/269/icon/jt01.png);

    opacity: 0;

}



#projectlist .projectitem a:hover .project_info div::after {

    right: 25px;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/jt01.png);

    opacity: 1;

}



#projectlist .projectitem a .project_info p.title {

    margin: 0 80px 0 20px;

    color: #565656;

    padding: 20px 0px 5px;

    text-align: left;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-family: "Times New Roman", "微软雅黑";

}



.Pageanli #projectlist .projectitem a .project_info p.title {

    color: #565656;

}



#projectlist .projectitem a .project_info p.subtitle {

    margin-right: 60px;

    margin-top: 0;

    color: #929292;

    text-align: left;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-family: "Times New Roman", "微软雅黑";

    font-size: 14px;

}



.Pageanli #projectlist .projectitem a .project_info p.subtitle {

    color: #929292;

}



#projectlist .projectitem a:hover .project_info p.title {

    color: #4A4A4A;

}



#category a {

    padding: 7px 28px;

    border: 0;

}



#category a::after {

    position: absolute;

    content: "/";

    text-align: left;

    margin-left: 28px;

    margin-top: 0px;

    font-size: 12px;

    color: #C8C8C8;

}



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

    position: absolute;

    top: 20px;

    display: block;

    animation-name: fadeInUp;

    right: 1%;

    margin-right: -30px;

}



#category a::before {

    position: absolute;

    content: "";

    text-align: left;

    margin-left: 0px;

    margin-top: 22px;

    background-color: #b2b2b2;

    width: 0px;

    height: 1px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#category a:hover::before {

    width: 30px;

}



#category a {

    font-size: 14px;

    color: #999;

    border: 0;

}



#category a.active,

#category a:hover {

    background: transparent;

    color: #666;

    border-color: transparent;

}



#projectlist .wrapper {

    width: 90%;

    margin: 0 auto;

    padding-left: 1%;

    margin-top: -50px;

}



#projectlist .projectitem {

    margin-bottom: 100px;

}



#projectlist .projectitem:nth-child(4n) {

    margin-right: 0;

}



#projectlist .projectitem a .project_info::after {

    width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: rgba(0, 0, 0, .15);

    margin-top: 89px;

    z-index: 3;

}



#projectlist .projectitem a:hover .project_info::after {

    width: 100%;

}



#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: "Times New Roman", "微软雅黑";

}



#projectlist .projectitem:hover a::after {

    margin-left: -32px;

    margin-top: -79px;

    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(//resources.jsmo.xin/templates/upload/269/icon/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(//resources.jsmo.xin/templates/upload/269/icon/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(//resources.jsmo.xin/templates/upload/269/icon/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(//resources.jsmo.xin/templates/upload/269/icon/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;

    position: relative;

    top: -56px;

    width: clac(100% - 70px);

    padding-right: 70px;

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

}



/* 服务 */



#indexPage #mservice .content {

    height: 100%;

    top: 60px;

    margin-top: -0;

}



#servicelist {

    height: 100%;

    position: relative;

}



#servicelist .bx-wrapper {

    height: 100%;

}



#indexPage #mservice .wrapper {

    height: 100%;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-viewport {

    height: 100%;

}



#indexPage #mservice .content .header {

    width: 100%;

    position: relative;

    top: 80px;

}



#mservice .content .header p.title {

    text-align: left;

    margin-left: 5%;

}



#mservice .content .header p.subtitle {

    text-align: left;

    margin-left: 5%;

}



#indexPage a.more {

    display: none;

}



#indexPage #servicelist .serviceitem {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    height: 100%;

    border-right: 1px solid rgba(0, 0, 0, .06);

}



#serviceitem_0::before {

    position: absolute;

    content: "01";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 155px;

    z-index: 0;

}



#serviceitem_1::before {

    position: absolute;

    content: "02";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_2::before {

    position: absolute;

    content: "03";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_3::before {

    position: absolute;

    content: "04";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_4::before {

    position: absolute;

    content: "05";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_5::before {

    position: absolute;

    content: "06";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_6::before {

    position: absolute;

    content: "07";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_7::before {

    position: absolute;

    content: "08";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_8::before {

    position: absolute;

    content: "09";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_9::before {

    position: absolute;

    content: "10";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_10::before {

    position: absolute;

    content: "11";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#serviceitem_11::before {

    position: absolute;

    content: "12";

    font-size: 66px;

    top: 248px;

    font-family: "Times New Roman";

    color: #dfdfdf;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 150px;

    z-index: 0;

}



#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 div p.title::before {

    content: "";

    position: absolute;

    width: 30px;

    height: 1px;

    background: #e2e2e2;

    margin-top: 50px;

    left: 50%;

    margin-left: -15px;

}



#servicelist .serviceitem div p.description {

    line-height: 28px;

}



#indexPage #servicelist .serviceitem:hover {

    background-color: rgba(255, 255, 255, .8);

}



#indexPage #servicelist .serviceitem:hover::before {

    font-size: 180px;

    top: -10px;

    margin-left: 94px;

}



#servicelist .serviceitem a {

    padding-top: 20%;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    height: 460px;

}



#servicelist .serviceitem a:hover {

    padding-top: 30%;

}



#servicelist .serviceitem a img {

    transition: all 0.6s cubic-bezier(.35, -0.32, .58, 1) 0s;

    float: none;

    height: auto;

    margin: 0 auto;

    opacity: 0;

    z-index: 2;

    position: relative;

}



#servicelist .serviceitem:hover a img {

    float: none;

    height: auto;

    margin: 0 auto;

    opacity: 01;

}



#servicelist .serviceitem a::after {

    position: absolute;

    content: "";

    width: 40px;

    height: 40px;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -92px 0 no-repeat;

    margin-top: 30px;

    margin-left: 168px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#servicelist .serviceitem a:hover::after {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -10px 0 no-repeat;

    width: 70px;

    margin-left: 154px;

}



/* 首页关于我们 */



#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: "Times New Roman";

    background-color: #383838;

    border: #383838 1px solid;

    color: #fff;

    font-size: 16px;

}



#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: 26px;

}



#mpage .content .header p.subtitle {

    text-align: left;

    margin-left: 14%;

}



#indexPage #mpage .content {

    margin-top: 0;

    top: 0;

}



/* 新闻 */



#indexPage #mnews .content .header {

    display: block;

    padding-bottom: 0px;

    top: 55px;

    position: relative;

}



#indexPage #mnews .content {

    top: 50%;

    margin-top: -270px;

}



#indexPage #newslist {

    width: 1000px;

    margin: 0 auto;

    height: 200px;

    position: relative;

}



#indexPage .newsimg,

#newslist .separator,

#indexPage .newsbody .description {

    display: none;

}



#indexPage #newslist .newstitem {

    position: absolute;

    display: none;

    width: 320px;

    height: 30px;

    line-height: 30px;

    top: 0;

}



#indexPage .newstitem .newsbody {

    display: block;

    max-width: 100%;

    vertical-align: auto;

    width: 100%;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#newslist .newstitem .newsbody .date {

    font-weight: inherit;

    font-family: Arial;

    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;

}



#newslist #newsitem_0.newstitem .newsbody .date {

    padding: 0;

}



#newslist #newsitem_0.newstitem .newsbody .date .year {

    font-size: 28px;

    color: #8c8c8c;

    font-family: "Times New Roman";

    margin-left: -124px;

    position: absolute;

}



#newslist #newsitem_1.newstitem .newsbody .date .year,

#newslist #newsitem_2.newstitem .newsbody .date .year,

#newslist #newsitem_3.newstitem .newsbody .date .year {

    font-size: 26px;

    color: #8c8c8c;

    font-family: "Times New Roman";

    margin-left: -135px;

    position: absolute;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#newslist #newsitem_0.newstitem .newsbody .date .md {

    font-family: "Times New Roman";

    margin-left: -88px;

    position: absolute;

    margin-top: 28px;

    font-size: 14px;

}



#newslist #newsitem_1.newstitem .newsbody .date .md,

#newslist #newsitem_2.newstitem .newsbody .date .md,

#newslist #newsitem_3.newstitem .newsbody .date .md {

    font-family: "Times New Roman";

    margin-left: -104px;

    position: absolute;

    margin-top: 28px;

    font-size: 14px;

}



.md span {

    display: none;

}



#newslist .newstitem .newsbody .title {

    font-size: 12px;

    color: #7b7b7b;

    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 {

    color: #000;

}



#newslist .news_wrapper {

    background-color: transparent;

    width: 100%;

}



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

}



#indexPage #newslist #newsitem_0 {

    display: block;

    height: 100%;

    width: 430px;

}



#indexPage #newslist #newsitem_0 .newsimg {

    display: block;

    width: 430px;

    height: 230px;

}



#newsPage #newslist .newstitem .newsimg {

    display: block;

    width: 250px;

    height: 160px;

}



#indexPage #newslist #newsitem_0 .news_wrapper,

#newsPage #newslist .newstitem .news_wrapper {

    width: 400px;

    height: 200px;

    left: 30px;

    top: 266px;

}



#indexPage #newslist #newsitem_0 .newsbody .title,

#newsPage #newslist .newstitem .newsbody .title {

    font-size: 18px;

    color: #fff;

    display: block;

    width: 100%;

    float: none;

    position: relative;

}



#indexPage #newslist #newsitem_1 .newsbody .title,

#indexPage #newslist #newsitem_2 .newsbody .title,

#indexPage #newslist #newsitem_3 .newsbody .title,

#newsPage #newslist .newstitem .newsbody.title {

    font-size: 16px;

    color: rgba(255, 255, 255, .8);

    display: block;

    width: 100%;

    float: none;

    position: relative;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #newslist .newstitem:hover .newsbody p.title {

    margin-left: 10px;

}



#indexPage #newslist .newstitem p.description {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #newslist .newstitem:hover .newsbody p.title {

    margin-left: 10px;

}



#indexPage #newslist #newsitem_0:hover .newsbody p.title {

    margin-left: 0px;

}



#indexPage #newslist #newsitem_0 .newsbody .title::before {

    position: fixed;

    content: "";

    width: 2px;

    height: 20px;

    background-color: #666;

    margin: 5px 0px 0 -31px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #newslist #newsitem_1 .newsbody .title::before,

#indexPage #newslist #newsitem_2 .newsbody .title::before,

#indexPage #newslist #newsitem_3 .newsbody .title::before {

    position: fixed;

    content: "";

    width: 1px;

    height: 20px;

    background-color: rgba(0, 0, 0, .15);

    margin: 5px 0px 0 -31px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #newslist #newsitem_1:hover .newsbody .title::before,

#indexPage #newslist #newsitem_2:hover .newsbody .title::before,

#indexPage #newslist #newsitem_3:hover .newsbody .title::before {

    background-color: rgba(255, 255, 255, .8);

    margin-left: -41px;

}



#indexPage #newslist #newsitem_0 a:hover .newsbody .title {

    color: #fff;

}



#indexPage #newslist #newsitem_0 .newsbody .description,

#newsPage #newslist .newstitem .newsbody .description {

    font-size: 13px;

    line-height: 24px;

    color: #909090;

    text-align: left;

    height: 42px;

    overflow: hidden;

    margin-top: 16px;

    display: block;

}



#indexPage #newslist #newsitem_1 .newsbody p.description,

#indexPage #newslist #newsitem_2 .newsbody p.description,

#indexPage #newslist #newsitem_3 .newsbody p.description {

    font-size: 13px;

    line-height: 24px;

    color: #6a6a6a;

    text-align: left;

    height: 42px;

    overflow: hidden;

    margin-top: 12px;

    display: block;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    margin-left: 0;

}



#indexPage #newslist #newsitem_1:hover .newsbody p.description,

#indexPage #newslist #newsitem_2:hover .newsbody p.description,

#indexPage #newslist #newsitem_3:hover .newsbody p.description {

    margin-left: 10px;

    color: rgba(255, 255, 255, .5);

}



#indexPage #newslist #newsitem_0 .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(255, 255, 255, .12);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    font-size: 16px;

    font-family: "Times New Roman";

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;

}



#indexPage #newslist #newsitem_0 .newsbody::after:hover {

    position: absolute;

    content: "";

    width: 0px;

    height: 42px;

    background: #595959;

    margin: 68px -237px;

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    z-index: -1;

}



#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: "Times New Roman";

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -165px 0 no-repeat;

}



#indexPage #newslist #newsitem_0 a:hover .newsbody::after,

#newsPage #newslist .newstitem a:hover .newsbody::after {

    color: #fff;

}



#indexPage #newslist #newsitem_0 a:hover .newsbody::after,

#newsPage #newslist .newstitem a:hover .newsbody::after {

    color: #333;

}



#indexPage #newslist #newsitem_1 .news_wrapper,

#indexPage #newslist #newsitem_2 .news_wrapper,

#indexPage #newslist #newsitem_3 .news_wrapper,

#indexPage #newslist #newsitem_4 .news_wrapper,

#indexPage #newslist #newsitem_5 .news_wrapper {

    transition: all 0.3s ease-out 0s;

}



#indexPage #newslist #newsitem_1 .news_wrapper::after,

#indexPage #newslist #newsitem_2 .news_wrapper::after,

#indexPage #newslist #newsitem_3 .news_wrapper::after,

#indexPage #newslist #newsitem_4 .news_wrapper::after,

#indexPage #newslist #newsitem_5 .news_wrapper::after {

    width: 340px;

    height: 1px;

    position: absolute;

    content: "";

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: rgba(255, 255, 255, .08);

    z-index: -1;

    margin-top: 40px;

    margin-left: -30px;

}



#indexPage #newslist #newsitem_1 a:hover .news_wrapper::after,

#indexPage #newslist #newsitem_2 a:hover .news_wrapper::after,

#indexPage #newslist #newsitem_3:hover .news_wrapper::after,

#indexPage #newslist #newsitem_4:hover .news_wrapper::after,

#indexPage #newslist #newsitem_5:hover .news_wrapper::after {

    width: 350px;

    background-color: rgba(255, 255, 255, .3);

}



#indexPage #newslist #newsitem_1 a:hover .news_wrapper,

#indexPage #newslist #newsitem_2 a:hover .news_wrapper,

#indexPage #newslist #newsitem_3 a:hover .news_wrapper,

#indexPage #newslist #newsitem_4 a:hover .news_wrapper,

#indexPage #newslist #newsitem_5 a:hover .news_wrapper {

    background-color: transparent;

}



#indexPage #newslist #newsitem_1 a:hover .title,

#indexPage #newslist #newsitem_2 a:hover .title,

#indexPage #newslist #newsitem_3 a:hover .title,

#indexPage #newslist #newsitem_4 a:hover .title,

#indexPage #newslist #newsitem_5 a:hover .title {

    color: #fff;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #newslist #newsitem_1 a:hover .date .year,

#indexPage #newslist #newsitem_2 a:hover .date .year,

#indexPage #newslist #newsitem_3 a:hover .date .year,

#indexPage #newslist #newsitem_4 a:hover .date .yeare,

#indexPage #newslist #newsitem_5 a:hover .date .year {

    color: #fff;

}



#indexPage #newslist #newsitem_1 {

    display: block;

    left: 730px;

}



#indexPage #newslist #newsitem_2 {

    display: block;

    left: 730px;

    top: 160px;

}



#indexPage #newslist #newsitem_3 {

    display: block;

    left: 730px;

    top: 320px;

}



#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: 399px;

    height: 100%;

    margin: 0 auto;

    left: 0;

    right: 0;

    border-right: 1px solid rgba(255, 255, 255, .08);

}



#indexPage #newsitem_0 a:hover .newsimg::after {

    width: 76px;

}



#indexPage #newsitem_0 .newsbody .description::after,

#newsPage #newslist .newstitem .newsbody .description::after {

    position: absolute;

    content: "";

    width: 0px;

    height: 42px;

    background: #fff;

    left: 0;

    margin: 0;

    top: 138px;

    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    z-index: -1;

}



#indexPage #newsitem_0 a:hover .newsbody .description::after {

    width: 150px;

}



#newsPage #newslist .newstitem a:hover .newsbody .description::after {

    width: 123px;

}



.newstitem {

    animation-name: fadeInUp;

    animation-delay: 0.1s;

}



#newsitem_1 {

    animation-name: fadeInUp;

    animation-delay: 0.1s;

}



#newsitem_2 {

    animation-name: fadeInUp;

    animation-delay: 0.2s;

}



#newsitem_3 {

    animation-name: fadeInUp;

    animation-delay: 0.3s;

}



/* 合作伙伴 */



#mpartner .content>.header {

    width: 100%;

    position: relative;

    top: 50px;

}



#indexPage #mpartner .wrapper ul li {

    height: 380px;

}



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

}



#indexPage #mpartner .content::after {

    width: 100%;

    height: 1px;

    position: absolute;

    content: "";

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: #eaeaea;

    margin-top: -200px;

}



#indexPage #mpartner .wrapper ul li a:hover {

    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08) inset;

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

}



/* 分享 */



#shares a#sshare {

    color: transparent;

    background-image: url("//resources.jsmo.xin/templates/upload/220/icon/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(//resources.jsmo.xin/templates/upload/220/icon/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: #fff;

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

    undefined: undefined;

    -moz-transform: rotate(90deg);

    undefined: undefined;

    -webkit-transform: rotate(90deg);

    undefined: undefined;

    -o-transform: rotate(90deg);

    undefined: undefined;

}



#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: 12px;

    line-height: 24px;

    right: 0;

    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(//resources.jsmo.xin/templates/upload/269/icon/dot.png) repeat;

}



/* 新 */



#servicelist {

    top: -110px;

}



.content_list {

    height: 100%;

    width: 100%;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-viewport {}



#indexPage #servicelist .serviceitem {

    height: 100%;

}



#mservice .wrapper .bx-wrapper .bx-controls-direction a {

    margin-top: -86px;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-prev {

    left: -70px;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -40px no-repeat;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-prev:hover {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -100px no-repeat;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-next {

    right: -70px;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) 0 -40px no-repeat;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #mservice .wrapper .bx-wrapper .bx-next:hover {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/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: "";

}



/* 团队 */



/* .waikuang { width:1200px; margin:0 auto; height:100%; overflow:hidden;} */



#indexPage #mteam .summary p {

    text-align: left;

}



#indexPage #mteam .summary p.title {

    color: #383838;

    font-size: 22px;

    font-family: "Times New Roman";

    margin-bottom: 6px;

}



#indexPage #mteam .header {

    width: 100%;

    margin: 0 auto;

}



#indexPage #mteam .header a {

    float: left;

}



/* #indexPage #mteam .content_list #teamitem_1 .header a::before { content:"02";position: absolute;font-family: "Times New Roman";color: #e6e6e6;margin-top:40px;















font-size: 54px;z-index: 1;margin-left: -50px;} */



#indexPage #mteam .header img {

    width: 140px;

    height: 140px;

    margin: 25px auto 20px auto;

}



#teamitem_0 {

    width: 1200px;

}



#indexPage #mslider ul li div.fa-angle-down::before {

    content: "";

}



.content_list li {

    float: none;

}



#indexPage #mteam .content {

    height: 100%;

    top: 61px;

    margin-top: 0;

}



#indexPage #mteam .content .summary {

    width: 840px;

    text-align: left;

    float: left;

    margin-left: 120px;

    padding-top: 64px;

}



#indexPage #mteam .content .summary::before {

    content: "";

    position: absolute;

    width: 1px;

    height: 76px;

    background: rgba(0, 0, 0, .08);

    margin-top: -7px;

    margin-left: -60px;

}



#indexPage #mteam .content_list li::after {

    content: "";

    width: 60px;

    height: 60px;

    position: absolute;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -60px -160px no-repeat;

    margin-top: 65px;

    margin-left: -130px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #mteam .content_list li:hover::after {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) 0px -160px no-repeat;

}



#indexPage #mteam .content .module-content {

    width: 100%;

    height: 100%;

}



#indexPage #mteam .content .module-content .wrapper {

    position: relative;

    top: 50%;

    margin-top: -340px;

}



#indexPage #mteam .content .module-content .wrapper .bx-viewport {

    height: 100%;

}



#indexPage #mteam .content_list li {

    float: none;

    width: 100%;

    height: 190px;

    border-bottom: 1px solid rgba(0, 0, 0, .05);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    overflow: hidden;

    padding-left: 50%;

    margin-left: -500px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #mteam .content_list li:nth-child(3),

#indexPage #mteam .content_list li:last-child {

    border-bottom: 1px solid transparent;

}



#indexPage #mteam .content_list li:hover {

    background: #f7f7f7;

    cursor: pointer;

    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05);

}



#indexPage #mteam .header img {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#indexPage #mteam .content_list li:hover a img {

    transform: scale(1.1, 1.1);

    -moz-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

}



#indexPage #mteam .module-content .description {

    width: 400px;

    text-align: left;

    position: relative;

    top: -82px;

    line-height: 28px;

    margin-left: 145px;

    padding-left: 60px;

}



#indexPage #mteam .module-content .description::before {

    content: "";

    position: absolute;

    width: 30px;

    height: 1px;

    background: rgba(0, 0, 0, .1);

    top: 13px;

    left: 12px;

}



#indexPage #mteam .summary p.subtitle {

    font-size: 13px;

}



#teamitem_0 {

    animation-name: fadeInUp;

    animation-delay: 0s;

}



#teamitem_1 {

    animation-name: fadeInUp;

    animation-delay: 0.1s;

}



#teamitem_2 {

    animation-name: fadeInUp;

    animation-delay: 0.2s;

}



#indexPage #mpartner .content {

    margin-top: -270px;

}



#indexPage #mcontact {

    background: #fff;

}



#indexPage #mcontact .header p.title {

    color: #333;

}



#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: 5%;

    font-family: "Times New Roman", "微软雅黑";

    margin-top: 5px;

}



#indexPage #mcontact #contactlist {

    background: #383838;

    height: 100%;

    padding-bottom: 10%;

    position: absolute;

    margin-top: 5%;

}



#mcontact .content #contactinfo {

    width: 35%;

    margin-left: 5%;

    padding-top: 4.2%;

}



#contactinfo div {

    position: relative;

    top: -234px;

    left: 280px;

}



#contactinfo p {

    margin-bottom: 5px;

}



#contactinfo h3 {

    margin-bottom: 45px;

}



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

}



#mcontact .content #contactform {

    width: 50%;

    margin-right: 5%;

    padding-top: 3.1%;

}



#contactform p .inputtxt {

    width: 100%;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #606060;

    width: 100%;

    padding: 20px 0px 20px 0;

    color: #fff;

}



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

    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 rgba(255, 255, 255, .2);

    cursor: pointer;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#contactform p .inputsub:hover {

    background-color: rgba(255, 255, 255, 1);

    border: 1px solid rgba(255, 255, 255, .1);

    color: #333;

}



#sitecontent .npagePage .content .serviceitem a img {

    opacity: 1;

}



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

    padding-left: 55px;

}



.teamitem {

    margin-right: 30px;

    background: #f7f7f7;

    width: 360px;

    height: 520px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    border: 1px solid transparent;

    border-top: none;

}



.teamitem:hover {

    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);

    margin-top: -10px;

    margin-bottom: 60px;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, .08);

    cursor: pointer;

    border-top: none;

}



.teamitem a {

    width: 360px;

    height: 300px;

}



.teamitem a img {

    width: 360px;

    height: 360px;

}



.teamitem .teaminfo .description {

    line-height: 24px;

    height: 55px;

    margin-top: 40px;

}



.teamitem .teaminfo {

    padding: 0 25px;

    margin-top: 30px;

}



.teamitem .teaminfo .subtitle {

    font-size: 13px;

}



.teamitem .teaminfo::before {

    content: "";

    position: absolute;

    width: 308px;

    height: 1px;

    background: rgba(0, 0, 0, .07);

    margin-left: -154px;

    margin-top: 70px;

}



.teamitem a div.wrap {

    background: #404040;

}



#sitecontent #newsPage #newslist {

    width: 1200px;

}



#sitecontent #newsPage #newslist .newstitem {

    width: 100%;

    height: 190px;

    float: left;

    border-bottom: 1px solid rgba(0, 0, 0, .08);

    margin-bottom: 30px;

}



#sitecontent #newsPage #newslist .newstitem .newsbody .date {

    left: 327px;

}



#sitecontent #newsPage #newslist .newstitem .newsbody .date .year {

    font-size: 14px;

    margin-left: -40px;

}



#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: 6px;

}



#teamlist .teamitem:last-child,

#teamlist .teamitem:nth-child(3) {

    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: 76%;

    float: left;

    padding-top: 5px;

    margin-left: 290px;

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

    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: "Times New Roman";

    background: url(//resources.jsmo.xin/templates/upload/269/icon/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: 305px;

}



#sitecontent #newsPage #newslist .newstitem:hover .newsbody::after {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/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%;

    overflow: hidden;

}



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

    margin-top: 50px;

    margin-left: -15px;

}



#sitecontent .npagePage #servicelist .serviceitem {

    height: 440px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    padding-bottom: 90px;

    margin-bottom: 0px;

}



#sitecontent .npagePage #servicelist .serviceitem:hover {

    border-bottom: 1px solid rgba(0, 0, 0, .3);

}



#sitecontent .npagePage #servicelist .serviceitem a:hover {

    padding-top: 17%;

}



#sitecontent .npagePage #servicelist .serviceitem a::after {

    position: absolute;

    content: "";

    width: 40px;

    height: 40px;

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png)-92px 0 no-repeat;

    margin-top: 30px;

    margin-left: 152px;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



#sitecontent .npagePage #servicelist .serviceitem a:hover::after {

    background: url(//resources.jsmo.xin/templates/upload/269/icon/icon.png) -10px 0 no-repeat;

    width: 70px;

    margin-left: 138px;

}



#sitecontent .npagePage #servicelist .serviceitem:hover .title {

    color: #000;

}



#header ul li.navitem:hover ul.subnav {

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);

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

}



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

}



#projectlist .projectitem a .project_info {

    position: relative;

    top: auto;

    left: auto;

}



#projectlist .projectitem a .project_info div {

    position: relative;

    bottom: 0px;

    z-index: 2;

}



#projectlist .projectitem {

    background: transparent;

}



.project_img {

    overflow: hidden;

}



#projectlist .projectitem a:hover .project_info {

    position: relative;

    background: transparent;

}



#projectlist .projectitem a .project_info::after {

    margin-top: -1px;

}



#indexPage #newslist .newstitem {

    z-index: 3;

}



.teamitem .teaminfo .description {

    height: 48px;

}



.Pageyemian .postbody { padding-bottom: 60px;}