@font-face {

    font-family: HELVETICANEUELTPRO-THEX;

    src: url(http://mo005-3342.mo5.line1.jsmo.xin/templates/ue_content/templates/css/fonts/HELVETICANEUELTPRO-THEX.OTF);

    font-weight: 400;

    font-style: normal

}

.description img{max-width:100%}



@font-face {

    font-family: iconfont;

    src: url(../font/iconfont-1489113792422.eot);

    src: url(../font/iconfont-1489113792422.eot#iefix) format('embedded-opentype'), url(../font/iconfont-1489113792422.woff) format('woff'), url(../font/iconfont-1489113792422.ttf) format('truetype'), url(http://mo005-3342.mo5.line1.jsmo.xin/templates/ue_content/templates/css/fonts/iconfont.svg?t=1489113792422#iconfont) format('svg')

}



.iconfont {

    font-family: iconfont !important;

    font-size: 20px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-back:before {

    content: "\e697"

}



.icon-close:before {

    content: "\e69a"

}



.icon-less:before {

    content: "\e6a5"

}



.icon-moreunfold:before {

    content: "\e6a6"

}



.icon-more:before {

    content: "\e6a7"

}



.icon-search:before {

    content: "\e6ac"

}



.icon-add:before {

    content: "\e6b9"

}



.icon-discount:before {

    content: "\e6c5"

}



.icon-map:before {

    content: "\e715"

}



.icon-share:before {

    content: "\e71d"

}



.agent-pc ::-webkit-scrollbar {

    width: 6px;

    height: 6px

}



.agent-pc ::-webkit-scrollbar-track {

    background: 0 0

}



.agent-pc ::-webkit-scrollbar-thumb {

    background-color: #333;

}



.agent-pc ::-webkit-scrollbar-thumb:hover {

    background-color: #333

}



.agent-pc ::-webkit-scrollbar-corner {

    background-color: #535353

}



.agent-pc ::-webkit-scrollbar-resizer {

    background-color: #333

}



.agent-pc body ::-webkit-scrollbar {

    width: 8px

}



.agent-pc body ::-webkit-scrollbar-thumb {

    background-color: #333

}



* {

    padding: 0;

    margin: 0

}



ul li {

    list-style: none

}



a {

    text-decoration: none;

    transition: all .1s linear

}



img {

    border: none;

    float: left;

    color: transparent

}



input {

    border: none;

    background: 0 0

}



input,

textarea {

    font-family: "微软雅黑", Arial;

    outline: 0;

    font-size: 14px;

    -webkit-appearance: none

}



.clear {

    clear: both

}



.clearfix:after {

    clear: both;

    display: block;

    content: ''

}



.clearfix {

    zoom: 1

}



.fl {

    float: left

}



.fr {

    float: right

}



.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block

}



body,

html {

    font: 12px Arial, "微软雅黑";

    color: #7f7f7f;

    width: 100%;

    height: 100%;

    background: #fff;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch;

    overflow-scrolling: touch

}



.fw {

    margin: 0 auto;

    width: 1180px

}



body {

    overflow-x: hidden

}



a,

a i {

    color: #9e9e9e

}



.yyloading {

    min-height: 50px;

    background: url(../image/loading.gif) center center no-repeat #fff;

    height: 100%;

    width: 100%;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 96

}



.loading-overlay {

    text-align: center;

    position: fixed;

    display: table;

    z-index: 999;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0

}



.loading-overlay .spinner {

    vertical-align: middle;

    display: table-cell;

    text-align: center;

    width: 100%

}



.loading-overlay .spinner>div {

    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;

    animation: bouncedelay 1.4s infinite ease-in-out;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    background-color: #fff;

    display: inline-block;

    height: 10px;

    width: 10px

}



.loading-overlay .spinner .bounce1 {

    -webkit-animation-delay: -.32s;

    animation-delay: -.32s

}



.owl-theme .owl-dots .owl-dot span {

    background: 0 0;

    width: 11px;

    height: 11px;

    background: #4b4b4b;

    margin: 3px auto;

    position: relative;

    transition: all .2s ease-in

}



.owl-theme .owl-dots .owl-dot {

    display: block;

    margin: 10px 0

}



.owl-theme .owl-dots .owl-dot span:after {

    content: '';

    width: 10px;

    height: 10px;

    border: 2px solid transparent;

    position: absolute;

    top: -2px;

    left: -2px;

    border-radius: 10px

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: rgba(255, 255, 255, 0)

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: #ff7900

}



.owl-theme .owl-nav [class*=owl-] {

    width: 50px;

    height: 50px;

    background: 0 0;

    padding: 0;

    border-radius: 0;

    margin: -40px 0 0 0

}



.owl-theme .owl-nav [class*=owl-]:hover {

    background: 0 0

}



.owl-theme .owl-nav>div {

    position: absolute;

    bottom: 0;

    line-height: 50px;

    background: 0 0;

    transition: all ease-out .3s

}



.owl-theme .owl-dots {

    position: absolute;

    width: 20px;

    top: 50%;

    right: 58px;

    margin: 0;

    margin-top: -44px

}



.owl-theme .owl-nav>div i {

    color: #434343

}



.lcbody {

    width: 30px;

    height: 30px;

    position: relative;

    transform: translateZ(0) rotate(0);

    -webkit-transform: translateZ(0) rotate(0);

    transition: transform .4s cubic-bezier(.4, .01, .165, .99);

    -webkit-transition: -webkit-transform .4s cubic-bezier(.4, .01, .165, .99)

}



.video .item_block .item_img img {

    width: 100%;

    height: auto

}



.lcitem {

    position: absolute;

    left: 0;

    top: 0;

    transform: translateZ(0) rotate(0);

    transition: transform .25s cubic-bezier(.4, .01, .165, .99) 0s;

    -webkit-transform: translateZ(0) rotate(0);

    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) 0s;

    width: 30px;

    height: 30px

}



.lcitem .rect {

    width: 30px;

    height: 1px;

    background: #fff;

    position: absolute;

    left: 0;

    top: 14px;

    transition: transform .2s ease .2s;

    -webkit-transition: -webkit-transform .2s ease .2s

}



.lcitem .rect.top {

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

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

}



.lcitem .rect.bottom {

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

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

}



body.openMenu #header .content #openBtn .lcbody {

    transform: translateZ(0) rotate(90deg);

    -webkit-transform: translateZ(0) rotate(90deg)

}



.lcbody.close .lcitem,

body.openMenu #header .content #openBtn .lcitem {

    transform: translateZ(0) rotate(45deg);

    transition: transform .25s cubic-bezier(.4, .01, .165, .99) .2s;

    -webkit-transform: translateZ(0) rotate(45deg);

    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, .01, .165, .99) .2s

}



.lcbody.close .lcitem.bottom,

body.openMenu #header .content #openBtn .lcitem.bottom {

    transform: translateZ(0) rotate(-45deg);

    -webkit-transform: translateZ(0) rotate(-45deg)

}



.lcbody.close .lcitem .rect,

body.openMenu #header .content #openBtn .lcitem .rect {

    transition: transform .2s ease 0s;

    transform: translate3d(0, 0, 0);

    -webkit-transition: -webkit-transform .2s ease 0s;

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

}



.lcbody.prev .lcitem.top {

    transform: translateZ(0) rotate(-45deg)

}



.lcbody.prev .lcitem.bottom {

    transform: translate3d(0, 10px, 0) rotate(45deg)

}



.lcbody.next .lcitem.top {

    transform: translateZ(0) rotate(45deg)

}



.lcbody.next .lcitem.bottom {

    transform: translate3d(0, 10px, 0) rotate(-45deg)

}



#header {

    position: fixed;

    width: 100%;

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

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

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

    z-index: 99

}



#header .wrapper {

    height: auto;

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

    z-index: 99

}



#header .content {

    height: 100%; width:1200px;

    padding: 0 2px 0 0px;

    margin: 0 auto

}



#header .content a#logo {

    display: block;

    height: 80px;

    float: left

}



#header .content a#logo img {

    height: 94%;

    width: auto

}



#header .content #openBtn {

    display: none;

    float: right;

    cursor: pointer;

    margin-right: 0;

    margin-top: 7px

}



#header .content #backBtn {

    width: 30px;

    height: 30px;

    vertical-align: middle;

    margin-top: 5px;

    cursor: pointer

}



#header .content #backBtn i {

    font-size: 32px;

    color: #fff

}



#header .nav {

    float: right;

    height: 49px;

    position: relative

}



#header .nav>li {

    float: left;

    font-size: 16px;

    height: 100%;

    position: relative

}



#header .nav>li>a {

    display: block;

    padding: 0 35px;

    height: 70px;

    line-height: 70px;

    color: #fff;

    font-weight: 500;

    position: relative;

    overflow: hidden

}



#header .nav>li>a span {

    display: inline-block;

    position: relative;

    transition: all ease-out .3s

}



#header .nav>li>a>i {

    margin-left: 10px

}



#header .nav .subnav {

    position: absolute;    text-align: center;

    width: 128px;

    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);

    background-color:  rgba(225, 121, 0, 0.9);

    height: auto;

    z-index: 199;

    top: 100%;

    left: 3%;

    border-top: 2px solid #fbb373;

    overflow: hidden;

    visibility: hidden;

    opacity: 0;

    transition: all .36s ease


}






#header .nav .subnav#zsubnavdd2 {



  left: 2%!important;


}


#header .nav .subnav#zsubnavdd3 {



  left: 6%!important;


}




#header .nav .subnav li {

    width: 100%

}



#header .nav .subnav li a {

    font-weight: 500;

    color: #fff;

    line-height: 22px;

    display: block;

    transition: all .2s ease-in-out;

    padding: 15px 24px;

    border-bottom: 1px solid #fbb373;

    font-size: 13px

}



#header .nav>li:hover .subnav {

    opacity: 1;

    visibility: visible

}



#header .nav>li a.active i,

#header .nav>li a.active span,

#header .nav>li:hover a i,

#header .nav>li:hover a span {

    color: #fff

}



#header .nav .subnav li a.active,

#header .nav .subnav li a:hover {

    background-color: #fff;

    padding-left: 24px;

    color: #fff;

}



#header .nav>div.move {

    width: 100px;

    height: 2px;

    top: -5px;

    background-color: #ff7900;

    position: absolute;

    display: none

}



#hcontact {

    display: none

}



.gh0 #header,

.singlescreen #header {

    height: 91px;

    box-shadow: none;  background-color: rgba(81,81,81,0.6);

    border-bottom: 1px solid rgba(132, 132, 132, .27)

}



.gh0 #header .wrapper,

.singlescreen #header .wrapper {

    padding: 7px 5px 0 5px;

    height: 54px

}



.gh0 #header .nav,

.singlescreen #header .nav {

    height: 49px;

    margin-right: 50px

}



.gh1 #header {

    height: 160px;

    position: absolute

}



.gh1 #header .wrapper {

    padding: 30px 0 0 0

}



.gh1 #header .content {

    padding-left: 0;

    padding-right: 0

}



.gh1 #header #headTop {

    height: 44px;

    padding-bottom: 30px;

    border-bottom: #3b3b3b 1px solid;

    text-align: center

}



.gh1 #header .content a#logo {

    float: none;

    display: inline-block

}



.gh1 #header .content a#logo img {

    float: none

}



.gh1 #header #navWrapper {

    position: relative;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 99;

    height: 54px

}



.gh1 #header.mini #navWrapper {

    position: fixed;

    animation: navFixed ease-out .3s;

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

}



.gh1 #header .nav {

    margin-left: 0;

    height: 44px;

    padding: 5px 0;

    text-align: center;

    float: none

}



.gh1 #header .nav>li {

    display: inline-block;

    float: none

}



.gh1 #header .nav>div.move {

    top: 0

}



.gh0 #sitecontent,

.gh1 #sitecontent {

    padding-top: 0

}



#header.mini {

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

}



#sitecontent {

    padding-top: 54px

}



#navMini {

    display: none

}



.singlescreen #indexPage {

    position: relative

}



.singlescreen #indexPage>.module {

    position: relative;

    display: -webkit-flex;

    display: flex;

    -webkit-align-items: center;

    align-items: center

}



#indexPage .module .bgmask {

    display: none

}



#indexPage .module.bgShow.bgmask {

    display: block

}



#indexPage .module.bgShow.bgParallax {

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed

}



.module .module_container {

    max-width: 1170px;

    padding-left: 5px;

    padding-right: 5px;

    padding-bottom: 80px;

    margin: 0 auto

}



.module .module_container.wide {

    max-width: 100%;

    padding-left: 0;

    padding-right: 0

}



.singlescreen #indexPage>.module>.module_container {

    max-height: 100%;

    width: 100%

}



.singlescreen #indexPage .module .container_header {

    padding-top: 0;

    padding-bottom: 0

}



#header.mini .nav>li a.active i,

#header.mini .nav>li a.active span,

#header.mini .nav>li:hover a i,

#header.mini .nav>li:hover a span {

    color: #ff7900

}



#indexPage #topSlider {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    display: block

}



#indexPage #topSlider .content_list {

    height: 100%;

    overflow: hidden;

    display: block;

    visibility: hidden

}



#indexPage #topSlider .content_list.owl-loaded {

    visibility: visible

}



#indexPage #topSlider .content_list .item_block {

    width: 100%;

    height: 100%;

    display: block;

    position: relative

}



#indexPage #topSlider .content_list .item_block div.item_bg {

    position: absolute;

    width: 100%;

    height: 100%

}



#indexPage #topSlider .content_list .item_block div.item_bg.image {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 100%

}



#indexPage #topSlider .content_list .item_block div.item_bg.video video {

    width: 100%;

    height: 100%

}



#indexPage #topSlider .content_list .item_block div.mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .3)

}



#indexPage #topSlider .content_list .item_block a {

    width: 100%;

    height: 100%;

    display: table;

    position: absolute;

    left: 0;

    top: 0

}



#indexPage #topSlider .content_list .item_block a div {

    display: table-cell;

    vertical-align: middle;

    padding: 100px 50px;

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

}



#indexPage #topSlider .content_list .item_block p {

    color: #fff;

    max-width: 100%;

    margin: 0 auto

}



#indexPage #topSlider .content_list .item_block p.title {

    font-size: 18px;

    line-height: 38px;

    height: 38px;

    transition-delay: 0s;

    color: rgba(255, 255, 255, .6)

}



#indexPage #topSlider .content_list .item_block p.subtitle {

    font-size: 28px;

    height: 42px;

    color: #ddd;

    line-height: 42px

}



#indexPage #topSlider .content_list .item_block a i {

    text-indent: 20px;

    font-size: 24px

}



#indexPage #topSlider .content_list .item_block p.title {

    transform: translateY(-20px);

    transition: all ease-out .4s .8s;

    -webkit-transition: all ease-out .4s .8s;

    opacity: 0

}



#indexPage #topSlider .content_list .owl-item.active .item_block p.title ,

#indexPage #topSlider .content_list .owl-item.active1 .item_block p.title ,

#indexPage #topSlider .content_list .owl-item.active2 .item_block p.title ,

#indexPage #topSlider .content_list .owl-item.active3 .item_block p.title {

    transform: translateY(0);

    opacity: 1

}



#indexPage #topSlider .content_list .item_block p.subtitle {

    transform: translateY(40px);

    transition: all cubic-bezier(.25, .79, .6, 1.02) .3s .8s;

    -webkit-transition: all cubic-bezier(.25, .79, .6, 1.02) .3s .8s;

    opacity: 0

}



#indexPage #topSlider .content_list .owl-item.active .item_block p.subtitle ,

#indexPage #topSlider .content_list .owl-item.active1 .item_block p.subtitle ,

#indexPage #topSlider .content_list .owl-item.active2 .item_block p.subtitle ,

#indexPage #topSlider .content_list .owl-item.active3 .item_block p.subtitle {

    transform: translateY(0);

    opacity: 1

}



#indexPage #topSlider .content_list[data-slider-mode="3"] {

    width: 3600px;

    padding: 40px 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer {

    width: 3600px;

    height: 100%;

    left: 50%;

    margin-left: -1800px

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after,

#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {

    content: '';

    width: 1200px;

    height: 100%;

    display: block;

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

    position: absolute;

    z-index: 2;

    top: 0;

    border: #1c1c1c 30px solid;

    box-sizing: border-box

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {

    left: 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {

    right: 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p {

    transform: translateY(60px);

    opacity: 0

}



#indexPage #topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p {

    transform: translateY(0);

    opacity: 1

}



#indexPage #topSlider .owl-theme .owl-nav .owl-prev {

    right: 50px

}



#indexPage #topSlider .owl-theme .owl-nav .owl-next {

    right: 0

}



#indexPage #topSlider .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: #1e1e1e

}



#indexPage #topSlider .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #a4a4a4

}



#indexPage #topSlider .progress {

    width: 100%;

    height: 1px;

    background: rgba(150, 57, 71, 0);

    bottom: 0;

    position: absolute;

    width: 0;

    z-index: 1;

    display: none

}



