@charset "utf-8";

/* CSS Document */

/*导航*/

#header ul li.navitem a.active,

#header ul li.navitem:hover a {

    padding: 10px 30px;
    color: #fff;
    background: #2a2e36;

}

#header.mini {

    padding-top: 0;

    background: #fff;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);

}

#header .content {

    padding-right: 0;

    padding-left: 0;

}

#header ul#nav {

    float: right;

    padding: 0 40px 0 40px;

    transition: all 0.3s ease-out 0s;

}

#header.mini ul#nav {

    padding: 0 20px 0 20px;

}

#header ul li.navitem {

    height: auto;

    padding: 20px 0.5px;

}

#header.mini ul li.navitem {

    padding: 10px 0.5px;

}

#header {

    padding-top: 0;

    background-color: transparent;

}

#header #logo {

    padding: 20px 40px 20px 40px;



    transition: all 0.3s ease-out 0s;

}

#header #logo img {

    transition: all 0.3s ease-out 0s;

    transform: scale(1, 1);

}

#header.mini #logo {

    padding: 10px 20px 10px 20px;

}

#header.mini #logo img {

    transform: scale(0.8, 0.8);

}

#header ul li.navitem a {

    display: block;



    padding: 10px 30px;



    color: #999;

}

#header ul li.navitem {

    line-height: 20px;



    height: auto;

    padding: 20px 0.5px;

}

.nobanner #header {

    background: #fff;

}

.lowB #header {

    background: #fff;

}

#indexPage a.more {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 14px;

    line-height: 38px;



    width: 220px;

    height: 38px;

    margin: 3% auto;



    text-align: center;

    text-indent: 0;



    color: #2a2e36;

    border-color: rgba(0,0,0,0.2);

    border-radius: 0;

}

#indexPage a.more i {

    font-size: 20px;



    position: relative;

    top: 1px;

}

#indexPage a.more:hover {

    text-align: center;

    text-indent: 0;



    color: #fff;

    border-color: #2a2e36;

    background-color: #2a2e36;

}

#indexPage a.more:hover i {

    color: #fff;

}

#indexPage #mpartner .slider_control a:hover {

    background-color: #424242;

}

#pages a.active,

#pages a:hover {

    color: #2a2e36;

    background: rgba(255,255,255,0.1);

}

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

    background-color: #2a2e36;

}





/*导航下拉菜单 */

#header ul li.navitem {

    line-height: 20px;

}

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

    font-size: 12px;

    line-height: 20px;



    display: block;



    width: 150px;

    height: 20px;

    padding: 14px 30px;



    transition: all 0.2s ease-out 0s;



    color: #999;

    background: #fff;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}

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

    text-indent: 10px;



    color: #484848;

    background: #ededed;

}

#header ul li.navitem ul.subnav {

    border-top: 3px solid #7b7b7b;

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}

#header ul li.navitem ul.subnav li {

    border-bottom: 1px solid #fff;

}







/*幻灯左右切换按钮 */

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

    z-index: 0;



    border-radius: 0;

    background: rgba(0,0,0,0.2);

}



















/*首页案例背景颜色 */



















#indexPage #mproject {

    height: auto;

    padding: 120px 0;



    background-color: #f8f8f8;

    background-attachment: fixed;

}

#category a {

    margin-right: 10px;

    padding: 8px 30px;



    transition: all 0.3s ease-out 0s;



    color: #999;

    border: 1px solid #ddd;

}

#category a.active,

#category a:hover {

    color: #fff;

    border: 1px solid #2a2e36;

    background: #2a2e36;

}

/*案例*/







#indexPage #projectlist .projectitem {

    margin: 0 1% 10px 0;

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

}

#indexPage #projectlist .projectitem:hover {

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

}

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

    color: #2a2e36;

}

#projectlist .projectitem a .project_info p.subtitle {

    overflow: hidden;

    margin-top: 0;

    padding: 0 60px 0 10px;

    text-align: left;

    white-space: nowrap;

    text-overflow: ellipsis;
    color: #929292;

}

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

    color: #929292;

}

