@charset "utf-8";



@font-face {

    font-family:helveticaneueltpro-thex;src:url(fonts/HELVETICANEUELTPRO-THEX.OTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:kaushanscript-regular;src:url(fonts/KAUSHANSCRIPT-REGULAR.TTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:helvenuethin;src:url(fonts/HelveNueThin.TTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:gotham-black;src:url(fonts/GOTHAM-BLACK.OTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:helveticaneuethn;src:url(fonts/HelveticaNeueThn.TTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:laneup;src:url(fonts/LANEUP.TTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:avgardd;src:url(fonts/AVGARDD.TTF);font-weight:400;font-style:normal

}



@font-face {

    font-family:gothamrnd-book;src:url(fonts/GOTHAMRND-BOOK.OTF);font-weight:400;font-style:normal

}



* {

    padding: 0;

    margin: 0;

    line-height: 26px;

}



ul li {

    list-style: none

}



a {
    
    color: #333333;
    text-decoration: none

}



img {

    border: 0;

}



input {

    border: 0;

    background: 0 0

}



input,textarea {

    font-family: Arial,微软雅黑;

    outline: 0;

    font-size: 14px;

    -webkit-appearance: none

}



.clear {

    clear: both

}



.fl {

    float: left

}



.fr {

    float: right

}



.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block

}



.yy_tag_I {

    margin: 0 5px

}



html,body {

    font: 12px Arial,微软雅黑;

    color: #333333;

    width: 100%;

    height: 100%;

    background: #fff

}



.fw {

    margin: 0 auto;

    width: 1180px

}



body {

    overflow-x: hidden;

    min-width: 1200px

}



.bx-wrapper {

    margin: 0 auto

}



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

    background-color: #999;

    border: 1px solid #999

}



#pageWrapper {

}



#header {

    width: 100%;

    height: auto;

    position: fixed;

    padding-top: 20px;

    font-size: 14px;

    transition: all ease .3s;

    z-index: 99;

    transition-property: padding,background

}



.nobanner #header {

    background: rgba(255,255,255,.9)

}



#header .content {

    padding: 0 40px

}



#header.mini {

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

    padding-top: 10px

}



#header.mini ul li.navitem {

    padding-bottom: 0

}



#header #logo {

    width: auto;

    height: 40px;

    display: block;

    float: left;

    margin-right: 50px

}



#header ul#nav {

}



#header ul li.navitem {

    padding: 0 20px 10px;

    width: auto;

    height: 50px;

    line-height: 40px;

    float: left;

    position: relative

}



#header ul li.navitem ul.subnav {

    transition: all .3s ease-out 0s;

    position: absolute;

    width: 210px;

    border-top: #838383 3px solid;

    opacity: 0;

    visibility: hidden;

    transform: translate3d(0px,10px,0px);

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

    -webkit-transform: translate3d(0px,10px,0px)

}



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

    opacity: 1;

    visibility: visible;

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

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

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

}



#header ul li.navitem a {

    color: #fff;

    transition: none ease-out .3s;

    transition-property: color,background,text-indent,opacity

}



#header ul li.navitem a.active,#header ul li.navitem:hover a {

    color: #838383

}



#header ul li.navitem ul.subnav li {

    border-bottom: #2e2f29 1px solid

}



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

    padding: 14px 30px;

    width: 150px;

    height: 20px;

    line-height: 20px;

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

    display: block;

    color: #bbb9b9;

    font-size: 12px

}



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

    float: right;

    margin-top: 5px;

    transition: all ease-out .2s;

    opacity: 0

}



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

    text-indent: 10px;

    background: #000;

    color: #fff

}



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

    opacity: 1

}



#sitecontent {

    height: auto;

    min-height: 600px;

}



#indexPage #mslider {

    height: 100%;

    width: 100%;

    position: relative;

    overflow: hidden

}



#indexPage #mslider .bx-wrapper {

    position: fixed;

    width: 100%

}



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

    bottom: 50px

}



#indexPage #mslider ul li {

    width: 100%;

    height: 100%;

    display: block;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover

}



#indexPage #mslider ul li a {

    display: table;

    width: 100%;

    height: 100%;

    display: table

}



#indexPage #mslider ul li div {

    display: table-cell;

    text-align: center;

    vertical-align: middle;

    color: transparent

}



#indexPage #mslider ul li p {

    color: #fff;

    text-align: center

}



#indexPage #mslider ul li p.title {

    font-size: 60px;

    line-height: 70px;

    height: 70px;

    transition-delay: 0

}



#indexPage #mslider ul li p.subtitle {

    font-size: 16px;

    height: 20px;

    transition-delay: .2s

}



#indexPage #mslider.sliderArrow {

    display: none

}



#indexPage #mslider ul li a i {

    text-indent: 20px;

    font-size: 24px

}



#indexPage #mslider ul li p {

    transform: translateY(25px);

    transition: all ease-out .3s;

    -webkit-transition: all ease-out .3s;

    opacity: 0

}



#indexPage #mslider ul li.active p {

    transform: translateY(0px);

    opacity: 1

}



#indexPage #mproject .bgmask,#indexPage #mnews .bgmask,#indexPage #mservice .bgmask,#indexPage #mpage .bgmask {

}



#indexPage .module {

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: relative;

    z-index: 2;

    height: 100%

}



#indexPage .module:last-child {

    border: 0

}



#indexPage .module .bgmask {

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

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: none

}



#indexPage .module.bgShow {

    background-attachment: fixed

}



#indexPage .module.bgShow .bgmask {

    display: block

}



#indexPage .module .content {

    position: absolute;

    top: 50%;

    width: 100%

}



#indexPage #mservice {

    background-color: #fff

}



#indexPage #mservice .content {

    margin-top: -238px;

    height: 516px

}