#indexPage #contactlist {

    max-width: 1260px;

    margin: 0 auto;

    padding-top: 30px

}



#indexPage #contactlist:after {

    content: '';

    display: block;

    clear: both

}



#indexPage #contactlist #contactinfo {

    width: 40%;

    float: left

}



#indexPage #contactlist #contactform {

    margin-top: 30px;

    float: right

}



#contactinfo h3 {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 12px;

    color: #fff;

    font-weight: 100;

    margin-top: 50px

}



#contactinfo p {

    width: 100%;

    font-size: 13px;

    height: 32px;

    line-height: 32px;

    color: #7f7f7f

}



#contactinfo>a {

    color: #989898;

    text-decoration: underline

}



#contactinfo div {

    margin-top: 24px

}



#contactinfo div a {

    width: 36px;

    height: 36px;

    display: block;

    font-size: 16px;

    margin-right: 10px;

    text-align: center;

    line-height: 43px;

    border: 1px solid transparent

}



#contactinfo div a:hover {

    background-color: #ff7900;

    border-color: #ff7900

}



#contactinfo div a i {

    margin-top: 7px;

    font-size: 16px;

    margin-top: 10px

}



#contactinfo div a:hover i {

    color: #fff

}



.agent-pc #indexPage #contactinfo div a {

    border: 1px solid rgba(119, 119, 119, .15);

    background-color: #444

}



.agent-pc #indexPage #contactinfo div a:hover {

    background-color: #ff7900;

    border-color: #ff7900

}



.module.mdir>.module_container {

    max-width: none;

    padding-left: 0;

    padding-right: 0;

    padding-bottom: 0

}



.module.mcounter .module_container {

    padding: 60px 0;

    position: relative;

    z-index: 1

}



.module.mcounter .particles-js-canvas-el {

    opacity: .5

}



.module.mcounter ul.content_list {

    width: 100%;

    height: auto

}



.module.mcounter ul.content_list li {

    width: 25%;

    height: 108px;

    float: left;

    text-align: center

}



.module.mcounter ul.content_list li div {

    border-right: #e9aeaa 1px solid

}



.module.mcounter ul.content_list li:last-child div {

    border-right: none

}



.module.mcounter ul.content_list li p {

    text-align: center;

    font-size: 14px;

    color: #fff

}



.module.mcounter ul.content_list li p.number {

    margin-top: 15px

}



.module.mcounter ul.content_list li p.number .counterDX {

    font-size: 48px;

    color: #fff;

    font-family: HELVETICANEUELTPRO-THEX, Arial;

    text-align: center;

    margin-top: 15px

}



.module.mcounter ul.content_list li p.number .unit {

    vertical-align: top;

    font-size: 14px

}



.module.mcounter ul.content_list li p.title {

    margin-bottom: 10px

}



#counterBgdx {

    opacity: .5;

    position: absolute;

    width: 100%;

    height: 100%

}



.singlescreen #counterBgdx {

    display: none

}



#pageTarget {

    border-bottom: #232323 1px solid

}



#pageTarget .module_container {

    padding-bottom: 0

}



#pages {

    height: auto;

    padding: 70px 0 60px;

    text-align: center

}



#pages span {

    float: left;

    margin: 0 10px;

    line-height: 28px;

    color: #222

}



#pages a {

    width: 36px;

    height: 36px;

    display: inline-block;

    line-height: 36px;

    text-align: center;

    font-family: Arial;

    margin-right: 5px;

    transition: all .2s ease-out;

    text-decoration: none;

    border: 1px solid #d9d9d9;

    color: #606060

}



#pages a.next i,

#pages a.prev i {

    font-size: 16px

}



#pages a.next:hover,

#pages a.prev:hover {

    background-color: #afafaf;

    border-color: #afafaf

}



#pages a.next:hover i,

#pages a.prev:hover i {

    color: #fff

}



#pages a.active {

    color: #fff;

    background-color: #ff7900;

    border-color: #ff7900

}



#pages a.active:after,

#pages a:hover:after {

    width: 10px

}



.mlist.imagelink .content_wrapper {

    position: relative;

    margin-right: -1%

}



.mlist.imagelink .content_list .item_block {

    width: 15.666%;

    margin-right: 1%;

    margin-bottom: 1%;

    float: left;

    position: relative

}



.mlist.imagelink .content_list .item_block .item_img {

    position: relative;

    display: block

}



.mlist.imagelink .content_list .item_block img {

    width: 100%;

    height: auto;

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

    float: none;

    opacity: .8

}



.mlist.imagelink .content_list .item_block .item_img:hover img {

    opacity: 1

}



.mlist .content_wrapper.slider {

    margin-right: 0

}



.mlist .content_wrapper.slider .owl-loaded .owl-item .item_block {

    width: 100%

}



#moduleControl {

    position: fixed;

    right: 20px;

    top: 50%

}



#moduleControl a.moduleCItem {

    border: 1px solid transparent;

    border-radius: 6px;

    display: block;

    height: 10px;

    margin-bottom: 5px;

    outline: 0 none;

    text-indent: -9999px;

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

    width: 10px

}



#moduleControl a.moduleCItem span {

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #555;

    display: block;

    margin: 3px 0 0 3px

}



#moduleControl a.moduleCItem.active,

#moduleControl a.moduleCItem:hover {

    border-color: #ff7900

}



#moduleControl a.moduleCItem.active span,

#moduleControl a.moduleCItem:hover span {

    opacity: 0

}



.npagePage .module_container {

    padding-bottom: 0

}



.npagePage .module_container .module_container {

    padding-left: 0;

    padding-right: 0;

    max-width: 100%

}



.npagePage .container_content {

    padding-top: 60px

}



.agent-pc .npagePage .news .container_content,

.agent-pc .npagePage .project .container_content,

.agent-pc .npagePage .service .container_content {

    padding-top: 30px

}



.npagePage .container_content.nocat {

    padding-top: 70px

}



.npagePage #postWrapper {

    padding-top: 30px

}



.npagePage #banner {

    height: 420px

}



.npagePage #banner div {

    height: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover

}



.npagePage .content {

    font-size: 13px;

    line-height: 24px

}



.npagePage .content hr {

    border: none;

    border-top: 1px solid #DCDCDC;

    margin-top: 10px;

    margin-bottom: 10px;

    word-wrap: break-word;

    word-break: normal

}



.npagePage .content .postbody {

    color: #9e9e9e

}



.npagePage .content .postbody ul li {

    list-style: inherit

}



.list-paddingleft-1 {

    padding-left: 0

}



.list-paddingleft-2 {

    padding-left: 30px

}



.list-paddingleft-3 {

    padding-left: 60px

}



.npagePage .content .description a,

.npagePage .content .postbody a {

    text-decoration: underline

}



.postbody img {

    float: none;

    max-width: 100%;

    margin-bottom: 20px

}



.npagePage .mpageEditor .container_header {

    padding: 80px 0 30px;

    font-size: 22px;

    text-align: center

}



.npagePage .mpageEditor .container_header .title {

    color: #2a2a2a

}



.npagePage .mpageEditor .container_header .subtitle {

    font-size: 14px

}



.npagePage .mpageEditor .container_content {

    padding-top: 0

}



.npagePage .mpageEditor .postbody #contactinfo {

    float: left

}



.npagePage .mpageEditor .postbody #contactform {

    float: left;

    margin-top: 50px;

    width: 100%

}



.npagePage .mpageEditor #mcontact .module_container {

    max-width: 850px

}



#footer {

    height: 20px;

    padding: 10px 56px

}



#footer p {

    line-height: 20px;

    height: 20px;

    text-align: center

}



#footer p span.ellipsis {

    display: inline-block;

    max-width: 70%

}



#footer p a#flogo {

    display: inline-block;

    width: 50px;

    height: 20px;

    vertical-align: top;

    margin-left: 10px;

    margin-right: 40px

}



#footer p a#fbeian {

    color: #8e8e8e;

    vertical-align: top

}



#shares {

    position: fixed;

    right: 7px;

    bottom: 63px;

    z-index: 99;

    height: 124px

}



#shares a {

    width: 40px;

    border: #f2f2f2 1px solid;

    height: 40px;

    display: block;

    font-size: 16px;

    text-align: center;

    position: relative;

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

    background-color: #fff

}



#shares a i {

    margin-top: 12px;

    transition: all .3s ease-out 0s

}



#shares a i.fa.fa-mobile {

    font-size: 24px;

    margin-top: 8px

}



#online_open:hover i,

#shares a:hover i {

    color: #ff7900

}



#shares a:hover {

    border-color: #e8e8e8;

    z-index: 1;

    background-color: #E8E8E8

}



#shares a#sweixin {

    top: -1px

}



#shares a#gotop {

    margin-top: -2px;

    font-size: 22px

}



#shares a#gotop i {

    margin-top: 6px

}



.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

}



#fixed_weixin .fixed-container {

    width: 220px;

    height: auto;

    padding: 20px 20px 0 20px;

    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 div canvas{display:none;}


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

    height: 40px;

    border: 1px solid #282828;

    cursor: pointer;

    position: fixed;

    right: -40px;

    bottom: 186px;

    z-index: 99;

    font-size: 18px;

    text-align: center;

    line-height: 30px;

    margin-right: -3px;

    background-color: #1c1c1c

}



#online_open:hover {

    border-color: #ff7900;

    background-color: #ff7900

}



#online_open i {

    margin-top: 12px;

    transition: all .3s ease-out 0s

}



#online_open:hover i {

    color: #fff

}



#online_lx {

    width: 180px;

    height: auto;

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

    bottom: 188px;

    z-index: 99999;

    margin-right: -10px

}



#olx_head {

    padding: 20px;

    line-height: 16px;

    height: 16px;

    background: #444;

    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_head i:hover {

    color: #fff;

    transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -o-transform: rotate(90deg)

}



#olx_qq li a {

    padding: 12px 30px;

    height: 18px;

    line-height: 18px;

    background: #e5e5e5;

    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: #ff7900

}



#olx_qq li a:hover i {

    color: #fff

}



#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

}



#openAssist {

    position: fixed;

    bottom: 40px;

    right: 20px;

    width: 50px;

    height: 50px;

    z-index: 99;

    background-color: #3b3b3b;

    border-radius: 25px;

    text-align: center;

    display: none

}



#openAssist.active {

    background-color: #9e9e9e

}



#openAssist i {

    font-size: 30px;

    color: #fff;

    position: relative;

    top: 8px;

    display: inline-block;

    transition: all ease-out .3s

}



#openAssist.active i {

    transform: translate3d(0, 0, 0) rotate(135deg)

}



#assistBtn {

    position: fixed;

    bottom: 90px;

    right: 20px;

    z-index: 99;

    display: none

}



#assistBtn a {

    width: 50px;

    height: 50px;

    display: block;

    text-align: center;

    background-color: #3b3b3b;

    border-radius: 25px;

    margin-bottom: 15px;

    opacity: 0;

    transform: translate3d(0, 8px, 0) scale(.3);

    transform-origin: center bottom

}



#assistBtn a i {

    font-size: 18px;

    color: #fff;

    position: relative;

    top: 16px

}



#assistBtn a i.fa-angle-up {

    font-size: 24px;

    top: 10px

}



.hide {

    display: none

}



.popup {

    display: block

}



.popup .fixed-container {

    position: absolute;

    left: 50%;

    top: 50%;

    background: #fff;

    width: 800px;

    height: 600px

}



.show {

    display: block

}



.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(../image/loading.gif);

    width: 40px;

    height: 40px

}



.netmask div i:before {

    display: none;

    font-size: 40px;

    color: #fff

}



.netmask.success div i:before {

    display: block

}



.mlist.project .content_list .item_block.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mlist.team .content_list .item_block.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mlist.imagelink .content_list .item_block.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mlist.news .content_list .item_block.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mcustomize .header.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mcustomize .description.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mcustomize .mediabody.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



#mcontact #contactinfo.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



#mcontact #contactform.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



#indexPage .module .container_header {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.container_category {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.container_target {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



#fixed_teamPost {

    display: block;

    visibility: hidden;

    z-index: 110;

    background-color: transparent

}



#fixed_teamPost .fixed-container {

    width: 1000px;

    height: 660px;

    overflow: hidden;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -500px;

    margin-top: -330px;

    z-index: 2

}



#fixed_teamPost .fixed-container .team #imageWrapper {

    width: 550px;

    height: auto;

    float: left

}



#fixed_teamPost .fixed-container #imageWrapper img {

    float: none;

    max-width: 100%;

    width: auto;

    height: auto;

    margin: auto

}



#fixed_teamPost .fixed-container .team #postInfo {

    width: 300px;

    min-height: 530px;

    margin-left: 60px;

    margin-top: 50px;

    float: left

}



#fixed_newsPost #postWrapper,

#fixed_teamPost #postWrapper {

    padding: 20px;

    background: #1c1c1c

}



#fixed_newsPost #postControl,

#fixed_teamPost #postControl {

    position: absolute;

    right: 20px;

    top: 20px;

    text-align: center;

    line-height: 50px;

    cursor: pointer

}



#fixed_newsPost #postControl .button,

#fixed_teamPost #postControl .button {

    width: 50px;

    height: 50px;

    display: block;

    transition: all ease-out .3s;

    -webkit-transform: rotate(0);

    transform: rotate(0);

    border-radius: 50px;

    overflow: hidden;

    line-height: 52px

}



#fixed_newsPost #postControl .button:hover,

#fixed_teamPost #postControl .button:hover {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



#fixed_newsPost #postControl,

#fixed_teamPost #postControl {

    right: 14px;

    top: 14px

}



#fixed_teamPost .owl-theme .owl-nav {

    display: none

}



#fixed_teamPost .team #postWrapper .owl-theme .owl-dots {

    position: relative;

    margin-top: 10px;

    bottom: auto

}



#fixed_teamPost .fixed-container #imageWrapper .image,

#fixed_teamPost .owl-carousel .owl-stage-outer {

    height: 550px

}



#fixed_teamPost .mCSB_inside>.mCSB_container {

    margin-right: 10px

}



#fixed_teamPost .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: rgba(0, 0, 0, .4)

}



#fixed_teamPost .mCSB_scrollTools .mCSB_draggerRail {

    background-color: rgba(255, 255, 255, .75)

}



#fixed_newsPost {

    width: 100%;

    height: 100%;

    display: block;

    z-index: 110

}



#fixed_newsPost .fixed-wrap {

    width: 90%;

    height: auto;

    min-height: calc(100% - 40px);

    background: #1c1c1c;

    margin: 20px auto;

    position: relative;

    overflow: hidden;

    z-index: 10

}



#fixed_newsPost .fixed-container {

    max-width: 1170px;

    padding-left: 5px;

    padding-top: 30px;

    padding-right: 5px;

    height: 100%;

    margin: 0 auto;

    background: #1c1c1c

}



#fixed_newsPost #postContent {

    width: 63%;

    float: left

}



#fixed_newsPost #listContent {

    width: 33%;

    float: right

}



#fixed_newsPost #listContent .mlist.news .content_list:after,

#fixed_newsPost #postWrapper:after {

    content: '';

    display: block;

    clear: both

}



#fixed_newsPost #listContent .mlist.news .content_list .item_block {

    visibility: visible !important

}



#fixed_newsPost #listContent .mlist.news .content_list .item_block .item_wrapper {

    margin-left: 38%;

    margin-top: 8px

}



#fixed_newsPost .content_list .item_block .more {

    display: block

}



.fixed-mack {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.popUpmack {

    position: fixed;

    top: 0;

    left: 0;

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

    width: 100%;

    height: 100%;

    z-index: 101

}



#fixed_ImagePost {

    display: block;

    z-index: 102

}



#fixed_ImagePost .content_list,

#fixed_ImagePost .fixed-container,

#fixed_ImagePost .owl-carousel.owl-drag .owl-item,

#fixed_ImagePost .owl-stage,

#fixed_ImagePost .owl-stage-outer {

    height: 100%;

    width: 100%

}



#fixed_ImagePost .owl-theme .owl-nav {

    position: absolute;

    width: 100%

}



#fixed_ImagePost #postControl {

    position: absolute;

    right: 20px;

    top: 20px;

    text-align: center;

    line-height: 50px;

    cursor: pointer;

    border-radius: 50px;

    z-index: 105

}



#fixed_ImagePost #imageWrapperPopup {

    height: 100%

}



#fixed_ImagePost .owl-theme .owl-dots {

    display: none

}



#fixed_ImagePost .owl-theme .owl-nav {

    position: absolute;

    top: 50%

}



#fixed_ImagePost .owl-theme .owl-nav .owl-prev {

    left: 0

}



#fixed_ImagePost .owl-theme .owl-nav .owl-next {

    right: 0

}



#fixed_ImagePost #imageWrapperPopup .image {

    width: 100%;

    height: 100%;

    display: flex;

    -webkit-display: flex;

    align-items: center;

    -webkit-align-items: center;

    justify-content: center;

    -webkit-justify-content: center

}