#projectlist .projectitem {

    width: 24%;

    margin-bottom: 100px;



    background-color: #fff;

}

#projectlist .projectitem a:hover .project_info {

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

}

#projectlist .projectitem .project_info p.title {

    padding: 10px 0;



    color: #4e4e4e;

}

#projectmore {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 18px;

    line-height: 100px;



    height: 100px;



    color: #2a2e36;

    background: #262626;

}

#projectmore:hover {

    font-size: 18px;

    line-height: 100px;



    height: 100px;



    color: #2a2e36;

    background: #262626;

}

.content .header p.subtitle {

    font-size: 12px;
    margin-top: 5px;
    margin-left: 5%;
    text-align: left;
    color: #a5a5a5;

}

#mpage .content .header p.subtitle {

    margin-left: 14%;
    text-align: left;

}

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

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    margin-left: 5%;
    text-align: left;

}

#indexPage #mproject .content .header p.subtitle {
   margin-left: 5%;
    text-align: left;

}

#indexPage #mproject a.more {

    font-size: 14px;

    line-height: 30px;



    position: absolute;

    top: 20px;

    right: 5%;



    width: 150px;

    height: 30px;

    margin: 0;



    color: #fff;

    border-color: #333;

    background-color: #333;

}

#indexPage #mproject a.more:hover {

    border-color: #2a2e36;

    background-color: #2a2e36;

}

#indexPage #mproject .bx-wrapper .bx-pager.bx-default-pager a {

    display: none;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".01";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".02";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".03";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".04";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".05";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".06";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".07";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".08";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".09";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".10";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".11";

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



    color: #999;

}

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

    position: absolute;

    right: 0;



    margin-top: -15px;

    margin-right: 20px;



    content: ".12";

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



    color: #999;

}

/*首页背景不加透明蒙层 */























/*首页服务背景层 */











#contactform p textarea.inputtxt {

    height: 80px;

}

#contactform p .inputtxt {

    margin-bottom: 5px;



    color: #444;

    border: none;

    background: none;

}

#contactform p {

    padding-top: 5px;



    border-bottom: 1px solid #e7e4e4;

}

#indexPage #mteam .description {

    padding: 36px;



    color: #909090;

    border-radius: 8px;

    background-color: #fff;

}

#indexPage #mteam .header img {

    width: 100px;

    height: 100px;

}

#mteam .content .header::after {

    position: absolute;

    width: 1px;
    height: 36px;
    margin: 0px 590px;

    content: "";

    background: #2a2e36;

}

.content .header p.title {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 24px;

    margin-left: 5%;

    text-align: left;

}

#indexPage #mteam .slider_control a i:hover {

    color: #2a2e36;

}

.teamitem a div.wrap span {

    background: #2a2e36;

}

.teamitem a div.wrap {

    background: #171717;

}

/*首页幻灯高度*/



















#indexPage #mslider {

    height: 400px;

}

bx-wrapper .bx-pager.bx-default-pager a {

    width: 20px;

    height: 4px;

    margin: 0 5px;



    border: 1px solid #c8c8c8;

    border-radius: 6px;

}











#indexPage #mslider {

    height: 0;

}

#shares a {

    background: transparent;

}

#shares a#gotop {

    margin-top: 1px;



    transition: all 0.3s ease-out 0s;



    background-color: rgba(0, 0, 0, 0.2);

}

#shares a#gotop:hover {

    background-color: rgba(0, 0, 0, 0.8);

}

.bx-wrapper .bx-pager.bx-default-pager a {

    width: 50px;

    height: 1px;

}

#indexPage #mslider ul li p {

    color: #5d5d5d;

}

#mslider .sliderArrow {

    font-size: 48px;



    position: absolute;

    z-index: 2;

    bottom: 120px;

    left: 50%;



    display: block;



    width: 29px;

    height: 25px;

    margin-left: -16px;



    -webkit-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

       -moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

         -o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;

            animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s infinite alternate;



    color: #9b9b9b;

}

/*新导航*/



























/*在线咨询*/