.content .header {

    padding-bottom: 50px;

    padding-top: 80px

}



#indexPage .content .header {

    padding-top: 0

}



.content .header p {

    text-align: center

}



.content .header p.title {

    color: #444;

    font-size: 26px

}



.content .header p.subtitle {

    color: #c1c1c1;

    font-size: 16px

}



#indexPage .slider_control {

    display: block;

    font-size: 36px

}



#indexPage .slider_control i {

    color: #a1a1a1

}



#indexPage .slider_control.fr {

    text-align: right

}



#indexPage #mservice .wrapper {

    width: 100%

}



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

    display: none

}



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

    right: -80px

}



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

    left: -80px

}



#indexPage #servicelist .serviceitem {

    margin: 0

}



#servicelist {

    width: 1126px;

    margin: 0 auto

}



#servicelist .wrap {

    margin-right: -50px

}



#servicelist .serviceitem {

    width: 342px;

    height: 335px;

    float: left;

    margin-bottom: 50px;

    margin-right: 50px

}



#servicelist .serviceitem a {

    display: block;

    width: 100%;

    height: 100%

}



#servicelist .serviceitem a img {

    float: none;

    width: 100%;

    height: auto;

    margin: 0 auto

}



#servicelist .serviceitem div {

    text-align: center;

    margin-top: 15px

}



#servicelist .serviceitem div p.title {

    color: #595959;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    transition: all ease-out .2s

}



#servicelist .serviceitem div p.description {

    color: #848484;

    font-size: 13px;

    line-height: 24px;

    height: 50px;

    overflow: hidden;

    width: 100%

}



#servicelist .serviceitem:hover .title {

    color: #838383

}



#indexPage #mservice .slider_control {

    color: #898989

}



#indexPage #mservice .slider_control:hover {

    color: #141414

}



#indexPage #mproject {

}



#indexPage #mproject .content {

    margin-top: -15%

}



#indexPage #mproject .content .wrapper {

    width: 100%;

    margin: 0

}



#projectlist .projectitem {

    width: 24%;

    height: auto;

    margin-right: 1%;

    margin-bottom: 1%;

    float: left;

    position: relative;

    background: #000

}

#projectlist .projectitem .project_img{
    height: 228px;
    overflow: hidden;
}

#projectlist .projectitem .index_project_img{
    height: 300px;
    overflow: hidden;
}

#indexPage #projectlist .projectitem {

    margin: 0

}



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

    bottom: -40px

}



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

    display: none

}



#indexPage #mproject a.more {

    margin-top: 80px

}



#projectlist .projectitem a {

    display: block;

    overflow: hidden

}



#projectlist .projectitem a img {

    float: none;

    width: 100%;

    height: 285px;

    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s

}



#projectlist .projectitem a:hover img {

    transform: scale(1.2,1.2)

}



#projectlist .projectitem a .project_info {

    width: 100%;

    height: 100%;

    background: transparent;

    transition: all ease-out .3s

}



#projectlist .projectitem a:hover .project_info {

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

}



#projectlist .projectitem a .project_info p {

    text-align: center;

    color: #fff;

    padding: 0 20px

}



#projectlist .projectitem a .project_info div {

    position: relative;

    top: 50%;

    margin-top: -15px

}



#projectlist .projectitem a .project_info p.title {

    margin-top: 10px;

    color: transparent;

    font-size: 16px;

    transition: all ease-out .3s

}



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

    margin-top: 0;

    color: #fff;

    font-size: 16px

}



#projectlist .projectitem a .project_info p.subtitle {

    margin-top: 16px;

    color: transparent;

    font-size: 12px;

    transition: all ease-out .3s

}



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

    margin-top: 0;

    color: #b7b7b7

}



#projectmore {

    width: 100%;

    height: 150px;

    line-height: 150px;

    text-align: center;

    font-size: 20px;

    color: #fff;

    display: block;

    background: #343434;

    transition: all ease-out .3s;

    text-indent: 0;

    position: relative;

    z-index: 1

}



#projectmore:hover {

    width: 100%;

    height: 150px;

    line-height: 150px;

    text-align: center;

    font-size: 20px;

    color: #fff;

    display: block;

    background: #838383;

    text-indent: -50px

}



.module-content .description {

    width: 720px;

    text-align: center;

    margin: 0 auto;

    font-size: 13px;

    color: #848484;

    line-height: 24px;

    overflow: hidden

}



#indexPage a.more,#indexPage a.details,#sitecontent .npagePage a.details {

    border: #dfdfdf 1px solid;

    background: transparent;

    width: 360px;

    height: 58px;

    display: block;

    margin: 40px auto 50px;

    line-height: 58px;

    font-size: 20px;

    color: #838383;

    text-indent: 150px;

    border-radius: 30px;

    transition: all ease-out .3s

}



#indexPage a.details,#sitecontent .npagePage a.details {

    display: none

}



#indexPage a.more:hover,#indexPage a.details:hover,#sitecontent .npagePage a.details:hover {

    border-color: #b6b6b6;

    text-indent: 130px

}



#indexPage a.more i,#indexPage a.details i,#sitecontent .npagePage a.details i {

    text-indent: -10px;

    font-size: 24px;

    color: transparent;

    transition: all ease-out .3s

}



#indexPage a.more:hover i,#indexPage a.details:hover i,#sitecontent .npagePage a.details:hover i {

    text-indent: 18px;

    color: #707070

}



#indexPage #mpage {

    background-color: #fff

}



#indexPage #mpage .content {

    height: 592px;

    margin-top: -230px

}



#indexPage #mpage .wrapper {

    width: 100%;

    height: 100%;

    overflow: hidden;

    margin: 0 auto

}