#fixed_ImagePost #postControl .button {

    transition: all ease-out .3s;

    -webkit-transform: rotate(0);

    transform: rotate(0)

}



#fixed_ImagePost #postControl .button i {

    color: #fff;

    border-radius: 50px;

    font-size: 32px;

    padding: 8px

}



#fixed_ImagePost #postControl .button:hover {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



#fixed_ImagePost #imageWrapperPopup .image.scroll {

    overflow-y: scroll;

    align-items: flex-start;

    -webkit-align-items: flex-start

}



#fixed_ImagePost #imageWrapperPopup .image.scroll img.loaded {

    max-height: none

}



#fixed_ImagePost #imageWrapperPopup .image img {

    float: none;

    width: auto;

    height: auto;

    max-width: 100%

}



#fixed_ImagePost #imageWrapperPopup .image img.loaded {

    max-height: 100%

}



#fixed_ImagePost #imageWrapperPopup .item_block {

    width: 100%;

    height: 100%

}



#fixed_ImagePost #imageWrapperPopup .image.allowScroll img {

    cursor: zoom-in

}



#fixed_ImagePost #imageWrapperPopup .image.scroll.allowScroll img {

    cursor: zoom-out

}



.mlistpost.project #imageWrapper .image {

    position: relative;

    cursor: zoom-in

}



.mlistpost.project #imageWrapper .image:hover .imageIcon {

    opacity: 1

}



.mlistpost.project #imageWrapper .imageIcon {

    width: 45px;

    height: 45px;

    background: rgba(105, 105, 105, .2);

    position: absolute;

    top: 20px;

    right: 20px;

    border-radius: 60px;

    text-align: center;

    line-height: 45px;

    opacity: 0

}



.mlistpost.project #imageWrapper .imageIcon i {

    color: #fff;

    font-size: 22px;

    line-height: 46px

}



#fixed_ImagePost #imageWrapperPopup .imageIcon {

    display: none

}



.owl-theme .owl-dots {

    display: none

}



#indexPage #topSlider .owl-theme .owl-dots {

    display: block

}



.owl-theme .owl-nav {

    margin-top: 0

}



.service .item_img img {

    float: none;

    width: 100%;

    transition: all .7s ease

}



.service .item_img {

    position: relative

}



.service.module .module_container:after {

    content: '';

    display: block;

    clear: both

}



.service .container_header {

    position: absolute;

    top: 50%;

    height: 116px;

    margin-top: -132px;

    padding: 0;

    width: 37.5%

}



.service .container_header .title {

    color: #fff;

    font-size: 24px;

    padding: 0 0 0 60px;

    width: calc(60% - 60px)

}



.service .container_header .subtitle {

    color: #fff;

    font-size: 14px;

    height: 52px;

    padding: 30px 0 0 60px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    width: calc(68% - 60px)

}



.service .container_category {

    display: none

}



.npagePage .service .container_category {

    display: block

}



.service .content_list {

    width: 62.5%;

    margin-left: 37.5%

}



.service .content_list .item_block {

    width: 50%;

    float: left;

    position: relative;

    overflow: hidden

}



.service .content_list .item_block .item_wrapper {

    position: absolute;

    top: 0;

    left: 100%;

    width: 100%;

    height: 100%;

    background: rgba(227, 122, 30, .8)

}



.service.module .module_container {

    width: 100%;

    padding: 0;

    max-width: 100%;

    background: #ff7900;

    position: relative

}



.service .item_block .item_info {

    text-align: center;

    padding: 20px 40px;

    position: relative;

    top: 50%;

    margin-top: -44px

}



.service .item_block .item_info:after,

.service .item_block .item_info:before {

    content: '';

    width: 16px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -8px

}



.service .item_block .item_info:before {

    bottom: 0;

    top: auto

}



.service .item_block .item_info .title {

    color: #fff;

    font-size: 16px;

    line-height: 24px

}



.service .item_block .item_info .subtitle {

    line-height: 24px;

    font-size: 13px;

    color: #fff

}



.service .more {

    height: 110px;

    line-height: 110px;

    width: 100%;

    color: #828282;

    font-size: 13px;

    display: block;

    background: #f2f2f2;

    text-align: center

}



.service .more i {

    font-size: 18px;

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

    margin-left: 0

}



.npagePage .service.module .module_container {

    background-color: transparent;

    min-height: 1000px

}



.npagePage .service .content_list {

    width: 96%;

    margin: 0 auto

}



.npagePage .service .content_list .item_block {

    width: calc(100%/4 - 20px);

    margin: 10px

}



#pageTarget {

    display: block

}



.service .item_block:hover img {

    transform: scale(1.08)

}



#indexPage .news.mlist .content_wrapper.slider .owl-loaded .owl-item .item_block {

    height: 100%

}



#indexPage .news.module .module_container {

    width: 100%;

    padding: 0;

    max-width: 96.86%

}



#indexPage .news .content_list .owl-item {

    width: 368px;

    height: 266px;

    float: left;

    text-align: center;

    margin-bottom: 267px;

    position: relative;

    box-sizing: border-box

}



#indexPage .news .item_block .item_img {

    display: none

}



#indexPage .news .item_block .item_info .title {

    font-size: 16px;

    color: #262626;

    padding: 94px 40px 0;

    position: relative;

    transition: all .3s ease-out 0s

}



#indexPage .news .item_block .item_info .date_wrap {

    color: transparent;

    font-size: 12px;

    padding: 0 40px;

    height: 20px;

    line-height: 20px;

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

    margin-top: 4px

}



#indexPage .news .item_block .item_info .description {

    color: #7b7b7b;

    font-size: 13px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    padding: 0 40px;

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

    margin-top: 10px

}



#indexPage .news .content_list {

    padding-top: 190px;

    position: relative;

    z-index: 6;

    padding-bottom: 90px

}



#indexPage .news .content_list .owl-item .item_block:before {

    content: '';

    border-left: 1px dotted #b3b3b3;

    height: 28px;

    position: absolute;

    top: 12px;

    left: 50%;

    transition: all .3s ease-out 0s

}



#indexPage .news .owl-item:nth-child(2n+1) {

    margin-top: 265px;

    margin-bottom: 0

}



#indexPage .news .owl-item:nth-child(2n) .item_block:before {

    bottom: 12px;

    top: auto

}



#indexPage .news .item_info .nums {

    position: absolute;

    font-family: HELVETICANEUELTPRO-THEX;

    top: 67px;

    width: 60px;

    left: 50%;

    margin-left: -30px;

    font-size: 24px;

    color: #000;

    opacity: 1;

    transition: all cubic-bezier(.02, .45, .26, 1.01) .3s

}



#indexPage .news .container_header .title {

    font-size: 24px;

    color: #2d2d2d

}



#indexPage .news .container_header .subtitle {

    font-size: 12px;

    color: #2d2d2d;

    margin-top: 6px

}



#indexPage .news .container_header {

    width: 400px;

    float: left;

    margin-top: 98px;

    margin-left: 32px

}



.agent-pc #sitecontent .news .container_category {

    width: calc(100% - 640px)

}



.agent-pc #sitecontent .container_category {

    width: calc(100% - 460px);

    float: right;

    margin-right: 158px;

    text-align: right;

    margin-top: 103px;

    position: relative;

    z-index: 8

}



.agent-pc #sitecontent .container_category a,

.npagePage.post .project .item_tags a {

    width: auto;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    text-align: center;

    color: #acacac;

    font-size: 14px;

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

    padding: 0 16px;

    position: relative;

    margin-left: 0;

    margin-right: 5px;

    background-color: #ECECEC

}



.agent-pc #sitecontent .container_category a.active,

.agent-pc #sitecontent .container_category a:hover {

    color: #fff;

    background: #ff7900

}



.agent-pc #sitecontent .project .container_category,

.agent-pc #sitecontent .video .container_category {

    margin-right: 60px;

    margin-top: 0px

}



.agent-pc #sitecontent .team .container_category {

    margin-top:0px;

    width: calc(100% - 685px);

    margin-right: 206px

}



#indexPage .news .owl-dots,

#indexPage .news .owl-nav {

    display: none

}



#indexPage .news {

    position: relative

}



#indexPage .news:after {

    content: '';

    position: absolute;

    top: 50%;

    margin-top: 48px;

    width: 100%;

    height: 1px;

    background: #dedede

}



#indexPage .news .content_list .owl-item .item_link::after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: calc(100% - 2px);

    height: calc(100% - 2px);

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

    border: 1px solid transparent

}



#indexPage .news .content_list .owl-item:hover .item_link:after {

    border-color: #bebebe;

    border-bottom-color: #dedede

}



#indexPage .news .content_list .owl-item:hover {

    background-color: #fff;

    transition: all .3s ease-out 0s

}



#sitecontent #indexPage .news .content_list .owl-item:hover .item_info .title:before {

    display: none

}



#indexPage .news .content_list .owl-item:hover .date_wrap {

    color: #7d7d7d;

    margin-top: -2px

}



#indexPage .news .content_list .owl-item:hover .item_info .title {

    font-size: 16px;

    color: #ff7900;

    padding-top: 62px;

    padding-bottom: 6px

}



#indexPage .news .content_list .owl-item:hover .item_info .description {

    font-size: 13px;

    color: #000

}



#indexPage .news .content_list .owl-item .item_block .o_ico {

    position: absolute;

    width: 6px;

    height: 6px;

    top: 0;

    left: 50%;

    border-radius: 100%;

    margin-left: -3px;

    margin-top: -3px;

    transition: all .3s ease-out 0s

}



#indexPage .news .owl-item:nth-child(2n) .item_block .o_ico {

    bottom: 0;

    top: auto;

    margin-bottom: -3px

}



#indexPage .news .content_list .owl-item .item_block .o_ico:after {

    content: '';

    position: absolute;

    transition: all cubic-bezier(.02, .45, .26, 1.01) .3s;

    z-index: 4;

    top: -5px;

    left: -5px;

    width: 14px;

    height: 14px;

    border-radius: 50%;

    background: #fff;

    border: 1px solid #fff

}



#indexPage .news .content_list .owl-item .item_block .o_ico::before {

    content: '';

    width: 6px;

    height: 6px;

    position: absolute;

    z-index: 6;

    top: 0;

    left: 0;

    border-radius: 50%;

    background: #6d6d6d

}



#indexPage .news .content_list .owl-item:hover .item_block .o_ico:after {

    top: -9px;

    left: -9px;

    width: 22px;

    height: 22px;

    border-color: red;

    background: #fff

}



#indexPage .news .content_list .owl-item:hover .item_block:before {

    top: 20px

}



#indexPage .news .owl-item:hover:nth-child(2n) .item_block:before {

    bottom: 20px;

    top: auto

}



#indexPage .news .content_list .owl-item:hover .nums {

    opacity: 0;

    margin-top: 15px;

    font-size: 16px

}



.agent-pc #indexPage .news .item_block .details {

    color: transparent;

    position: relative;

    width: 120px;

    height: 30px;

    display: block;

    margin: 0 auto;

    opacity: 0;

    background: #ff7900;

    filter: alpha(opacity=0);

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

    margin-top: 28px;

    overflow: hidden

}



#indexPage .news .content_list .owl-item:hover .details {

    opacity: 1

}



#indexPage .news .item_block .details i:after {

    content: '';

    width: 1px;

    height: 15px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -8px;

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

}



#indexPage .news .details i {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0

}



#indexPage .news .item_block .details i:before {

    content: '';

    width: 15px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -7px;

    margin-top: -1px;

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

}



#indexPage .news .container_content {

    position: relative

}



#indexPage .news .container_content .more {

    position: absolute;

    top: 103px;

    right: 30px;

    width: 100px;

    height: 26px;

    border: 1px solid #acacac;

    text-indent: 0;

    overflow: hidden;

    z-index: 9

}



#indexPage .news .item_tags {

    display: none

}



#indexPage .news .owl-item:nth-child(2n) .item_info .nums {

    top: 42px

}



#indexPage .news .owl-item:nth-child(2n) .item_info .title {

    padding-top: 70px

}



#indexPage .news .content_list .owl-item:nth-child(2n):hover .item_info .title {

    padding-top: 48px

}



#indexPage .news .owl-item .line {

    width: 0;

    height: 1px;

    background: #a4a4a4;

    display: inline-block;

    position: relative;

    bottom: 1px;

    left: 0;

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

}



#indexPage .news .owl-item:nth-child(2n) .line {

    top: -266px;

    margin: 0

}



#indexPage .news .owl-item:hover .line {

    width: 100%

}



#indexPage .news .content_list .owl-item:hover .item_block:before {

    height: 18px

}



.mlist.news .content_list .item_block .item_wrapper {

    height: 100%

}



.agent-pc #sitecontent .container_category a {

    position: relative;

    margin-right: 2px;

    padding: 0 24px;

    margin-bottom: 2px;

    margin-left: 0

}



.agent-pc #sitecontent .container_category a.active:after,

.agent-pc #sitecontent .container_category a:hover:after,

.agent-pc #sitecontent .container_category a:last-child:after {

    display: none

}



.agent-pc #sitecontent .container_category a:after {

    content: '';

    position: absolute;

    top: 9px;

    right: -4px;

    width: 1px;

    height: 14px;

    background: #dedede

}



.npagePage.post .project .item_tags a:last-child:after {

    display: none

}



.agent-pc #sitecontent .npagePage .container_category {

    width: 100%;

    margin-right: 0;

    text-align: center;

    float: none

}



.npagePage .news .details .fa {

    color: #fff

}



img {

    float: none

}



#indexPage .project .container_header .title {

    font-size: 24px;

    color: #2d2d2d

}



#indexPage .project .container_header .subtitle {

    font-size: 12px;

    color: #2d2d2d;

    margin-top: 6px

}



#indexPage .project .container_header {

    width: 200px;

    float: left;

    margin-top: 70px;

    margin-left: 60px

}



#indexPage .project.module .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0

}



#indexPage .project .content_list:after {

    content: '';

    display: block;

    clear: both

}



#indexPage .project .content_list .owl-item {

    width: 25%;

    float: left

}



#indexPage .project .content_list {

    padding-top: 160px

}



#indexPage .project .owl-carousel .owl-item img {

    width: 100%;

    height: auto;

    display: block;

    -webkit-transition: all .36s ease;

    transition: all .36s ease

}



#indexPage .project .content_list .item_block a {

    display: block

}



#indexPage .project .content_list .item_block {

    position: relative;

    overflow: hidden

}



#indexPage .project .content_list .item_block .item_wrapper {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(227, 122, 30, .96);

    opacity: 0;

    -webkit-transition: all .36s ease;

    transition: all .36s ease

}



#indexPage .project .owl-carousel .owl-item:hover img {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

}



#indexPage .project .item_block .item_info {

    text-align: center;

    padding: 0 14%;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -120px;

    width: 72%

}



#indexPage .project .item_block .item_info .title {

    font-size: 16px;

    color: #fff;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: .15s;

    margin-top: 20px;

    opacity: .6

}



#indexPage .project .item_block .item_info .subtitle {

    color: #fff;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    white-space: initial;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: .2s;

    margin-top: 30px;

    opacity: .3

}



#indexPage .project .item_info .nums {

    font-size: 72px;

    color: #fff;

    font-family: HELVETICANEUELTPRO-THEX;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: 0s

}



#indexPage .project .item_block .item_info .line {

    width: 1px;

    height: 36px;

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

    margin: 12px auto 16px

}



#indexPage .project .owl-carousel .owl-nav .owl-next {

    right: 0

}



#indexPage .project .owl-carousel .owl-nav .owl-prev {

    left: 0

}



#indexPage .project .owl-theme .owl-nav [class*=owl-] {

    top: 50%;

    margin-top: 60px;

    z-index: 8;

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

}



#indexPage .project .content_list .owl-item:hover .item_wrapper {

    opacity: 1

}



#indexPage .project .content_list .owl-item:hover .item_info .nums {

    margin-top: -40px;

    font-size: 52px

}



#indexPage .project .content_list .owl-item:hover .item_info .title {

    margin-top: 4px;

    opacity: 1

}



#indexPage .project .content_list .owl-item:hover .item_info .subtitle {

    margin-top: 22px;

    opacity: 1

}



#indexPage .project .owl-theme .owl-nav>div i {

    color: #b8b8b8

}



#indexPage .project .owl-theme .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



#indexPage .project .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #fff

}



.agent-pc #indexPage .project .item_block .details {

    color: transparent;

    position: relative;

    width: 178px;

    height: 40px;

    display: block;

    margin: 0 auto;

    opacity: 0;

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

    border: 1px solid #fff;

    filter: alpha(opacity=0);

    margin-top: 46px;

    transition: all .4s cubic-bezier(.4, 0, .2, 1)

}



#indexPage .project .content_list .owl-item:hover .details {

    opacity: 1;

    margin-top: 36px

}



#indexPage .project .item_block .details i {

    position: relative;

    z-index: 1

}



#indexPage .project .item_block .details i:after {

    content: '';

    width: 1px;

    height: 15px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 12px;

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

}