#olx_head {

    border-radius: 0;

    background: #2a2e36;

}

#olx_qq li a:hover i {

    color: #2a2e36;

}

#olx_qq li a:hover {

    padding: 18px 30px;

}

.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: 1px solid #2a2e36;

    background-color: #2a2e36;

}

.bx-wrapper .bx-pager.bx-default-pager a {

    margin: 0 1px;



    border: 1px solid rgba(143, 143, 143, 0.3);

    border-radius: 0;

}

/*首页关于我们*/



























#indexPage #mpage .wrapper li .fimg {

    width: 48%; 

    background-size: cover;


}

#mpage .content .header {

    float: right;

    width: 50%;
    padding-top: 10px;

    padding-bottom: 30px;

}

#mpage .module-content .description {

    line-height: 26px;
    float: right;



    width: 36%;

    height: auto;


    padding-right: 7.1%;

    padding-left: 7.1%;



    text-align: left;

}

#indexPage #mpage a.more {

    line-height: 40px;



    float: right;



    width: 12%;

    height: 40px;

    margin-right: 31%;

    margin-left: 7%;

}

/*首页联系*/





#indexPage #mcontact .content {

    width: 100%;

}

#contactinfo {

    width: 15%;

    padding-left: 10%;

}

#contactform.fr {

    width: 30%;

    margin-right: 5%;

    padding: 43px 10%;


    background-color: rgb(255, 255, 255);

}

#contactform p .inputsub {

    margin-top: 10px;

    padding: 8px 0;



    color: #fff;

    background-color: #2a2e36;

}

#contactform .inputtxt.active {

    border-color: #424242;

}

#indexPage #mcontact .header p {

    padding-left: 0;

    text-align: left;

}

#indexPage #mcontact .content .fw {

    width: 100%;

}

#contactinfo h3 {

    color: #2a2e36;

}

#contactinfo div a {

    background: #ccc;

}

#contactinfo div a:hover {

    background: #2a2e36;

}

/*首页新闻*/

#indexPage #mteam {

    height: 560px;



    background-color: #f6f6f6;

}

#mteam .content .header {

    padding-top: 120px;

}

/*案例*/




#projectinfo {

    float: right;



    width: 340px;

    margin-left: 0;

    padding: 0 50px;

}

#projectwrap.fw {

    width: 100%;

}

#projectbody {

    float: right;



    width: calc(100% - 490px);

    max-width: 100%;

    margin: 0 auto;

    padding: 0 50px 0 0;

}

#projectimages li img {

    display: block;

    float: none;



    max-width: 100%;

    margin: 0 auto;

}

#projectimages {

    background: #fff;

}

#projectinfo .description a {

    color: #fff;

    background: #2a2e36;

}

#projectinfo .description a:hover {

    color: #fff;

    background: #2a2e36;

}

#plheader {

    padding-bottom: 50px;

}

.teamitem .teaminfo {

    text-align: left;

}

#indexPage #mproject .bx-wrapper .bx-controls-direction a {

    margin: -60px -20px;



    background: rgb(201, 201, 201);

}

#indexPage #mproject .bx-wrapper .bx-controls-direction a:hover {

    background: #2a2e36;

}

/*新*/





.npagePage #projectlist .wrapper {

    width: 90%;

}

#indexPage #mproject .content .wrapper {

    width: 90%;

    margin: 0 5%;

}

.content .header {

    padding-top: 80px;

    padding-bottom: 3%;

}

#indexPage #mproject .bx-wrapper .bx-pager {

    bottom: -9%;



    text-align: right;

}

#indexPage #mpage .content {

    top: 0;



    margin-top: 0;

}

#indexPage #mteam .content {

    margin-top: -17%;

}

#moduleControl a.moduleCItem {

    width: 10px;

    height: 1px;

    margin-bottom: 10px;



    border: 1px solid transparent;

    border-radius: 0;

    background-color: #dedede;

}



/*新闻*/















#indexPage .module .bgmask {

    background-color: transparent;

}

