@charset "utf-8";

#indexPage .module.bgShow .bgmask {

    display: none;

}






#indexPage #mpage .bgmask {

    display: block;

    background: url(../image/dot.png) repeat;

    opacity: 0.5;

}



#indexPage .module .content {

    position: inherit;

    top: inherit;

}



#indexPage #mservice .content {

    text-align: center;

    margin-top: 0;

    border-top: 1px solid #f4f4f4;

    height: auto;

}



#indexPage #mpage .content {

    height: auto;

    margin-top: 0;

    border-top: 1px solid #f4f4f4;

    padding: 120px 0;

}



#indexPage #mteam .content {

    height: auto;

    margin-top: 0;

    border-top: 1px solid #f4f4f4;

}



#indexPage #mproject .content {

    height: auto;

    margin-top: 0;

    padding-bottom: 120px;

}



#indexPage #mnews .content {

    height: auto;

    margin-top: 0;

    border-top: 1px solid #f4f4f4;

}



#indexPage #mpartner .content {

    height: auto;

    margin-top: 0;

    border-top: 1px solid #f4f4f4;

}



#indexPage #mcontact .content {

    height: auto;

    margin-top: 0;

}







body.ipusher.open #header #headSHBtn {

    margin-left: 400px;

}



body.ipusher.open #header #headSHBtn:hover {

    background-color: #d7000f;

}



body.ipusher.open #header #headSHBtn i::before {

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

}



body.ipusher #header #headSHBtn i {

    font-size: 17px;

    margin-top: 17px;

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

}



body.ipusher #header #headSHBtn:hover i {

    color: #fff;

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}



body.ipusher.open #header #headSHBtn:hover i {

    color: #fff;

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}



#headSHBtn {

    display: block;

    left: -70px;

    top: 17px;

    color: #dedede;

    background: transparent;

    width: 50px;

    height: 50px;

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

}



#headSHBtn:hover {

    background-color: #d7000f;

}



body.ipusher #header ul li.navitem ul.subnav {

    margin: -648px 0px 0px;

    height: 600px;

    background-color: #fff;

    overflow-y: scroll;

    padding-top: 645px;

    right: 100%;

    left: auto;

    z-index: -99;

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

}



body.ipusher #header .content {

    padding-top: 100px;

    background-color: #fff;

    padding-bottom: 1000px;

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

}



#logoClone img {

    margin: 20px 15px;

}



body.ipusher #header {

    width: 400px;

    left: auto;

    background-color: #FFF;

    right: -400px;

    position: fixed;

    z-index: 999999;

}



body.ipusher.open #header {

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

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

    -moz-transform: translate3d(-400px, 0, 0);

    -o-transform: translate3d(-400px, 0, 0);

}



body.ipusher #header #logo {

    margin: 30px 0;

    display: none;

}



body.ipusher #header #logo img {

    margin-left: 60px;

    height: 34px;

}



body.ipusher #header ul li.navitem {

    text-align: left;

    border-top: 1px solid #F5F5F5;

    padding: 0 50px 0;

    line-height: 60px;

}



#header ul li.navitem {

    height: 60px;

}



body.ipusher #header ul li.navitem:hover {

    background: #f8f8f8;

    cursor: pointer;

}



body.ipusher #header ul li.navitem:hover a {

    color: #000;

}



#header ul li.navitem a {

    color: #666;

    font-size: 13px;

    display: block;

}



#header ul li.navitem a.active,

#header ul li.navitem:hover a {

    color: #666;

}



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

    background: #fff;

    color: #666;

    height: 32px;

    line-height: 32px;

}



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

    color: #777;

}



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

    background: #fff;

    color: #333;

    text-indent: 10px;

}



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

    margin-top: 11px;

}



#header ul li.navitem ul.subnav li {

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

}



#header ul li.navitem ul.subnav li:last-child {

    border-bottom: none;

}







#headSHBtn i {

    display: none;

}



#headSHBtn:after {

    content: '';

    display: block;

    width: 20px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 28px;

    left: 15px;

    transition: all 0.3s ease-out 0s;

}



#headSHBtn:before {

    content: '';

    display: block;

    width: 20px;

    height: 2px;

    background: #000;

    position: absolute;

    top: 18px;

    left: 15px;

    transition: all 0.3s ease-out 0s;

}



#headSHBtn:hover::after {

    transform: rotate(45deg);

    top: 25px;

    background: #fff;

}



#headSHBtn:hover::before {

    transform: rotate(-45deg);

    top: 25px;

    background: #fff;

}



body.ipusher.open #headSHBtn {

    background-color: #262626;

}



body.ipusher.open #headSHBtn:after {

    transform: rotate(45deg);

    top: 25px;

    background: #fff;

}



body.ipusher.open #headSHBtn:before {

    transform: rotate(-45deg);

    top: 25px;

    background: #fff;

}







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

    border-radius: 6px;

    width: 4px;

    height: 4px;

    position: relative;

    margin: 0 13px;

    background: #fff;

}



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

    width: 14px;

    height: 14px;

    border-radius: 14px;

    border: transparent 2px solid;

    position: absolute;

    top: -7px;

    left: -12px;

}



#indexPage .bx-wrapper .bx-pager.bx-default-pager a:hover,

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

    border: #fff 2px solid;

    background: transparent;

}



#indexPage .bx-controls-direction {

    display: none;

}



#indexPage #mslider ul li div {

    display: none;

}



#indexPage .sliderArrow {

    display: block;

    width: 38px;

    height: 12px;

    border: 2px solid #fff;

    border-radius: 38px;

    padding-top: 26px;

    position: absolute;

    left: 50%;

    margin-left: -21px;

    top: 66%;

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

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

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

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

}



#mslider .sliderArrow:before {

    content: '';

    width: 0;

    height: 0;

    border-right: 6px solid transparent;

    border-left: 6px solid transparent;

    border-top: 10px solid #fff;

    margin: 13px;

}