#indexPage .project .item_block .details i:before {

    content: '';

    width: 15px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -7px;

    margin-top: 19px;

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

}



#indexPage .project .content_list .owl-item:hover .details i:after,

#indexPage .project .content_list .owl-item:hover .details i:before {

    background: #ff7900

}



#indexPage .project .item_block .details::after {

    content: "";

    width: 0;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .3s ease 0s

}



#indexPage .project .content_list .owl-item:hover .details::after {

    width: 100%

}



#indexPage .project .more {

    height: 110px;

    line-height: 110px;

    width: 100%;

    color: #828282;

    font-size: 13px;

    display: block;

    background: #f2f2f2;

    text-align: center

}



#indexPage .project .more i {

    opacity: 0;

    font-size: 18px;

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

    margin-left: 0

}



#indexPage .project .more:hover i {

    margin-left: 24px;

    opacity: 1

}



#indexPage .project .content_list .item_block .item_wrapper:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 15px;

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

    width: calc(100% - 30px);

    height: calc(100% - 30px);

    transform: scale(1.06);

    transition: all .3s ease-out 0s

}



#indexPage .project .content_list .item_block:hover .item_wrapper:after {

    transform: scale(1)

}



.agent-pc #indexPage .project .item_block .details {

    color: transparent

}



.npagePage .ad.module .module_container {

    padding-top: 80px

}



.ad.module .module_container {

    width: 1120px;

    padding: 180px 0 115px;

    position: relative

}



.ad .container_header {

    width: 280px;

    height: 240px;

    background: #fff;

    text-align: center;

    float: left

}



.ad .container_header .title {

    font-size: 24px;

    color: #222;

    padding-top: 94px

}



.ad .container_header .subtitle {

    font-size: 14px;

    color: #bebebe;

    margin-top: 6px

}



.ad .container_category {

    display: none

}



.ad .container_content {

    width: calc(100% - 280px);

    float: left

}



.ad .content_list .item_block {

    width: 840px;

    height: 240px

}



.ad .content_list .item_block.first {

    width: 560px;

    height: 240px

}



.ad .content_list .item_block .item_img {

    float: left;

    overflow: hidden;

    position: relative

}



.ad .content_list .item_block img {

    transform: scale(1);

    transition: all .6s ease

}



.ad .content_list .item_block .item_wrapper {

    float: left;

    background: #fff;

    width: 326px;

    padding: 40px 194px 40px 40px;

    height: 160px;

    position: relative

}



.ad .content_list .item_block:nth-child(2n) .item_img {

    float: right

}



.ad .content_list .item_block.first .item_wrapper {

    width: 200px;

    padding: 40px;

    height: 160px

}



.ad .content_list .item_block .title {

    font-size: 16px;

    color: #2d2d2d;

    transition: all .3s ease-out 0s

}



.ad .content_list .item_block .subtitle {

    font-size: 14px;

    color: #7d7d7d;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    margin-top: 16px;

    transition: all .3s ease-out 0s

}



.ad .content_list .item_block .nums {

    color: #606060;

    font-size: 14px;

    margin-top: 10px;

    margin-bottom: 16px;

    font-family: HELVETICANEUELTPRO-THEX;

    transition: all .36s ease-out 0s

}



.ad .content_list .item_block .item_wrapper:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: 50%;

    margin-top: -10px;

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

    border-bottom: 10px solid transparent;

    border-top: 10px solid transparent

}



#indexPage .module.bgShow.mcounter {

    background-position-y: inherit !important;

    background-attachment: inherit

}



.ad .content_list .item_block:nth-child(2n+1) .item_wrapper:after {

    border-right: 10px solid #fff;

    left: -5px

}



.ad .content_list .item_block:nth-child(2n) .item_wrapper:after {

    border-left: 10px solid #fff;

    right: -5px

}



.ad .content_list .item_block:nth-child(2n+1):hover .item_wrapper:after {

    left: -8px

}



.ad .content_list .item_block:nth-child(2n):hover .item_wrapper:after {

    right: -8px

}



.ad .content_list .item_block:hover .nums {

    opacity: 0;

    margin-top: 0;

    font-size: 24px

}



.ad .content_list .item_block:hover .title {

    color: #ff7900;

    margin-top: -26px

}



.ad .content_list .item_block:hover .subtitle {

    color: #2d2d2d

}



.ad .content_list .item_block:hover img {

    transform: scale(1.08)

}



.ad .content_list .item_block:nth-child(2n) .item_wrapper {

    width: 200px;

    padding: 40px;

    height: 160px

}



.ad .content_list .item_block .detailsde {

    width: 36px;

    height: 16px;

    margin-top: 35px;

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

    opacity: 0

}



.ad .content_list .item_block:nth-child(2n+1) .item_wrapper .detailsde {

    position: absolute;

    top: 72px;

    right: 90px

}



.ad .content_list .item_block.first .item_wrapper .detailsde {

    position: initial;

    top: auto;

    right: auto

}



.ad .more i {

    display: none

}



.ad .more {

    color: transparent;

    position: absolute;

    width: 140px;

    height: 120px;

    display: block;

    margin: 0 auto;

    opacity: 1;

    background: #ff7900;

    filter: alpha(opacity=0);

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

    margin-top: 36px;

    top: 144px;

    right: 140px

}



.ad .more:after {

    content: '';

    width: 1px;

    height: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -58px;

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

    margin-top: -8px;

    height: 15px;

    background: #fff

}



.ad .more:before {

    content: '';

    width: 0;

    height: 1px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -60px;

    margin-top: -1px;

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

    margin-left: -7px;

    width: 15px;

    background: #fff

}



.ad .content_list .item_block .item_img:after {

    content: '';

    position: absolute;

    top: 10px;

    left: 10px;

    width: calc(100% - 20px);

    height: calc(100% - 20px);

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

    transform: scale(1.06);

    opacity: 0;

    transition: all .3s ease-out 0s

}



.ad .content_list .item_block:hover .item_img:after {

    transform: scale(1);

    opacity: 1

}



#indexPage .mcustomize .module_container {

    height: auto

}



#indexPage .mcustomize.tlir .module_container,

#indexPage .mcustomize.tril .module_container {

    width: 100%;

    height: 680px;

    padding: 0;

    max-width: 100%

}



#indexPage .mcustomize.tlir .module_container .mediabody {

    float: right;

    width: 37.5%;

    height: 680px

}



#indexPage .mcustomize.tlir .module_container .contentbody {

    float: left;

    width: 62.5%

}



#indexPage .mcustomize.tril .module_container .mediabody {

    float: left;

    width: 37.5%;

    height: 680px

}



#indexPage .mcustomize.tril .module_container .contentbody {

    float: right;

    width: 62.5%

}



#indexPage .mcustomize .module_container .mediabody .image {

    height: 680px;

    background-size: cover

}



#indexPage .module.bgShow.bgParallax {

    background-size: auto !important

}



#indexPage .mcustomize .module_container .contentbody .wrapper {

    padding: 168px 18% 0;

    text-align: center

}



#indexPage .mcustomize .module_container .contentbody .title {

    color: #bebebe;

    font-size: 60px;

    height: 60px;

    line-height: 60px;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    font-family: '宋体'

}



#indexPage .mcustomize .module_container .contentbody .subtitle {

    font-size: 24px;

    color: #222;

    position: relative;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap

}



#indexPage .mcustomize .module_container .contentbody .subtitle::after {

    content: '';

    position: absolute;

    top: 58px;

    left: 50%;

    margin-left: -.5px;

    width: 1px;

    height: 22px;

    background: #bebebe

}



#indexPage .mcustomize .module_container .contentbody .description {

    font-size: 14px;

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

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    margin-top: 80px;

    height: 78px;

    padding-bottom: 135px

}



#indexPage .mcustomize .module_container .contentbody .more {

    color: transparent;

    position: relative;

    width: 158px;

    height: 40px;

    display: block;

    margin: 60px auto 0;

    opacity: 1;

    filter: alpha(opacity=0);

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

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

    border: 1px solid #c4c4c4

}



#indexPage .mcustomize .module_container .contentbody .more:after {

    content: '';

    width: 1px;

    height: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -58px;

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

    margin-top: -8px;

    height: 15px;

    background: #9b9b9b

}



#indexPage .mcustomize .module_container .contentbody .more:before {

    content: '';

    width: 0;

    height: 1px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -60px;

    margin-top: -1px;

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

    margin-left: -7px;

    width: 15px;

    background: #9b9b9b

}



.team .container_header .title {

    font-size: 24px;

    color: #2d2d2d

}



.team .container_header .subtitle {

    font-size: 12px;

    color: #2d2d2d;

    margin-top: 6px

}



.team .container_header {

    width: 400px;

    float: left;

    margin-top: 70px;

    margin-left: 60px

}



.team .container_category {

    width: calc(100% - 655px);

    float: right;

    margin-right: 188px;

    text-align: right;

    margin-top: 74px;

    position: relative;

    z-index: 8

}



.team .container_category a {

    width: 78px;

    height: 20px;

    line-height: 16px;

    display: inline-block;

    text-align: center;

    color: #acacac;

    font-size: 14px;

    border-right: 1px solid #dbdbdb

}



.team .container_category a:last-child {

    border-right: 0

}



.team .container_category a.active,

.team .container_category a:hover {

    color: #ff7900

}



.team .content_list .owl-item {

    width: 31.33%;

    float: left;

    box-shadow: 0 4px 29px rgba(0, 0, 0, .1)

}



.team.module .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0

}



.team .owl-carousel .owl-stage-outer {

    width: 100%

}



.team .container_content {

    position: relative;

    padding-top: 184px;

    padding-bottom: 30px

}



.team .container_content .more {

    position: absolute;

    top: 78px;

    right: 60px;

    width: 100px;

    height: 26px;

    border: 1px solid #DADADA;

    overflow: hidden;

    z-index: 9

}



.team .container_content .content_list {

    width: 1080px;

    margin: 0 auto

}



.team .content_list .item_block {

    margin-right: 40px

}



.team .content_list .item_block .item_img {

    position: relative;

    overflow: hidden

}



.team .content_list .item_block .description {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .5s cubic-bezier(.38, .04, .18, .97) 0s;

    transition: all .5s cubic-bezier(.38, .04, .18, .97) 0s;

    background-color: inherit;

    padding: 30px;

    position: absolute;

    top: -100%;

    z-index: 1;

    opacity: 0;

    height: 100%;

    width: 100%;

    background: #ff7900;

    padding: 40px

}



.team .content_list .item_block .description p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    height: 192px;

    font-size: 14px;

    color: #fff;

    line-height: 32px

}



.team .content_list .item_block .item_img .img_box {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .5s cubic-bezier(.38, .04, .18, .97) 0s;

    transition: all .5s cubic-bezier(.38, .04, .18, .97) 0s;

    vertical-align: top;

    max-width: 100%;

    transform: scale(1);

    opacity: 1;

    border-radius: 0;

    overflow: hidden

}



.team .content_list .item_block:hover .description {

    opacity: 1;

    top: 0

}



.team .content_list .item_block:hover .item_img .img_box {

    transform: scale(.2);

    opacity: 0

}



.team .owl-carousel .owl-stage-outer {

    height: 476px;

    padding: 20px;

    margin-left: -20px

}



.team .content_list .item_block .thumbnail {

    width: 90px;

    height: 90px;

    border-radius: 50px;

    overflow: hidden;

    position: absolute;

    top: 130px;

    left: 120px;

    z-index: 9;

    opacity: 0;

    -webkit-transition: all .6s cubic-bezier(.38, .04, .18, .97) 0s;

    transition: all .6s cubic-bezier(.38, .04, .18, .97) 0s;

    transform: scale(.9)

}



.team .content_list .item_block .thumbnail img {

    transform: scale(1.2)

}



.team .content_list .item_block:hover .thumbnail {

    z-index: 6;

    opacity: 1;

    transform: scale(1);

    top: 272px

}



.team .content_list .item_block .item_info {

    text-align: center;

    padding: 30px;

    border: 1px solid #dedede;

    border-top: 0;

    background: #fff

}



.team .content_list .item_block .line {

    width: 1px;

    height: 30px;

    background: #c4c4c4;

    position: absolute;

    left: 50%;

    top: 279px;

    transition: all .6s ease;

    opacity: 0;

    z-index: 8

}



.team .content_list .item_block .item_info .title {

    font-size: 16px;

    color: #262626;

    line-height: 28px;

    padding-top: 0;

    transition: all .6s ease

}



.team .content_list .item_block .item_info .subtitle {

    font-size: 14px;

    color: #7d7d7d;

    line-height: 24px

}



.team .content_list .item_block:hover .item_info {

    border-color: transparent;

    background: 0 0

}



.team .content_list .item_block:hover .item_info .title {

    padding-top: 40px

}



.team .content_list .item_block:hover .line {

    top: 352px;

    opacity: 1

}



.team .content_list .owl-item:hover {

    box-shadow: 0 4px 29px transparent

}



.team .owl-carousel .owl-nav .owl-next {

    right: 0;

    transition: all .6s ease;

    opacity: 0

}



.team .owl-carousel .owl-nav .owl-prev {

    left: 0;

    transition: all .6s ease;

    opacity: 0

}



.team .content_list:hover .owl-nav .owl-next {

    right: -62px;

    opacity: 1

}



.team .content_list:hover .owl-nav .owl-prev {

    left: -60px;

    opacity: 1

}



.team .owl-theme .owl-nav [class*=owl-] {

    top: 50%;

    margin-top: -68px;

    z-index: 8;

    background: rgba(30, 30, 30, .1)

}



.team .owl-theme .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



.team .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #fff

}



.team .container_content:after {

    content: '';

    position: absolute;

    top: 50%;

    margin-top: 162px;

    width: 100%;

    height: 1px;

    background: #dedede

}



.npagePage .team .content_list .item_block {

    width: calc(100%/3 - 40px);

    float: left;

    position: relative;

    height: 464px

}



.npagePage .team .content_list .item_block .owl-item {

    width: 100%

}



.npagePage .team .content_list .item_block .thumbnail {

    display: none

}



.npagePage .team .container_content::after,

.npagePage .team .content_list .item_block:hover .description {

    display: none

}



.npagePage .team .content_list .item_block:hover .item_img .img_box {

    transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    opacity: 1;

    border-radius: 0

}



.npagePage .team .content_list .item_block:hover .line {

    top: 340px

}



.npagePage .team.module .module_container {

    max-width: 1170px;

    padding-left: 5px;

    margin: 0 auto;

    margin-top: 60px

}



.npagePage .team .container_content {

    padding-top: 156px

}



.video .container_header .title {

    font-size: 24px;

    color: #2d2d2d

}



.video .container_header .subtitle {

    font-size: 12px;

    color: #848484;

    margin-top: 6px

}



.video .container_header {

    width: 200px;

    float: left;

    margin-top: 70px;

    margin-left: 60px

}



.agent-pc #sitecontent .npagePage .video .container_category {

    width: calc(98% - 20px);

    padding-bottom: 0

}



.video.module .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0;

    padding-bottom: 100px

}



.video .content_list:after {

    content: '';

    display: block;

    clear: both

}



.video .content_list .owl-item {

    width: 25%;

    float: left

}



.video .content_list {

    padding-top: 160px

}



.video .owl-carousel .owl-item img {

    width: 100%;

    height: auto;

    display: block;

    transition: all .36s ease 0s

}



.agent-pc .video .owl-carousel .owl-item:hover img {

    transform: scale(1.06);

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

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

    -o-transform: scale(1.06, 1.06)

}



.video .content_list .item_block a {

    display: block; margin-top:40px;

}



.video .content_list .item_block {

    position: relative;

    width: calc(100% / 4);

    float: left; height:650px;

}



.video .content_list .item_block .item_wrapper {

    width: 100%;

    height: 90px

}



.video .item_block .item_img {

    position: relative;

    overflow: hidden

}



.video .item_block .item_img .item_mask {

    width: 100%;

    height: 100%;

    position: absolute;

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

    top: 0;

    left: 0

}



.video .item_block .item_img .item_mask:after {

    content: '';

    width: calc(100% - 32px);

    height: calc(100% - 32px);

    position: absolute;

    top: 15px;

    left: 15px;

    transition: all .36s ease;

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

    transform: scale(1.2)

}



.video .item_block .item_img .item_ico {

    width: 60px;

    height: 60px;

    position: absolute;

    top: -80px;

    margin-top: -41px;

    left: 50%;

    margin-left: -30px;

    border: 2px solid #fff;

    border-radius: 50%;

    transition: all .36s ease-out 0s

}



.video .item_block:hover .item_img .item_ico {

    background: 0 0

}



.video .item_block .item_info {

    text-align: center;

    padding: 30px 14%;

    height: 52px;

    transition: all .3s ease 0s

}



.video .item_block .item_info .title {

    font-size: 16px;

    color: #ff7900

}



.video .item_block .item_info .subtitle {

    font-size: 12px;

    color: #8A8A8A;

    line-height: 18px;

    margin-top: 2px;

    opacity: 1;

    transition: all .3s ease 0s

}