#indexPage #mslider ul li p.title {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 42px;

    line-height: 60px;
    width: 500px;

    height: 60px;

    margin: 0 1800px 0 20px;

    padding: 0 110px 30px;



    text-align: left;

}

#indexPage #mslider ul li p.subtitle {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 14px;

    line-height: 24px;



    width: auto;

    height: 25px;

    margin: 1px 1800px 0 20px;

    padding: 12px 110px;



    transition-delay: 0.2s;

    text-align: left;



    color: #a1a1a1;

}

.npagePage .content {

    background: #f8f8f8;

}

#projecttags a:hover {

    color: #fff;

    background: #2a2e36;

}

#projectib .projectitem a .project_info p.title {

    color: #a5a5a5;

}

#projectib .projectitem a .project_info p.subtitle {

    color: #505050;

}

#indexPage #mproject .bx-wrapper .bx-controls-direction {

    display: inline;

}

#projectinfo .header p::after {

    position: absolute;

    top: 65px;

    left: 0;



    width: 30px;

    height: 3px;



    content: "";



    background: #2a2e36;

}

#indexPage #mteam .bx-wrapper .bx-pager {

    bottom: -6%;



    display: block;

}

#servicelist .serviceitem div p.title {

    height: 50px;

}

#projectinfo .header .description {

    color: #939393;

}

#projectlist .bx-viewport {

    padding-bottom: 80px;

}

#projectlist .projectitem a .project_info::after {

    position: absolute;

    top: 100%;

    left: 0;



    width: 0;

    height: 1px;



    content: "";

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



    background-color: #2a2e36;

}

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

    width: 100%;

}

#projectlist .projectitem a .project_info p.title {

    overflow: hidden;



    margin: 0 60px 0 20px;

    padding: 18px 0 5px;



    text-align: left;

    white-space: nowrap;

    text-overflow: ellipsis;



    color: #565656;

}

#projectlist .projectitem a .project_info div {

    position: absolute;

    top: auto;

    bottom: -80px;



    width: 100%;

    height: 80px;

    margin-top: 0;



    transition: all 0.3s ease-out 0s;



    background-color: #fff;

}

#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 .content .header::after {

    position: inherit;



    float: left;



    width: 30px;

    height: 2px;

    margin: 22px 48% 0;

    margin-left: 14%;



    content: "";

    text-align: left;



    background: #2a2e36;

}

#indexPage #servicelist .serviceitem {

    padding: 30px 0 0;



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



    background-color: transparent;

}

#indexPage #servicelist .serviceitem:hover {

    padding: 0 0;



    background-color: transparent;

}

#pages {

    padding: 40px 0 80px;

}

#indexPage #mpartner .wrapper ul li a {

    position: relative;

    top: 0;



    margin-right: 0;

    margin-bottom: 0;



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

}

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

    top: -10px;



    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.1);

}

#indexPage #mpartner .wrapper ul li {

    margin: 20px 0 20px 40px;



    background-color: transparent;

}

#mpartner .bx-viewport {

    padding-bottom: 20px;

}

#mpartner .content .header {

    width: 100%;

    padding-bottom: 2%;

}

#moduleControl a.moduleCItem:hover,

#moduleControl a.moduleCItem.active {

    border: 1px solid #2a2e36;

    background-color: #2a2e36;

}

@keyframes mymove {

    0% {

        transform: scale(1.2, 1.2);

    }

    100% {

        transform: scale(1, 1);

    }

}

#banner div {

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

    animation: pulse 20s;

}

.postbody {

    color: #838383;

}

#indexPage #mteam .summary p.title {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 22px;



    color: #474747;

}

#indexPage #mnews .content .header {

    display: block;



    padding-bottom: 70px;

}

#indexPage #mnews .content {

    top: 50%;



    height: 410px;

    margin-top: -205px;

}






#indexPage #mnews1 .content .header {

    display: block;



    padding-bottom: 70px;

}

#indexPage #mnews1 .content {

    top: 50%;



    height: 410px;

    margin-top: -205px;

}




#indexPage #newslist {

    position: relative;

    width: 90%;

    height: 200px;

    margin: 0 auto;



}