#indexPage #mpage .wrapper li {

    text-align: center;

}



#indexPage .content .header {

    padding-top: 100px;

    display: inline-block;

}



#indexPage .content .header .title,

.mvideo_title {

    font-family: "HELVETICANEUELTPRO-THEX", "寰蒋闆呴粦";

    font-size: 20px;

    color: #323232;

    padding-bottom: 4px;

    margin-bottom: 8px;

}



.mvideo_subtitle {

    color: #c1c1c1;

    font-size: 16px;

    text-align: left;

    font-family: HELVETICANEUELTPRO-THEX, 寰蒋闆呴粦;

    text-transform: uppercase;

    letter-spacing: 1px;

}



#indexPage .content .header p {

    text-align: left;

}



#indexPage #mpage .wrapper li .fimg {

    display: block;

    width: 600px;

    height: auto;

    position: absolute;

    left: 50%;

    background-size: 100% auto;

    min-height: 370px;

    margin-left: -600px;

    top: 150px;

}







#indexPage .content a.more {

    display: block;

    width: auto;

    height: 34px;

    text-indent: 0;

    line-height: 34px;

    margin: 0px;

    border: none;

    margin: 0 auto;

    overflow: hidden;

    margin-top: 50px;

    text-transform: lowercase;

    position: relative;

}



#indexPage .content a.more i,#indexPage .mvideom01 a.mvideo_more i {

    color: #c3c3c3;

    margin-left: 20px;

    line-height: 34px;

    font-size: 18px;

    top: 1px;

    position: relative;

    opacity: 1;

}



#indexPage .content a.more:hover i,#indexPage .mvideom01 a.mvideo_more:hover i {

    text-indent: -10px;

    line-height: 34px;

}







#indexPage #category {

    padding-bottom: 40px;

}



#indexPage #mproject #category {

    display: block;

    width: 80%;

    position: absolute;

    right: calc(4% + 100px);

    text-align: right;

    top: 110px;

}



#indexPage #mproject #category a {

    border: none;

}



#category a.active,

#category a:hover {

    background-color: #d7000f;

}



#indexPage #mproject {



}



#mproject .content {

    text-align: center;

}



#mproject .content .header {

    padding: 98px 0 60px;

    float: left;

    margin-left: 4%;

}



#mproject.Pageanli .content .header {

    padding: 60px 0 50px;

    float: left;

    width: auto;

    margin-left:4%;

}
#mproject.Pageanli.new .content .header {
    margin-left:0%;
}


#indexPage #projectlist {

    width: 100%;

    margin: 0 auto;

    position: relative;

    float: left;

}



#indexPage #mproject .content .wrapper .content_list {

    margin-left: 4%;

}



#indexPage #projectlist .projectitem {

    overflow: hidden;

    width: 32%;

}



#indexPage #projectlist #projectitem_1 {

    animation-delay: 0.1s;

}



#indexPage #projectlist #projectitem_2 {

    animation-delay: 0.6s;

}



#indexPage #projectlist #projectitem_3 {

    animation-delay: 0.8s;

}



#projectlist .projectitem a .project_info div {

    top: auto;

    bottom: 26px;

    position: absolute;

    padding: 0 10px;
    
    width: 100%;

}



#projectlist .projectitem a:hover .project_info {

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

}



#projectlist .projectitem a .project_info p.title {

    font-size: 18px;

    margin: 0 0 20px;

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

    text-align: left

}



.npagePage4 #projectlist .projectitem a .project_info p.title::after {

    margin-top: 1px;

}



#projectlist .projectitem a .project_info p.subtitle {

    font-size: 13px;

    line-height: 20px;
    
    text-align: left;

    padding-top: 8px;

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

}



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

    color: #fff;

    font-size: 18px;

    text-align: center;

    margin-bottom: 20px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin-top: 10px;

    margin-bottom: 20px;

    text-align: left

}



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

    font-size: 14px;

    transition: all 0.3s ease-out 0s;

}



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

    color: #fff;

    font-size: 13px;

    font-family: "Arial";

    -moz-transform: translateY(-2px);

    -webkit-transform: translateY(-2px);

    -ms-transform: translateY(-2px);

    transform: translateY(-2px);

    padding-top: 0;

    text-align: justify;

}



#projectlist .projectitem a:after {

    width: 100%;

    height: 100%;

    content: "";

    display: block;

    position: absolute;

    transition: all .38s cubic-bezier(.62, .02, .34, 1);

    -moz-transition: all .38s cubic-bezier(.62, .02, .34, 1);

    -webkit-transition: all .38s cubic-bezier(.62, .02, .34, 1);

    -ms-transition: all .38s cubic-bezier(.62, .02, .34, 1);

    -ms-filter: "alpha(opacity=$num)";

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";

    transform: scale(.85);

    -moz-transform: scale(.85);

    -webkit-transform: scale(.85);

    -ms-transform: scale(.85);

    z-index: 2;

    top: 0px;

    left: 0px;

    border-top: 2px solid #4a4a4a;

    border-bottom: 2px solid #4a4a4a;

    margin-left: -2px;

    margin-top: -2px;

    display: none

}



#projectlist .projectitem a:hover::after {

    -ms-filter: "alpha(opacity=$num)";

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$num)";

    transform: scale(.92, .90);

    -moz-transform: scale(.92, .90);

    -webkit-transform: scale(.92, .90);

    -ms-transform: scale(.92, .90);

}







#indexPage #mpage .content .header {

    position: absolute;

    left: calc(50% + 90px);

    z-index: 10;

    padding-top: 82px;

}



#sitecontent .newsl .content .header {

    float: none;

}



#sitecontent .npagePage.Pageyemian .content .header,

#sitecontent .Pageservice .content .header,

#sitecontent .Pageteam .content .header {

    float: none;

    margin-left: 0;

    padding-bottom: 50px;

}