.agent-pc .video .item_block:hover .item_info .subtitle {

    opacity: 1

}



.video .owl-carousel .owl-nav .owl-next {

    right: 0

}



.video .owl-carousel .owl-nav .owl-prev {

    left: 0

}



.video .owl-theme .owl-nav [class*=owl-] {

    top: 50%;

    margin-top: 60px;

    z-index: 8;

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

}



.video .content_list .owl-item:hover .item_wrapper {

    opacity: 1

}



.video .item_block:hover .item_img .item_mask::after {

    opacity: 1;

    transform: scale(1)

}



.video .item_block:hover .item_img .item_mask {

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

}



.video .item_block:hover .item_img .item_ico {

    top: 50%

}



.video .owl-theme .owl-nav>div i {

    color: #b8b8b8

}



.video .owl-theme .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



.video .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #fff

}



.video .more {

    width: 158px;

    height: 38px;

    border: 1px solid #DADADA;

    margin: 48px auto 0;

    display: block;

    text-align: center;

    overflow: hidden;

    border: 1px solid #DADADA

}



#indexPage .imagelink .container_header {

    display: none

}



#indexPage .imagelink.module .module_container {

    padding-top: 110px

}



#indexPage .imagelink .owl-theme .owl-nav [class*=owl-] {

    top: 52px

}



#indexPage .imagelink .owl-carousel .owl-nav .owl-next {

    right: -60px

}



#indexPage .imagelink .owl-carousel .owl-nav .owl-prev {

    left: -60px

}



#indexPage .module {

    z-index: 2;

    background-color: #fff;

    position: relative

}



#indexPage #topSlider .content_list.owl-loaded {

    position: fixed

}



#indexPage #mcontact {

    background-color: #3e3e3e

}



#contactform p .inputtxt {

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

    color: #fff;

    border: 0;

    border-bottom: rgba(255, 255, 255, .09) 1px solid

}



#contactform p .inputtxt {

    width: 320px;

    height: 20px;

    line-height: 20px;

    padding: 10px 20px;

    margin-bottom: 10px;

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

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

    color: #fff;

    border: 0;

    border-bottom: rgba(255, 255, 255, .09) 1px solid

}



#mcontact .content #contactform {

    margin-top: 30px

}



#contactform p textarea.inputtxt {

    height: 70px;

    resize: none;

    overflow: hidden

}



#contactform p .submit {

    width: 400px;

    background-color: #505050;

    color: #fff;

    font-size: 16px;

    padding: 5px 20px;

    border: 0;

    height: 48px;

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

}



#mcontact .container_header {

    display: none

}



.npagePage .news .module_container {

    max-width: 1060px

}



.npagePage .news .content_list .item_block {

    position: relative;

    margin-bottom: 0;

    padding: 20px 0;

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

    border-bottom: 1px solid #e9e9e9

}



.npagePage .news .content_list .item_block:last-child {

    border-bottom: 1px solid transparent

}



.npagePage .news .content_list .item_block .item_img {

    width: 340px;

    height: 200px;

    float: left;

    margin-right: 10px;

    transition: all .3s ease-out 0s

}



.npagePage .news .content_list .item_block .item_wrapper {

    float: left;

    width: calc(100% - 440px);

    margin-left: 40px;

    height: calc(100% - 40px);

    padding: 20px 0

}



.npagePage .news .content_list .item_block.item_info {

    width: 350px

}





.npagePage .news .content_list .item_block .item_info .title {

    color: #2d2d2d;

    font-size: 16px

}



.npagePage .news .content_list .item_block .item_info .date_wrap,

.npagePage .news .content_list .item_block .item_info .description {

    color: #2d2d2d;

    font-size: 13px

}



.npagePage .news .content_list .item_block .item_info .nums {

    display: none

}



.npagePage .news .content_list .item_block .item_info .description {

    margin-top: 10px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px

}



.npagePage .news .content_list .item_block .item_tags {

    width: 350px;

    position: absolute;

    bottom: 40px;

    left: 378px;

    transition: all .3s ease-out 0s

}



.npagePage .news .content_list .item_block .item_tags a {

    padding: 0 14px;

    font-size: 13px;

    color: #717171;

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

}



.npagePage .news .content_list .item_block .item_tags a:last-child {

    border-right: 0

}



.npagePage .news .content_list .item_block .item_tags a:hover {

    color: #ff7900

}



.npagePage .news .content_list .item_block .details {

    width: 36px;

    height: 16px;

    position: absolute;

    top: 112px;

    right: 120px;

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

    opacity: 0

}




.npagePage .more {

    display: none

}



.npagePage .news .content_list .item_block:hover {

    background: #ff7900;

    border-color: transparent

}



.npagePage .news .content_list .item_block:hover .item_info .title {

    color: #fff

}



.npagePage .news .content_list .item_block:hover .item_img,

.npagePage .news .content_list .item_block:hover .item_tags {

    margin-left: 20px

}



.npagePage .news .content_list .item_block:hover .details {

    right: 100px;

    opacity: 1

}



.npagePage .project .module_container {

    max-width: 100%;

    padding: 0

}



.npagePage .project .content_list,

.npagePage .video .content_list {

    width: 96%;

    margin: 0 auto

}



.npagePage .project .content_list .item_block {

    width: calc(100%/4 - 20px);

    margin: 10px;

    float: left;

    position: relative;

    overflow: hidden

}



.npagePage .project .content_list .item_block img {

    width: 100%; height:490px;

}



.npagePage .project .container_category,

.npagePage .service .container_category {

    text-align: center;

    padding-top: 156px

}



.agent-pc #sitecontent .npagePage .container_category {

    margin: 0

}



.npagePage .project .content_list .item_block .details,

.npagePage .project .content_list .item_block .line,

.npagePage .project .content_list .item_block .nums {

    display: none

}



.npagePage .project .content_list .item_block .item_wrapper {

    position: absolute;

    bottom: -100%;

    left: 0;

    padding: 45px 35px;

    background: #ff7900;

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

    overflow: hidden;

    width: calc(100% - 70px)

}



.npagePage .project .content_list .item_block .item_info .title {

    font-size: 16px;

    color: #fff

}



.agent-pc #sitecontent .npagePage .project .container_category {

    width: calc(96% - 20px);

    margin: 0 auto;

    padding: 0 6px;

    padding-top: 80px;

    max-width: 100%

}



.agent-pc #sitecontent .npagePage .service .container_category {

    width: calc(96% - 20px);

    margin: 0 auto;

    padding: 0 10px;

    padding-top: 80px;

    max-width: 100%

}



.agent-pc #sitecontent .npagePage .container_category {

    margin: 0 auto;

    max-width: 1800px;

    text-align: left

}



.agent-pc #sitecontent .npagePage .news .container_category {

    float: none;

    width: 100%

}



.npagePage .project .content_list .item_block .item_info .subtitle {

    color: #fff;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    white-space: initial;

    margin-top: 20px

}



.npagePage .project .content_list .item_block:hover .item_wrapper {

    bottom: 0

}



.npagePage.post .project .tab_button .content_list {

    width: 326px;

    padding: 18px 0

}



.npagePage.post .project .tab_button .content_list .item_img {

    width: 100px;

    height: 60px

}



.npagePage.post .project .content_list .item_block {

    width: 100%;

    margin: 0

}



.npagePage.post .project .content_list .owl-nav .owl-prev {

    left: 0

}



.npagePage.post .project .content_list .owl-nav .owl-next {

    right: 0

}



.npagePage.post .project .owl-theme .owl-nav [class*=owl-] {

    top: 50%;

    margin-top: -68px;

    z-index: 8;

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

}



.npagePage.post .project .content_list .current {

    position: relative

}



.npagePage.post .project .content_list .current:after {

    content: '';

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    border: 1px solid #ff7900;

    position: absolute;

    top: 0;

    left: 0

}



.npagePage.post .project .owl-theme .owl-nav i {

    color: #a4a4a4

}



.npagePage.post .project .owl-theme:hover .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



.npagePage {

    padding-top: 60px

}



.npagePage.post .project .owl-theme:hover .owl-nav>div i {

    color: #f7b2ad

}



#postSlider {

    background: #191919

}



.container_target a:hover,

.container_target a:last-child {

    color: #ff7900

}



.npagePage .video .container_category {

    width: 100%;

    text-align: center;

    margin: 0 auto;

    padding-top: 160px;

    float: none

}



.npagePage .video .content_list .item_block {

    width: calc(100%/4 - 20px);

    margin: 10px 10px 0;

    float: left;

    position: relative;

    overflow: hidden

}



.npagePage .video .content_list {

    padding-top: 0

}



#fixed_videoPost .fixed-btn a.disabled:hover {

    background-color: rgba(227, 122, 30, .59)

}



.agent-pc #sitecontent .npagePage .news .container_category {

    padding-top: 60px

}



.npagePage .news .container_content {

    padding-top: 52px

}



.npagePage.post #pageTarget {

    display: block;

    height: 38px;

    line-height: 38px;

    border-bottom: 1px solid #e9e9e9

}



.npagePage.post .news #postContent {

    width: 100%;

    float: left;

    padding-right: 40px;

    border-right: 1px solid #e9e9e9;

    padding-top: 80px;

    min-height: 900px

}



.npagePage.post .news #postContent .title,

.npagePage.post .service #postContent .title {

    font-size: 18px;

    color: #000

}



.npagePage.post .news #postContent .subtitle,

.npagePage.post .service #postContent .subtitle {

    font-size: 13px;

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

    margin-bottom: 24px

}



.npagePage.post .news #listContent {

    width: 320px;

    float: left;

    margin-left: 36px;

    padding-top: 80px

}



.npagePage.post .news #listContent .item_tags {

    margin-bottom: 20px

}



.npagePage.post .news #listContent .item_tags a {

    padding: 0 20px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    background-color: #e3e3e3;

    font-size: 14px;

    color: #777;

    margin-right: 4px

}



.npagePage.post .news #listContent .item_tags a:hover {

    color: #fff;

    background-color: #333

}



.npagePage.post .news .module_container {

    max-width: 100%;

    padding: 0

}



.npagePage.post .news .content_list .item_block {

    margin-bottom: 10px;

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

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

    border: 0

}



.npagePage.post .news .content_list .item_block .item_img {

    width: 100px;

    height: 100px;

    overflow: hidden;

    margin: 0 20px 0 10px

}



.npagePage.post .news .content_list .item_block .item_img img {

    height: 100%

}



.npagePage.post .news .content_list .item_block .item_tags {

    display: none

}



.npagePage.post .news .content_list .item_block .item_info .title {

    font-size: 15px;

    color: #2d2d2d;

    transition: all .3s ease-out 0s

}



.npagePage.post .news .content_list .item_block .item_info .description {

    color: #595959;

    font-size: 12px;

    margin: 0;

    line-height: 22px;

    height: 44px;

    margin-top: 4px;

    transition: all .3s ease-out 0s

}



.npagePage.post .news .content_list .item_block .item_info .date_wrap {

    color: #9f9f9f;

    font-size: 12px;

    transition: all .3s ease-out 0s

}



.npagePage.post .news .content_list .item_block .item_wrapper {

    padding: 0;

    float: left;

    width: auto;

    margin: 0;

    height: auto

}



.npagePage.post .news .content_list .item_block .item_info {

    width: 150px

}



.npagePage.post .news .content_list .item_block .details {

    display: none

}



.npagePage.post .news .content_list .item_block {

    padding: 10px 0

}



.npagePage.post .news .content_list .item_block:hover .item_info .title {

    font-size: 15px;

    color: #fff

}



.npagePage.post .news .content_list .item_block:hover .item_info .description {

    color: #fff

}



.npagePage.post .news .content_list .item_block:hover .item_info .date_wrap {

    color: #fff

}



.npagePage.post .news .content_list .item_block:hover {

    background: #ff7900

}



.npagePage.post .project #postWrapper .description {

    position: absolute;

    top: 60px;

    right: 0;

  

    border: 1px solid #e0e0e0;

    border-top: 1px solid #a4a4a4;

    box-shadow: 0 4px 20px rgba(0, 0, 0, .11)

}

 .description11{padding:10px;width:260px}

.container_target {

    text-align: right

}



.container_target i {

    color: #6e6e6e;

    margin: 0 6px

}



.npagePage.post .news #postWrapper,

.npagePage.post .news .container_content {

    padding: 0

}



.npagePage.post .news #postWrapper {

    width: 1170px;

    margin: 0 auto

}



.npagePage.post .module_container {

    max-width: 1170px;

    padding: 0 5px;

    margin: 0 auto

}



.npagePage.post .news .content_wrapper .tabBtn a {

    position: fixed;

    top: 50%;

    width: 36px;

    height: 100px;

    margin-top: -50px;

    z-index: 3

}



.npagePage.post .news .content_wrapper .tabBtn a .iBtn i {

    color: #d8d8d8

}



.npagePage.post .news .content_wrapper .tabBtn a .iBtn {

    text-align: center;

    height: 100%;

    line-height: 100px;

    background: #9f9f9f;

    position: relative;

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

    z-index: 3

}



.npagePage.post .news .content_wrapper .tabBtn a .btn_img {

    width: 114px;

    height: 94px;

    border: 3px solid #9f9f9f;

    background: #fff;

    position: absolute;

    right: -120px;

    top: 0;

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

    overflow: hidden

}



.npagePage.post .news .content_wrapper .tabBtn a .btn_img img {

    width: auto;

    height: 100%

}



.npagePage.post .news .content_wrapper .tabBtn a .btn_img .mask {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

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

}



.npagePage.post .news .content_wrapper .tabBtn a .btn_img .title {

    width: 96px;

    height: 32px;

    line-height: 16px;

    text-align: center;

    position: absolute;

    left: 50%;

    top: 50%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    margin-top: -16px;

    margin-left: -48px;

    color: #fff

}



.npagePage.post .news .content_wrapper .tabBtn a.prev {

    left: 0

}



.npagePage.post .news .content_wrapper .tabBtn a.next {

    right: 0

}



.npagePage.post .news .content_wrapper .tabBtn a.prev:hover .btn_img {

    left: 37px

}



.npagePage.post .news .content_wrapper .tabBtn a:hover .btn_img {

    right: 37px

}



.npagePage.post .news .content_wrapper .tabBtn a:hover .iBtn {

    background: #ff7900

}



.npagePage.post .news .content_wrapper .tabBtn a:hover .iBtn i {

    color: #fff

}



.npagePage.post .news .content_wrapper .tabBtn a:hover .btn_img {

    border-color: #ff7900

}



.npagePage.post .news .content_wrapper .tabBtn a.prev .btn_img {

    left: -120px

}



.npagePage.post .news .content_wrapper .tabBtn a.prev:hover {

    border-right: 1px solid #f47971

}



.npagePage.post .news .content_wrapper .tabBtn a.next:hover {

    border-left: 1px solid #f47971

}



.video .item_block .item_img .item_ico:after {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -3px;

    margin-top: -8px;

    transition: all .3s ease 0s;

    border-bottom: 8px solid transparent;

    border-top: 8px solid transparent;

    border-left: 10px solid #fff;

}



.npagePage.post .project .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0

}



.imagelink .container_category {

    display: none

}



.npagePage .container_content.nocat {

    margin: 0 auto;

    float: none

}



#fixed_videoPost {

    display: block;

    z-index: 110;

    background-color: transparent

}



#fixed_videoPost .fixed-container {

    width: 1158px;

    height: 660px;

    background: #fff;

    overflow: hidden;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -580px;

    margin-top: -330px;

    z-index: 2;

    border: 1px solid #dedede

}



.v_iframe {

    width: 802px;

    height: 640px;

    margin: 10px;

    background: #000;

    border: 0

}



.npagePage.post .owl-dots {

    display: none

}



#postControl {

    position: absolute;

    right: 32px;

    top: 32px

}



#fixed_videoPost .info_box {

    width: 270px;

    height: 120px;

    float: right;

    margin-right: 38px;

    position: relative;

    top: 50%;

    margin-top: -60px

}



#fixed_videoPost .info_box .title {

    font-size: 16px;

    color: #2e2e2e

}



#fixed_videoPost .info_box .subtitle {

    color: #7d7d7d;

    font-size: 13px;

    line-height: 26px;

    margin-top: 22px

}



#fixed_videoPost .fixed-btn {

    position: absolute;

    bottom: 0;

    right: 0;

    margin: 8px

}



#fixed_videoPost .fixed-btn a {

    width: 165px;

    text-align: center;

    height: 50px;

    background: #fbfbfb;

    display: inline-block;

    line-height: 50px

}



#fixed_videoPost .fixed-btn a:hover {

    background: #ff7900

}



#fixed_videoPost .fixed-btn a:hover i {

    color: #f9b2ae

}



#postControl {

    transition: all .3s ease-out 0s

}



#postControl:hover {

    transform: rotate(90deg)

}



.npagePage.post .project #postWrapper {

    width: 100%;

    margin: 0 auto

}



