@charset "utf-8";
body,
body.nobanner,
#sitecontent {
    background: #111111;
}
/*新首页开始*/

#indexPage .module .content {
    position: inherit;
    top: 0px;
}
#indexPage #mslider .content {
    margin: 0;
    height: 750px;
}
#indexPage #mservice {
    background-color: #111;
    height: 520px;
}
#indexPage #mservice .content {
    margin: 0;
    height: 520px;
    padding-bottom: 0px;
}
#indexPage #mproject .content {
    margin: 0;
    background: transparent;
    height: auto;
    padding-bottom: 0px;
}
#indexPage #mpage .content {
    margin: 0;
    height: auto;
}
#indexPage #mteam .content {
    margin: 0;
    height: 500px;
    background-color: #111;
}
#indexPage #mnews .content {
    margin: 0;
    height: auto;
}
#indexPage #mcontact .content {
    margin: 0;
    height: 600px;
}
#indexPage #mpartner .content {
    margin: 0;
    height: 200px;
    background-color: #080808;
}
#indexPage #mpage {
    background-color: #0e0e0e;
}
#indexPage #mnews {
    background-color: #131212;
}
.content .header p.subtitle {
    color: #c1c1c1;
    font-size: 12px;
    line-height: 30px;
}
#header ul li.navitem .nav-a {
    position: relative;
    display: block;
    color: #8a8a8a;
}
#header ul li.navitem a.active,
#header ul li.navitem:hover a {
    color: #e90500;
}
#header ul li.navitem ul.subnav {
    border-top: #e90500 3px solid;
}
#header {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}
#header.mini {
    background: rgba(0, 0, 0, 0.9);
    padding-top: 10px;
}
#header ul#nav {
    float: right;
}
#mslider .bx-wrapper .bx-controls-direction a:hover {
    background-color: #e90500;
}
.bx-wrapper .bx-controls-direction a i {
    font-size: 26px;
    margin-top: 6px;
}
#indexPage #mslider ul li p {
    color: rgb(255, 0, 0);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    border: #e71a1f 1px solid;
    background-color: #e71a1f;
}
/*首页案例*/
#projectlist .projectitem a::before {
    position: absolute;
    content: "";
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin-top: 20px;
    margin-left: 20px;
    z-index: 10;
    border: 1px solid transparent;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectlist .projectitem:hover a::before {
    border: 1px solid #e71a1f;
}
#indexPage #mproject {
    background-color: #111;
    padding-bottom: 2px;
}
#mproject .content > .header {
    padding-top: 80px;
    padding-bottom: 50px;
}
.projectSubList {
    margin-bottom: 0px;
}
#mproject #category {
    display: block;
    padding-bottom: 50px;
    text-align: center;
}
#indexPage #projectlist .projectitem {
    width: 25%;
    background: transparent;
}
#indexPage #mproject a.more:after {
    height: 58px;
    margin: 0px;
    position: absolute;
    top: 0px;
    z-index: 1;
}
#indexPage #mproject a.more:hover:before {
    padding-right: 0px;
    background: #e90500;
    text-indent: -40px;
}
#indexPage #mproject a.more:hover:after {
    width: 100%;
}
#indexPage #mproject a.more:hover:after i {
    display: none;
}
#category a {
    border: 1px solid #3e3e3e;
}
#projectlist .projectitem a:hover .project_info p.title {
    color: #e71a1f;
}
/*首页关于*/

#mpage .content .header {
    padding-top: 80px;
    padding-bottom: 50px;
}
#indexPage #mpage .wrapper li .fimg {
    height: 400px;
}
/*服务*/