.Pagenews #newslist .newstitem.right .news_wrapper {

    left: 50%;

}



#sitecontent .content .header #indexPage #mpage .content .header {

    position: absolute;

    left: 50%;

    z-index: 10;

    padding-top: 90px;

}



#indexPage #mpage .content .des-wrap {

    width: 24%;

    background: #fff;

    min-height: 370px;

    position: relative;

    left: 50%;

    padding: 0% 8%;

}



#indexPage #mpage .module-content .description {

    text-align: left;

    width: auto;

    margin-top: 30px;

    line-height: 26px;

    padding-top: 156px;

    height: 72px;

    overflow: hidden;

}



#indexPage #mpage .content a.more {

    position: absolute;

    left: 58%;

    top: 58%;

    font-size: 17px;

    z-index: 10;

    border-radius: 0;

}



#indexPage #mpage .content a.more:hover {

    color: #333;

    top: calc(58% - 10px);

}



#indexPage #mpage .content a.more::before {

    content: '';

    position: absolute;

    width: 0%;

    height: 9px;

    background: #f00;

    top: 20px;

    left: 0;

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

    opacity: 1;

    z-index: -1;

}



#indexPage #mpage .content a.more:hover::before {

    opacity: 1;

    width: 100%;

}



#sitecontent .Pageanli .content .header p.title {

    font-size: 24px;

    line-height: 30px;

}



#sitecontent .Pageanli .content .header p.subtitle {

    text-align: center;
    margin:  10px 0px;

}



.content .header p.subtitle {

    text-align: center;

}



.npagePage#mproject .content #projectlist {

    float: left;

    width: 100%;

}



#sitecontent .Pageanli #category a.active,

#category a.active,

#sitecontent .Pageanli #category a:hover {

    background: #4a4a4a;

    border-color: #4a4a4a;

}



#sitecontent .Pageanli #projectlist .projectitem .project_img {

    height: auto;

    overflow: hidden;

}







#indexPage #mnews {

    background-color: #fff;

}



#indexPage #mnews .content {

    text-align: center;

    padding-bottom: 100px;

}



#indexPage #mnews .content .header {

    padding: 100px 0 75px;

    display: inline-block;

    float: left;

    margin-left: 4%;

}



#newslist .newstitem.left a.newscontent,

#newslist .newstitem.left a.newscontent:hover,

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

    padding: 0px;

}



#indexPage #mnews #newslist .newstitem.right a.newscontent {

    padding-right: 62.5%;

    width: auto !important;

}



#newslist .news_wrapper,

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

    width: auto;

}



#newslist .separator {

    display: none;

}



#mnews #newslist {

    width: 82%;

    padding-left: 9%;

    margin-right: 9%;

}



#indexPage #mnews #newslist {

    float: left;

}



#indexPage #mnews .content_list:after {

    content: '';

    display: block;

    clear: both;

}



#mnews #newslist .wrapper .newstitem {

    height: 80%;

    transition: all 0.3s ease-out 0s;

    min-height: 200px;

}



#indexPage #mnews .newstitem a.details {

    display: block;

    position: absolute;

    right: 3%;

    opacity: 0;

    top: 100px;

    width: auto;

    text-indent: 0;

    height: 40px;

    border-radius: 0;

    line-height: 40px;

    font-size: 14px;

    border: none;

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

}



#indexPage #mnews .newstitem:hover a.details {

    right: 10%;

    opacity: 1;

}



#indexPage #mnews #newslist .newstitem a.newscontent {

    width: 100% !important;

}



#indexPage #mnews #newslist .newstitem.left .news_wrapper,

#indexPage #mnews #newslist .newstitem.right .news_wrapper,

#newslist .newsbody .title {

    background: transparent;

    width: 100%;

}



#indexPage #mnews #newslist .newsbody {

    width: 80%;

}



#indexPage #mnews .bx-controls {

    display: block;

}



#mnews .bx-wrapper .bx-controls-direction {

    display: none;

}



#newslist .newstitem .newsimg {

    width: 100%;

    height: 220px;

    float: left;

    position: relative;

    z-index: 3;

}



#indexPage #mnews #newslist .newstitem .newsimg {

    display: none;

}



#newslist .newsbody .title {

    height: 30px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 100%;

    font-size: 16px;

    color: #323232;

    line-height: inherit;

    text-align: left;

    margin-top: 0;

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

}



#newslist .newstitem:hover .newsbody .title {

    margin-top: -15px;

}



#newslist .newstitem:hover .newsbody .description {

    margin-top: 15px;

}



#newslist .newstitem .newsbody .date:after {

    content: '';

    display: block;

    width: 10%;

    height: 2px;

    background: #4a4a4a;

    position: absolute;

    left: 0;

    top: -16px;

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

}



#newslist .newstitem:hover .newsbody .date:after {

    width: calc(100% + 50px);

    left: -50px;

}



#newslist .newsbody .date {

    text-align: left;

    position: relative;

    bottom: -152px;

    margin-bottom: 0;

}



#newslist .newsbody .date .md {

    display: none;

}



#newslist .newstitem .newsbody .date .year {

    font-family: "HELVETICANEUELTPRO-THEX", "寰蒋闆呴粦";

    font-weight: bold;

    font-size: 18px;

    color: #838383;

    margin-left: 0;

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

}



#newslist .newstitem:hover .newsbody .date .year {

    margin-left: 20px;

    color: #454545;

}



#newslist .newsbody .description {

    font-size: 13px;

    color: #7A7A7A;

    line-height: 26px;

    text-align: left;

    margin-top: 8px;

    height: 55px;

    overflow: hidden;

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

}



#mnews .bx-pager.bx-default-pager {

    top: 230px;

    text-align: center;

}



#indexPage #mnews .bx-wrapper .bx-pager-item {

    background: #6f6f6f;

}



#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a:hover,

#indexPage #mnews .bx-wrapper .bx-pager.bx-default-pager a.active {

    border: #6f6f6f solid 2px;

}