.npagePage.post .project .postMianCont {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    padding-top: 80px

}



.npagePage.post .project .postWrap {

    width: 800px

}



.npagePage.post .project .postWrap #postInfo {

    padding-bottom: 40px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 40px

}



.npagePage.post .project .postWrap #postInfo .title {

    font-size: 18px;

    color: #000;

    line-height: 28px

}



.npagePage.post .project .postWrap #postInfo .subtitle {

    font-size: 13px;

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

    line-height: 24px

}



.npagePage.post .project .postWrap .content_list .item_block {

    width: calc(100%/3 - 16px);

    margin: 0 8px

}



.npagePage.post .project .postWrap .content_list .item_wrapper {

    position: relative;

    padding: 20px;

    bottom: auto;

    background-color: transparent;

    width: calc(100% - 40px);

    text-align: center

}



.npagePage.post .postWrap .project .content_list .item_block .item_info .title {

    color: #2d2d2d;

    font-size: 15px;

    text-align: left

}



.npagePage.post .postWrap .project .content_list .item_block .item_info .subtitle {

    margin-top: 0;

    color: #9f9f9f;

    font-size: 13px;

    text-align: left

}



.npagePage.post .project #listContent h3 {

    color: #595959;

    font-size: 15px;

    padding-bottom: 26px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 30px;

    font-weight: 100

}



#fixed_projectPost {

    display: block;

    z-index: 110

}



#fixed_projectPost #postContent,

#fixed_projectPost .tab_button {

    display: none

}




#fixed_projectPost #postSlider {

    width: 50%;

    float: left;

    height: 100%;

    background: #f3f3f3

}



#fixed_projectPost .postMianCont {

    width: 50%;

    float: left;

    background: #fff;

    height: 100%;

    padding: 0;

    position: relative;

    z-index: 2

}



#fixed_projectPost .postMianCont .postWrap {

    padding-top: 15%;

    width: 71%;

    margin-left: 7%

}



#fixed_projectPost .postMianCont .description {

    width: 71%;

    margin-left: 7%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    color: #595959;

    line-height: 30px;

    height: 150px;

    margin-top: 38px

}



#fixed_projectPost #postSlider .tab_content {

    margin: 3%;

    height: 94%;

    width: 94%

}



#fixed_projectPost .project .content_list .owl-nav .owl-prev {

    left: 0

}



#fixed_projectPost .project .content_list .owl-nav .owl-next {

    right: 0

}



#fixed_projectPost .project .owl-theme .owl-nav [class*=owl-] {

    top: 50%;

    margin-top: -68px;

    z-index: 8;

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

}



#fixed_projectPost .project .owl-theme .owl-nav i {

    color: #a4a4a4

}



#fixed_projectPost .project .owl-theme:hover .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



#fixed_projectPost .project #postInfo .title {

    color: #2d2d2d;

    font-size: 16px

}



#fixed_projectPost .project #postInfo .subtitle {

    margin-top: 0;

    color: #2d2d2d;

    font-size: 13px

}



#fixed_projectPost #postWrapper,

#fixed_projectPost .content,

#fixed_projectPost .project {

    width: 100%;

    height: 100%;

    padding: 0

}



#fixed_projectPost #postControl {

    z-index: 6;

    width: 62px;

    height: 62px;

    background: #e8e8e8

}



#fixed_projectPost #postControl .close {

    text-align: center;

    height: 100%;

    line-height: 62px

}



#fixed_projectPost .project .owl-theme:hover .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



#fixed_projectPost .fixed-btn {

    position: absolute;

    top: 105px;

    right: 32px;

    z-index: 8

}



#fixed_projectPost .fixed-btn a {

    width: 62px;

    height: 62px;

    background: #e8e8e8;

    display: block;

    line-height: 62px;

    text-align: center

}



.mcustomize.module .mediabody {

    text-align: center

}



.circle-note-progress svg {

    display: block;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg)

}



.circle-note-progress circle {

    fill: none;

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

    stroke-width: 2

}



.circle-note-progress circle:nth-child(2) {

    stroke-dasharray: 238.76104;

    stroke-dashoffset: 238.76104;

    transition: all ease-out .5s;

    stroke: #fff

}



.video .content_list .item_block a:hover .circle-note-progress circle:nth-child(2) {

    stroke-dashoffset: 0

}



.details .fa,

.detailsde .fa,

.news.module .more .fa,

.team.module .more .fa,

.video.module .more .fa {

    font-family: icomoon !important;

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    line-height: 14px;

    font-size: 16px;

    -webkit-font-smoothing: antialiased;

    color: #bebebe

}



.news.module .more .fa-angle-right:after,

.news.module .more .fa-angle-right:before,

.team.module .more .fa-angle-right:after,

.team.module .more .fa-angle-right:before,

.video .more .fa-angle-right::before,

.video .more .fa-angle-right:after {

    content: "\e911";

    display: block;

    transition: all .3s ease

}



.details .fa:before,

.detailsde .fa:before {

    content: "\e911"

}



.detailsde .fa {

    font-size: 26px

}



.details .fa {

    font-size: 30px

}



@font-face {

    font-family: icomoon;

    src: url(../font/icomoon.eot);

    src: url(../font/icomoon.eot#iefix) format('embedded-opentype'), url(../font/icomoon.ttf) format('truetype'), url(../font/icomoon.woff) format('woff'), url(http://mo005-3342.mo5.line1.jsmo.xin/templates/ue_content/templates/css/fonts/icomoon.svg?8f75y8#icomoon) format('svg');

    font-weight: 400;

    font-style: normal

}



.news.module .more:hover .fa-angle-right:before,

.team.module .more:hover .fa-angle-right:before {

    margin-top: -26px

}



.video .more:hover .fa-angle-right:before {

    margin-top: -38px

}



.video .more:hover .fa-angle-right:after {

    color: #ff7900

}



.news.module .more:hover .fa-angle-right:after,

.team.module .more:hover .fa-angle-right:after {

    color: #fff

}



#indexPage .news .container_content .more,

.team .container_content .more {

    text-align: center

}



#indexPage .news .container_content .more i,

.team.module .more .fa {

    font-size: 30px;

    line-height: 27px

}



.video.module .more i.fa {

    font-size: 30px;

    line-height: 38px

}



.ad .content_list .item_block:hover .detailsde i {

    color: #f3756c

}



.ad .content_list .item_block:nth-child(2n+1):hover .item_wrapper .detailsde {

    right: 70px

}



#indexPage .project .owl-carousel .owl-item:hover img {

    transform: scale(1.1) translateY(20px)

}



#indexPage .news .owl-carousel .owl-stage-outer {

    cursor: move

}



.details .fa {

    color: transparent

}



.ad .content_list .item_block:hover .detailsde {

    margin-left: 0;

    opacity: 1

}



.service .content_list .item_block .item_wrapper:after {

    content: '';

    width: calc(100% - 32px);

    height: calc(100% - 32px);

    border: 1px solid #f2837c;

    position: absolute;

    top: 16px;

    left: 16px

}



.npagePage .mlistpost.project .container_content,

.npagePage.post .project #postWrapper {

    padding: 0

}



.npagePage .mlistpost .tab_content .owl-carousel .owl-item img {

    max-width: 100%;

    width: auto;

    margin: 0 auto

}



.npagePage .mlistpost.project #listContent .content_list {

    width: calc(100% + 16px);

    margin-left: -8px

}



.npagePage .mlistpost.project .tab_button {

    position: absolute;

    bottom: 0;

    width: 100%;

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

    z-index: 11

}



#postSlider {

    position: relative

}



#indexPage #topSlider .owl-theme .owl-dots .owl-dot {

    position: relative;

    z-index: 1

}



#indexPage #topSlider .owl-theme .owl-dots .owl-dot span::before {

    content: '';

    position: absolute;

    top: 14px;

    height: 14px;

    width: 1px;

    background: #4b4b4b

}



#indexPage #topSlider .owl-theme .owl-dots .owl-dot:last-child span::before {

    display: none

}



.agent-pc #sitecontent .npagePage .mpageEditor .module_container {

    max-width: 100%;

}



.agent-pc #sitecontent .npagePage #mcontact #contactinfo {

    padding-left: 20px;

    margin-top: -80px

}



#indexPage #topSlider .owl-theme .owl-dots .owl-dot {

    margin: 22px 0

}



.agent-pc .npagePage #contactinfo h3 {

    font-size: 16px;

    color: #6b6b6b;

    line-height: 24px;

    margin-bottom: 25px;

    font-weight: 100

}



.agent-pc .npagePage #mcontact #contactinfo p {

    width: 290px;

    padding-right: 60px;

    margin-top: 4px;

    height: auto;

    color: #999;

    font-size: 12px;

    line-height: inherit;

    display: inline-block;

    width: calc(30.4% - 28px)

}



.agent-pc .npagePage #mcontact #contactlist #contactform {

    left: 50%;

    width: 100%;

    margin-top: 60px;

    max-width: none

}



.agent-pc .npagePage #contactform p .inputtxt {

    width: 28%;

    margin: 0 2%;

    float: left;

    padding: 20px 0 20px 0;

    border-bottom: 1px solid #dadada;

    margin-bottom: 20px;

    border-color: #DEDEDE

}



.agent-pc .npagePage #contactform p textarea.inputtxt {

    width: 92%

}



.agent-pc .npagePage #contactform p textarea.inputtxt {

    width: 96%;

    height: 100px;

    border-color: transparent;

    border-bottom: 1px solid #dadada

}



.agent-pc .npagePage #mcontact #contactform .submit {

    background-color: transparent;

    font-size: 15px;

    padding: 5px 0;

    display: block;

    height: 40px;

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

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

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

    border: 1px solid #9b9b9b;

    cursor: pointer;

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

    width: 220px;

    height: 46px;

    border: 1px solid #dadada;

    color: #999;

    margin-top: 20px

}



.agent-pc .npagePage #mcontact #contactform .submit:hover {

    background-color: #ff7900;

    color: #fff;

    border-color: #ff7900

}



.npagePage .ad .more {

    display: none;

    top: 214px;

    right: 280px

}



#indexPage .service .more {

    color: transparent;

    position: relative;

    width: 158px;

    height: 40px;

    display: block;

    margin: 60px auto 0;

    opacity: 1;

    filter: alpha(opacity=0);

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

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

    border: 1px solid #fff;

    top: 50%;

    position: absolute;

    margin-top: 44px;

    left: 56px

}



#indexPage .service .more:hover {

    transform: scale(.9)

}



#indexPage .service .more i:before {

    content: '';

    width: 0;

    height: 1px;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -60px;

    margin-top: -1px;

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

    margin-left: -7px;

    width: 15px;

    background: #fff

}



#indexPage .service .more i:after {

    content: '';

    width: 1px;

    height: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -58px;

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

    margin-top: -8px;

    height: 15px;

    background: #fff

}



#indexPage .service .more i {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 1

}



#indexPage .service .content_wrapper {

    position: relative

}



#shares a i {

    margin-top: 12px;

    color: #999;

    transition: all .3s ease-out 0s

}



#online_lx {

    width: 180px;

    height: auto;

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

    bottom: 188px;

    z-index: 99999;

    margin-right: -10px

}



#olx_head {

    padding: 20px;

    line-height: 16px;

    height: 16px;

    background-color: #969696;

    color: #fff;

    font-size: 14px

}



#online_open {

    width: 40px;

    height: 40px;

    background-color: #333;

    border-color: #333;

    cursor: pointer;

    position: fixed;

    right: -40px;

    bottom: 186px;

    z-index: 99;

    font-size: 18px;

    color: #999;

    text-align: center;

    line-height: 30px;

    margin-right: -3px

}



#online_open i {

    margin-top: 12px;

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

    color: #fff

}



#olx_qq li a,

.agent-pc #shares a:hover {

    border-color: #e8e8e8

}



.npagePage #pageTarget {

    border-color: #e9e9e9

}



.gh0 #header .nav,

.singlescreen #header .nav {

    margin-right: 44px

}



#header .nav>li>a {

    padding: 0 35px

}



.gh0 #header .nav,

.singlescreen #header .nav {

    margin-right: 10px

}



.agent-pc .service .content_list .item_block .item_wrapper {

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

}



.agent-pc #indexPage .service .more::after {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    z-index: -1;

    transition: all .3s ease 0s

}



.agent-pc .service .content_list .item_block .item_wrapper:after {

    border: 1px solid rgba(255, 121, 0, .6)

}



.agent-pc #indexPage .service .more:hover::after {

    width: 100%

}



.agent-pc #indexPage .service .more i:after,

.agent-pc #indexPage .service .more i:before {

    z-index: 2

}



.agent-pc #indexPage .service .more:hover i:after,

.agent-pc #indexPage .service .more:hover i:before {

    background-color: #ff7900

}



.agent-pc #indexPage .service .more {

    height: 38px

}



.agent-pc #online_open {

    background-color: #ff7900;

    border-color: #ff7900

}



.agent-pc #olx_head {

    background-color: #4a4a4a

}



.agent-pc #shares a {

    border: #D6D6D6 1px solid

}



#indexPage .news .item_block .details::after {

    content: "";

    background-color: #FF554A;

    width: 0;

    height: 100%;

    position: absolute;

    left: 0;

    top: 8px;

    z-index: -1

}



#indexPage .news .item_block:hover .details::after {

    width: 100%

}



#indexPage .news .item_block .details:before {

    z-index: 1

}



#indexPage .news .content_list .owl-item:hover .item_info .title {

    padding-bottom: 4px

}



#indexPage .news .content_list .owl-item:hover .nums {

    font-size: 14px

}



#indexPage .news .content_list .owl-item .item_block .o_ico::before {

    width: 5px;

    height: 5px;

    left: 1px

}



#indexPage .news .content_list .owl-item .item_block .o_ico:after {

    width: 13px;

    height: 13px;

    left: -4px

}



#indexPage .news .content_list .owl-item:hover .item_block .o_ico:after {

    width: 23px;

    height: 23px;

    top: -10px

}



.agent-pc #indexPage .project .owl-theme .owl-nav [class*=owl-] {

    background: rgba(43, 43, 43, .6)

}



.agent-pc #indexPage .project .item_block .item_info .line {

    margin: 22px auto 16px

}



.agent-pc #indexPage .project .item_block .details:before::after {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    background-color: #fff;

    left: 0;

    top: 0

}



.agent-pc #indexPage .project .item_block:hover .details:before::after {

    width: 100%

}



.agent-pc #indexPage .project .container_header .subtitle {

    color: #696969

}



.agent-pc #indexPage .project .item_block .details {

    width: 168px

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .title {

    font-family: HELVETICANEUELTPRO-THEX

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .description {

    margin-top: 50px

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .more {

    margin: 20px auto 0

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .more:hover {

    transform: scale(.9)

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .more:hover {

    border: 1px solid #ff7900

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .more:hover::after,

.agent-pc #indexPage .mcustomize .module_container .contentbody .more:hover:before {

    background: #ff7900

}



.agent-pc #indexPage .news .container_content .more:hover,

.agent-pc .team .container_content .more:hover {

    border: 1px solid #2a2a2a;

    background: #2a2a2a

}



.agent-pc #sitecontent .team .container_category {

    margin-right: 166px;

    margin-top: 78px

}



.agent-pc .team .container_content .more {

    top: 78px;

    height: 28px

}



.agent-pc .video .owl-theme .owl-nav [class*=owl-] {

    margin-top: 10px

}



.agent-pc .video .content_list {

    max-width: 1800px;

    margin: 0 auto

}



.ad .content_list .item_block .nums {

    margin-top: 0;

    margin-bottom: 16px

}



.ad .content_list .item_block:hover .nums {

    margin-top: 0;

    font-size: 24px

}



.ad .content_list .item_block .item_img:after {

    border: 1px solid rgba(227, 122, 30, 06)

}



.ad .content_list .item_block:hover .detailsde {

    margin-left: 0

}



.ad .content_list .item_block .item_wrapper {

    width: 326px;

    padding: 50px 194px 30px 40px

}



.agent-pc .module.mcounter ul.content_list li div {

    border-right: rgba(233, 174, 170, .49) 1px solid

}



.agent-pc #sitecontent .team .container_category a.active {

    opacity: 0

}



.agent-pc #indexPage .project .item_info .nums {

    font-size: 52px

}



.agent-pc #indexPage .project .content_list .owl-item:hover .item_info .nums {

    font-size: 32px;

    margin-top: -20px

}



.ad .more:hover {

    -moz-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    -o-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: FlipH()

}



.agent-pc .video .item_block:hover .item_info {

    padding: 18px 14%

}



.agent-pc .video .more:hover {

    border: 1px solid #2a2a2a;

    background: #2a2a2a

}



.agent-pc .video .more::after {

    display: block;

    content: "";

    background-color: #2a2a2a;

    width: 0;

    height: 40px;

    position: absolute;

    bottom: 100px;

    z-index: -1

}



.agent-pc .video .more:hover::after {

    width: 160px;

    height: 40px

}