#mservice .content > .header {
    padding-top: 80px;
}
#indexPage #mservice .wrapper {
    width: auto;
    margin-right: -50px;
}
#indexPage #servicelist .serviceitem {
    margin-right: 50px;
    transition: all 0.3s ease-out 0s;
    height: 230px;
    padding-top: 0px;
}
.service_img {
    display: block;
    text-align: center;
    margin: 0 auto;
}
#servicelist .serviceitem div p.description {
    width: 100%;
    margin: 0 auto;
    height: 50px;
    color: #474747;
    font-size: 13px;
}
#servicelist .serviceitem div p.title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #929292;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    transition: all ease-out 0.2s;
}
#servicelist .serviceitem:hover .title {
    color: #e90500;
}
#indexPage #mservice a.more {
    display: none;
}
#servicelist .serviceitem a img {
    width: 320px;
}
/*首页团队*/
#indexPage #mteam .header img {
    margin: 0;
}
#indexPage #mteam .content_list .header {
    float: left;
}
#indexPage #mteam .wrapper {
    margin: 0 60px;
    width: auto;
    padding-top: 160px;
}
#indexPage #mteam .summary {
    float: left;
    margin-left: 80px;
}
#indexPage #mteam .summary p {
    text-align: left;
}
#indexPage #mteam .summary p.title {
    margin-top: 0px;
    color: #e71a1f;
    font-size: 24px;
}
#indexPage #mteam .summary p.title a {
    font-size: 24px;
    color: #e71a1f;
}
#indexPage #mteam .summary p.subtitle {
    line-height: 30px;
    margin-bottom: 50px;
    font-size: 12px;
    color: #4b4b4b;
    text-align: left;
}
#indexPage #mteam .summary p.description {
    color: #808080;
}
#mteam .bx-wrapper .bx-prev {
    left: -120px;
}
#mteam .bx-wrapper .bx-next {
    right: -120px;
}
#mteam .bx-wrapper .bx-controls-direction a {
    border-color: transparent;
    margin-top: -40px;
    background: transparent;
}
#mteam .bx-wrapper .bx-controls-direction a:hover {
    background-color: transparent;
}
#mteam .bx-wrapper .bx-controls-direction a:hover i {
    color: #fff;
}
#mteam .bx-wrapper .bx-controls-direction a i {
    color: #323232;
    font-size: 36px;
}
.content .header p.title {
    color: #e71a1f;
    font-size: 26px;
}
.content .header p.subtitle {
    color: #464646;
    font-size: 13px;
    line-height: 30px;
}
/*首页新闻*/

#mnews .content .header {
    padding-top: 80px;
    padding-bottom: 50px;
}
#indexPage #mnews .content .header {
    display: block;
}
#newslist .newstitem .news_wrapper {
    position: inherit;
}
#newslist .newstitem {
    height: 160px;
    position: relative;
}
#newslist .newstitem.left a.newscontent,
#newslist .newstitem.right a.newscontent {
    padding: inherit;
}
#newslist .newstitem.left a.newscontent:hover,
#newslist .newstitem.right a.newscontent:hover {
    padding: inherit;
}
#newslist .news_wrapper {
    background: none;
    border-bottom: rgba(0, 0, 0, 0.05) 1px solid;
}
#newslist .newstitem a.newscontent:hover .news_wrapper,
#newslist .news_wrapper {
    width: 100%;
}
#newslist .separator {
    display: none;
}
#newslist .newsbody {
    width: 690px;
    text-align: left;
    padding-top: 40px;
    position: relative;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#newslist .newsbody .title {
    width: 460px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #929292;
    margin-left: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#newslist .newsbody .description {
    float: right;
    width: 460px;
    height: 42px;
    line-height: 22px;
    font-size: 13px;
    color: #5e5e5e;
    text-align: left;
    margin-top: 16px;
    overflow: hidden;
}
#newslist .newsbody .date {
    width: 180px;
    float: left;
    font-family: "PlusJakartaSans-Medium", Arial;
    position: absolute;
    font-weight: 100;
    height: 70px;
    right: auto;
}
#newslist .newsbody .md {
    color: #bdbdbd;
    font-size: 16px;
    display: block;
    position: absolute;
    top: 60px;
    right: 0px;
}
#newslist .newsbody .md span {
    display: none;
}
#newslist .newsbody .year {
    font-size: 60px;
    color: #e71a1f;
    text-align: left;
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
}
#newslist .newstitem:hover .news_wrapper {
    background: #e90500;
}
#newslist .newstitem:hover .md,
#newslist .newstitem:hover .year,
#newslist .newstitem:hover .description,
#newslist .newstitem:hover .title {
    color: #fff;
}
#newslist .newstitem:hover .newsbody {
    transform: translate3d(-50px, 0, 0);
    -webkit-transform: translate3d(-50px, 0, 0);
    -moz-transform: translate3d(-50px, 0, 0);
}
#newslist .newstitem a.details {
    display: block;
    z-index: 2;
    position: absolute;
    top: 16px;
    width: 150px;
    left: 50%;
    margin-left: 405px;
    text-indent: -230px;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    border: none;
}
#newslist .newstitem:hover a.details {
    text-indent: -220px;
}
#newslist .newstitem a.details i {
    font-size: 36px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    color: transparent;
    padding-left: 200px;
}
#newslist .newstitem:hover a.details i {
    text-align: 40px;
    color: #fff;
}
#newslist .newstitem a.details:hover {
    text-indent: -220px;
}
#mnews a.more {
    display: block;
    margin-top: 50px;
}
#indexPage a.more:hover {
    border-color: #e71a1f;
    background-color: #e71a1f;
    color: #fff;
}
#indexPage a.more:hover i {
    text-indent: 18px;
    color: #eeeeee;
}
/*合作伙伴*/