#indexPage .newsimg,

#newslist .separator,

#indexPage .newsbody .description {

    display: none;

}

#indexPage #newslist .newstitem {

    line-height: 30px;
    position: absolute;
    top: 0;
    display: none;
    width: 420px;
    height: 30px;
	
	

   
}

#indexPage .newstitem .newsbody {

    display: block;
    width: 100%;
    max-width: 100%;
    vertical-align: auto;

    ;

}

#newslist .newstitem .newsbody .date {

    font-family: Arial;
    font-weight: inherit;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    padding: 0 22px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	color: #b0b0b0;

}

#newslist .newstitem .newsbody .title {

    font-size: 12px;
    line-height: 30px;
    display: inline-block;
    float: left;
    overflow: hidden;
    width: 280px;
    height: 30px;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #7b7b7b;

}

#newslist .newstitem.left a.newscontent,

#newslist .newstitem.right a.newscontent {

    padding: 0;



    text-align: left;

}

#newslist .news_wrapper {

    width: 100%;

    background-color: transparent;

}

#newslist .newstitem a.newscontent:hover .news_wrapper {

    width: 100%;
    background-color: transparent;

}

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

    width: 100%;

    height: 100%;


  

}

#indexPage #newslist #newsitem_0 .newsimg {

    display: block;

    width: 420px;
    height: 200px;

}

#newsPage #newslist .newstitem .newsimg {

    display: block;

    width: 480px;

    height: 160px;

}

#indexPage #newslist #newsitem_0 .news_wrapper,

#newsPage #newslist .newstitem .news_wrapper {

    left: 450px;

    width: 450px;

    height: 200px;
 
}

#indexPage #newslist #newsitem_0 .newsbody .title,

#newsPage #newslist .newstitem .newsbody .title {

    font-size: 16px;
    position: relative;
    top: -25px;
    display: block;
	float: none;
    width: 100%;
	color: #535353;
	

}

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

    color: #2a2e36;
}

#indexPage #newslist #newsitem_0 .newsbody .description,

#newsPage #newslist .newstitem .newsbody .description {

    font-size: 12px;
    line-height: 22px;
    display: block;
    overflow: hidden;
    height: 42px;
    margin-top: 20px;
    text-align: left;
    color: #909090;


}

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

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

    line-height: 30px;



    display: block;



    width: 120px;

    height: 30px;

    margin-top: 28px;



    content: "MORE";

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

    text-align: center;



    color: #2a2e36;

    border: 1px solid rgba(0,0,0,0.1);

}

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

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

    color: #fff;

}

#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 ease-out 0.3s;

}

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

    position: absolute;

    z-index: -1;

    left: 0;



    width: 100%;

    height: 0;

    margin-top: -4px;



    content: "";

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



    background-color: #2a2e36;

}

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

    position: absolute;

    z-index: -1;

    left: 0;



    width: 100%;

    height: 38px;

    margin-top: -4px;



    content: "";

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



    background-color: #2a2e36;

}

#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 .date,

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

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

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

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

    color: #fff;

}

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

}

#indexPage #newslist #newsitem_1 {

    left: 760px;



    display: block;

}

#indexPage #newslist #newsitem_2 {

    top: 40px;

    left: 760px;



    display: block;

    ;

}

#indexPage #newslist #newsitem_3 {

    top: 80px;

    left: 760px;



    display: block;

    ;

}

#indexPage #newslist #newsitem_4 {

    top: 120px;

    left: 760px;



    display: block;

    ;

}

#indexPage #newslist #newsitem_5 {

    top: 160px;

    left: 760px;



    display: block;

    ;

}

#indexPage #newslist #newsitem_0 .newsimg::after {

    position: absolute;



    width: 76px;

    height: 2px;

    margin: 20px 0 0 237px;



    content: "";

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



    background: #2a2e36;

}

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

    width: 76px;

}

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

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

    position: absolute;

    z-index: -1;

    top: 150px;

    left: 0;



    width: 0;

    height: 32px;

    margin: 0;



    content: "";

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



    background: #2a2e36;

}

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

    width: 123px;

}

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

    width: 123px;

}