#indexPage #mservice {

    background-size: inherit;

    padding-bottom: 110px;

}



#indexPage #mservice #servicelist {

    width: 92%;

    margin-left: 4%;

}



#indexPage #mservice .wrapper {

    float: left;

}



#indexPage #servicelist .serviceitem {

    width: 50%;

    margin-bottom: 0;

    height: 100%;

    position: relative;

}



#mservice .content .header {

    width: auto;

    padding: 110px 0 65px;

    float: left;

    margin-left: 4%;

}



#servicelist .serviceitem a img {

    width: 262px;

    height: 145px;

    margin: 0 auto;

    display: block;

}



#indexPage #servicelist .serviceitem a img {

    width: 100%;

    height: auto;

}



#indexPage #mservice #servicelist .serviceitem div {

    width: 100%;

    height: auto;

    margin: 0 auto;

    background: transparent;

    position: absolute;

    bottom: 50%;

    text-align: center;

    margin-bottom: -40px;

}



#indexPage #mservice #servicelist .serviceitem .service_img:before {

    position: absolute;

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

    width: 100%;

    height: 100%;

    content: '';

    left: 0;

    top: 0;

    opacity: 0;

    transition: all 0.3s ease-out 0s;

}



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

    opacity: 1;

    undefined: undefined;

}



#indexPage #servicelist .serviceitem div p.title {

    height: 40px;

    line-height: 40px;

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

    position: relative;

    top: 35px;

    opacity: 0;

    padding-top: 0;

}



#indexPage #servicelist .serviceitem div p.title::before {

    content: '';

    position: absolute;

    width: 0%;

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

    height: 1px;

    left: 50%;

    bottom: 0;

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

}



#indexPage #servicelist .serviceitem:hover div p.title::before {

    width: 80%;

    margin-left: -40%;

    left: 50%;

}



#indexPage #servicelist .serviceitem:hover div p.title {

    color: #fff;

    top: 0;

    opacity: 1;

}



#indexPage #servicelist .serviceitem div p.description {

    opacity: 0;

    position: relative;

    top: -10px;

}



#indexPage #servicelist .serviceitem:hover div p.description {

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

    top: 0;

    opacity: 1;

}



#servicelist .serviceitem div p.title {

    font-size: 18px;

    color: #323232;

    padding-top: 25px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

}



#servicelist .serviceitem:hover .title {

    color: #000;

}



#servicelist .serviceitem div p.description {

    overflow: hidden;

    text-overflow: ellipsis;

    color: rgba(111, 111, 111, 0.55);

    white-space: nowrap;

    height: 40px;

    line-height: 40px;

    margin-left: 0;

    margin: 0 auto;

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

}



#indexPage #mservice a.details {

    display: none;

    width: 30px;

    height: 30px;

    text-indent: -180px;

    line-height: 30px;

    margin: 0px;

    position: absolute;

    right: 50%;

    bottom: 40px;

    overflow: hidden;

    border: 1px solid #e0e0e0;

    z-index: 5;

    margin-right: 72px;

}



#indexPage #mservice a.details:hover {

    background: #4a4a4a;

    border: 1px solid #4a4a4a;

}



#indexPage #mservice a.details:hover i {

    color: #fff;

}



#indexPage #mservice a.details i {

    color: #c1c1c1;

    margin-left: 146px;

    font-size: 18px;

    position: relative;

    top: -1px;

}



#indexPage #mservice a.details:hover i {

    text-indent: -10px;

}



#mservice #newslist .newstitem:hover a.details {

    border: 1px solid #fff;

}



#mservice #newslist .newstitem:hover a.details i {

    color: #fff;

}



#indexPage #mservice a.more {

    display: block;

    margin-top: 80px;

    text-indent: 0;

    border: none;

    border-radius: 0;

    width: auto;

    font-size: 18px;

}



#indexPage #mservice .bx-controls-direction {

    display: block;

    width: 120px;

    height: 60px;

    position: absolute;

    left: 50%;

    margin-left: 70px;

    bottom: 12px;

}



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

    width: 60px;

    height: 60px;

    border-radius: 0px;

    position: inherit;

    display: inline-block;

    margin-top: 0px;

}



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

    margin-top: 13px;

    margin-left: 0px;

}



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

    margin-left: 4px;

}



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

    top: 0px;

    left: 0px;

    background: #fff;

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

}



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

    background: #323232;

}



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

    color: #D1D1D1;

}



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

    color: #fff;

}



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

    top: 0px;

    right: 0px;

    background: #4B4B4B;

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

}



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

    background: #323232;

}







#indexPage #mteam {

    background-color: #fff;

    background-position: top center !important;

    background-size: 100% !important;

    background-attachment: scroll;

}



#indexPage #mteam .wrapper .header {

    float: right;

    padding: 0px;

    margin-right: 8%;

    width: auto;

    margin-left: 0;

}



#indexPage #mteam .header img {

    width: 280px;

    height: auto;

    border-radius: 0px;

    margin: 0;

}



#indexPage #mteam .wrapper .summary {

    width: 48%;

    margin-top: 50px;

}



#indexPage #mteam .summary p {

    text-align: left;

    width: 100%;

    float: left;

    line-height: 26px;

}



#indexPage #mteam .summary p.title {

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

}



#indexPage #mteam li:hover .summary p.title {

    color: #333;

    margin-top: -10px;

    position: relative;

}



#indexPage #mteam .module-content {

    width: 50%;

    margin-left: 4%;

    padding: 120px 0 130px;

    float: right;

}



#indexPage #mteam .description {

    color: #777;

}



#indexPage #mteam .summary p.title a {

    font-size: 18px;

    color: #333;

    position: relative;

}



#indexPage #mteam .summary p.title a:after {

    content: '';

    width: 40px;

    height: 2px;

    background: #5a5a5a;

    position: absolute;

    left: 0;

    top: 70px;

}