#indexPage #mpage .wrapper li {

    width: 100%;

    height: auto

}



#indexPage #mpage .wrapper li .fimg {

    background-repeat: no-repeat;

    background-position: top center;

    width: 100%;

    height: 466px

}



#indexPage #mteam {

}



#indexPage #mteam .content {

    margin-top: -180px

}



#indexPage #mteam .content>.header {

    display: none

}



#indexPage #mteam .header {

    padding-bottom: 0

}



#indexPage #mteam .header img {

    float: none;

    display: block;

    margin: 10px auto 24px;

    border-radius: 90px

}



#indexPage #mteam .summary p {

    text-align: center

}



#indexPage #mteam .summary p.title {

    color: #fff;

    font-size: 24px

}



#indexPage #mteam .summary p.title a {

    color: #474747

}



#indexPage #mteam .summary p.subtitle {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #a5a5a5;

    font-size: 12px;

    margin-bottom: 30px

}



#indexPage #mteam .description {

    color: #bebebe

}



#indexPage #mteam .bx-pager {

    display: none

}



#indexPage #mnews {

    background-color: #f8f8f8

}



#indexPage #mnews .content {

    height: calc(100% - 60px);

    margin-top: 60px;

    top: 0

}



#indexPage #mnews .content .header {

    display: none

}



#newslist,#newslist .wrapper,#indexPage #mnews .content_list {

    height: 100%;

    width: 100%

}



#newslist {

    margin: 0 auto

}



#indexPage #mnews .bx-controls {

    display: none

}



#newslist .newstitem {

    width: 100%;

    height: 33.3%

}



#newslist .newstitem a.newscontent {

    height: 100%;

    display: block;

    text-align: center;

    position: relative

}



#newslist .news_wrapper {

    width: 37.5%;

    height: 100%;

    background: #fff;

    z-index: 1;

    transition: all .25s ease 0s

}



#newslist .news_wrapper::before {

    content: "";

    display: inline-block;

    height: auto;

    vertical-align: middle

}



#newslist .newsbody {

    display: inline-block;

    max-width: 99%;

    vertical-align: middle;

    width: 330px

}



#newslist .newsbody .date {

    color: #999;

    font-size: 12px;

    margin-bottom: 10px

}



#newslist .newsbody .title {

    font-size: 30px;

    color: #333;

    line-height: 40px

}



#newslist .separator::before {

    right: 13px

}



#newslist .separator::before,#newslist .separator::after {

    background-color: #c3c3c3;

    content: "";

    height: 1px;

    position: absolute;

    top: 50%;

    width: 45px

}



#newslist .separator::after {

    left: 13px

}



#newslist .separator {

    background: #000 none repeat scroll 0 0;

    border-radius: 3px;

    color: transparent;

    font: 0px/0;

    height: 6px;

    margin: 15px auto 20px;

    position: relative;

    text-decoration: none;

    width: 6px

}



#newslist .newsbody .description {

    width: 100%;

    height: auto;

    line-height: 22px;

    font-size: 13px;

    color: #6a6a6a;

    margin-top: 10px

}



#newslist .newstitem .newsimg {

    width: 62.5%;

    height: 100%;

    background-position: center;

    background-size: cover

}



#newslist .newstitem .newsimg,#newslist .newstitem .news_wrapper {

    bottom: 0;

    left: 0;

    position: absolute;

    right: 0;

    top: 0

}



#newslist .newstitem.left .news_wrapper {

    left: auto

}



#newslist .newstitem.right .news_wrapper {

    right: auto

}



#newslist .newstitem.right a.newscontent .newsimg {

    left: auto

}



#newslist .newstitem.left a.newscontent {

    padding-left: 62.5%

}



#newslist .newstitem.right a.newscontent {

    padding-right: 62.5%

}



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

    padding-left: 60%

}



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

    width: 40%;

    bbackground-color: #e5e5e5;

    transition-duration: .5s

}



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

    padding-right: 60%

}



#indexPage #mpartner {

    background-color: #fff

}



#indexPage #mpartner .content {

    height: 480px;

    margin-top: -240px

}



#indexPage #mpartner .module-content {

    width: 980px

}



#indexPage #mpartner .wrapper {

    width: 980px;

    height: 376px

}



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

    display: none

}



#indexPage #mpartner .wrapper ul li {

    width: 980px;

    height: 360px

}



#indexPage #mpartner .wrapper ul li a {

    width: 225px;

    height: 168px;

    overflow: hidden;

    float: left;

    margin-right: 20px;

    margin-bottom: 20px

}



#indexPage #mpartner .wrapper ul li a img {

    width: 100%;

    height: 100%

}



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

    bottom: -40px

}



#indexPage #mcontact {

    background-color: #303030

}



#indexPage #mcontact .content {

    height: 425px;

    margin-top: -212px

}



#indexPage #mcontact .content .fw {

    width: 940px

}



#indexPage #mcontact .header p.title {

    color: #fff

}



#indexPage #mcontact .header p.subtitle {

    color: #c1c1c1

}



#contactinfo {

    width: 540px

}



#contactinfo h3 {

    font-size: 16px;

    color: #fff;

    line-height: 24px;

    margin-bottom: 25px;

    font-weight: 100

}



#contactinfo p {

    line-height: 24px;

    font-size: 13px;

    color: #989898;

    height: 24px;

    width: 100%

}



#contactinfo>a {

    color: #989898;

    text-decoration: underline

}



#contactinfo div {

    margin-top: 24px

}



#contactinfo div a {

    color: #fff;

    width: 30px;

    height: 30px;

    display: block;

    font-size: 16px;

    background-color: #2e2f2f;

    margin-right: 10px;

    text-align: center;

    border-radius: 15px;

    transition: all .6s cubic-bezier(.215,.61,.355,1) 0s

}