.agent-pc .video .more:hover .fa-angle-right:after {

    color: #fff

}



.agent-pc .ad .content_list .item_block:hover .title {

    margin-top: -26px

}



.agent-pc #indexPage #topSlider .owl-theme .owl-nav [class*=owl-]:hover {

    background-color: #ff7900

}



.agent-pc #indexPage #topSlider .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #fff

}



.agent-pc .owl-theme .owl-nav [class*=owl-] {

    background: rgba(70, 70, 70, .6)

}



.agent-pc .team .content_list:hover .owl-nav [class*=owl-] {

    background-color: #EAEAEA

}



.agent-pc .owl-theme .owl-nav>div i {

    color: #c3c3c3

}



.agent-pc .npagePage .team .content_list .item_block:hover .item_info .title {

    padding-top: 0

}



.agent-pc .npagePage .team .content_list .item_block .line {

    width: 0;

    height: 1px;

    background: #D7D7D7;

    bottom: 0;

    position: relative;

    left: 50%;

    top: 0;

    opacity: 0

}



.agent-pc .npagePage .team .content_list .item_block:hover .line {

    width: 100%;

    opacity: 1;

    margin-left: -50%;

    background: #ff7900

}



.agent-pc .npagePage .team .content_list .item_block .item_info {

    border: 0;

    border-bottom: 1px solid #D7D7D7

}



.agent-pc .npagePage .team .content_list .item_block:hover .item_info {

    border-color: transparent

}



.agent-pc .npagePage .team .content_list .item_block:hover .item_info::after {

    content: "";

    display: block;

    width: 100%;

    left: 50%;

    background-color: red

}



.agent-pc .npagePage .team.module .module_container {

    width: 1170px

}



.agent-pc .team .content_list .item_block .item_info {

    padding: 20px

}



.agent-pc .npagePage .team .content_list .item_block {

    height: 400px;

    margin-bottom: 20px

}



.agent-pc #pages a:hover {

    border: 1px solid #ff7900;

    color: #FFF;

    background-color: #ff7900

}



.agent-pc #pageTarget .module_container {

    display: block;

    padding-top: 0;

    height: 38px;

    line-height: 38px

}



.npagePage .project .content_list .item_block .item_wrapper {

    padding: 0 35px;

    transition: all .36s ease 0s

}



.npagePage .project .content_list .item_block:hover .item_wrapper {

    padding: 30px 35px 22px 35px

}



.agent-pc .npagePage.post .project .content_list .item_block .item_wrapper,

.agent-pc .npagePage.post .project .content_list .item_block:hover .item_wrapper {

    padding: 20px

}



.agent-pc #indexPage .imagelink .owl-theme .owl-nav [class*=owl-] {

    background-color: #F3F3F3;

    border-radius: 60px

}



.agent-pc #indexPage .imagelink .owl-theme .owl-nav [class*=owl-]:hover {

    background: #ff7900

}



.agent-pc #indexPage .imagelink .owl-theme .owl-nav [class*=owl-]:hover i {

    color: #fff

}



.agent-pc .npagePage .service #listContent {

    display: none

}



.npagePage.post .postTeam #postImg {

    width: calc(100% - 660px);

    float: left

}



.npagePage.post .postTeam #postInfo {

    width: 600px;

    margin-left: 60px;

    float: left;

    margin-top: 80px

}



.npagePage.post .postTeam #postInfo .title {

    color: #2d2d2d;

    font-size: 22px

}



.npagePage.post .postTeam #postInfo .subtitle {

    color: #2d2d2d;

    font-size: 14px

}



.npagePage.post .postTeam #postInfo .description {

    font-size: 14px;

    color: #595959;

    margin-top: 44px

}



.npagePage .mlistpost.team #postWrapper {

    padding: 0 0 60px

}



.npagePage.post .team .container_content {

    padding-top: 80px

}



.npagePage.post .postTeam #postImg img {

    width: 100%;

    height: auto;

    margin-bottom: 20px

}



.npagePage.post .project .item_tags i {

    display: none

}



.npagePage.post .project .item_tags {

    margin-bottom: 20px

}



.npagePage.post .project .item_tags a.active,

.npagePage.post .project .item_tags a:hover {

    background-color: #ff7900;

    color: #fff

}



.agent-pc .npagePage .news .content_list .item_block:hover .item_info .date_wrap,

.agent-pc .npagePage .news .content_list .item_block:hover .item_info .description,

.agent-pc .npagePage .news .content_list .item_block:hover .item_tags a {

    color: #fff

}



.agent-pc .ad .content_list .item_block_2 .item_wrapper {

    width: 326px;

    padding: 50px 154px 30px 60px

}



.agent-pc .npagePage.post .news #listContent .item_tags a {

    height: 36px;

    line-height: 36px

}



.npagePage #contactform p .inputtxt {

    color: #333

}



.agent-pc #sitecontent .container_category a:after {

    right: -4px

}



.agent-pc .npagePage .news .content_list .item_block .item_tags a {

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

}



.agent-pc #indexPage .news .container_content .more i,

.team.module .more .fa {

    line-height: 27px

}



.agent-pc #sitecontent .container_category a {

    margin-right: 2px;

    padding: 0 24px;

    margin-bottom: 2px;

    margin-left: 0;

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

}



.agent-pc #indexPage .imagelink .owl-theme .owl-nav [class*=owl-] {

    border-radius: 60px

}



.agent-pc #indexPage #contactinfo div a {

    border: 1px solid rgba(119, 119, 119, .15);

    background-color: #444;

    margin-right: 14px

}



.agent-pc #indexPage #contactinfo div a:hover {

    background-color: #ff7900;

    border-color: #ff7900

}



.agent-pc #contactform p .submit:hover {

    background-color: #ff7900

}



.agent-pc .team .content_list:hover .owl-nav .owl-prev {

    background-color: #EAEAEA

}



.agent-pc #sitecontent .team .container_category {

    margin-right: 166px

}



.agent-pc #sitecontent .team .container_category a.active {

    display: none

}



.agent-pc .video .item_block .item_img .item_ico {

    width: 50px;

    height: 50px;

    margin-left: -25px

}



.agent-pc .video .owl-carousel .owl-item img {

    transition: all .36s ease 0s

}



.agent-pc #indexPage #topSlider .owl-theme .owl-nav .owl-prev {

    right: 50px

}



.agent-pc .npagePage .news .content_list .item_block .item_tags a:last-child {

    border-right: 0

}



.agent-pc .npagePage .news .details .fa {

    color: #fff

}



.agent-pc .npagePage .news .content_list .item_block .item_wrapper {

    width: calc(100% - 440px);

    margin-left: 40px

}



.agent-pc #sitecontent .npagePage .news .container_category {

    padding-top: 60px

}



.agent-pc #indexPage .news .owl-carousel .owl-stage,

.agent-pc #indexPage .project .owl-carousel .owl-stage,

.agent-pc #indexPage .team .owl-carousel .owl-stage,

.agent-pc #indexPage .video .owl-carousel .owl-stage {

    margin: 0 auto

}



.agent-pc #sitecontent .project .container_category,

.agent-pc #sitecontent .video .container_category {

    margin-right: 40px

}



.agent-pc #pageTarget .module_container {

    max-width: 100%;

    padding-right: 40px

}



.agent-pc .npagePage #pageTarget {

    background-color: #F9F9F9

}



.agent-pc .npagePage.post .service #postContent .title {

    font-size: 20px;

    line-height: 24px

}



.agent-pc .npagePage.post .service #postContent .subtitle,

.agent-pc .npagePage.post .service #postContent .title {

    text-align: center

}



.agent-pc .npagePage .project .content_list .item_block .item_info .subtitle {

    margin-top: 4px;

    height: 32px;

    font-size: 12px

}



.agent-pc .npagePage.post .project .postMianCont {

    width: 1170px

}



.agent-pc .npagePage.post .project .container_content {

    padding-top: 0

}



.agent-pc .npagePage.post .project .owl-theme .owl-nav:hover i {

    color: #fff

}



.agent-pc #indexPage #topSlider .owl-theme .owl-dots .owl-dot span::before {

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

}



.agent-pc #sitecontent .container_category a.active,

.agent-pc #sitecontent .container_category a:hover {

    background-color: #ff7900

}



.agent-pc #indexPage .news .item_block .details::after {

    top: 0;

    background-color: #DA2E23;

    transition: all .36s ease 0s

}



.agent-pc #indexPage .news .item_block .details:hover::after {

    width: 100%

}



.agent-pc .owl-theme .owl-nav>div i {

    color: #a9a9a9

}



.agent-pc .team .content_list .item_block .line {

    height: 28px

}



.agent-pc .team .content_list .item_block .item_info .subtitle {

    font-size: 12px;

    line-height: 20px

}



.agent-pc .team .content_list .item_block .item_info .subtitle {

    color: #8A8A8A

}



.agent-pc #indexPage .mcustomize .module_container .contentbody .wrapper {

    padding: 168px 18% 80px

}



.agent-pc #indexPage .project .content_list .owl-item:hover .details::after {

    top: 0;

    height: 42px

}



.agent-pc #indexPage .project .item_block .details::after {

    top: 60px;

    width: 100%;

    height: 0

}



.agent-pc #indexPage .project .item_block .item_info .subtitle,

.agent-pc .npagePage.post .postWrap .project .content_list .item_block .item_info .subtitle {

    font-size: 12px

}



.agent-pc .npagePage.post .project #postWrapper .description  h1{

       background-color:#ff7900;

    width: 260px; color:#fff; font-size:18px; font-weight:bold;

    padding: 10px 10px 10px 10px;

    top: 80px;

}



.agent-pc .npagePage .content .postbody {

    color: rgba(0, 0, 0, .6)

}



.agent-pc .npagePage.post .project .postWrap #postInfo .title {

    margin-bottom: 12px

}



.agent-pc .npagePage .mlistpost.project .tab_button {

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

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

}



.agent-pc .npagePage.post .project .tab_button .content_list {

    padding: 14px 0

}



.agent-pc .npagePage #postSlider {

    margin-bottom: 40px

}



.agent-pc #footer {

    width: 1170px;

    margin: 0 auto

}



.agent-pc #footer p {

    text-align: left

}



.agent-pc .npagePage.post .project .content_list .item_block .item_wrapper,

.agent-pc .npagePage.post .project .content_list .item_block:hover .item_wrapper {

    padding: 0;

    margin: 10px 0

}



.agent-pc .npagePage.post .news .content_list .item_block .item_wrapper {

    margin-left: 12px

}



.agent-pc .npagePage.post .news .content_list .item_block .item_img {

    width: 120px;

    margin: 0 10px

}



.agent-pc .npagePage.post .news .content_list .item_block {

    padding: 10px 0;

    margin-bottom: 10px

}



.agent-pc .npagePage.post .news .content_list .item_block .item_info .title {

    font-size: 14px

}



.agent-pc .npagePage .ad.module .module_container {

    padding-top: 60px

}



.agent-pc .npagePage .video .container_category {

    padding-top: 80px

}



.agent-pc .npagePage .container_content {

    padding-top: 30px

}



.agent-pc #sitecontent .video .npagePage .project .container_category {

    width: calc(96% - 20px);

    padding-bottom: 30px

}



.agent-pc .npagePage.post .postWrap .project .content_list .item_block:hover .item_info .title {

    color: #ff7900

}



.agent-pc .ad .content_list .item_block .nums {

    margin-top: 0

}



.agent-pc #sitecontent .npagePage .video .container_category .agent-pc #sitecontent .video .container_category {

    width: calc(98% - 20px);

    padding-bottom: 30px

}



.agent-pc .npagePage .team.module .module_container {

    margin-top: 60px

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a .iBtn {

    background: #EAEAEA

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a .iBtn:hover {

    background: #ff7900

}



.agent-pc .npagePage.post .project .postWrap #listContent {

    margin: 40px 0 100px 0

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a .iBtn i {

    color: #969696

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a:hover .iBtn i {

    color: #fff

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a:hover .iBtn {

    background: #ff7900

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a.prev:hover .btn_img {

    left: 36px

}



.agent-pc .npagePage.post .news .content_wrapper .tabBtn a:hover .btn_img {

    right: 36px

}



.agent-pc .npagePage.post .news .container_content {

    padding-top: 0

}



#indexPage .imagelink .owl-carousel .owl-nav .owl-prev {

    left: -2%

}



#indexPage .imagelink .owl-carousel .owl-nav .owl-next {

    right: -2%

}



.agent-pc .team .content_list .item_block .item_info .title:hover {

    color: #ff7900

}



.agent-pc ::-webkit-scrollbar-thum {

    border-radius: 0;

}



.agent-pc #sitecontent .npagePage .video .container_category {

    width: calc(96% - 20px);

}



.agent-pc .npagePage .video .item_block .item_info .subtitle {

    opacity: 1;

}



.npagePage.post .project .tab_content .content_list {

    width: 100%;

}



.agent-pc .video .item_block .item_info .title {

    color: #262626;

}



#fixed_videoPost .info_box .item_info {

    text-align: center

}



npagePage.post .news .content_wrapper .tabBtn a {

    display: none

}



.agent-pc #contactform p .inputtxt {

    width: 360px;

}



.team.module .more:hover .fa-angle-right:before {

    margin-top: -31px;

}



.agent-pc #indexPage .imagelink .owl-theme .owl-nav [class*=owl-] {

    border-radius: 0;

}



.agent-pc #indexPage .imagelink.module .module_container .owl-theme .owl-nav [class*=owl-] {

    width: 28px;

}



.agent-pc .npagePage #mcontact #contactlist #contactform {

    margin-bottom: 140px;

}



.agent-pc #online_open:hover i {

    color: #fff;

}



.agent-pc .module.mcounter ul.content_list li:last-child div {

    border-right: rgba(233, 174, 170, 0) 1px solid;

}



.npagePage.post .news #listContent .item_tags a {

    background-color: #F3F3F3;

}



.team.module .more .fa-angle-right:before {

    line-height: 30px;

    margin-top: -1px

}



.team.module .more .fa-angle-right:after {

    line-height: 30px

}



.agent-pc .video.module .more i.fa {

    font-size: 34px;

    line-height: 38px;

}



.team .container_header .subtitle,

#indexPage .news .container_header .subtitle {

    color: #848484;

}



.longPage.bodypage .formPage .container_header .title {

    font-size: 20px;

    line-height: 24px;

    color: #000

}



/* add project no-slider */



.agent-pc .npagePage .news .container_content,

.agent-pc .npagePage .project.ff_noSlider .container_content,

.agent-pc .npagePage .service .container_content {

    padding-top: 30px

}



.mlist.project.ff_noSlider .content_list .item_block.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mlistpost.project.ff_noSlider #imageWrapper .image {

    position: relative;

    cursor: zoom-in

}



.mlistpost.project.ff_noSlider #imageWrapper .image:hover .imageIcon {

    opacity: 1

}



.mlistpost.project.ff_noSlider #imageWrapper .imageIcon {

    width: 45px;

    height: 45px;

    background: rgba(105, 105, 105, .2);

    position: absolute;

    top: 20px;

    right: 20px;

    border-radius: 60px;

    text-align: center;

    line-height: 45px;

    opacity: 0

}



.mlistpost.project.ff_noSlider #imageWrapper .imageIcon i {

    color: #fff;

    font-size: 22px;

    line-height: 46px

}



.agent-pc #sitecontent .container_category a,

.npagePage.post .project.ff_noSlider .item_tags a {

    width: auto;

    height: 30px;

    line-height: 30px;

    display: inline-block;

    text-align: center;

    color: #acacac;

    font-size: 14px;

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

    padding: 0 16px;

    position: relative;

    margin-left: 0;

    margin-right: 5px;

    background-color: #ECECEC

}



.agent-pc #sitecontent .project.ff_noSlider .container_category,

.agent-pc #sitecontent .video .container_category {

    margin-right: 60px;

    margin-top: 0px

}



.npagePage.post .project.ff_noSlider .item_tags a:last-child:after {

    display: none

}



#indexPage .project.ff_noSlider .container_header .title {

    font-size: 24px;

    color: #2d2d2d

}



#indexPage .project.ff_noSlider.ff_noSlider .container_header .subtitle {

    font-size: 12px;

    color: #2d2d2d;

    margin-top: 6px

}



#indexPage .project.ff_noSlider .container_header {

    width: 200px;

    float: left;

    margin-top: 70px;

    margin-left: 60px

}



#indexPage .project.ff_noSlider.module .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0

}



#indexPage .project.ff_noSlider .content_list:after {

    content: '';

    display: block;

    clear: both

}



#indexPage .project.ff_noSlider .content_list .item_block {

    width: 25%;

    float: left

}



#indexPage .project.ff_noSlider .content_list {

    padding-top: 160px

}



#indexPage .project.ff_noSlider .content_list .item_block img {

    width: 100%;

    height: auto;

    display: block;

    -webkit-transition: all .36s ease;

    transition: all .36s ease

}



#indexPage .project.ff_noSlider .content_list .item_block a {

    display: block

}