#indexPage #mteam .summary p.subtitle {

    color: #777;

    font-size: 14px;

    line-height: 32px;

    margin-bottom: 40px;

}



#indexPage #mteam a.details {

    display: block;

    width: auto;

    height: 30px;

    text-indent: 0;

    line-height: 30px;

    margin: 0px;

    position: absolute;

    left: 0;

    top: 270px;

    overflow: hidden;

    border-radius: 0;

    border: none;

    font-size: 17px;

    z-index: 10;

}



#sitecontent .npagePage.Pageteam a.details {

    display: block;

    width: auto;

    height: 30px;

    text-indent: 0;

    line-height: 30px;

    margin: 0px;

    position: absolute;

    left: 351px;

    top: 240px;

    overflow: hidden;

    border-radius: 0;

    border: none;

    font-size: 17px;

    z-index: 10;

}



#sitecontent .npagePage.Pageteam .teamitem:hover a.details {

    left: 361px;

}



#sitecontent .npagePage.Pageteam .teamitem a.details::before {

    content: '';

    position: absolute;

    width: 0%;

    height: 9px;

    background: #f00;

    top: 20px;

    left: 0;

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

    opacity: 1;

    z-index: -1;

}



#sitecontent .npagePage.Pageteam .teamitem:hover a.details::before {

    opacity: 1;

    width: 100%;

}



#indexPage #mproject .content a.more {

    position: absolute;

    right: 4%;

    top: -12px;

    margin-top: -100px;

    border: none;

    border-radius: 0px;

    font-size: 18px;

    text-indent: 0;

    width: auto;

    z-index: 10;

}



#indexPage #mnews .content a.more {

    position: absolute;

    right: 4%;

    top: 55px;

    border: none;

    border-radius: 0px;

    font-size: 18px;

    text-indent: 0;

    width: auto;

    z-index: 10;

}



#indexPage #mservice .content a.more {

    position: absolute;

    right: 4%;

    top: 25px;

    z-index: 10;

    border: none;

    border-radius: 0px;

    font-size: 18px;

    text-indent: 0;

    width: auto;

}



#indexPage #mproject a.more::before,

#indexPage #mnews a.more::before,

#indexPage #mservice a.more::before {

    content: '';

    position: absolute;

    width: 0%;

    height: 9px;

    background: #f00;

    top: 20px;

    left: 0;

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

    opacity: 1;

    z-index: -1;

}



#indexPage #mproject a.more:hover,

#indexPage #mnews a.more:hover,

#indexPage #mservice a.more:hover {

    color: #333;

    text-indent: 8px;

}



#indexPage #mproject a.more:hover::before,

#indexPage #mnews a.more:hover::before,

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

    opacity: 1;

    width: 100%;

}



#indexPage #mteam a.details:before {

    content: '';

    position: absolute;

    width: 0%;

    height: 9px;

    background: #f00;

    top: 18px;

    left: 0;

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

    z-index: -1;

}



#indexPage #mteam a.details:hover:before,

#indexPage #mteam .content_list li:hover a.details:before {

    opacity: 1;

    width: 100%;

}



#indexPage #mteam a.details:hover,

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

    color: #333;

    text-indent: 7px;

}



#indexPage #mteam a.details i {

    color: #c1c1c1;

    margin-left: 125px;

    font-size: 16px;

    position: relative;

    top: 1px;

    margin-left: 20px;

}



#indexPage #mteam a.details:hover i,

#indexPage #mteam .content_list li:hover a.details i {

    color: #333;

    text-indent: -10px;

}



#mteam ul li:hover a.details {

    border: 1px solid #fff;

}



#mteam #ul li:hover a.details i {

    color: #fff;

}



#indexPage a.details i {

    margin-top: 2px;

}



#indexPage #mteam .bx-controls-direction {

    display: block;

    width: 100px;

    height: 50px;

    position: absolute;

    right: 0;

    margin-right: calc(8% - 51px);

    bottom: 0;

    text-align: center;

}



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

    width: 50px;

    height: 50px;

    border-radius: 0px;

    position: inherit;

    display: inline-block;

    margin-top: 0px;

}



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

    margin-top: 14px;

    margin-left: 1px;

    font-size: 24px;

}



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

    margin-left: 4px;

}



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

    top: 0px;

    left: 0px;

    background: #f6f6f6;

}



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

    background: #323232;

}



#indexPage #mteam .wrapper .bx-wrapper .bx-prev:hover i {

    color: #fff;

}



#indexPage #mteam .wrapper .bx-wrapper .bx-prev i {

    color: #d2d2d2;

}



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

    top: 0px;

    right: 0px;

    background: #4b4b4b;

}



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

    background: #323232;

}



#indexPage #mteam .wrapper .bx-wrapper .bx-next:hover i {

    color: #fff;

}







#indexPage #mpartner .content .header {

    display: none;

}



#indexPage #mpartner .module-content {

    padding: 18px 0;

    height: auto;

    width: 82%;

}



#indexPage #mpartner .wrapper {

    height: auto;

    width: 100%;

}



#indexPage #mpartner .wrapper .content_list {

    padding-left: 100px !important;

    padding-right: 100px !important;

}



#indexPage #mpartner .wrapper ul li {

    max-height: 120px;

    overflow: hidden;

}



#indexPage #mpartner .wrapper ul li a {

    width: 160px;

    height: auto;

    margin-bottom: 0;

    margin-right: 30px;

}



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

}



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

    left: -4%;

}



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

    right: -4%;

}



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

    background: none;

}



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

    background: #323232;

}



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

    color: #c6c8cc;

    font-size: 24px;

    margin-top: 7px;

    margin-left: 17px;

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

}



#mpartner .bx-wrapper .bx-controls-direction a.bx-prev i {

    margin-left: 15px;

}



#mpartner .bx-wrapper .bx-controls-direction a:hover i {

    color: #fff;

}