#contactinfo div a i {

    margin-top: 7px;

    font-size: 16px

}



#contactform p .inputtxt {

    width: 320px;

    height: 20px;

    line-height: 20px;

    padding: 10px 20px;

    color: #bcbcbc;

    background-color: #000;

    border: #3f3f3f 1px solid;

    margin-bottom: 10px;

    transition: all .3s ease-out 0s

}



#contactform p textarea.inputtxt {

    height: 100px;

    resize: none;

    overflow: hidden

}



#contactform p .inputsub {

    width: 100%;

    background-color: #838383;

    color: #fff;

    font-size: 16px;

    padding: 5px 0

}



#contactform .inputtxt.active {

    border-color: #838383

}



#moduleControl {

    position: fixed;

    right: 20px;

    top: 50%

}



#moduleControl a.moduleCItem {

    border: 1px solid #c8c8c8;

    border-radius: 6px;

    display: block;

    height: 9px;

    margin-bottom: 5px;

    outline: 0;

    text-indent: -9999px;

    transition: all .3s ease-out 0s;

    width: 9px

}



#moduleControl a.moduleCItem:hover,#moduleControl a.moduleCItem.active {

    background-color: #838383;

    border: 1px solid #838383

}



#pages {

    padding: 40px 0 80px;

    height: 36px;

    text-align: center

}



#pages a {

    background-color: #fff;

    display: inline-block;

    color: #a9a9a9;

    line-height: 25px;

    text-align: center;

    font-family: Arial;

    padding:5px 10px;

    margin-right: 5px;

    transition: background-color .2s ease-out

}



#pages span {

    margin-right: 5px

}



#pages a i {

    font-size: 24px;

    top: 2px;

    position: relative

}



#pages a.active,#pages a:hover {

    background-color: #838383;

    color: #fff

}



.nobanner .npagePage {

    padding-top: 80px

}



.npagePage #banner {

    width: 100%;

    height: 380px;

    position: relative

}



.npagePage #banner div {

    background-color: #39383e;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

    position: fixed;

    width: 100%;

    height: 380px

}



.npagePage .content {

    background-color: #fff;

    position: relative;

    z-index: 1

}



#plheader {

    padding-bottom: 30px

}



#category {

    text-align: center;

    padding-bottom: 50px

}



#category li {

    display: inline-block

}



#category li.hasmore {

    height: 107px

}



#category li.hasmore div {

    position: absolute;

    width: 100%;

    left: 0

}



#category li.hasmore div ul {

    text-align: center;

    margin-top: 20px;

    padding-top: 20px;

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

}



#category a {

    line-height: 16px;

    height: 16px;

    padding: 8px 16px;

    color: #616161;

    border: #d2d2d2 1px solid;

    margin-right: 2px;

    display: inline-block;

    transition: all .3s ease-out 0s

}



#category li.hasmore div ul a {

    border: 0

}



#category a.active,#category a:hover {

    background: #838383;

    color: #fff;

    border-color: #838383

}



#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover {

    background: #7d7d7d;

    color: #fff

}



#teamlist {

    margin: 0 auto;

    width: 1100px

}



#teamlist .wrap {

    margin-right: -70px

}



.teamitem {

    float: left;

    width: 320px;

    height: 460px;

    margin-right: 70px;

    margin-bottom: 50px

}



.teamitem a {

    width: 320px;

    height: 320px;

    display: block;

    position: relative;

    overflow: hidden

}



.teamitem .title a {

    color: #9a9a9a;

    display: inline

}



.teamitem a div.wrap {

    height: 50px;

    width: 100%;

    background: #da0000;

    position: absolute;

    bottom: -50px;

    color: #fff;

    transition: all .3s cubic-bezier(.215,.61,.355,1) 0s;

    transform: translate(0,0px)

}



.teamitem a:hover div.wrap {

    transform: translate(0,-50px)

}



.teamitem a div.wrap div {

    width: 14px;

    height: 14px;

    margin: 18px auto;

    position: relative

}



.teamitem a div.wrap span {

    display: block;

    background: #fff;

    position: absolute

}



.teamitem a div.wrap span.h {

    width: 14px;

    height: 2px;

    top: 6px

}



.teamitem a div.wrap span.v {

    width: 2px;

    height: 14px;

    left: 6px

}



.teamitem .teaminfo {

    margin-top: 33px;

    text-align: center

}



.teamitem .teaminfo .title {

    font-size: 18px;

    color: #484848

}



.teamitem .teaminfo .subtitle {

    font-size: 12px;

    color: #9a9a9a;

    margin-top: 5px

}



.teamitem .teaminfo .description {

    font-size: 12px;

    color: #949494;

    margin-top: 15px;

    line-height: 18px;

    height: 35px;

    overflow: hidden

}



#teampost {

    padding-top: 50px

}



#teampost #teamimage {

    width: 408px;

    float: left

}



#teampost #teamimage img {

    float: none

}



#teampost #teambody {

    margin-left: 450px

}



#teambody .theader .title {

    color: #343434;

    font-size: 30px

}



#teambody .theader .subtitle {

    color: #626262;

    font-size: 14px

}



#teambody .theader .postbody {

    margin-top: 36px

}



#projectwrap {

    padding-top: 50px;

    min-height: 600px

}



#projectbody {

    width: 800px;

    float: left

}



#projectimages {

    background: #fff

}



#projectimages li {

    margin-bottom: 10px

}



#projectimages li img {

    display: block;

    float: none;

    margin: 0 auto;

    max-width: 100%

}



#projectbody .postbody {

    padding: 20px 0

}



#projectinfo {

    width: 340px;

    margin-left: 40px;

    float: left

}



#projectih {

    width: 340px

}



#projecttags {

    margin-top: 20px

}