/*news list*/















#newsPage #newslist {

    width: 1180px;

    height: auto;

}

#newsPage #newslist .wrapper {

    width: auto;

    height: auto;

    margin-right: -40px;

    ;

}

#newsPage #newslist .newstitem {

    float: left;



    width: 100%;

    height: 180px;

    margin-right: 40px;

    margin-bottom: 60px;

}

#newsPage #newslist .newstitem .news_wrapper {

    left: 450px;
    width: auto;

}

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

    margin-top: 22px;

}

#newsPage #newslist .newstitem .newsbody .title {

    top: -20px;

}

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

    position: absolute;

    z-index: -1;

    top: 128px;

    left: 0;



    width: 0;

    height: 32px;

    margin: 0;



    content: "";

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



    background: #2a2e36;

}

#indexPage #newslist #newsitem_0 .newsbody .date,

#newsPage #newslist .newstitem .newsbody .date {

    position: relative;

    top: 32px;



    display: block;

    float: none;



    padding: 0;

}

/**/











#mteam .content_list li {

    animation-name: fadeInUp;

}

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

}

#newsitem_4 {

    animation-name: fadeInUp;

    animation-delay: 0.4s;

}

#newsitem_5 {

    animation-name: fadeInUp;

    animation-delay: 0.5s;

}

#mpartner .content_list li {

    animation-name: fadeInUp;

    animation-delay: 0.1s;

}

.slider li div {

    animation-name: fadeInUp;

    animation-delay: 0.1s;

}

#newslist .newsbody {

    width: 750px;

}

#newsPage #newslist .newstitem a.newscontent {

    padding-bottom: 20px;



    border-bottom: 1px solid rgba(255,255,255,0.1);

}

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

    color: #2a2e36;

}

.postbody img {

    max-width: 100%;

}

.npagePage #banner div {

    height: 300px;

}

.npagePage #banner {

    height: 300px;

}

#mpage .content .header p.title {

    font-size: 26px;



    margin-left: 14%;



    text-align: left;

}

#projectlist .wrapper {

    width: 85%;

    margin: 0 auto;

}

#indexPage #mproject #category {

    position: absolute;
    top: 20px;
    right: 5%;
    display: block;
    margin-right: 150px;
    animation-name: fadeInUp;

}

#indexPage #mproject #category a {

    padding: 7px 30px;
    border: 1px solid transparent;
    border-bottom: 1px solid #d4d2d2;

}

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

    width: 40px;
    height: 40px;
    margin: 0;
    color: transparent;
    background: url(http://resources.jsmo.xin/templates/upload/332/icon/jiantou.png)no-repeat 0 0;

}

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

    margin-left: 0;
    background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px 0;

}

#projectlist .projectitem a::after {

    line-height: 40px;



    position: absolute;

    z-index: 10;

    top: 0;

    left: 50%;



    display: inline-block;



    width: 40px;

    height: 40px;

    margin: 0 auto;

    margin-top: 0;

    margin-left: -20px;



    content: "";

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



    opacity: 0;

    background: url(http://resources.jsmo.xin/templates/upload/307/201606/soso-ico.png);

}

#projectlist .projectitem:hover a::after {

    top: 50%;



    margin-top: -20px;

    margin-left: -20px;



    opacity: 1;

}

#moduleControl a.moduleCItem:hover,

#moduleControl a.moduleCItem.active title {

    font-size: 12px;



    color: #000;

}

#indexPage #mcontact {

    background-color: #f8f8f8;

}

#indexPage #mcontact .header p.title {

    color: #444;

}

#projectbody .postbody {

    padding: 1px 50px 50px;



    background-color: #fff;

}

#projectimages {

    padding: 50px 50px 10px;

}

/*服务*/



#servicelist .serviceitem a img {

    width: auto;

    max-width: 100%;

    height: 200px;



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

}