#indexPage #mcontact {

    background: #f7f7f7;

}



#indexPage #mcontact .content {

    text-align: center;

}



#indexPage #mcontact .content .header.fw {

    width: auto;

    padding-bottom: 80px;

    display: none;

}



#indexPage #mcontact .header p.title {

    color: #323232;

}



#contactlist:after {

    clear: both;

    content: '';

    display: block;

}



#indexPage #mcontact .content #contactlist {

    width: 92%;

    margin-left: 4%;

    text-align: left;

    padding-bottom: 94px;

    padding-top: 100px;

}



#indexPage #mcontact #contactinfo {

    width: 27%;

    margin-left: 2%;

}



#mcontact .content #contactform {

    width: 50%;

    margin-top: 42px;

}



#contactform p .inputtxt {

    width: 100%;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #dedede;

    width: 100%;

    padding: 10px 0px;

    color: #7d7d7d;

    font-size: 13px;

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

}



#mcontact .content #contactform p {

    float: left;

    margin-right: 20px;

    width: 30%;

}



#contactinfo h3 {

    color: #606060;

    margin-bottom: 35px;

}



#contactinfo div a {

    background: none;

}



#contactinfo div a:hover {

    background: #464646;

}



#contactinfo div a i {

    color: #c5c5c5;

}



#contactinfo div a:hover i {

    color: #fff;

}



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

    font-size: 14px;

    padding: 5px 0;

    display: block;

    float: left;

    position: relative;

    top: 155px;

    height: 40px;

    left: calc(-100% - 20px);

    left: -moz-calc(-100% - 20px);

    left: -webkit-calc(-100% - 20px);

    border: 1px solid #cecece;

    cursor: pointer;

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

}



#contactform p .inputsub:hover {

    background-color: #4a4a4a;

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

    color: #fff;

}



#contactform p .inputtxt:hover {

    border-bottom: 1px solid #606060;

}



#footer {

    background: #fff;

    border-top: 1px solid #f4f4f4;

    float: left;

}



#footer p {

    padding: 8px 0;

    width: 90%;

    margin: 0 auto;

    text-align: left;

}



#contactinfo p {

    height: 30px;

}







#newsPage #newslist .newstitem {

    height: 237px;

    margin-bottom: 80px;

}



#newsPage #newslist {

    width: 1200px;

    margin: 0 auto;

    float: left;

}



#newsPage #newslist .newsbody .title {

    left: 0px;

    padding: 5px 0 0;

}



#newsPage #newslist .newsbody .title:after {

    left: 0px;

    top: 50px;

}



.npagePage #projectlist .projectitem {

    height: auto;

    width: 24.25%;

}



.Pageanli #category {

    width: 80%;

    float: right;

    text-align: right;

    padding-top: 60px;

    margin-right: 4%;

}



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

    margin-right: 0;

}



.npagePage #projectlist .wrapper {

    width: 92%;

    margin-left: 4%;

    margin-right: 4%;

}



#indexPage .module {

    z-index: auto;

}







#shares a {

    width: 40px;

    height: 40px;

}



#shares a#sshare {

    display: none;

}



#shares a i {

    margin-top: 11px;

}



#shares a i.fa-weixin {

    margin: 11px 0 0 14px;

    background-image: url(../image/shouji-.png);

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

}



#shares a#gotop {

    margin-top: 0;

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

    bottom: 40px;

    position: fixed;

    right: 10px;

}



#shares a#gotop i {

    margin-top: 8px;

}



#shares a#gotop:hover {

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

}



#shares a#sweibo,

#shares a#sweixin {

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

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

    width: 38px;

    height: 39px;

    border-bottom: none;

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

    position: fixed;

    bottom: 120px;

    right: 10px;

}



#shares a#sweixin {

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

    height: 38px;

    position: fixed;

    bottom: 80px;

}



.fa-weibo::before {

    color: #999;

}



#shares a#sweibo:hover {

    background-color: #555;

}



#shares a#sweibo:hover .fa-weibo::before {

    color: #fff;

}



#shares a#sweixin:hover {

    background-color: #555;

}



#shares a#sweixin:hover i.fa-weixin {

    background-image: url(../image/shouji.png);

}



#olx_head {

    background: #3e3e3e;

    border-radius: 0px;

}



#olx_qq li a:hover i {

    color: #d2d2d2;

}



#olx_qq li a:hover {

    padding: 18px 30px;

}



#online_open i {

    margin-top: 10px;

}



#online_open {

    background: none;

    bottom: 0px;

    color: #515151;

    bottom: 160px;

    color: #999;

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

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

    width: 38px;

    height: 39px;

    border-bottom: none;

}



#online_open:hover {

    background-color: #555;

    color: #fff;

}



#online_lx {

    border-radius: 0px;

    bottom: 36px;

    margin-right: -10px;

}



#olx_tel div {

    color: #898989;

}



#olx_qq li a i {

    color: #504f4f;

}



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

}







#pages a.active,

#pages a:hover {

    background-color: #484848;

}







#projectinfo4 .header p.title {

    font-size: 22px;

    margin-bottom: 8px;

}



#projectinfo4 .header p.subtitle {

    font-family: Arial, Helvetica, sans-serif, "寰蒋闆呴粦";

    font-size: 13px;

}



#projectinfo4 div.description {

    margin-top: 20px;

    line-height: 24px;

    font-size: 13px;

}



.bx-wrapper .bx-pager.bx-default-pager a.active,

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

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

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

}



#projectinfo4 div.description a {

    display: inline-block;

    width: 150px;

    height: 40px;

    line-height: 40px;

    background: #5d5d5d;

    color: #fff;

    text-align: center;

    margin: 20px auto;

    transition: all 0.3s ease-out 0s;

}



#projectinfo4 div.description a:hover {

    background: #3c3c3c;

}



#projectbody4 .postbody4 {

    margin-top: 20px;
}