#projecttags a {

    float: left;

    font-size: 13px;

    color: #989898;

    padding: 5px 10px;

    background: #f3f3f3;

    margin-right: 5px;

    margin-bottom: 5px

}



#projecttags a:hover {

    color: #989898;

    background: #f3f3f3

}



#projectib {

    margin-right: -10px;

    margin-top: 20px

}



#projectib .projectitem {

    width: 160px;

    height: auto;

    float: left;

    margin-right: 10px;

    margin-bottom: 14px

}



#projectib .projectitem img {

    width: 100%;

    height: auto;

    float: none

}



#projectib .projectitem a .project_info {

    width: 100%;

    height: 30px

}



#projectib .projectitem a .project_info p {

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



#projectib .projectitem a .project_info p.title {

    margin-top: 10px;

    color: #333;

    font-size: 12px;

    transition: all ease-out .3s

}



#projectib .projectitem a .project_info p.subtitle {

    margin-top: 0;

    color: #b7b7b7;

    font-size: 12px;

    transition: all ease-out .3s

}



#projectinfo .header {

    padding: 0;

    border-bottom: #ccc 1px dotted;

    width: 340px

}



#projectinfo .header p {

    text-align: left

}



#projectinfo .header .description {

    color: #6a6a6a;

    font-size: 13px;

    line-height: 24px;

    margin: 30px 0

}



.postbody {

    line-height: 26px;

    font-size: 13px;

    color: #6a6a6a

}



.postbody a {

    color: #848484;

    text-decoration: underline

}



.postbody a:hover {

    text-decoration: underline;

    color: #414141

}



.postbody img {

    float: none

}



.postbody hr {

    height: 1px;

    border: 0;

    border-top: 1px dotted #d3d3d3;

    margin-top: 20px;

    margin-bottom: 20px

}



.postbody p {

    word-wrap: break-word;

    word-break: normal

}



.lowB #header,.lowB #indexPage #mslider .bx-wrapper,.lowB .npagePage #banner div {

    position: relative

}



.lowB #indexPage .module.bgShow {

    background-attachment: scroll

}



.lowB #header {

    background: #171c20

}



.lowB .nobanner .npagePage {

    padding: 0

}



#footer {

    background: #000;

    width: 100%;

    position: relative;

    z-index: 2

}



#footer p {

    text-align: right;

    padding: 20px;

    font-size: 12px;

    color: #8e8e8e;

    height: 20px;

    line-height: 20px

}



#footer a {

    display: inline-block;

    width: 50px;

    height: 20px;

    margin-left: 10px;

    margin-right: 40px

}



#footer a path {

    fill: red

}



#footer.mini {

    position: fixed;

    bottom: 0;

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

}



#footer.mini p {

    padding: 5px

}



#shares {

    height: 120px;

    position: fixed;

    right: 10px;

    bottom: 40px;

    z-index: 99

}



#shares a {

    width: 30px;

    height: 30px;

    display: block;

    background: #8b8b8b;

    background-color: rgba(31,31,31,.6);

    color: #fff;

    font-size: 16px;

    text-align: center

}



#shares a i {

    margin-top: 7px

}



#shares a#sshare {

    cursor: default

}



#shares a#sweibo {

    background-color: #ea493c

}



#shares a#sweixin {

    background-color: #24b727

}



#shares a#gotop {

    background-color: #666;

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

    margin-top: 20px;

    font-size: 22px

}



#shares a#gotop i {

    margin-top: 3px

}



.fixed {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #000;

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

    overflow-y: auto;

    z-index: 100;

    display: none

}{height:auto;cursor:default

}



#fixed_weixin .fixed-container {

width: 220px;

height: auto;

padding: 20px 20px 0;

background: #fff;

position: absolute;

left: 50%;

top: 50%;

margin-left: -110px;

margin-top: -140px

}



#fixed_weixin .fixed-container div {

height: 220px

}



#fixed_weixin .fixed-container p {

height: 40px;

line-height: 40px;

text-align: center;

font-size: 14px;

color: #000

}



#fixed_mp .fixed-container {

width: 258px;

height: 298px;

background: #fff;

position: absolute;

left: 50%;

top: 50%;

margin-left: -129px;

margin-top: -149px

}



#fixed_mp .fixed-container p {

padding: 0 20px;

text-align: center;

font-size: 14px;

color: #000

}



#online_open {

width: 30px;

height: 30px;

background: #00d420;

cursor: pointer;

position: fixed;

right: -40px;

bottom: 190px;

z-index: 99999;

font-size: 18px;

color: #fff;

text-align: center;

line-height: 30px

}



#online_open i {

margin-top: 6px

}



#online_lx {

width: 192px;

height: auto;

border-radius: 5px;

background-color: #fff;

-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);

box-shadow: 0 5px 9px rgba(4,0,0,.17);

position: fixed;

right: 10px;

bottom: 160px;

z-index: 99999

}



#olx_head {

padding: 20px;

line-height: 16px;

height: 16px;

background: #00d420;

border-radius: 5px 5px 0 0;

color: #fff;

font-size: 14px

}



#olx_head i {

font-size: 18px;

color: #fff;

cursor: pointer;

transition: all .6s cubic-bezier(.215,.61,.355,1) 0s

}



#olx_qq li a {

padding: 12px 30px;

height: 18px;

line-height: 18px;

background: #f5f5f5;

color: #353434;

display: block;

border-bottom: #fff 1px solid;

transition: all ease-out .3s;

font-size: 12px

}



#olx_qq li a i {

color: #5e5e5e;

font-size: 16px;

vertical-align: middle;

margin-right: 18px;

transition: all ease-out .3s

}



#olx_qq li a:hover {

color: #fff;

background: #565656

}