#serviceitem_0::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "01";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_0:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_1::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "02";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_1:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_2::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "03";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_2:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_3::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "04";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_3:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_4::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "05";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_4:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_5::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "06";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_5:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_6::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "07";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_6:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_7::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "08";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_7:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#serviceitem_8::before {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";

    font-size: 30px;



    position: absolute;

    top: 0;

    left: 0;



    width: 0;

    height: 1px;



    content: "09";

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



    color: #bcbcbc;

    background-color: #fff;

}

#indexPage #servicelist #serviceitem_8:hover::before {

    width: 38px;

    height: 1px;



    color: #2a2e36;

    background-color: #a1a1a1;

}

#servicelist .serviceitem:hover .title {

    color: #2a2e36;

}

#mservice .bx-wrapper {

    height: 350px;

}

#indexPage #mservice a.more {

    font-size: 14px;

    line-height: 30px;



    position: absolute;

    top: 20px;

    right: 5%;



    width: 150px;

    height: 30px;

    margin: 0;



    color: #fff;

    border-color: #333;

    background-color: #333;

}

#indexPage #mservice a.more:hover {

    border-color: #2a2e36;

    background-color: #2a2e36;

}

#mservice .content .header p.title {

    font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";



    margin-left: 5%;



    text-align: left;

}

#mservice .content .header p.subtitle {

    margin-left: 5%;



    text-align: left;

}

#servicelist .serviceitem div {

    margin-top: 20px;

}

#indexPage #mservice .content .header,

#indexPage #mnews .content .header {

    width: 100%;

}

#indexPage #mservice a.more::before {

    position: absolute;

    top: 14px;

    left: -83px;



    width: 115px;

    height: 1px;



    content: "";

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



    background: #2a2e36;

}

#indexPage #mservice a.more:hover::before {

    left: 88px;



    width: 20px;



    background: #fff;

}

#indexPage #mservice .content .header::before,

#indexPage #mproject .content .header::before,

#indexPage #mnews .content .header::before,

#indexPage #mpartner .content .header::before,

#indexPage #mcontact .content .header::before {

    position: absolute;



    width: 30px;

    height: 1px;

    margin-top: 70px;

    margin-left: 5%;



    content: "";

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

    text-align: left;



    background: #5d5d5d;

}

#servicelist .serviceitem a {

    text-align: center;

}

#sitecontent #servicelist .serviceitem a img {

    height: 150px;

}

#servicelist .serviceitem div p.description {

    height: 70px;

}

#indexPage #mpage .wrapper li .fimg {

    height: 500px;

}

#indexPage .module {

    z-index: auto;

}

#indexPage .module .content {

    position: relative;

    top: 0;

}

#indexPage #mproject .content {

    margin: 0;

}

#indexPage #mservice {

    height: 900px;

    padding-top: 100px;

}

#indexPage #mservice .content {

    margin: 0;

}

#indexPage #mnews {

    height: 480px;

    padding-top: 100px;

}

#indexPage #mnews .content {

    top: 0;



    margin: 0;


}

#indexPage #mpartner {

    height:480px;

    padding-top: 20px;

    

}

#indexPage #mpartner .content {

    margin: 0;

}

#indexPage #mcontact {

    height: 250px;

    padding-top: 30px;



}

#indexPage #mcontact .content {

    margin: 0;

}

#indexPage #mservice {

    height: auto;

    padding-top: 100px;

    padding-bottom: 100px;

}

#indexPage #mteam .content {

    margin-top: 0;

}

#sitecontent .npagePage .content .header::before {

   
    width: 100%;
    height: 1px;
 
    background: #d8d8d8;

}

#sitecontent .npagePage .content .header.fw p.title {

    margin-left: 0;

}

#sitecontent .npagePage .content .header.fw p.subtitle {

    margin-left: 0;

}

#sitecontent .npagePage .content .header.fw::before {

    width: 90%;

    height: 1px;

    margin-top: 80px;

    margin-left: 0;

}

#sitecontent .npagePage .content #projectwrap .header::before {

    position: absolute;



    display: none;



    width: 90%;

    height:0px;

    margin-top: 70px;

    margin-left: 5%;



    content: "";

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

    text-align: left;



    background: #d8d8d8;

}