#projectbody4 .postbody4 p {


}



#post_slider {

    background: #f8f8f8;

}



#projectimages4 img {

    margin-bottom: 10px;

}



#projectbody4 {

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

    padding-bottom: 20px;

}







.npagePage4 #projectwrap4 {

    margin-top: 10px;

}



.npagePage4 #post_slider,

#post_slider1 {

    height: 600px;

    width: 100%;

    max-width: 100%;

}



.npagePage4 #post_slider li {

    height: 600px;

    width: 100%;

    max-width: 100%;

}



.npagePage4 #projectshow4 {

    margin-top: 10px;

}



.npagePage4 .bx-wrapper {

    width: 100%;

    margin: 0px auto;

}



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

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

    width: 45px;

    height: 45px;

    border-radius: 0px;

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

}



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

    color: rgba(170, 170, 170, .9);

    font-size: 22px;

    margin-top: 11px;

}



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

    border: none;

    border-radius: 0;

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

}



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

    color: #fff;

}



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

    margin-left: 19px;

}



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

    margin-left: 19px;

}



.npagePage4 #projectlist .wrapper {

    text-align: left;

    margin-left: 0;

    width: 100%;

    margin-right: 0;

}



.npagePage4#npagePage #projectlist .projectitem a .project_info {

    position: absolute;

}



.npagePage4 #projectinfo4 {

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

}



.npagePage4 #projectinfo4 .header {

    padding-bottom: 10px;

    padding-top: 50px;

    margin-left: 0;

}



#sitecontent .npagePage4 #projectlist .projectitem {

    width: 24.25%;

    height: auto;

    background: #fff;

}



#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n),

#sitecontent .npagePage3 #projectlist .projectitem:last-child {

    margin-right: 0;

}



#sitecontent .npagePage4 #projectlist .projectitem a img {

    height: auto;

}



.npagePage4 #projecttags4 a {

    background: #fff;

    padding: 5px 18px;

    transition: all 0.3s ease-out 0s;

}



.npagePage4 #projecttags4 a:first-child {

    padding-left: 0;

}



.npagePage4 #projecttags4 a:hover {

    color: #333;

}



#category li.hasmore div ul a.active,

#category li.hasmore div ul a:hover {

    background: #8cd4c1;

}



.npagePage #banner {

    height: 320px;

}



.npagePage #banner div {

    height: 320px;

}



.Pageyemian .content .header p.subtitle,

.Pageteam .content .header p.subtitle {

    text-align: center;

    font-size: 14px;

    margin-top: 3px;

}



.content .header p.title {

    font-size: 24px;

}



.Pagenews .content .header p.title,

.Pagenews .content .header p.subtitle {

    text-align: left;

}



.npagePage.Pagenews .content {

    width: 1200px;

    margin: 0 auto;

}



#sitecontent .npagePage.Pagenews .content .header {

    margin-left: 0;

    float: left;

}







.Pageteam #teamlist .wrap {

    margin-right: 0;

    height: 0;

}



.Pageteam .teamitem {

    position: relative;

    width: 100%;

    height: auto;

    margin-bottom: 20px;

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

    background: #fff;

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

    margin-right: 0;

    padding-bottom: 20px;

}



#sitecontent .npagePage.Pageteam a.details i {

    font-size: 18px;

    text-indent: 8px;

}



#sitecontent .npagePage.Pageteam #teamlis .teamitem:hover a.details:hover i {

    text-indent: 8px;

}



.Pageteam .teamitem:last-child {

    border-bottom: none;

}



.Pageteam .teamitem a {

    width: 300px;

    height: auto;

    float: left;

}



.Pageteam #teamlist {

    width: 1200px;

}



.Pageteam .teamitem a img {

    width: 280px;

    height: auto;

    z-index: 2;

    position: relative;

}



.Pageteam #teamlist .wrap .teamitem:hover::after {

    background: #4a4a4a;

    height: 240px;

    margin-top: 35px;

}



.Pageteam .teamitem .teaminfo {

    width: 850px;

    float: right;

    text-align: left;

    margin-top: 70px;

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

}



.Pageteam .teamitem:hover .teaminfo {

    margin-top: 55px;

}



.Pageteam .teamitem .teaminfo a {

    width: 100%;

    height: 32px;

    margin-left: 0px;

}



.Pageteam .teamitem .teaminfo a::after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

}



.Pageteam #teamlist .wrap .teamitem::before {

    content: '';

    position: absolute;

    width: 0px;

    height: 320px;

    background: #ebebeb;

    left: 50%;

    margin-left: -1px;

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

}



.Pageteam #teamlist .wrap .teamitem:hover::before {

    margin-left: 0px;

    background: #f8f8f8;

}



.Pageteam .teamitem .teaminfo .description {

    font-size: 13px;

    line-height: 24px;

    height: 53px;

    width: 90%;

    margin-top: 50px;

}



.teamitem .teaminfo .title {

    height: 32px;

}



.Pageteam .teamitem .teaminfo .description::before {

    content: '';

    position: absolute;

    width: 30px;

    height: 2px;

    background: #616161;

    margin-top: -30px;

}



.Pageteam .teamitem .teaminfo .title a {

    color: #555;

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

}



.Pageteam .teamitem .teaminfo .subtitle {

    position: relative;

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

    margin-top: 0;

}



#sitecontent .npagePage .postbody {

    width: 1180px;

}



#sitecontent .npagePage #teampost #teambody .postbody {

    width: 730px;

}



.Pageteam .teamitem a.details {

    display: block;

}



.Pagenews #newsPage #newslist .newstitem {

    margin-bottom: 20px;

    height: auto;

}



.Pagenews #newslist .newsbody {

    width: 550px;

    padding-left: 50px;

    padding-top: 20px;

}



.npagePage #banner div {

    position: unset;

}



.Pagenews #newslist .newstitem .newscontent::after {

    bottom: 25px;

    left: 50px;

    background: #4E4E4E;

}