#olx_qq li a:hover i {

color: #00d420

}



#olx_tel {

padding: 20px 30px

}



#olx_tel div {

color: #434343;

line-height: 14px;

height: 14px;

margin-bottom: 10px

}



#olx_tel div i {

font-size: 18px;

margin-right: 20px;

vertical-align: middle

}



#olx_tel p {

line-height: 18px;

font-family: HELVETICANEUELTPRO-THEX;

font-size: 16px

}



.hide,.popup {

display: none

}



.show {

display: block

}



#mslider li video {

position: absolute

}



#indexPage #mslider ul li div.mask {

background-color: transparent;

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0

}



.netmask {

display: block

}



.netmask div {

position: absolute;

left: 50%;

top: 50%;

margin-left: -20px;

margin-top: -20px

}



.netmask.loading div i {

display: block;

background: url(../images/loading.gif);

width: 40px;

height: 40px

}



.netmask div i:before {

display: none;

font-size: 40px;

color: #fff

}



.netmask.success div i:before {

display: block

}



#page404 {

padding-top: 200px

}



#page404 span {

font-size: 150px;

font-family: helveticaneueltpro-thex,Arial;

color: #efefef

}



#page404 div {

margin-left: 320px;

padding-left: 26px;

border-left: #e9e9e9 1px solid;

height: 70px

}



#page404 div p.title {

color: #787878;

font-size: 36px;

line-height: 36px

}



#page404 div p.subtitle {

color: #787878;

font-size: 14px;

margin-top: 10px

}



#projectlist .wrapper {

margin-left: 1%

}



#langnav {

float: right

}



#langnav a {

color: #fff

}



#langnav a:hover {

color: #838383

}



#langnav a.active {

color: #838383

}



#langnav span {

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

margin: 0 10px;

display: inline-block

}



#headSHBtn {

display: none;

width: 40px;

height: 40px;

background: #000;

line-height: 40px;

text-align: center;

color: #fff;

position: absolute;

top: 0;

right: -40px

}



#header.show {

right: 0

}



@media screen and (min-width:1780px) {

}



#mcontact .content>.header {

animation-name: fadeInUp

}



#mcontact .content #contactinfo {

animation-name: fadeInLeft;

animation-delay: .2s

}



#mcontact .content #contactform {

animation-name: fadeInRight;

animation-delay: .2s

}



#mcontact .content #contactform {

animation-name: fadeInRight;

animation-delay: .2s

}



#mnews a.more {

display: none

}



#mpage .module-content .header {

animation-name: fadeInUp;

animation-delay: .2s

}



#mpage .module-content .description {

animation-name: fadeInUp;

animation-delay: .3s

}



#mpage .module-content .more {

animation-name: fadeInUp;

animation-delay: .5s

}



#mpage .module-content .fimg {

animation-name: fadeInUp;

animation-delay: .3s

}



#mpartner .content>.header {

animation-name: slideInUp;

animation-delay: .1s

}



#mproject .content>.header {

animation-name: fadeInUp

}



#projectlist .projectitem {

animation-name: slideInUp

}



#indexPage #mproject a.more {

animation-name: fadeInUp;

animation-delay: .5s

}



#mservice .content>.header {

animation-name: fadeInUp

}



#servicelist .serviceitem {

animation-name: slideInUp

}



#indexPage #mservice a.more {

animation-name: fadeInUp;

animation-delay: .5s

}



#mteam .content>.header {

display: none

}



body.ipusher #header {

width: 350px;

height: 100%;

background: #202122;

padding: 0;

left: -350px;

transition: transform .4s cubic-bezier(.215,.61,.355,1) 0s

}



body.ipusher #header #headSHBtn i {

font-size: 18px;

margin-top: 12px

}



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

content: "\f00d"

}



body.ipusher.open #header {

transform: translate3d(350px,0,0);

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

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

-o-transform: translate3d(350px,0,0)

}



body.ipusher #header .content {

padding: 0

}



body.ipusher #header #logo {

width: 100%;

float: none;

margin: 20px 0 0

}



body.ipusher #header #logo img {

float: none;

margin: 0 auto;

display: block

}



body.ipusher #header ul li.navitem {

width: 100%;

padding: 0;

text-align: center;

line-height: 50px;

border-top: 1px solid #272727

}



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

text-indent: 0

}



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

left: 100%;

top: 0

}



#logoClone {

position: fixed;

top: 0;

left: 0;

z-index: 98;

width: 100%;

height: 40px

}



#logoClone img {

float: none

}



#teamlist .wow {

animation-name: slideInUp

}



#projecttags {

margin-top: 20px;

width: 340px;

margin-left: 40px;

float: left

}



#projectib {

margin-right: -10px;

margin-top: 20px;

margin-left: 40px;

float: left;

width: 340px

}



#pageswitch {

margin-top: -150px;

display: none

}



#pageswitch a {

width: 50%;

height: 40px;

padding: 20px 0;

float: left;

background: #fff;

font-family: helveticaneueltpro-thex,微软雅黑;

transition: all ease-out .3s;

position: relative

}



#pageswitch a:hover {

background: #ccc;

box-shadow: 0 0 15px #ccc;

z-index: 3

}



#pageswitch a .title {

color: #444

}



#pageswitch a .subtitle {

color: #a5a5a5

}



#pageswitch .prev div {

text-align: left;

margin-left: 30px

}



#pageswitch .next div {

text-align: right;

margin-right: 30px

}



#indexPage .mivideo.module .module-content .video_content {

width: 960px;

height: 575px;

margin: 0 auto

}



#projectinfo .description a,#projectinfo1 .description a,#projectinfo2 .description a,#projectinfo3 .description a,#projectinfo4 .description a,#projectinfo5 .description a {

height: 40px;