#category {

    margin-left: 0%;



    text-align: left;

}

#projectinfo .header p {

    margin-left: 0;

}

#sitecontent .npagePage .content .header p.title::before {

    position: absolute;

    top: 89px;



    width: 5px;

    height: 20px;

    margin-left: -30px;



    content: "";



    background: #2a2e36;

}

#category li.hasmore div {

    left: 5%;



    width: 90%;

}

#category li.hasmore div ul {

    text-align: left;



    border-top: rgba(0,0,0,0.08) 1px solid;

}





#projectinfo .header p.title::before {

    display: none;

}



/*分享*/



































#shares a#sshare {

    color: transparent;

    background-image: url("http://resources.jsmo.xin/templates/upload/220/icon/fenxiang.png");

    background-repeat: no-repeat;

}

#shares {

    right: 66px;

    bottom: -3px;



    height: 35px;

}

#shares a#gotop {

    margin-top: 6px;



    color: #5f5f5f;

    background: none;

}

#shares a i {

    padding: 0 20px;



    border-right: 1px solid rgba(167, 167, 167, 0.3);

}

#shares a i.fa-share-alt {

    padding: 0 16px;

}

#shares a i.fa-weixin {

    font-size: 16px;



    height: 16px;

    margin: 0 0 0 26px;

    padding: 0 8px;



    color: transparent;

    background-image: url(http://resources.jsmo.xin/templates/upload/220/icon/shoujih.png);

    background-repeat: no-repeat;

}

#online_open i {

    margin-top: 5px;

}

#shares a i.fa-share-alt {

    padding: 0 16px;

}

#online_open {

    bottom: 0;



    margin: 0 10px 0 0;



    color: #515151;

    background: none;

}

#footer p {

    position: fixed;

    right: 0;

    bottom: 0;



    width: 100%;

    padding: 8px 260px;



    background: #fff;

}

#footer.mini p {

    right: 0;



    padding: 8px 260px;

}

#shares a {

    display: inline-block;



    width: auto;

    height: 22px;



    color: #515151;

    background-color: transparent;

}

#shares a#sweibo {

    transition: all 0.3s ease-out 0s;



    background-color: transparent;

}

#shares a#sweibo:hover {

    background: transparent;

}

#shares a#sweixin {

    transition: all 0.3s ease-out 0s;



    background-color: transparent;

}

#shares a#sweixin:hover {

    background-color: transparent;

}

#online_lx {

    bottom: 36px;



    margin-right: -10px;



    border-radius: 0;

}

#olx_tel div {

    color: #898989;

}

#olx_qq li a i {

    color: #504f4f;

}

#olx_head i:hover {

    -webkit-transform: rotate(90deg); /* Safari 和 Chrome */

       -moz-transform: rotate(90deg); 	/* Firefox */

        -ms-transform: rotate(90deg); 	/* IE 9 */

         -o-transform: rotate(90deg); 	/* Opera */

            transform: rotate(90deg);



    color: #fff;

}

#footer a path {

    fill: #808080;

}

#footer {

    position: fixed;

}









#projecttags {

    float: right;



    width: 340px;

    margin-top: 20px;

    margin-left: 0;

    padding: 0 50px;

}

#projectib {

    float: right;



    width: 340px;

    margin-top: 20px;

    margin-right: 0;

    margin-left: 0;

    padding: 0 50px;

}

#projectib .projectitem {

    width: 160px;

}

#projectlist .projectitem a .project_info {

    position: relative;

    top: auto;

    left: auto;

}

#projectlist .projectitem a .project_info div {

    position: relative;

    z-index: 2;

    bottom: 0;

    ;

}

.project_img {

    overflow: hidden;

}

#projectlist .projectitem a:hover .project_info {

    position: relative;

}



#indexPage #mslider ul li a {

    position: relative;

    z-index: 10;
	text-decoration:underline;

}

#page_none .postbody{
    width: 90%;
    margin: 0 auto;
}