#indexPage .project.ff_noSlider .content_list .item_block {

    position: relative;

    overflow: hidden

}



#indexPage .project.ff_noSlider .content_list .item_block .item_wrapper {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background: rgba(227, 122, 30, .96);

    opacity: 0;

    -webkit-transition: all .36s ease;

    transition: all .36s ease

}



#indexPage .project.ff_noSlider .content_list .item_block :hover img {

    -webkit-transform: scale(1.3);

    transform: scale(1.3)

}



#indexPage .project.ff_noSlider .item_block .item_info {

    text-align: center;

    padding: 0 14%;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -120px;

    width: 72%

}



#indexPage .project.ff_noSlider .item_block .item_info .title {

    font-size: 16px;

    color: #fff;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: .15s;

    margin-top: 20px;

    opacity: .6

}



#indexPage .project.ff_noSlider .item_block .item_info .subtitle {

    color: #fff;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    white-space: initial;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: .2s;

    margin-top: 30px;

    opacity: .3

}



#indexPage .project.ff_noSlider .item_info .nums {

    font-size: 72px;

    color: #fff;

    font-family: HELVETICANEUELTPRO-THEX;

    transition: all .4s cubic-bezier(.4, 0, .2, 1);

    transition-delay: 0s

}



#indexPage .project.ff_noSlider .item_block .item_info .line {

    width: 1px;

    height: 36px;

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

    margin: 12px auto 16px

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .item_wrapper {

    opacity: 1

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .item_info .nums {

    margin-top: -40px;

    font-size: 52px

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .item_info .title {

    margin-top: 4px;

    opacity: 1

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .item_info .subtitle {

    margin-top: 22px;

    opacity: 1

}



.agent-pc #indexPage .project.ff_noSlider .item_block .details {

    color: transparent;

    position: relative;

    width: 178px;

    height: 40px;

    display: block;

    margin: 0 auto;

    opacity: 0;

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

    border: 1px solid #fff;

    filter: alpha(opacity=0);

    margin-top: 46px;

    transition: all .4s cubic-bezier(.4, 0, .2, 1)

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .details {

    opacity: 1;

    margin-top: 36px

}



#indexPage .project.ff_noSlider .item_block .details i {

    position: relative;

    z-index: 1

}



#indexPage .project.ff_noSlider .item_block .details i:after {

    content: '';

    width: 1px;

    height: 15px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: 12px;

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

}



#indexPage .project.ff_noSlider .item_block .details i:before {

    content: '';

    width: 15px;

    height: 1px;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-left: -7px;

    margin-top: 19px;

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

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .details i:after,

#indexPage .project.ff_noSlider .content_list .item_block :hover .details i:before {

    background: #ff7900

}



#indexPage .project.ff_noSlider .item_block .details::after {

    content: "";

    width: 0;

    height: 100%;

    background-color: #fff;

    position: absolute;

    top: 0;

    left: 0;

    transition: all .3s ease 0s

}



#indexPage .project.ff_noSlider .content_list .item_block :hover .details::after {

    width: 100%

}



#indexPage .project.ff_noSlider .more {

    height: 110px;

    line-height: 110px;

    width: 100%;

    color: #828282;

    font-size: 13px;

    display: block;

    background: #f2f2f2;

    text-align: center

}



#indexPage .project.ff_noSlider .more i {

    opacity: 0;

    font-size: 18px;

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

    margin-left: 0

}



#indexPage .project.ff_noSlider .more:hover i {

    margin-left: 24px;

    opacity: 1

}



#indexPage .project.ff_noSlider .content_list .item_block .item_wrapper:after {

    content: '';

    position: absolute;

    top: 15px;

    left: 15px;

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

    width: calc(100% - 30px);

    height: calc(100% - 30px);

    transform: scale(1.06);

    transition: all .3s ease-out 0s

}



#indexPage .project.ff_noSlider .content_list .item_block:hover .item_wrapper:after {

    transform: scale(1)

}



.agent-pc #indexPage .project.ff_noSlider .item_block .details {

    color: transparent

}



.npagePage .project.ff_noSlider .module_container {

    max-width: 100%;

    padding: 0

}



.npagePage .project.ff_noSlider .content_list,

.npagePage .video .content_list {

    width: 96%;

    margin: 0 auto

}



.npagePage .project.ff_noSlider .content_list .item_block {

    width: calc(100%/4 - 20px);

    margin: 10px;

    float: left;

    position: relative;

    overflow: hidden

}



.npagePage .project.ff_noSlider .content_list .item_block img {

    width: 100%

}



.npagePage .project.ff_noSlider .container_category,

.npagePage .service .container_category {

    text-align: center;

    padding-top: 156px

}



.npagePage .project.ff_noSlider .content_list .item_block .details,

.npagePage .project.ff_noSlider .content_list .item_block .line,

.npagePage .project.ff_noSlider .content_list .item_block .nums {

    display: none

}



.npagePage .project.ff_noSlider .content_list .item_block .item_wrapper {

    position: absolute;

    bottom: -100%;

    left: 0;

    padding: 45px 35px;

    background: #ff7900;

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

    overflow: hidden;

    width: calc(100% - 70px)

}



.npagePage .project.ff_noSlider .content_list .item_block .item_info .title {

    font-size: 16px;

    color: #fff

}



.agent-pc #sitecontent .npagePage .project.ff_noSlider .container_category {

    width: calc(96% - 20px);

    margin: 0 auto;

    padding: 0 6px;

    padding-top: 20px;

    max-width: 100%

}



.npagePage .project.ff_noSlider .content_list .item_block .item_info .subtitle {

    color: #fff;

    font-size: 14px;

    line-height: 26px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    height: 52px;

    white-space: initial;

    margin-top: 20px

}



.npagePage .project.ff_noSlider .content_list .item_block:hover .item_wrapper {

    bottom: 0

}



.npagePage.post .project.ff_noSlider .tab_button .content_list {

    width: 326px;

    padding: 18px 0

}



.npagePage.post .project.ff_noSlider .tab_button .content_list .item_img {

    width: 100px;

    height: 60px

}



.npagePage.post .project.ff_noSlider .content_list .item_block {

    width: 100%;

    margin: 0

}



.npagePage.post .project.ff_noSlider .content_list .current {

    position: relative

}



.npagePage.post .project.ff_noSlider .content_list .current:after {

    content: '';

    width: calc(100% - 2px);

    height: calc(100% - 2px);

    border: 1px solid #ff7900;

    position: absolute;

    top: 0;

    left: 0

}



.npagePage.post .project.ff_noSlider #postWrapper .description {

    position: absolute;

    top: 60px;

    right: 0;

    padding: 40px;

    width: 238px;

    border: 1px solid #e0e0e0;

    border-top: 1px solid #a4a4a4;

    box-shadow: 0 4px 20px rgba(0, 0, 0, .11)

}



.npagePage.post .project.ff_noSlider .module_container {

    width: 100%;

    max-width: 100%;

    padding: 0

}



.npagePage.post .project.ff_noSlider #postWrapper {

    width: 100%;

    margin: 0 auto

}



.npagePage.post .project.ff_noSlider .postMianCont {

    width: 1200px;

    margin: 0 auto;

    position: relative;

    padding-top: 80px

}



.npagePage.post .project.ff_noSlider .postWrap {

    width: 800px

}



.npagePage.post .project.ff_noSlider .postWrap #postInfo {

    padding-bottom: 40px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 40px

}



.npagePage.post .project.ff_noSlider .postWrap #postInfo .title {

    font-size: 18px;

    color: #000;

    line-height: 28px

}



.npagePage.post .project.ff_noSlider .postWrap #postInfo .subtitle {

    font-size: 13px;

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

    line-height: 24px

}



.npagePage.post .project.ff_noSlider .postWrap .content_list .item_block {

    width: calc(100%/3 - 16px);

    margin: 0 8px

}



.npagePage.post .project.ff_noSlider .postWrap .content_list .item_wrapper {

    position: relative;

    padding: 20px;

    bottom: auto;

    background-color: transparent;

    width: calc(100% - 40px);

    text-align: center

}



.npagePage.post .postWrap .project.ff_noSlider .content_list .item_block .item_info .title {

    color: #2d2d2d;

    font-size: 15px;

    text-align: left

}



.npagePage.post .postWrap .project.ff_noSlider .content_list .item_block .item_info .subtitle {

    margin-top: 0;

    color: #9f9f9f;

    font-size: 13px;

    text-align: left

}



.npagePage.post .project.ff_noSlider #listContent h3 {

    color: #595959;

    font-size: 15px;

    padding-bottom: 26px;

    border-bottom: 1px solid #d1d1d1;

    margin-bottom: 30px;

    font-weight: 100

}



#fixed_projectPost {

    display: block;

    z-index: 110

}



#fixed_projectPost #postContent,

#fixed_projectPost .tab_button {

    display: none

}



#fixed_projectPost #postSlider {

    width: 50%;

    float: left;

    height: 100%;

    background: #f3f3f3

}



#fixed_projectPost .postMianCont {

    width: 50%;

    float: left;

    background: #fff;

    height: 100%;

    padding: 0;

    position: relative;

    z-index: 2

}



#fixed_projectPost .postMianCont .postWrap {

    padding-top: 15%;

    width: 71%;

    margin-left: 7%

}



#fixed_projectPost .postMianCont .description {

    width: 71%;

    margin-left: 7%;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

    color: #595959;

    line-height: 30px;

    height: 150px;

    margin-top: 38px

}



#fixed_projectPost #postSlider .tab_content {

    margin: 3%;

    height: 94%;

    width: 94%

}



#fixed_projectPost .project.ff_noSlider #postInfo .title {

    color: #2d2d2d;

    font-size: 16px

}



#fixed_projectPost .project.ff_noSlider #postInfo .subtitle {

    margin-top: 0;

    color: #2d2d2d;

    font-size: 13px

}



#fixed_projectPost #postWrapper,

#fixed_projectPost .content,

#fixed_projectPost .project.ff_noSlider {

    width: 100%;

    height: 100%;

    padding: 0

}



#fixed_projectPost #postControl {

    z-index: 6;

    width: 62px;

    height: 62px;

    background: #e8e8e8

}



#fixed_projectPost #postControl .close {

    text-align: center;

    height: 100%;

    line-height: 62px

}



#fixed_projectPost .fixed-btn {

    position: absolute;

    top: 105px;

    right: 32px;

    z-index: 8

}



#fixed_projectPost .fixed-btn a {

    width: 62px;

    height: 62px;

    background: #e8e8e8;

    display: block;

    line-height: 62px;

    text-align: center

}



#indexPage .project.ff_noSlider .content_list .item_block :hover img {

    transform: scale(1.1) translateY(20px)

}



.npagePage .mlistpost.project.ff_noSlider .container_content,

.npagePage.post .project.ff_noSlider #postWrapper {

    padding: 0

}



.npagePage .mlistpost.project.ff_noSlider #listContent .content_list {

    width: calc(100% + 16px);

    margin-left: -8px

}



.npagePage .mlistpost.project.ff_noSlider .tab_button {

    position: absolute;

    bottom: 0;

    width: 100%;

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

    z-index: 11

}



.agent-pc #indexPage .project.ff_noSlider .item_block .item_info .line {

    margin: 22px auto 16px

}



.agent-pc #indexPage .project.ff_noSlider .item_block .details:before::after {

    content: "";

    display: block;

    width: 0;

    height: 100%;

    background-color: #fff;

    left: 0;

    top: 0

}



.agent-pc #indexPage .project.ff_noSlider .item_block:hover .details:before::after {

    width: 100%

}



.agent-pc #indexPage .project.ff_noSlider .container_header .subtitle {

    color: #696969

}



.agent-pc #indexPage .project.ff_noSlider .item_block .details {

    width: 168px

}



.agent-pc #indexPage .project.ff_noSlider .item_info .nums {

    font-size: 52px

}



.agent-pc #indexPage .project.ff_noSlider .content_list .item_block :hover .item_info .nums {

    font-size: 32px;

    margin-top: -20px

}



.npagePage .project.ff_noSlider .content_list .item_block .item_wrapper {

    padding: 0 35px;

    transition: all .36s ease 0s

}



.npagePage .project.ff_noSlider .content_list .item_block:hover .item_wrapper {

    padding: 30px 35px 22px 35px

}



.agent-pc .npagePage.post .project.ff_noSlider .content_list .item_block .item_wrapper,

.agent-pc .npagePage.post .project.ff_noSlider .content_list .item_block:hover .item_wrapper {

    padding: 20px

}



.npagePage.post .project.ff_noSlider .item_tags i {

    display: none

}



.npagePage.post .project.ff_noSlider .item_tags {

    margin-bottom: 20px

}



.npagePage.post .project.ff_noSlider .item_tags a.active,

.npagePage.post .project.ff_noSlider .item_tags a:hover {

    background-color: #ff7900;

    color: #fff

}



.agent-pc #sitecontent .project.ff_noSlider .container_category,

.agent-pc #sitecontent .video .container_category {

    margin-right: 40px

}



.agent-pc .npagePage .project.ff_noSlider .content_list .item_block .item_info .subtitle {

    margin-top: 4px;

    height: 32px;

    font-size: 12px

}



.agent-pc .npagePage.post .project.ff_noSlider .postMianCont {

    width: 1170px

}



.agent-pc .npagePage.post .project.ff_noSlider .container_content {

    padding-top: 0

}



.agent-pc #indexPage .project.ff_noSlider .content_list .item_block :hover .details::after {

    top: 0;

    height: 42px

}



.agent-pc #indexPage .project.ff_noSlider .item_block .details::after {

    top: 60px;

    width: 100%;

    height: 0

}



.agent-pc #indexPage .project.ff_noSlider .item_block .item_info .subtitle,

.agent-pc .npagePage.post .postWrap .project.ff_noSlider .content_list .item_block .item_info .subtitle {

    font-size: 12px

}



.agent-pc .npagePage.post .project.ff_noSlider #postWrapper .description {

    border-top: 2px solid #ff7900;

    width: 250px;

    padding: 30px 30px 20px 30px;

    top: 80px;

}



.agent-pc .npagePage.post .project.ff_noSlider .postWrap #postInfo .title {

    margin-bottom: 12px

}



.agent-pc .npagePage .mlistpost.project.ff_noSlider .tab_button {

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

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

}



.agent-pc .npagePage.post .project.ff_noSlider .tab_button .content_list {

    padding: 14px 0

}



.agent-pc .npagePage.post .project.ff_noSlider .content_list .item_block .item_wrapper,

.agent-pc .npagePage.post .project.ff_noSlider .content_list .item_block:hover .item_wrapper {

    padding: 0;

    margin: 10px 0

}



.agent-pc #sitecontent .video .npagePage .project.ff_noSlider .container_category {

    width: calc(96% - 20px);

    padding-bottom: 30px

}



.agent-pc .npagePage.post .postWrap .project.ff_noSlider .content_list .item_block:hover .item_info .title {

    color: #ff7900

}



.agent-pc .npagePage.post .project.ff_noSlider .postWrap #listContent {

    margin: 40px 0 100px 0

}



.npagePage.post .project.ff_noSlider .tab_content .content_list {

    width: 100%;

}




/* 2019/11/05 yyq 修改 新编辑器样式*/
.bodylistpost #sitecontent, 
.bodylistpost #sitecontent {
    padding-top: 60px;
}
.npagePage {
    padding-top: 0;
}
.content_editor .postMianCont>.description {
    display: none;
}
.npagePage.post .news #postContent {
    border: none;
}
.content_editor.post .news #listContent .item_block {
    width: calc(25% - 20px);
    margin: 0 20px 20px 0;
    padding: 0;
    float: left;
}
.content_editor.post .news #listContent .item_img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
}
.content_editor.post .news #listContent .content_wrapper {
    margin-right: -20px;
} 
/* 2019/11/05 yyq 修改 新编辑器样式*/






@media only screen and (min-width:1025px)and (max-width:1660px){

.video .content_list .item_block {

    position: relative;

    width: calc(100% / 4);

    float: left; height:550px;

}

}





.fanye{ width: 30px; display: inline-block; *display:inline;position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center;border: 1px solid #ccc;} 
	.fanyea{ width: 30px;display: inline-block; *display:inline; }
	.fanyeb{ width: 30px; display: inline-block; *display:inline;} 

	.fanye a:hover{background-color: #ff7900;color: #fff;display: block;}
   .fanye a{color: #ccc; text-decoration: none; display: block; }
  
   .fanyeb{line-height: 30px; text-align: center; font-size: 16px; margin-left: 0px; position: relative;}

   .fanyea a:hover{background-color: #ff7900; color: #fff;  width: 30px; height: 30px; line-height: 30px;  border: 1px solid #fff;}
   .fanyea a{color: #333; text-decoration: none;   width: 30px; height: 30px; line-height: 30px;  display: block;  border: 1px solid #ccc; text-align: center;}


#fflink{background-color: #ff7900; color: #fff; display: block;  width: 30px; height: 30px; line-height: 30px;}
.fanye1{ text-align: center; }