width: 100%;

line-height: 40px;

text-align: center;

color: #fff;

background-color: #5a5a5a;

display: block;

bottom: 0;

left: 0

}



#shares a i.fa-weixin {

color: transparent;

background-image: url(http://mo001_77.mo1.line2.jsmo.xin/templates/ue_content/templates/images/shouji.png);

background-repeat: no-repeat;

font-size: 23px;

margin: 7px 0 0 10px

}



.animated {

animation-name: fadeInUp;

animation-delay: 0s

}



#projectlist .projectitem {

animation-name: fadeInUp

}



#indexPage #mteam a.more {

display: none

}



#projectwrap1,#projectwrap2,#projectwrap3,#projectwrap4,#projectwrap5 {

width: 1180px;

margin: 0 auto;

margin-top: 50px

}



#projectinfo1,#projectinfo2 {

float: right;

padding: 30px;

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

width: 300px;

border-top: 10px solid #22a9ff

}



#projectinfo1 .header .description,#projectinfo2 .header .description {

color: #6a6a6a;

font-size: 13px;

line-height: 24px;

margin: 30px 0 0

}



.content #projectih1 .header,.content #projectih2 .header {

padding: 0

}



#projectinfo2 {

float: left

}



#projectinfo5 {

float: left;

width: 785px

}



#projectinfo1 .header p,#projectinfo2 .header p,#projectinfo3 .header p,#projectinfo4 .header p,#projectinfo5 .header p {

text-align: left

}



#projectinfo3 .header,#projectinfo4 .header {

padding-top: 70px

}



#projectbody1,#projectbody2 {

float: left;

width: 785px

}



#projectbody2 {

float: right

}



#projectbody5 {

float: left;

width: 785px

}



#projectimages1 img,#projectimages2 img,#projectimages3 img,#projectimages4 img,#projectimages5 img {

width: 100%;

margin-bottom: 10px

}



#projectshow1,#projectshow2 {

width: 785px;

float: left;

margin-top: 40px

}



#projectshow2 {

float: right

}



#projectshow3,#projectshow4 {

margin-top: 40px

}



#projectshow5 {

float: right;

width: 345px;

padding-top: 120px

}



#projectshow1 #projecttags1,#projectshow2 #projecttags2,#projectshow3 #projecttags3,#projectshow4 #projecttags4 {

margin-top: 20px;

width: 100%

}



#projecttags1 a,#projecttags2 a,#projecttags3 a,#projecttags4 a,#projecttags5 a {

transition: all ease-out .3s;

float: left;

font-size: 13px;

color: #989898;

padding: 5px 10px;

background: #f3f3f3;

margin-right: 5px;

margin-bottom: 5px

}



#projectshow1 #projectib1,#projectshow2 #projectib2,#projectshow3 #projectib3,#projectshow4 #projectib4,#projectshow5 #projectib5 {

margin-top: 20px

}



#projectshow1 #projectib1:after,#projectshow1 #projecttags1:after,#projectshow2 #projectib2:after,#projectshow2 #projecttags2:after,#projectshow3 #projectib3:after,#projectshow3 #projecttags3:after,#projectshow4 #projectib4:after,#projectshow4 #projecttags4:after,#projectshow5 #projectib5:after,#projectshow5 #projecttags5:after {

content: '';

display: block;

clear: both

}



#projectib1 .projectitem1,#projectib2 .projectitem2,#projectib3 .projectitem3,#projectib4 .projectitem4 {

width: 245px;

height: auto;

float: left;

margin: 0 6px 14px

}



#projectib3 .projectitem3,#projectib4 .projectitem4 {

width: 275px;

margin: 0 10px 40px

}



#projectib1 .projectitem1 img,#projectib2 .projectitem2 img,#projectib3 .projectitem3 img,#projectib4 .projectitem4 img {

width: 100%;

height: auto;

float: none

}



#projectib1 .projectitem1 a .project_info,#projectib2 .projectitem2 a .project_info,#projectib3 .projectitem3 a .project_info,#projectib4 .projectitem4 a .project_info,#projectib5 .projectitem5 a .project_info {

width: 100%;

height: 30px

}



#projectib1 .projectitem1 a .project_info p,#projectib2 .projectitem2 a .project_info p,#projectib3 .projectitem3 a .project_info p,#projectib4 .projectitem3 a .project_info p,#projectib5 .projectitem5 a .project_info p {

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis

}



#projectib5 #projectlist .projectitem {

width: 49%

}



#npagePage #projectlist .projectitem a .project_info div {

margin-top: 0

}



#npagePage #projectlist .projectitem a:hover img {

transform: scale(1,1)

}



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

width: 100%;

height: 100%

}



#npagePage #projectlist .projectitem a .project_info {

position: inherit

}



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

margin-top: 0;

height: 24px;

line-height: 24px;

text-align: left;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis

}



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

margin-top: 0;

height: 22px;

line-height: 22px;

text-align: left;

overflow: hidden;

white-space: nowrap;

text-overflow: ellipsis

}



#post_slider,#post_slider1 {

height: 500px

}



#post_slider li,#post_slider1 li {

height: 500px

}



ul.content_list:after {

content: '';

display: block;

clear: both

}



.projectSubList {

margin-bottom: 20px

}



.projectSubTitle {

font-size: 24px;

line-height: 24px;

margin: 20px auto 50px;

display: none

}



.postbody img {

max-width: 100%;

margin-bottom: 10px

}



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

z-index: 0

}



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

z-index: 0

}



#shares a i,#contactinfo div a i,#online_open i,#olx_qq li a i,#olx_tel div i {

margin-left: 0

}



.service_img {

display: block;
height: 320px;
overflow: hidden; 

}



body.ipusher #header #headSHBtn i {