#indexPage #mpartner .content .header {
    display: none;
}
#indexPage #mpartner .module-content {
    padding: 60px 0;
    height: 80px;
}
#indexPage #mpartner .wrapper {
    height: auto;
}
#indexPage #mpartner .wrapper ul li {
    height: 60px;
    padding-top: 14px;
}
#indexPage #mpartner .wrapper ul li a {
    width: 112px;
    height: auto;
    margin-right: 10px;
}
#indexPage #mpartner .bx-wrapper .bx-pager {
    display: none;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction {
    display: block;
}
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled {
    display: block;
}
#mpartner .bx-wrapper .bx-controls-direction a {
    background: none;
}
#mpartner .bx-wrapper .bx-controls-direction a i {
    color: #c3c6ca;
}
#mpartner .bx-wrapper .bx-controls-direction a:hover {
    background: #e90500;
}
#mpartner .bx-wrapper .bx-controls-direction a:hover i {
    color: #fff;
}
#indexPage #mpartner .bx-wrapper .bx-prev {
    left: -58px;
}
#indexPage #mpartner .bx-wrapper .bx-next {
    right: -58px;
}
/**/

#indexPage #mcontact .content .fw {
    width: auto;
}
#indexPage #mcontact .content {
    width: 940px;
    margin: 0 auto;
}
#mcontact .content .header {
    padding-top: 80px;
}
/*分享到*/
#shares a#sweibo {
    background-color: #272727;
}
#shares a#sweixin {
    background-color: #3f3f3f;
}
#shares a#sshare {
    display: none;
}
#shares a#gotop {
    margin-top: 0;
}
#olx_head {
    background-color: #e90500;
}
#olx_qq li a:hover {
    color: #fff;
    background: #1d1d1d;
}
#olx_qq li a:hover i {
    color: #e90500;
}
#online_open {
    background: #e90500;
    bottom: 160px;
}
#olx_qq li a {
    background: rgba(20, 20, 20, 0.5);
    color: #747474;
    border-bottom: 1px solid #232323;
}
#online_lx {
    background-color: rgba(20, 20, 20, 0.85);
}
.nobanner #header {
    background: rgba(14, 14, 14, 0.9);
}
.Pageanli #projectlist .projectitem {
    background: transparent;
    margin-right: 0px;
    margin-bottom: 0px;
}
.Pageanli #projectlist .projectitem a .project_info:after {
    display: none;
}
.Pageanli#mproject .content > .header {
    padding-bottom: 30px;
    padding-top: 80px;
}
.Pageanli#mproject .content .header p.title {
    color: #e71a1f;
    font-size: 26px;
}
.Pageteam .teamitem .title a {
    font-size: 18px;
    color: #fff;
}
.teamitem .teaminfo .subtitle {
    color: #4b4b4b;
}
.Pageservice #servicelist .serviceitem {
    transition: all 0.3s ease-out 0s;
    height: 230px;
}
.Pageservice #servicelist .serviceitem a img {
    width: 320px;
}
.Pageservice #servicelist .serviceitem:hover .title {
    color: #e90500;
}
.Pagenews .content .header {
    padding-top: 120px;
}
#projectinfo .description a {
    display: initial;
}
.Pageteam .content .header {
    padding-top: 120px;
}
#indexPage a.more {
    margin: 50px auto 80px;
    color: #e90500;
    border-color: #3a3a3a;
    border-radius: 0;
}
#contactform p .inputsub {
    background-color: #e90500;
    padding: 8px 0;
    font-size: 16px;
}
#pages a.active,
#pages a:hover {
    background: #e90500;
    color: #fff;
}
#category a.active,
#category a:hover {
    background: #e90500;
    color: #fff;
    border-color: #e90500;
}
#projectinfo .description a {
    padding: 10px 40px;
    color: #fff;
    background: #e90500;
    transition: all ease 0.3s;
}
#indexPage .module {
    z-index: auto;
}
.npagePage .content {
    background: #111111;
}
#teambody .theader .title {
    color: #ffffff;
}
#projectimages {
    background: #0e0e0e;
}
#projectinfo .header {
    padding: 0;
    border-bottom: #404040 1px dotted;
}
#mproject #projectlist {
    margin: 0 auto;
    width: 100%;
}

#projectlist .wrapper {
    margin: 0;
}
#footer p {
    color: #474747;
}
.postbody a:hover {
    color: #e90500;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    border: #5d5d5d 1px solid;
    background-color: #5d5d5d;
}
#contactform p .inputtxt:hover {
    border: #e90500 1px solid;
}
#indexPage #mcontact .header p.title {
    color: #e71a1f;
}
#indexPage #mcontact .header p.subtitle {
    color: #464646;
}