.Pagenews #newslist .newstitem .newsimg {

    margin-left: 0;

    width: 600px;

    height: 237px;

}



.Pagenews #category a:hover {

    background: #4a4a4a;

    border-color: #4a4a4a;

}



.newsl .content .header p.subtitle {

    font-size: 14px;

    text-align: center;

}



.Pagenews #newslist .newstitem .newscontent:after {

    height: 140px;

}



.Pageservice .content .header {

    padding-bottom: 70px;

}



.Pageservice .content .header p.subtitle {

    text-align: center;

}



.Pageservice #servicelist .serviceitem div {

    width: 100%;

    background: transparent;

    padding: 0;

    margin-top: 0;

}



.Pageservice #servicelist .serviceitem div::before {

    content: '';

    position: absolute;

}



.Pageservice #servicelist .serviceitem a img {

    width: 100%;

    height: auto;

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

}



.Pageservice #servicelist .serviceitem .service_img {

    overflow: hidden;

    display: block;

}



.Pageservice #servicelist .serviceitem:hover a img {

    transform: scale(1.12, 1.12);

}



.Pageservice #servicelist .serviceitem {

    width: 50%;

    height: auto;

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

    margin-bottom: 40px;

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

    margin-right: 0;

    padding-bottom: 25px;

}



.Pageservice #servicelist .wrap {

    margin-right: 0;

}



.Pageservice #servicelist {

    width: 1200px;

}







.Pageservice #servicelist .serviceitem a {

    height: 380px;

    top: 0;

}



.Pageservice #servicelist .serviceitem div p.description {

    white-space: normal;

    color: #888;

    margin-top: 0;

    height: 26px;

    line-height: 26px;

}



.Pageservice #servicelist .serviceitem:hover {

    border-bottom: 3px solid #696969;

}



.Pageservice #servicelist .serviceitem div p.title {

    font-size: 17px;

    height: 30px;

    line-height: 30px;

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

}



.Pageservice #servicelist .serviceitem:hover div p.title {

    padding-top: 15px;

}



#npagePage #projectlist .projectitem a .project_info {

    position: absolute;

}



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

    text-align: center;

}



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

    color: transparent;

    text-align: center;

}



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

    color: #000;

    margin-bottom: 0px;

    margin-top: 10px;

}



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

    color: #888;

}



#npagePage #projectlist .projectitem a .project_info div {

    margin-top: -33px;

}



.Pagenews #category {

    text-align: right;

    width: atuo;

    padding-top: 60px;

    float: right;

}



.npagePage.newsl .content {

    width: 1100px;

    margin: 0 auto;

}



.Pagenews #category a {

    margin-right: 8px;

}



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

    width: 6px;

    height: 6px;

    border: 2px solid rgba(170, 170, 170, .85);

}



.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a.active,

.npagePage4 .bx-wrapper .bx-pager.bx-default-pager a:hover {

    background-color: #fff;

    border: 2px solid #fff;

}



#projectlist .projectitem a:hover img {

    -webkit-filter: grayscale(0%);

    filter: grayscale(0);

}





.npagePage4 #projectwrap4 {

    width: 94%;

}



#sitecontent .npagePage4 .postbody {

    width: 100%

}



#indexPage .module.mvideom ul.content_list li:nth-child(3n + 1) {

    clear: left;

}



.module.mvideom .content .wrapper ul.content_list {

    margin-right: 0;

}



.module.mvideom .content .wrapper ul.content_list li {

    width: calc(100% / 3);

    margin: 0;

}



.mvideom .content .wrapper .content_list {

    padding: 0 4%;

}



.module.mvideom .content .wrapper ul.content_list li .wrap {

    margin-right: 0;

}



#indexPage #mproject #category {

    top: 86px;

}







.mvideom.mvideom01 .mvideo_header .mvideo_subtitle,

.mvideom.mvideom01 .mvideo_header .mvideo_title {

    margin: 0 auto;

    text-align: left;

}





.mvideom.mvideom01 .mvideo_header {

    text-align: left;

    margin: 0 auto;

    width: 92%;

    margin: 0 auto;

    padding: 100px 0 75px;

    text-align: center;

}







#indexPage .mvideom01 .content a.mvideo_more {

    position: absolute;

    right: 4%;

    top: 90px;

    z-index: 10;

    border: none;

    border-radius: 0px;

    font-size: 18px;

    text-indent: 0;

    width: auto;

    text-transform:lowercase;

    color:#838383;

}





#indexPage .mvideom01 a.mvideo_more::before {

    content: '';

    position: absolute;

    width: 0%;

    height: 9px;

    background: #f00;

    top: 25px;

    left: 0;

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

    opacity: 1;

    z-index: -1;

}









#indexPage .mvideom01 a.mvideo_more:hover::before {

    opacity: 1;

    width: 100%;

}







#indexPage .mvideom01 a.mvideo_more i { margin-left: 12px;}



#indexPage .mvideom01 a.mvideo_more:hover i { text-indent: 0;}

#indexPage #mproject #category {

    right: 4%;

    

}

#indexPage #mproject .newMore {



float: right;

margin-right: 4%;

width: 100px;

text-align: center;



line-height: 34px;

background: #d1cfcf;

font-size: 14px;

color: #fff;

border-radius: 4px;

    transition: 0.36s ease

}





#indexPage #mproject .newMore:hover {

background: #64b2e8;

}




#indexPage #mproject #category {
    right: calc(4% - 16px);
}
#indexPage #mproject .content .wrapper {
    width: 92%;
    margin: 0 auto;
}
#indexPage #mproject .content .wrapper .content_list {
    margin-left: 0;
}
#indexPage #projectlist .projectitem {
    width: 33.3333333%;
}
@media screen and (min-width:1600px) and (max-width:1920px) {
body.ipusher #header ul li.navitem ul.subnav {
    height: 740px;
}

}