margin-left: 0

}



.nav-a i {

display: inline

}



#indexPage .mivideo {

background-color: #fff;

padding-bottom: 10px;

padding-top: 80px

}



#projectitem_1 {

animation-name: fadeInUp;

animation-delay: .1s

}



#projectitem_2 {

animation-name: fadeInUp;

animation-delay: .2s

}



#projectitem_3 {

animation-name: fadeInUp;

animation-delay: .3s

}



#projectitem_4 {

animation-name: fadeInUp;

animation-delay: .4s

}



#projectitem_5 {

animation-name: fadeInUp;

animation-delay: .5s

}



#projectitem_6 {

animation-name: fadeInUp;

animation-delay: .6s

}



#projectitem_7 {

animation-name: fadeInUp;

animation-delay: .7s

}



#projectitem_8 {

animation-name: fadeInUp;

animation-delay: .8s

}



#projectitem_9 {

animation-name: fadeInUp;

animation-delay: .9s

}



#projectitem_10 {

animation-name: fadeInUp;

animation-delay: 1s

}



#projectitem_11 {

animation-name: fadeInUp;

animation-delay: 1.1s

}



#newsitem_1 {

animation-name: fadeInUp;

animation-delay: .2s

}



#newsitem_2 {

animation-name: fadeInUp;

animation-delay: .4s

}



#newsitem_3 {

animation-name: fadeInUp;

animation-delay: .6s

}



#newsitem_4 {

animation-name: fadeInUp;

animation-delay: .8s

}



#newsitem_5 {

animation-name: fadeInUp;

animation-delay: 1s

}



#newsitem_6 {

animation-name: fadeInUp;

animation-delay: 1.2s

}



#newsitem_7 {

animation-name: fadeInUp;

animation-delay: 1.4s

}



#newsitem_8 {

animation-name: fadeInUp;

animation-delay: 1.6s

}



#newsitem_9 {

animation-name: fadeInUp;

animation-delay: 1.8s

}



#newsitem_10 {

animation-name: fadeInUp;

animation-delay: 2s

}



#newsitem_11 {

animation-name: fadeInUp;

animation-delay: 2.2s

}



#serviceitem_1 {

animation-name: fadeInUp;

animation-delay: .1s

}



#serviceitem_2 {

animation-name: fadeInUp;

animation-delay: .2s

}



#serviceitem_3 {

animation-name: fadeInUp;

animation-delay: .3s

}



#serviceitem_4 {

animation-name: fadeInUp;

animation-delay: .4s

}



#serviceitem_5 {

animation-name: fadeInUp;

animation-delay: .5s

}



#serviceitem_6 {

animation-name: fadeInUp;

animation-delay: .6s

}



#serviceitem_7 {

animation-name: fadeInUp;

animation-delay: .7s

}



#serviceitem_8 {

animation-name: fadeInUp;

animation-delay: .8s

}



#serviceitem_9 {

animation-name: fadeInUp;

animation-delay: .9s

}



#serviceitem_10 {

animation-name: fadeInUp;

animation-delay: 1s

}



#serviceitem_11 {

animation-name: fadeInUp;

animation-delay: 1.1s

}



#teamitem_1 {

animation-name: fadeInUp;

animation-delay: .1s

}



#teamitem_2 {

animation-name: fadeInUp;

animation-delay: .2s

}



#teamitem_3 {

animation-name: fadeInUp;

animation-delay: .3s

}



#teamitem_4 {

animation-name: fadeInUp;

animation-delay: .4s

}



#teamitem_5 {

animation-name: fadeInUp;

animation-delay: .5s

}



#teamitem_6 {

animation-name: fadeInUp;

animation-delay: .6s

}



#teamitem_7 {

animation-name: fadeInUp;

animation-delay: .7s

}



#teamitem_8 {

animation-name: fadeInUp;

animation-delay: .8s

}



#teamitem_9 {

animation-name: fadeInUp;

animation-delay: .9s

}



#teamitem_10 {

animation-name: fadeInUp;

animation-delay: 1s

}



#teamitem_11 {

animation-name: fadeInUp;

animation-delay: 1.1s

}



#indexPage #mpartner .wrapper ul li a .par_title {

display: none;

text-align: center;

font-size: 14px;

width: 100%

}

.f12{font-size:12px}
.f30{font-size:30px}
.f24{font-size:24px}
.f14{font-size:14px}

.clearfix-time{display:block;zoom:1}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}

.about2{padding-bottom:80px}
.about2 .tit{text-align:center}
.about2 ul{background:url(../images/sy51.png) repeat-y center}

.about2 .tit h6{color:#666}
.about2 .tit h5{color:#333;margin:15px 0 45px}

.about2 li:before{background:url(../images/sy50.png) no-repeat center center;left:-68px;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4:hover{color:#f8f8f8;transition:all 1s;transform:translateY(-15px)}
.about2 li h4{position:relative;display:block;text-decoration:none;font-family:lato;color:#ecf0f1;text-transform:uppercase;padding:4px 0;transition:.5s}
.about2 li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3498db;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.about2 li h4:hover{color:#95a5a6}
.about2 li h4:hover::after{transform:scaleX(1);transform-origin:left}
.about2 li:nth-child(2n):before{background:url(../images/sy50.png) no-repeat center center;right:-69px;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.about2 li h4{color:#333;transition:all 1s}
.about2 li p{color:#666;margin-top:10px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}

.future{text-align:center;color:#999;font-size:12px;margin-top:17px}
.about2 li:nth-child(1){margin-top:0}
.about2 li{float:right;width:45%;text-align:left;position:relative;margin-top:100px}
.about2 li:nth-child(2n){float:left;text-align:right;margin-top:90px}

.span{display: inline-block;color: green;font-size: 20px;}