#header ul li.navitem a::after {
    content: "";
    display: block;
    margin-top: -9px;
    width: 0;
    height: 1px;
    background: transparent;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#header ul li.navitem a.active::after {
    width: 15px;
    background: #e90500;
}
#header ul li.navitem:hover a::after {
    width: 15px;
    background: #e90500;
}
#header ul li.navitem ul.subnav li a::after {
    display: none;
}
#projectib .projectitem a .project_info p.title {
    color: #b7b7b7;
}
#projectib .projectitem a .project_info p.subtitle {
    color: #4a4a4a;
}
#projecttags a,
#projecttags1 a,
#projecttags2 a,
#projecttags3 a,
#projecttags4 a,
#projecttags5 a {
    color: #cbcbcb;
    background: #1e1e1e;
}
#projecttags a:hover,
#projecttags1 a:hover,
#projecttags2 a:hover,
#projecttags3 a:hover,
#projecttags4 a:hover,
#projecttags5 a:hover {
    color: #f6f6f6;
    background: #e71a1f;
}
#projectshow1 {
    width: 360px;
    float: right;
    margin-left: 0px;
}
#projectinfo1,
#projectinfo2 {
    float: right;
    padding: 30px;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    width: 300px;
    border-top: 1px solid #e71a1f;
}
#projectshow1 #projecttags1 {
    margin-top: 40px;
}
#projectlist .wrapper {
    margin: 0;
}
#indexPage #mproject .content .wrapper .content_list {
    margin: 0 auto;
}
#mproject .content .wrapper .content_list {
    margin: 0 auto;
}
.npagePage:not(.content_editor) #projectib1 #projectlist .projectitem {
    width: 170px !important;
    float: none;
    padding: 0em;
    background-color: transparent;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin-right: 10px;
    margin-bottom: 10px;
}
#npagePage #projectlist .projectitem a .project_info {
    position: absolute;
}
#npagePage #projectlist .projectitem a::before {
    display: none;
}
.postbody hr {
    border-top: 1px dotted rgb(47, 47, 47);
}
#category li.hasmore div ul a.active,
#category li.hasmore div ul a:hover {
    background: #2a2a2a;
    color: #e90500;
}
#contactinfo p {
    color: #878787;
}

/* 2019-09-23 yyq 4-5 */
/* 处理分类 */
.bodyindex #indexPage #category .more,
.bodyindex #indexPage #category a:first-child,
.bodylist #category .more {
    display: none;
}

.bodyindex #indexPage #category a.more {
    position: static;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    line-height: 16px;
    height: 16px;
    font-size: 13px;
    color: #7b7b7b;
    background-color: #eaeaea;
    margin-left: 0;
    border: none;
}

/* 处理图片 */
#mservice .serviceitem .service_img,
#mteam .content_list li .header a,
#mpartner .content_list li .par_img,
#teamlist .teamitem .teamimg,
#servicelist .serviceitem .service_img {
    position: relative;
    display: block;
    overflow: hidden;
}
#mservice .serviceitem .service_img img,
#mteam .content_list li .header a img,
#mpartner .content_list li .par_img img,
#teamlist .teamitem .teamimg img,
#servicelist .serviceitem .service_img img {
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#indexPage #mservice .serviceitem .service_img {
    padding-top: 35%;
    width: 320px;
    margin: 0 auto;
}
#mteam .content_list li .header a {
    padding-top: 100%;
    width: 180px;
}
#mpartner .content_list li .par_img {
    padding-top: 50%;
}
#teamlist .teamitem .teamimg {
    padding-top: 100%;
    width: 100%;
}
#servicelist .serviceitem .service_img {
    padding-top: 35%;
    width: 320px;
}

/* 其他样式 */
.bodylistpost.bodyteam #teamimage {
    display: none;
}
#teampost #teambody {
    margin-left: 0;
}
#category a {
    white-space: nowrap;
}
#indexPage #mteam .wrapper .bx-wrapper {
    margin: 0 60px;
}
.Pageteam #teamlist .teamitem a:first-child {
    height: 100%;
}
#indexPage #mteam .module-content {
    width: 1180px;
}
#npagePage.content_editor #projectshow1 #projectib1 #mproject .projectitem {
    margin-bottom: 0;
}
.content_editor {
    padding-top: 81px;
}
#pages a {
    margin-right: 0;
}
.dropmenu ul {
    background-color: #000;
}

#npagePage.content_editor #projectshow1 #projectib1 {
    padding-bottom: 30px;
}
/* 2019-09-23 yyq 4-5 */