﻿@charset "UTF-8";

@font-face {

    font-family: icomoon;

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

    src: url(../fonts/icomoon.eot) format("embedded-opentype"), url(../fonts/icomoon.ttf) format("truetype"), url(../fonts/icomoon.woff) format("woff"), url(../fonts/icomoon.svg) format("svg");

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: HELVETICANEUELTPRO-THEX;

    src: url(../fonts/6d97b03c524148f19bbd9e4b8bdffb60.ttf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: helveticaneuethn;

    src: url(../fonts/helveticaneuethn.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAMRND-LIGHT;

    src: url(../fonts/GOTHAMRND-LIGHT.OTF);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAMRND-BOOK;

    src: url(../fonts/GOTHAMRND-BOOK.OTF);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: FontAwesome;

    src: url(../fonts/FontAwesome.otf);

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: GOTHAM-BLACK;

    src: url(../fonts/GOTHAM-BLACK.OTF);

    font-weight: 400;

    font-style: normal

}



@-webkit-keyframes bouncedelay {

    0%,100%,80% {

        -webkit-transform: scale(0)

    }

    40% {

        -webkit-transform: scale(1)

    }

}



@keyframes bouncedelay {

    0%,100%,80% {

        transform: scale(0);

        -webkit-transform: scale(0)

    }

    40% {

        transform: scale(1);

        -webkit-transform: scale(1)

    }

}



@-webkit-keyframes navFixed {

    0% {

        -webkit-transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0)

    }

}



@keyframes navFixed {

    0% {

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



* {

    padding: 0;

    margin: 0

}

body{ min-width:1200px;background:#dddddd}

ul li {

    list-style: none

}



a {

    text-decoration: none;

    transition: color .1s linear

}



img {

    border: none

}



input,textarea {

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

    outline: 0;

    font-size: 14px;

    -webkit-appearance: none;

    border: none;

    background: 0 0

}



.clear {

    clear: both

}

.bai a{ color:#555}

.fl {

    float: left

}



.fr {

    float: right

}



.ellipsis {

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    display: block

}



.clearfix:after {

    clear: both;

    display: block;

    content: ''

}



.clearfix {

    zoom: 1

}



.fw {

    margin: 0 auto;

    width: 1180px

}



.hide {

    display: none

}



.show {

    display: block

}



.fa {

    color: inherit;

    line-height: inherit

}



[class*=" icon-"],[class^=icon-] {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.icon-arrow-down03:before {

    content: "\e900"

}



.icon-arrow-left:before {

    content: "\e901"

}



.icon-arrow-left01:before {

    content: "\e902"

}



.icon-arrow-left02:before {

    content: "\e903"

}



.icon-arrow-left03:before {

    content: "\e904"

}



.icon-arrow-left04:before {

    content: "\e905"

}



.icon-arrow-right:before {

    content: "\e906"

}



.icon-arrow-right01:before {

    content: "\e907"

}



.icon-arrow-right02:before {

    content: "\e908"

}



.icon-arrow-right03:before {

    content: "\e909"

}



.icon-arrow-right04:before {

    content: "\e90a"

}



.icon-arrow-top03:before {

    content: "\e90b"

}



body,html {
 

    color: #444;

    width: 100%;

    height: 100%;

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch;

    overflow-scrolling: touch

}





.agent-pc body {

    min-width: 1180px

}



body .list-paddingleft-1 {

    padding-left: 0

}



body .list-paddingleft-2 {

    padding-left: 30px

}



body .list-paddingleft-3 {

    padding-left: 60px

}



#postContent .postbody a {

    text-decoration: underline

}



#postContent .postbody ul li {

    list-style: inherit

}



#postContent .postbody img {

    float: none;

    max-width: 100%;

    margin-bottom: 5px;

    height: auto;

    margin: 0 auto;

    width: auto

}



#postContent hr {

    border: none;

    border-top: 1px dotted #d3d3d3;

    margin-top: 10px;

    margin-bottom: 10px;

    word-wrap: break-word;

    word-break: normal

}



.netmask {

    display: block

}



.netmask div {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -20px;

    margin-top: -20px

}



.netmask div i:before {

    display: none;

    font-size: 40px;

    color: #fff

}



.netmask.loading div i {

    display: block;

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

    width: 40px;

    height: 40px

}



.netmask.success div i:before {

    display: block

}



::-webkit-scrollbar,::-webkit-scrollbar-thumb,::-webkit-scrollbar-track-piece {
/*
    width: 5px*/

}



.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



#pages {

    height: 24px;

    padding: 20px 0 60px

}



#pages span {

    float: left;

    margin: 0 10px;

    line-height: 28px

}



#pages a {

    width: 26px;

    height: 26px;

    display: block;

    line-height: 24px;

    text-align: center;

    font-family: Arial;

    float: left;

    margin-right: 5px;

    transition: all .2s ease-out;

    text-decoration: none

}



#pages a:after {

    display: block;

    content: "";

    width: 0;

    height: 1px;

    margin: 2px auto

}



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

    width: 10px

}



.npagePage {

   /* padding-bottom: 60px*/

}



.npagePage .mpageEditor .container_header {

    padding: 60px 0 30px;

    font-size: 22px;

    text-align: center

}



.npagePage .mpageEditor .container_content {

    padding-top: 0

}



#header {

    position: fixed;

    z-index: 99;

    width: 100%;

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

}



#header.mini .wrapper>.content {

    height: 66px

}



#header.mini .wrapper>.content .nav li {

    line-height: 66px

}



#header.mini #navWrapper .content .nav {

    height: 66px;

    transition: .36s

}



#header .wrapper {

    width: 1170px;

    margin: auto

}



#header .wrapper>.content {

    transition: all .36s ease;

    height: 82px

}



#header .wrapper>.content::after {

    content: "";

    display: block;

    clear: both

}



#headTop {

    height: 100%;

    float: left;

    position: relative

}



#logo {

    display: block;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



#logo img {

    

}



#hcontact {

    display: none

}



#navWrapper {

    float: right

}



#navWrapper .content::after {

    content: "";

    display: block;

    clear: both

}



#navWrapper .content .nav {

    height: 82px;

    float: right

}



#navWrapper .content .nav>li:not(.jsMoveEl) {

    transition: all .36s ease;

    position: relative;

    float: left;

    line-height: 82px;

    font-size: 14px

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a {

    transition: height .36s ease;

    display: block;

    padding: 0 28px;

    height: calc(100% - 4px);

    color: #666

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a.active {

    color: #111

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {

    color: #111

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a .fa {

    margin-left: 6px

}



#navWrapper .content .nav>li:not(.jsMoveEl):hover .subnav {

    opacity: 1;

    visibility: visible

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav {

    display: none;

    position: absolute;

    width: 180px;

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

    height: auto;

    z-index: 199;

    top: calc(100% - 2px);

    left: 0;

    border-width: 2px 0 0;

    border-style: solid;

    overflow: hidden;

    background: #fff

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li {

    width: 100%

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a {

    font-weight: 500;

    padding: 12px 24px;

    line-height: 22px;

    display: block;

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

    font-size: 12px;

    color: #666

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a:hover {

    color: #fff;

    background: #233876

}



#navWrapper .content .nav>li.jsMoveEl {

    transition: height .36s ease

}



#navWrapper .content .nav>li.jsMoveEl span {

    background: #233876

}



#navWrapper .content .search_but {

    float: right;

    padding: 12px

}



#navWrapper .content .search_but i {

    font-size: 22px

}



.singlescreen #header .wrapper>.content {

    height: 66px

}



.singlescreen #header .wrapper>.content .nav li {

    line-height: 66px

}



.singlescreen #header #navWrapper .content .nav {

    height: 66px;

    transition: .36s

}



.gh0 #sitecontent {

    padding-top: 80px

}



.gh1 #sitecontent {

    padding-top: 140px

}



.singlescreen #sitecontent {

    padding-top: 64px

}



#navMini {

    display: none

}



#indexPage {

    position: relative

}



#indexPage .module .container_header .title {

    font-size: 24px;

    margin: 0 auto;

    position: relative

}

#indexPage .module .container_header .title1{ color:#333 !important;}

#indexPage .module .container_header .subtitle {

    margin-top: 4px;

    font-size: 13px

}



#indexPage .mlist .container_header {

    text-align: left;

    float: left;

    padding-bottom: 50px

}



#indexPage .mlist .container_header p {

    display: block

}



#indexPage .mlist .container_category {

    float: right

}



.container_category {

    padding-top: 2px

}



.container_category a {

    height: 16px;

    line-height: 16px;

    display: inline-block;

    padding: 8px 20px;

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

    position: relative;

    color: #333;

	font-size: 15px;

}

.jmzy .container_category a{ color:#333;}

.container_category a:not(:first-child) {

    margin-left: 5px

}



.container_category a.active,.container_category a:hover {

    background: #233876;

    color: #fff

}



.agent-pc .npagePage:not(.post) {

    position: relative

}



.agent-pc .npagePage:not(.post) #banner+#pageTarget {

    top: 300px

}



.agent-pc .npagePage:not(.post) #pageTarget {

    position: absolute;

    z-index: 10;

    width: 100%;

    height: 112px;

    top: 0

}



.agent-pc .npagePage:not(.post) #pageTarget .module_container {

    position: relative;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.agent-pc .npagePage:not(.post) #pageTarget .module_container .container_target {

    float: right;

    padding: 0;

    height: 32px;

    line-height: 32px;

    z-index: 10

}



.agent-pc .npagePage:not(.post) #pageTarget .module_container .container_target i {

    margin: 0 10px

}



.agent-pc .npagePage:not(.post) .module .module_container {

    position: relative

}



.agent-pc .npagePage:not(.post) .module .module_container .container_category {

    position: absolute;

    top: 0;

    margin: 40px 0;

    text-align: left;

    z-index: 10

}



.agent-pc .npagePage:not(.post) .module .module_container .container_content {

    padding-top: 112px

}



#sitecontent .pageEditor .container_content {

    padding-top: 0

}



#sitecontent .pageEditor .container_header {

    padding: 60px 0

}



#sitecontent .pageEditor .container_header .subtitle {

    font-size: 14px

}



.postbody hr {

    border: none;

    border-top: 1px dotted #d3d3d3;

    margin-top: 10px;

    margin-bottom: 10px;

    word-wrap: break-word;

    word-break: normal

}



body:not(.singlescreen) #indexPage .mlist {

    padding: 100px 0

}



body:not(.singlescreen) #topSlider+.mlist {

    padding-top: 70px

}



#indexPage>* {

    background: #fff

}



#indexPage {

    position: relative

}



#indexPage .module {

    position: relative;

    overflow: hidden

}



#indexPage .module.bgShow.bgmask {

    display: block

}



#indexPage .module.bgShow.bgParallax {

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed

}



#indexPage .module .module_container {

    padding: 20px

}



#indexPage .module .module_container .container_header .title {

    color: #333

}



#indexPage .module .module_container .container_header .subtitle {

    color: #999

}



#indexPage .module .module_container.wide {

    padding: 20px 5%

}



#indexPage .module .bgmask {

    display: none

}



#indexPage .module #contactlist:before,#indexPage .module .container_content:before {

    clear: both;

    display: table;

    content: ""

}



#indexPage .module .container_content .container_header {

    display: none

}



.module .module_container {

    max-width: 1170px;

    margin: 0 auto

}



.module .module_container.wide {

    max-width: none;

    padding-left: 50px;

    padding-right: 50px

}



.module .module_container.wide .slider {

    padding: 0 50px

}



.module.mdir>.module_container {

    max-width: none;

    padding-left: 0;

    padding-right: 0;

    padding-bottom: 0

}



#indexPage .tab_button,.npagePage:not(.post) .tab_button {

    display: none

}



.tab_button .item_block {

    cursor: pointer

}



.more_wrap .more .fa-angle-right {

    display: none

}



#indexPage #topSlider {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

    display: block

}



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

    bottom: 30px

}



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

    display: inline-block;

    width: 12px;

    height: 12px;

    background-color: #fff;

    border-radius: 100%;

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

    margin: 0 7px;

    box-sizing: border-box;

    background-clip: content-box;

    transition: all .36s ease

}



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

    background-color: transparent;

    border: 2px solid #fff

}



#indexPage #topSlider .bx-wrapper .bx-pager a:hover:not(.active) {

    border-width: 3px

}



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

    width: 44px;

    height: 70px;

    margin: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

    color: rgba(145, 135, 124, .5);

    background-color: transparent;

    border-radius: 0

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a.disabled {

    display: block

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-next {

    right: 0

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev {

    left: 0

}



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

    color: #fff;

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

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a i {

    color: inherit;

    font-size: 24px;

    margin: 0;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    -ms-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    transition: none

}



#indexPage #topSlider .bx-wrapper .bx-helper {

    display: none

}



#indexPage #topSlider .bx-wrapper .content_list[data-slider-mode="3"] li div.item_bg.image {

    height: 110%;

    top: -5%

}



#indexPage #topSlider .bx-wrapper .content_list.content_list {

    width: 100%;

    height: 100%;

    overflow: hidden

}



#indexPage #topSlider .bx-wrapper .content_list li {

    width: 100%;

    height: 100%;

    display: block

}



#indexPage #topSlider .bx-wrapper .content_list li.active p {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1

}



#indexPage #topSlider .bx-wrapper .content_list li div.item_bg {

    position: absolute;

    width: 100%;

    height: 100%

}



#indexPage #topSlider .bx-wrapper .content_list li div.item_bg.image {

    background-position: center;

    background-repeat: no-repeat;

    

    width: 100%;

    height: 100%

}



#indexPage #topSlider .bx-wrapper .content_list li div.item_bg.video video {

    width: 100%;

    height: 100%

}



#indexPage #topSlider .bx-wrapper .content_list li div.mask {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%

}



#indexPage #topSlider .bx-wrapper .content_list li a {

    width: 100%;

    height: 100%;

    display: table;

    position: absolute;

    left: 0;

    top: 0

}



#indexPage #topSlider .bx-wrapper .content_list li a div {

    display: table-cell;

    vertical-align: middle;

    padding: 100px 50px

}



#indexPage #topSlider .bx-wrapper .content_list li a i {

    text-indent: 20px;

    font-size: 24px

}



#indexPage #topSlider .bx-wrapper .content_list li p {

    max-width: 1170px;

    margin: 0 auto;

    -webkit-transform: translateY(50px);

    -ms-transform: translateY(50px);

    transform: translateY(50px);

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

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

    opacity: 0

}



#indexPage #topSlider .bx-wrapper .content_list li p.title {

    font-size: 60px;

    line-height: 60px;

    height: 60px;

    transition-delay: 0

}



#indexPage #topSlider .bx-wrapper .content_list li p.subtitle {

    font-size: 14px;

    height: 20px;

    transition-delay: .2s;

    margin-top: 10px

}



.singlescreen #indexPage #topSlider .bx-wrapper .bx-pager {

    bottom: 65px

}



.singlescreen #indexPage #topSlider .sliderArrow {

    display: block;

    position: absolute;

    width: 40px;

    height: 40px;

    bottom: 20px;

    left: 50%;

    margin-left: -20px;

    animation: fadeInUp 1s ease-out 0s infinite alternate;

    -webkit-animation: fadeInUp 1s ease-out 0s infinite alternate

}



.singlescreen #indexPage #topSlider .sliderArrow div {

    -webkit-filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .2));

    -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);

    transform: translate3d(0, 0, 0) rotate(-90deg)

}



.singlescreen #indexPage #topSlider .sliderArrow div::after,.singlescreen #indexPage #topSlider .sliderArrow div::before {

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%;

    position: absolute;

    top: 40%;

    left: 0;

    width: 25px;

    height: 2px;

    transition: all .15s ease;

    content: ''

}



.singlescreen #indexPage #topSlider .sliderArrow div:before {

    -webkit-transform: translate(0, 0) rotate(40deg);

    -ms-transform: translate(0, 0) rotate(40deg);

    transform: translate(0, 0) rotate(40deg)

}



.singlescreen #indexPage #topSlider .sliderArrow div:after {

    -webkit-transform: translate(0, 1px) rotate(-40deg);

    -ms-transform: translate(0, 1px) rotate(-40deg);

    transform: translate(0, 1px) rotate(-40deg)

}



.singlescreen #indexPage #topSlider .sliderArrow:hover div:before {

    -webkit-transform: translate(0, 0) rotate(30deg);

    -ms-transform: translate(0, 0) rotate(30deg);

    transform: translate(0, 0) rotate(30deg)

}



.singlescreen #indexPage #topSlider .sliderArrow:hover div:after {

    -webkit-transform: translate(0, 0) rotate(-30deg);

    -ms-transform: translate(0, 0) rotate(-30deg);

    transform: translate(0, 0) rotate(-30deg)

}



#indexPage .service .bx-wrapper .bx-controls-direction .bx-next,#indexPage .service .bx-wrapper .bx-controls-direction .bx-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    margin-top: 0;

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

}



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

    border-radius: 0

}



#indexPage .service .bx-wrapper .bx-controls-direction a.disabled {

    display: block

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-next {

    right: -60px

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-next i {

    margin-left: 17px

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-next i:after,#indexPage .service .bx-wrapper .bx-controls-direction a.bx-next i:before {

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -60px

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-prev:hover i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-prev:hover i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-prev:active i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 0) rotate(0);

    transform: translate(1px, 0) rotate(0)

}



#indexPage .service .bx-wrapper .bx-controls-direction a.bx-prev:active i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 1px) rotate(0);

    transform: translate(1px, 1px) rotate(0)

}



#indexPage .service .bx-wrapper .bx-controls-direction a i {

    font-size: 22px;

    margin-top: 8px;

    margin-left: 15px

}



#indexPage .service .bx-wrapper .bx-controls-direction a i:after,#indexPage .service .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



#indexPage .service .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .service .bx-wrapper .bx-controls-direction a i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 1px) rotate(0);

    transform: translate(0, 1px) rotate(0)

}



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

    bottom: -40px;

    height: 0

}



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

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #e3e3e3;

    border: 2px solid transparent;

    border-radius: 50%;

    margin: 0 5px

}



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

    background-color: #fff;

    border-color: #293d7a

}



#indexPage .service .bx-wrapper .bx-pager.bx-default-pager a:hover {

    background-color: #999

}



#indexPage .service .bx-wrapper .bx-pager.bx-default-pager a:hover.active {

    background-color: #fff

}



#indexPage .service .module_container {

    padding-bottom: 90px

}



#indexPage .service .more {

    display: none

}



#indexPage .service .content_wrapper {

    margin-right: -20px

}



#indexPage .service .content_wrapper .bx-wrapper .bx-controls-direction a.bx-next,#indexPage .service .content_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 0

}



#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next,#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 1

}



#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: 0

}



#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: 0

}



#indexPage .service .container_category {

    margin-right: 50px

}



#indexPage .service .content_wrapper .more_wrap {

    position: absolute;

    right: 20px;

    bottom: calc(100% + 75px)

}



#indexPage .service .content_wrapper .more_wrap .more {

    display: block

}



#indexPage .service .content_wrapper.slider .more_wrap {

    right: 15px

}



.npagePage:not(.post) .service .more {

    display: none

}



#indexPage .service .content_wrapper,.npagePage:not(.post) .service .content_wrapper {

    position: relative;

    margin-right: -15px

}



#indexPage .service .bx-viewport,.npagePage:not(.post) .service .bx-viewport {

    padding: 10px;

    margin-left: -10px

}



#indexPage .service .item_block,.npagePage:not(.post) .service .item_block {

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

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative

}



#indexPage .service .item_block:hover,.npagePage:not(.post) .service .item_block:hover {

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

}



#indexPage .service .item_block:hover .item_img,.npagePage:not(.post) .service .item_block:hover .item_img {

    box-shadow: inset 0 0 0 10px #fff

}



#indexPage .service .item_block:hover .item_img img,.npagePage:not(.post) .service .item_block:hover .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



#indexPage .service .item_block:hover .item_wrapper,.npagePage:not(.post) .service .item_block:hover .item_wrapper {

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

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

    transform: translateY(-5px)

}



#indexPage .service .item_block:hover .details i:before,.npagePage:not(.post) .service .item_block:hover .details i:before {

    opacity: 1

}



#indexPage .service .item_block .item_img,.npagePage:not(.post) .service .item_block .item_img {

    transition: all .36s ease;

    overflow: hidden;

}



#indexPage .service .item_block .item_img img,.npagePage:not(.post) .service .item_block .item_img img {

    transition: all .36s ease;

    width: 100%

}



#indexPage .service .item_block .item_wrapper,.npagePage:not(.post) .service .item_block .item_wrapper {

    transition: all .36s ease;

    padding: 36px 23px 0

}



#indexPage .service .item_block .item_wrapper .item_info,.npagePage:not(.post) .service .item_block .item_wrapper .item_info {

    text-align: left

}



#indexPage .service .item_block .item_wrapper .item_info .title,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title {

    color: #303030;

    font-size: 18px;

    line-height: 30px;

    text-align: center;

    position: relative;

    padding-bottom: 20px

}



#indexPage .service .item_block .item_wrapper .item_info .title:after,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title:after {

    content: '';

    width: 28px;

    height: 1px;

    background-color: #e5e5e5;

    position: absolute;

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%)

}



#indexPage .service .item_block .item_wrapper .item_info .subtitle,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .subtitle {

    font-size: 14px;

    margin-top: 10px;

    line-height: 16px;

    text-align: center;

    display: none

}



#indexPage .service .item_block .item_wrapper .item_des,.npagePage:not(.post) .service .item_block .item_wrapper .item_des {

    padding: 20px 0 82px;

    font-size: 13px;

    text-align: center

}



#indexPage .service .item_block .item_wrapper .item_des .description,.npagePage:not(.post) .service .item_block .item_wrapper .item_des .description {

    line-height: 28px;

    height: 56px;

    overflow: hidden

}



#indexPage .service .item_block .details,.npagePage:not(.post) .service .item_block .details {

    position: absolute;

    left: 50%;

    bottom: 40px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    color: transparent

}



#indexPage .service .item_block .details i,.npagePage:not(.post) .service .item_block .details i {

    position: absolute;

    left: 0;

    top: 0

}



#indexPage .service .item_block .details i:before,.npagePage:not(.post) .service .item_block .details i:before {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    font-size: 20px;

    color: #999;

    opacity: 0

}



#indexPage .service .item_block .date_wrap,#indexPage .service .item_block .item_tags,.npagePage:not(.post) .service .item_block .date_wrap,.npagePage:not(.post) .service .item_block .item_tags {

    display: none

}



.npagePage.post #pageTarget {

    background: #f7f7f7

}



.npagePage.post #pageTarget .container_target {

    float: right;

    margin-top: 4px;

    line-height: 45px

}



.npagePage.post #pageTarget .container_target i {

    margin: 0 10px

}



.npagePage.post .service #postInfo {

    padding: 42px 0 30px;

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .service #postInfo .title {

    font-size: 17px;

    line-height: 30px;

    color: #303030;

    text-align: center

}



.npagePage.post .service #postInfo .subtitle {

    display: none

}



.npagePage.post .service #postInfo .description {

    font-size: 13px;

    line-height: 30px;

    text-align: center;

    color: #888;

    padding-top: 20px

}



.npagePage.post .service #postInfo .item_tags,.npagePage.post .service #postInfo .usetdate {

    display: none

}



.npagePage.post .service #listContent h3 {

    display: none

}



.npagePage.post .service #listContent .date_wrap,.npagePage.post .service #listContent .details,.npagePage.post .service #listContent .more {

    display: none

}



.npagePage.post .service #listContent .item_tags {

    display: block;

    margin-bottom: 30px

}



.npagePage.post .service #listContent .item_tags::after {

    content: "";

    display: block;

    clear: both

}



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

    position: relative;

    float: left;

    line-height: 30px;

    color: #666;

    padding: 0 19px;

    margin-right: -1px;

    transition: all .36s ease

}



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

    background: #233876;

    color: #fff

}



.npagePage.post .service #listContent .item_tags a:not(:last-child):after {

    content: "";

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: -1px;

    height: 10px;

    border-left: 1px solid #e5e5e5

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_tags {

    display: none

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block {

    float: left;

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

    margin-right: 14px;

    margin-bottom: 20px

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block img {

    width: 100%

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block:hover {

    box-shadow: 0 0 60px -10px rgba(0, 0, 0, .1)

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper {

    height: 153px;

    box-sizing: border-box;

    background: #fff;

    padding: 19px 35px 30px

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info {

    position: relative;

    padding-bottom: 11px

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info:after {

    content: "";

    position: absolute;

    left: 50%;

    -webkit-transform: translate(-50%);

    -ms-transform: translate(-50%);

    transform: translate(-50%);

    bottom: 0;

    width: 30px;

    border-top: 1px solid #e5e5e5

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info .title {

    color: #303030;

    font-size: 16px;

    line-height: 30px;

    text-align: center

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info .subtitle {

    text-align: center

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .description {

    text-align: center;

    margin-top: 12px;

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    overflow: hidden

}



.npagePage.post .service #tabBtn .post-next .img-wrap,.npagePage.post .service #tabBtn .post-prev .img-wrap {

    width: 140px

}



.npagePage.post #tabBtn::after {

    content: "";

    display: block;

    clear: both

}



.npagePage.post #tabBtn .post-next,.npagePage.post #tabBtn .post-prev {

    transition: all .36s ease;

    position: relative;

    width: 50%;

    height: 120px;

    overflow: hidden;

    float: left;

    padding: 10px;

    box-sizing: border-box;

    background: #f5f5f5

}



.npagePage.post #tabBtn .post-next:not(.empty):hover,.npagePage.post #tabBtn .post-prev:not(.empty):hover {

    background: #2d417b

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {

    color: #fff

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {

    color: #a0a6bc

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .img-wrap,.npagePage.post #tabBtn .post-prev:not(.empty):hover .img-wrap {

    opacity: 1

}



.npagePage.post #tabBtn .post-next.empty,.npagePage.post #tabBtn .post-prev.empty {

    cursor: default

}



.npagePage.post #tabBtn .post-next.empty .details,.npagePage.post #tabBtn .post-prev.empty .details {

    display: none

}



.npagePage.post #tabBtn .post-next .img-wrap,.npagePage.post #tabBtn .post-prev .img-wrap {

    transition: all .36s ease;

    opacity: 0;

    width: 80px;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .img-wrap img,.npagePage.post #tabBtn .post-prev .img-wrap img {

    width: 100%

}



.npagePage.post #tabBtn .post-next .details,.npagePage.post #tabBtn .post-prev .details {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 40px;

    height: 16px;

    color: transparent;

    overflow: hidden

}



.npagePage.post #tabBtn .post-next .infor-wrap,.npagePage.post #tabBtn .post-prev .infor-wrap {

    width: 250px

}



.npagePage.post #tabBtn .post-next .infor-wrap .title,.npagePage.post #tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    line-height: 100px;

    display: block;

    color: #666

}



.npagePage.post #tabBtn .post-next .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev .infor-wrap .subtitle {

    transition: all .36s ease;

    display: none;

    height: 30px;

    overflow: hidden;

    font-size: 13px;

    line-height: 30px

}



.npagePage.post #tabBtn .post-prev {

    float: left;

    padding-left: 106px

}



.npagePage.post #tabBtn .post-prev:hover .details:before {

    right: 60px

}



.npagePage.post #tabBtn .post-prev:hover .details:after {

    right: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-prev .img-wrap {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .infor-wrap {

    float: left

}



.npagePage.post #tabBtn .post-prev .details {

    border-right: 1px solid #e5e5e5;

    left: 22px

}



.npagePage.post #tabBtn .post-prev .details:after,.npagePage.post #tabBtn .post-prev .details:before {

    content: "\e90e";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-prev .details:before {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .details:after {

    right: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next {

    float: right;

    padding-right: 106px

}



.npagePage.post #tabBtn .post-next:hover .details:before {

    left: 60px

}



.npagePage.post #tabBtn .post-next:hover .details:after {

    left: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-next .img-wrap {

    left: 15px

}



.npagePage.post #tabBtn .post-next .infor-wrap {

    float: right

}



.npagePage.post #tabBtn .post-next .details {

    right: 22px;

    border-left: 1px solid #e5e5e5

}



.npagePage.post #tabBtn .post-next .details:after,.npagePage.post #tabBtn .post-next .details:before {

    content: "\e90f";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .details:before {

    left: 15px

}



.npagePage.post #tabBtn .post-next .details:after {

    left: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next .infor-wrap .title {

    text-align: right

}



#indexPage .mcustomize {

    background-color: #f8f8f8

}



.mcustomize .module_container {

    padding-top: 0

}



.mcustomize .mediabody {

    float: right

}



.mcustomize .mediabody>a {

    display: inline-block

}



.mcustomize .container_content .contentbody .wrapper .header {

    font-size: 24px;

    line-height: 30px

}



.mcustomize .container_content .contentbody .wrapper .header .subtitle {

    font-size: 16px;

    line-height: 30px

}



.mcustomize.tlir,.mcustomize.tril {

    background-color: #f8f8f8

}



.mcustomize.tlir .module_container,.mcustomize.tril .module_container {

    padding-bottom: 180px

}



.mcustomize.tlir .container_content,.mcustomize.tril .container_content {

    position: relative

}



.mcustomize.tlir .container_content .contentbody,.mcustomize.tril .container_content .contentbody {

    width: 600px;

    margin-top: 232px

}



.mcustomize.tlir .container_content .contentbody .wrapper,.mcustomize.tril .container_content .contentbody .wrapper {

    width: 100%

}



.mcustomize.tlir .container_content .contentbody .wrapper .header,.mcustomize.tril .container_content .contentbody .wrapper .header {

    position: absolute;

    top: 0;

    left: 0;

    padding: 96px 0 50px

}



.mcustomize.tlir .container_content .contentbody .wrapper .header.wow,.mcustomize.tril .container_content .contentbody .wrapper .header.wow {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a,.mcustomize.tril .container_content .contentbody .wrapper .description a {

    position: relative;

    z-index: 1;

    display: inline-block;

    margin-top: 44px;

    width: 150px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    border: 1px solid #d7d7d7;

    box-sizing: border-box;

    background: 0 0;

    transition: all .36s ease

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a:after,.mcustomize.tril .container_content .contentbody .wrapper .description a:after {

    content: "\e909";

    transition: all .36s ease;

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    position: absolute;

    left: 50%;

    color: transparent;

    line-height: 40px

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a:before,.mcustomize.tril .container_content .contentbody .wrapper .description a:before {

    content: '';

    position: absolute;

    height: 100%;

    width: 0;

    left: 0;

    top: 0;

    z-index: -1;

    background: #233876;

    transition: all .36s ease

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a:hover,.mcustomize.tril .container_content .contentbody .wrapper .description a:hover {

    padding-right: 20px;

    color: #fff

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a:hover:after,.mcustomize.tril .container_content .contentbody .wrapper .description a:hover:after {

    color: #fff;

    left: 64%

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a:hover:before,.mcustomize.tril .container_content .contentbody .wrapper .description a:hover:before {

    width: 100%

}



.mcustomize.tlir .container_content .contentbody .wrapper .description p,.mcustomize.tril .container_content .contentbody .wrapper .description p {

    line-height: 26px

}



.mcustomize.tlir .container_content .mediabody,.mcustomize.tril .container_content .mediabody {

    margin-top: 206px

}



.mcustomize.tlir .container_content .mediabody a .image,.mcustomize.tril .container_content .mediabody a .image {

    width: 400px;

    height: 260px;

    border: 5px solid #fff

}



.mcustomize.tlir .container_content .mediabody a .link_icon,.mcustomize.tril .container_content .mediabody a .link_icon {

    display: none

}



.mcustomize.tlir .contentbody {

    float: left

}



.mcustomize.tlir .mediabody {

    float: right

}



.mcustomize.tril .contentbody {

    float: right

}



.mcustomize.tril .mediabody {

    float: left;

    margin-left: 20px

}



.mcustomize:not(.tlir):not(.tril) .module_container {

    padding-bottom: 0

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .header {

    float: left;

    width: 338px;

    font-size: 24px;

    line-height: 30px

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .header .title {

    margin-top: 58px

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .header .subtitle {

    font-size: 16px;

    line-height: 30px

}



.mcustomize:not(.tlir):not(.tril) .container_content .mediabody .link_icon {

    display: none

}



.agent-pc .singlescreen #indexPage .mcustomize.tlir .module_container,.agent-pc .singlescreen #indexPage .mcustomize.tril .module_container {

    -webkit-transform: translate(-50%, -67%);

    -ms-transform: translate(-50%, -67%);

    transform: translate(-50%, -67%)

}



.agent-pc #indexPage .mcustomize.tlir .module_container,.agent-pc #indexPage .mcustomize.tril .module_container {

    padding-bottom: 180px

}



.agent-pc #indexPage .mcustomize:not(.tlir):not(.tril) .module_container {

    padding-top: 0;

    padding-bottom: 0

}



.singlescreen #indexPage .mcustomize.tlir .module_container,.singlescreen #indexPage .mcustomize.tril .module_container {

    padding-bottom: 0

}



#sitecontent #indexPage .ad01 {

    padding-top: 0

}



#sitecontent #indexPage .ad01 .module_container {

    padding-top: 218px

}



#sitecontent #indexPage .ad01 .container_header {

    padding: 0

}



#sitecontent #indexPage .ad01 .container_header .title {

    color: inherit;

    font-size: 18px;

    line-height: 35px

}



.ad01 .module_container {

    position: relative;

    z-index: 2

}



.ad01 .module_container .container_category {

    display: none

}



.ad01 .module_container .container_header {

    color: #dde3f8;

    width: 340px;

    height: 240px;

    padding: 0

}



.ad01 .module_container .container_header .subtitle {

    color: inherit

}



.ad01 .module_container .container_header .title {

    color: inherit;

    font-size: 18px;

    line-height: 35px;

    padding: 114px 0 0 42px

}



.ad01 .module_container .container_content {

    position: relative

}



.ad01 .module_container .container_content .content_wrapper .item_block {

    position: relative;

    float: left

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_wrapper {

    transition: all .36s ease

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_wrapper .title {

    color: #fff

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_wrapper .subtitle {

    color: #aaafbf

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_wrapper p {

    color: #b4b9ca

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_img {

    display: block;

    overflow: hidden

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_img img {

    transition: all .36s ease;

    width: 100%

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .item_wrapper {

    background: rgba(30, 51, 111, .5)

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .details:before {

    color: #b4b9ca

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .details {

    width: 50px

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .details:before {

    opacity: 1;

    color: #fff

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child {

    position: absolute;

    top: 0;

    right: 0

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_img {

    float: right;

    width: 340px;

    height: 240px

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper {

    float: left;

    padding: 45px 45px 0;

    width: 490px;

    height: 240px;

    box-sizing: border-box

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper .title {

    font-size: 18px;

    line-height: 30px;

    color: #fff

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper .subtitle {

    font-size: 13px;

    line-height: 26px;

    display: none

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper .description {

    height: 52px;

    overflow: hidden;

    font-size: 13px;

    line-height: 26px;

    color: inherit;

    margin-top: 17px

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper .item_date {

    display: none

}



.ad01 .module_container .container_content .content_wrapper .item_block .details {

    position: absolute;

    bottom: 38px;

    width: 0;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    padding-right: 32px;

    transition: all .36s ease

}



.ad01 .module_container .container_content .content_wrapper .item_block .details:before {

    content: "MORE";

    display: block;

    border-right: 1px solid #a6abbe;

    overflow: hidden;

    font-size: 12px;

    opacity: 0;

    color: #a6abbe

}



.ad01 .module_container .container_content .content_wrapper .item_block .details:after {

    transition: all .36s ease;

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    content: "\e90f";

    opacity: 1;

    position: absolute;

    top: 50%;

    right: 0;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) {

    float: left

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper {

    height: 240px;

    font-size: 16px;

    line-height: 30px;

    box-sizing: border-box

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper .title {

    max-width: 80%;

    color: #fff

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper .item_date,.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper .subtitle {

    display: none

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper .description {

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    color: #acb0c2

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n) {

    width: 340px;

    height: 480px

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n) .item_img {

    position: absolute;

    bottom: 0

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n) .item_wrapper {

    padding: 56px 40px 0 40px;

    position: absolute;

    top: 0;

    width: 340px

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) {

    width: 490px

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper {

    padding: 50px 44px 0 44px;

    background: #fff

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper .title {

    color: #333

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper .description p {

    color: #adadad

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper .details:before {

    color: #000

}



.npagePage .ad01 .content_wrapper {

    position: relative;

    padding-top: 242px

}



.npagePage .ad01 .module_container {

    padding-top: 0

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block:not(:nth-child(4)) .item_wrapper .item_info .title {

    color: #b4b9ca

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block:hover .item_wrapper {

    background-color: #233876

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block:first-child {

    top: 0

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block:first-child .details {

    border-color: #b4b9ca

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block:first-child .details:before {

    color: #b4b9ca

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block .item_info .title {

    color: #b4b9ca

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block .item_info .subtitle {

    color: #b4b9ca

}



.npagePage .ad01 .module_container .container_content .content_wrapper .item_block .details {

    border-color: #b4b9ca

}



.agent-pc .singlescreen #sitecontent #indexPage .ad01 .module_container {

    padding-top: 215px

}



#indexPage .mcounter.module {

    background: 0 0

}



body:not(.singlescreen) #indexPage .mcounter {

    z-index: 10

}



body:not(.singlescreen) #indexPage .mcounter+.module {

    padding-top: 215px

}



.mcounter {

    width: 100%;

    margin-bottom: -230px

}



.mcounter .module_container .container_content {

    position: relative;

    height: 190px;

    background: #fff;

    box-shadow: 0 8px 25px rgba(0, 0, 0, .07)

}



.mcounter ul.content_list {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    padding: 0

}



.mcounter ul.content_list::after {

    content: "";

    display: block;

    clear: both

}



.mcounter ul.content_list li {

    width: 25%;

    float: left;

    text-align: center;

    position: relative

}



.mcounter ul.content_list li:not(:last-child):after {

    content: '';

    position: absolute;

    width: 1px;

    height: 45px;

    background-color: #ebebeb;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.mcounter ul.content_list li .title {

    color: #999;

    font-size: 13px;

    line-height: 30px

}



.mcounter ul.content_list li p {

    text-align: center;

    font-size: 14px

}



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

    font-size: 54px;

    font-family: helveticaneuethn, Arial;

    text-align: center;

    margin-top: 15px

}



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

    font-size: 14px;

    vertical-align: top

}



#indexPage .mcounter ul.content_list li .counterDX {

    font-size: 50px

}



#indexPage .mcounter ul.content_list li .title {

    font-size: 13px;

    line-height: 30px

}



.agent-pc .singlescreen #indexPage .mcounter .module_container {

    -webkit-transform: translate(-50%, -80%);

    -ms-transform: translate(-50%, -80%);

    transform: translate(-50%, -80%)

}



.agent-pc body:not(.singlescreen) #indexPage .mcounter {

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction .bx-next,.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction .bx-prev {

    top: 130px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    margin-top: 0;

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

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a {

    border-radius: 0

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.disabled {

    display: block

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-next {

    right: -60px

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-next i {

    margin-left: 17px

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-next i:after,.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-next i:before {

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -60px

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev:hover i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev:hover i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev:active i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 0) rotate(0);

    transform: translate(1px, 0) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev:active i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 1px) rotate(0);

    transform: translate(1px, 1px) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a i {

    font-size: 22px;

    margin-top: 8px;

    margin-left: 15px

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a i:after,.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 1px) rotate(0);

    transform: translate(0, 1px) rotate(0)

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager {

    bottom: -40px;

    height: 0

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager a {

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #e3e3e3;

    border: 2px solid transparent;

    border-radius: 50%;

    margin: 0 5px

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager a.active {

    background-color: #fff;

    border-color: #293d7a

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager a:hover {

    background-color: #999

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager a:hover.active {

    background-color: #fff

}



.agent-pc #indexPage .project .container_category {

    margin-right: 50px

}



.agent-pc #indexPage .project .module_container {

    padding-bottom: 0

}



.agent-pc #indexPage .project .content_wrapper .more_wrap {

    position: absolute;

    right: 20px;

    bottom: calc(100% + 75px)

}



.agent-pc #indexPage .project .content_wrapper .more_wrap .more {

    display: block

}



.agent-pc #indexPage .project .content_wrapper.slider .more_wrap {

    right: 15px

}



.agent-pc #indexPage .project .content_wrapper .bx-wrapper .bx-controls-direction a.bx-next,.agent-pc #indexPage .project .content_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 0

}



.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next,.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 1

}



.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: 0

}



.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: 0

}



.agent-pc #indexPage .project .more {

    display: none

}



.singlescreen #indexPage .module {

    margin: 0

}



.singlescreen #indexPage .module .module_container {

    padding-bottom: 0;

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -56%);

    -ms-transform: translate(-50%, -56%);

    transform: translate(-50%, -56%);

    width: 1170px;

    margin: auto

}



#indexPage .project .content_wrapper,.npagePage:not(.post) .project .content_wrapper {

    position: relative;

    margin-right: -15px

}



#indexPage .project .item_block,.npagePage:not(.post) .project .item_block {

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

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15);

    transition: all .36s ease

}



#indexPage .project .item_block img,.npagePage:not(.post) .project .item_block img {

    transition: all .36s ease;

    width: 380px;

    height: 252px;

}



#indexPage .project .item_block:after,.npagePage:not(.post) .project .item_block:after {

    content: '';

    position: absolute;

    bottom: 0;

    width: 30%;

    opacity: 0;

    height: 2px;

    left: 0;

    right: 0;

    margin: auto;

    background: #233876;

    transition: all .36s ease-out

}



#indexPage .project .item_block:hover,.npagePage:not(.post) .project .item_block:hover {

    box-shadow: 0 0 40px rgba(0, 0, 0, .15)

}



#indexPage .project .item_block:hover:after,.npagePage:not(.post) .project .item_block:hover:after {

    opacity: 1;

    width: 100%

}



#indexPage .project .item_block:hover .item_info,.npagePage:not(.post) .project .item_block:hover .item_info {

    padding-left: 7%

}



#indexPage .project .item_block:hover .item_img .item_mask,.npagePage:not(.post) .project .item_block:hover .item_img .item_mask {

    opacity: 1;

    margin: 0

}



#indexPage .project .item_block:hover .item_img img,.npagePage:not(.post) .project .item_block:hover .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



#indexPage .project .item_block .item_info,.npagePage:not(.post) .project .item_block .item_info {

    transition: padding .36s ease;

    padding: 6% 4% 6%;background:#333;

    text-align: left

}



#indexPage .project .item_block .item_info .title,.npagePage:not(.post) .project .item_block .item_info .title {

    color: #303030;

    font-size: 16px

}



#indexPage .project .item_block .item_info .subtitle,.npagePage:not(.post) .project .item_block .item_info .subtitle {

    font-size: 14px;

    margin-top: 10px;

    line-height: 16px

}



#indexPage .project .item_block .item_img,.npagePage:not(.post) .project .item_block .item_img {

    position: relative;

    overflow: hidden

}



#indexPage .project .item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition: all .36s ease;

    opacity: 0;

    border-radius: 100%;

    width: 40px;

    height: 40px;

    border: 1px solid #fff;

    box-sizing: border-box;

    margin-top: -50px

}



#indexPage .project .item_block .item_img .item_mask:before,.npagePage:not(.post) .project .item_block .item_img .item_mask:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 1px;

    height: 15px;

    background-color: #fff

}



#indexPage .project .item_block .item_img .item_mask:after,.npagePage:not(.post) .project .item_block .item_img .item_mask:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 15px;

    height: 1px;

    background-color: #fff

}



#indexPage .project .item_block .date_wrap,#indexPage .project .item_block .item_des,#indexPage .project .item_block .item_tags,#indexPage .project .item_block a.details,.npagePage:not(.post) .project .item_block .date_wrap,.npagePage:not(.post) .project .item_block .item_des,.npagePage:not(.post) .project .item_block .item_tags,.npagePage:not(.post) .project .item_block a.details {

    display: none

}



.npagePage:not(.post) .project .content_wrapper .more_wrap .more {

    display: none

}



.npagePage:not(.post) .container_content .content_wrapper .more {

    display: none

}



.npagePage.post #pageTarget {

    background: #f7f7f7

}



.npagePage.post #pageTarget .container_target {

    float: right;

    margin-top: 4px;

    line-height: 45px

}



.npagePage.post #pageTarget .container_target i {

    margin: 0 10px

}



.npagePage.post .project #postContent {

    float: left;

    width: 800px

}



.npagePage.post .project #postContent .title {

    font-size: 16px

}



.npagePage.post .project #postContent #postInfo {

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    padding: 44px 0 16px

}



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

    font-size: 16px;

    line-height: 30px;

    color: #303030

}



.npagePage.post .project #postContent #postInfo .usetdate {

    

}



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

    display: none

}



.npagePage.post .project #postContent #postInfo .item_tags {

    display: none

}



.npagePage.post .project #postContent #postInfo .description {

    padding-top: 20px

}



.npagePage.post .project #listContent {

    float: right;

    width: 300px;

    padding-top:104px

}



.npagePage.post .project #listContent h3 {

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

    font-size: 18px;

    height: 36px;

}



.npagePage.post .project #listContent .more {

    display: none

}



.npagePage.post .project #listContent .item_tags {

    display: block;

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .project #listContent .item_tags::after {

    content: "";

    display: block;

    clear: both

}



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

    float: left;

    line-height: 30px;

    color: #666;

    padding: 0 19px;

    margin-bottom: 10px;

    transition: all .36s ease

}



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

    background: #233876;

    color: #fff

}



.npagePage.post .project #listContent .mlist .more_wrap {

    display: none

}



.npagePage.post .project #listContent .mlist .content_list .item_block {

    transition: all .36s ease;

    position: relative;

    padding: 20px 0 24px

}



.npagePage.post .project #listContent .mlist .content_list .item_block:not(:last-child) {

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .project #listContent .mlist .content_list .item_block:hover {

    box-shadow: 0 0 60px -10px rgba(0, 0, 0, .1);

    padding-left: 20px

}



.npagePage.post .project #listContent .mlist .content_list .item_block:before {

    content: "";

    transition: all .36s ease;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -2px;

    width: 40%;

    border: 2px solid #2a3e7a;

    opacity: 0

}



.npagePage.post .project #listContent .mlist .content_list .item_block img {

    width: 100%

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_box::after {

    content: "";

    display: block;

    clear: both

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_box .item_img {

    width: 120px;

    float: left;

    margin-right: 15px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_box .item_wrapper {

    float: left;

    width: 120px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper {

    transition: all .36s ease;

    position: relative

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .date_wrap {

    display: none

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {

    position: relative;

    font-size: 14px;

    line-height: 30px;

    color: #333;

    max-width: 100px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .subtitle {

    transition: all .36s ease;

    font-size: 13px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    white-space: normal;

    color: #888

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .description {

    padding-top: 30px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_tags {

    display: none

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_des {

    display: none

}



.npagePage.post .project #listContent .mlist .content_list .item_block .details {

    display: none

}



.npagePage.post .project #tabBtn .post-next .img-wrap,.npagePage.post .project #tabBtn .post-prev .img-wrap {

    width: 120px

}



.npagePage.post #tabBtn::after {

    content: "";

    display: block;

    clear: both

}



.npagePage.post #tabBtn .post-next,.npagePage.post #tabBtn .post-prev {

    transition: all .36s ease;

    position: relative;

    width: 50%;

    height: 120px;

    overflow: hidden;

    float: left;

    padding: 10px;

    box-sizing: border-box;

    background: #f5f5f5

}



.npagePage.post #tabBtn .post-next:not(.empty):hover,.npagePage.post #tabBtn .post-prev:not(.empty):hover {

    background: #2d417b

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {

    color: #fff

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {

    color: #a0a6bc

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .img-wrap,.npagePage.post #tabBtn .post-prev:not(.empty):hover .img-wrap {

    opacity: 1

}



.npagePage.post #tabBtn .post-next.empty,.npagePage.post #tabBtn .post-prev.empty {

    cursor: default

}



.npagePage.post #tabBtn .post-next.empty .details,.npagePage.post #tabBtn .post-prev.empty .details {

    display: none

}



.npagePage.post #tabBtn .post-next .img-wrap,.npagePage.post #tabBtn .post-prev .img-wrap {

    transition: all .36s ease;

    opacity: 0;

    width: 80px;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .img-wrap img,.npagePage.post #tabBtn .post-prev .img-wrap img {

    width: 100%

}



.npagePage.post #tabBtn .post-next .details,.npagePage.post #tabBtn .post-prev .details {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 40px;

    height: 16px;

    color: transparent;

    overflow: hidden

}



.npagePage.post #tabBtn .post-next .infor-wrap,.npagePage.post #tabBtn .post-prev .infor-wrap {

    width: 250px

}



.npagePage.post #tabBtn .post-next .infor-wrap .title,.npagePage.post #tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    line-height: 100px;

    display: block;

    color: #666

}



.npagePage.post #tabBtn .post-next .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev .infor-wrap .subtitle {

    transition: all .36s ease;

    display: none;

    height: 30px;

    overflow: hidden;

    font-size: 13px;

    line-height: 30px

}



.npagePage.post #tabBtn .post-prev {

    float: left;

    padding-left: 106px

}



.npagePage.post #tabBtn .post-prev:hover .details:before {

    right: 60px

}



.npagePage.post #tabBtn .post-prev:hover .details:after {

    right: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-prev .img-wrap {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .infor-wrap {

    float: left

}



.npagePage.post #tabBtn .post-prev .details {

    border-right: 1px solid #e5e5e5;

    left: 22px

}



.npagePage.post #tabBtn .post-prev .details:after,.npagePage.post #tabBtn .post-prev .details:before {

    content: "\e90e";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-prev .details:before {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .details:after {

    right: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next {

    float: right;

    padding-right: 106px

}



.npagePage.post #tabBtn .post-next:hover .details:before {

    left: 60px

}



.npagePage.post #tabBtn .post-next:hover .details:after {

    left: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-next .img-wrap {

    left: 15px

}



.npagePage.post #tabBtn .post-next .infor-wrap {

    float: right

}



.npagePage.post #tabBtn .post-next .details {

    right: 22px;

    border-left: 1px solid #e5e5e5

}



.npagePage.post #tabBtn .post-next .details:after,.npagePage.post #tabBtn .post-next .details:before {

    content: "\e90f";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .details:before {

    left: 15px

}



.npagePage.post #tabBtn .post-next .details:after {

    left: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next .infor-wrap .title {

    text-align: right

}



body:not(.singlescreen) #indexPage .team_tabs {

    padding: 118px 0

}



#indexPage .team_tabs .module_container .container_header {

    display: none

}



#indexPage .team_tabs .module_container .container_header .title {

    color: #fff

}



#indexPage .team_tabs .module_container .container_header .subtitle {

    color: #f2f3f6

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction .bx-next,#indexPage .team_tabs .bx-wrapper .bx-controls-direction .bx-prev {

    top: 50%;

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

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

    transform: translateY(-46px);

    margin-top: 0;

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

}



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

    border-radius: 0

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.disabled {

    display: block

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-next {

    right: -80px

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-next i {

    margin-left: 17px

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-next i:after,#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-next i:before {

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -80px

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-prev:hover i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-prev:hover i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-prev:active i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 0) rotate(0);

    transform: translate(1px, 0) rotate(0)

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a.bx-prev:active i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 1px) rotate(0);

    transform: translate(1px, 1px) rotate(0)

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a i {

    font-size: 22px;

    margin-top: 8px;

    margin-left: 15px

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a i:after,#indexPage .team_tabs .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



#indexPage .team_tabs .bx-wrapper .bx-controls-direction a i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 1px) rotate(0);

    transform: translate(0, 1px) rotate(0)

}



#indexPage .team_tabs .module_container {

    padding-bottom: 164px

}



#indexPage .team_tabs .content_wrapper {

    margin-right: -20px

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-helper {

    display: none

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next,#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev {

    opacity: 0;

    background: 0 0

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next i,#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev i {

    display: none

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next:after,#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev:after {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    color: #999;

    position: absolute;

    top: 50%;

    left: 50%;

    font-size: 20px;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next:hover,#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev:hover {

    background: 0 0

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next:hover:after,#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev:hover:after {

    color: #fff

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-next:after {

    content: "\e90f"

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-prev:after {

    content: "\e90e"

}



#indexPage .team_tabs .content_wrapper .bx-wrapper {

    max-width: none !important;

    position: relative

}



#indexPage .team_tabs .content_wrapper .bx-wrapper:before {

    content: "";

    position: absolute;

    border-top: 1px solid #d9d9d9;

    width: 2000px;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



#indexPage .team_tabs .content_wrapper .bx-wrapper .bx-viewport {

    padding: 20px 20px;

    margin-left: -20px

}



#indexPage .team_tabs .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next,#indexPage .team_tabs .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 1

}



#indexPage .team_tabs .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -40px

}



#indexPage .team_tabs .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: -40px

}



#indexPage .team_tabs .container_category {

    display: none

}



#indexPage .team_tabs .tab_content .item_block {

    position: relative

}



#indexPage .team_tabs .tab_content .item_block:after {

    content: "";

    width: 4px;

    height: 4px;

    border: 2px solid #fff;

    border-radius: 50%;

    background: #a8a8a8;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transition: all .36s ease;

    z-index: 10;

}



#indexPage .team_tabs .tab_content .item_block:before {

    content: "";

    width: 0;

    height: 0;

    border-left: 1px solid #e9e9e9;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    transition: all .36s ease;

    z-index: 10

}



#indexPage .team_tabs .tab_content .item_block:hover {

    box-shadow: 0 10px 25px rgba(0, 0, 0, .15)

}



#indexPage .team_tabs .tab_content .item_block:hover:after {

    border: 1px solid #666;

    background: #fff;

    transform: translate(-50%, -50%) scale(1.9);

}



#indexPage .team_tabs .tab_content .item_block:hover:before {

    height: 30px

}



#indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info .description,#indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info .title {

    color: #000

}



#indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info .title {

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

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

    transform: translateY(-10px)

}



#indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info .description {

    -webkit-transform: translateY(12px);

    -ms-transform: translateY(12px);

    transform: translateY(12px)

}



#indexPage .team_tabs .tab_content .item_block .item_img {

    display: none

}



#indexPage .team_tabs .tab_content .item_block .item_wrapper .item_info .title {

    font-family: helveticaneuethn, Arial;

    padding-top: 89px;

    padding-bottom: 16px;

    height: 129px;

    font-size: 24px;

    line-height: 1;

    color: #737373;

    text-align: center;

    position: relative;

    box-sizing: border-box;

    transition: all .36s ease

}



#indexPage .team_tabs .tab_content .item_block .item_wrapper .item_info .subtitle {

    display: none

}



#indexPage .team_tabs .tab_content .item_block .item_wrapper .item_info .description {

    height: 129px;

    margin-top: 24px;

    margin-bottom: 50px;

    padding: 0 65px;

    text-align: center;

    font-size: 12px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    color: #888;

    box-sizing: border-box;

    transition: all .36s ease

}



#indexPage .team_tabs .content_wrapper {

    position: relative;

    margin-right: 0

}



#indexPage .team_tabs .item_block {

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

    height: auto;

    float: left;

    margin-right: 0;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15);

    transition: all .36s ease

}



.npagePage .team_tabs {

    margin-top: 0

}



#postSlider {

    display: none

}



#indexPage .news .content_wrapper {

    position: relative;

    height: 510px

}



#indexPage .news .content_wrapper::after {

    content: "";

    display: block;

    clear: both

}



#indexPage .news .container_category {

    margin-right: 50px

}



#indexPage .news .content_wrapper .more_wrap {

    position: absolute;

    right: 20px;

    bottom: calc(100% + 75px)

}



#indexPage .news .content_wrapper .more_wrap .more {

    display: block

}



#indexPage .news .content_wrapper.slider .more_wrap {

    right: 15px

}



#indexPage .news .more {

    display: none

}



.npagePage:not(.post) .news .more {

    display: none

}



.npagePage:not(.post) .news .item_tags {

    display: none

}



.npagePage.post #pageTarget {

    background: #f7f7f7

}



.npagePage.post #pageTarget .container_target {

    float: right;

    margin-top: 4px;

    line-height: 45px

}



.npagePage.post #pageTarget .container_target i {

    margin: 0 10px

}



.npagePage.post .news #postContent {

    float: left;

    width: 800px

}



.npagePage.post .news #postContent .title {

    font-size: 16px

}



.npagePage.post .news #postContent #postInfo {

    position: relative;

    border-bottom: 1px solid #e5e5e5;

    padding: 44px 0 16px 116px

}



.npagePage.post .news #postContent #postInfo:after {

    position: absolute;

    content: "";

    width: 34px;

    border-top: 1px solid #ccc;

    top: 57px;

    left: 71px

}



.npagePage.post .news #postContent #postInfo .title {

    font-size: 16px;

    line-height: 30px;

    color: #303030;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis

}



.npagePage.post .news #postContent #postInfo .subtitle {

    display: none

}



.npagePage.post .news #postContent #postInfo .usetdate {

    font-size: 22px;

    line-height: 30px;

    overflow: hidden;

    position: absolute;

    top: 42px;

    left: 2px;

    font-family: HELVETICANEUELTPRO-THEX, Arial;

    font-size: 22px;

    width: 66px;

    white-space: nowrap;

    text-indent: -60px

}



.npagePage.post .news #postContent #postInfo .description {

    font-size: 13px;

    line-height: 30px;

    height: 30px;

    overflow: hidden

}



.npagePage.post .news #postContent #postInfo .item_tags {

    display: none

}



.npagePage.post .news #listContent {

    float: right;

    width: 320px;

    padding-top: 90px

}



.npagePage.post .news #listContent h3 {

  border-bottom:1px solid rgba(255, 255, 255, 0.15); font-size:18px; height:36px;

}



.npagePage.post .news #listContent .more {

    display: none

}



.npagePage.post .news #listContent .item_tags {

    display: block;

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .news #listContent .item_tags::after {

    content: "";

    display: block;

    clear: both

}



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

    float: left;

    line-height: 30px;

    color: #666;

    padding: 0 19px;

    transition: all .36s ease

}



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

    background: #233876;

    color: #fff

}



.npagePage.post .news #listContent .mlist .more_wrap {

    display: none

}



.npagePage.post .news #listContent .mlist .content_list .item_block {

    position: relative;

    padding: 27px 0 24px

}



.npagePage.post .news #listContent .mlist .content_list .item_block:not(:last-child) {

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .news #listContent .mlist .content_list .item_block:hover {

    box-shadow: 0 0 60px -10px rgba(0, 0, 0, .1)

}



.npagePage.post .news #listContent .mlist .content_list .item_block:hover:before {

    width: 100%;

    opacity: 1

}



.npagePage.post .news #listContent .mlist .content_list .item_block:hover .item_wrapper {

    margin-left: 20px

}



.npagePage.post .news #listContent .mlist .content_list .item_block:hover .item_des {

    padding-left: 5px

}



.npagePage.post .news #listContent .mlist .content_list .item_block:before {

    content: "";

    transition: all .36s ease;

    position: absolute;

    left: 0;

    right: 0;

    margin: auto;

    bottom: -2px;

    width: 40%;

    border: 1px solid #2a3e7a;

    opacity: 0

}



.npagePage.post .news #listContent .mlist .content_list .item_block img {

    width: 100%

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_img {

    display: none

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper {

    transition: all .36s ease;

    position: relative

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .date_wrap {

    font-size: 16px;

    line-height: 30px;

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 2px;

    font-family: HELVETICANEUELTPRO-THEX, Arial

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .date_wrap .year {

    display: none

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {

    position: relative;

    font-size: 14px;

    line-height: 30px;

    color: #333;

    padding-left: 76px;

    max-width: 200px

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .item_info .title:before {

    content: "";

    position: absolute;

    width: 15px;

    border-top: 1px solid #ccc;

    top: 14px;

    left: 52px

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .item_info .subtitle {

    display: none

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_tags {

    display: none

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_des {

    transition: all .36s ease;

    margin-top: 13px;

    font-size: 13px;

    line-height: 24px;

    height: 48px;

    width: 280px;

    overflow: hidden

}



.npagePage.post .news #listContent .mlist .content_list .item_block .details {

    display: none

}



.npagePage.post .news #tabBtn .post-next .img-wrap,.npagePage.post .news #tabBtn .post-prev .img-wrap {

    width: 120px

}



.npagePage.post .news #tabBtn .post-next .infor-wrap .title,.npagePage.post .news #tabBtn .post-prev .infor-wrap .title {

    font-size: 14px

}



.npagePage.post .news #tabBtn .post-next:hover .infor-wrap .title,.npagePage.post .news #tabBtn .post-prev:hover .infor-wrap .title {

    width: 150px

}



.npagePage.post .news #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {

    width: 150px;

    padding-left: 110px

}



.npagePage.post .news #tabBtn .post-prev:hover:not(.empty) .infor-wrap .title {

    width: 150px;

    padding-right: 110px

}



.npagePage.post #tabBtn::after {

    content: "";

    display: block;

    clear: both

}



.npagePage.post #tabBtn .post-next,.npagePage.post #tabBtn .post-prev {

    transition: all .36s ease;

    position: relative;

    width: 50%;

    height: 120px;

    overflow: hidden;

    float: left;

    padding: 10px;

    box-sizing: border-box;

    background: #f5f5f5

}



.npagePage.post #tabBtn .post-next:not(.empty):hover,.npagePage.post #tabBtn .post-prev:not(.empty):hover {

    background: #2d417b

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {

    color: #fff

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {

    color: #a0a6bc

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .img-wrap,.npagePage.post #tabBtn .post-prev:not(.empty):hover .img-wrap {

    opacity: 1

}



.npagePage.post #tabBtn .post-next.empty,.npagePage.post #tabBtn .post-prev.empty {

    cursor: default

}



.npagePage.post #tabBtn .post-next.empty .details,.npagePage.post #tabBtn .post-prev.empty .details {

    display: none

}



.npagePage.post #tabBtn .post-next .img-wrap,.npagePage.post #tabBtn .post-prev .img-wrap {

    transition: all .36s ease;

    opacity: 0;

    width: 80px;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .img-wrap img,.npagePage.post #tabBtn .post-prev .img-wrap img {

    width: 100%

}



.npagePage.post #tabBtn .post-next .details,.npagePage.post #tabBtn .post-prev .details {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 40px;

    height: 16px;

    color: transparent;

    overflow: hidden

}



.npagePage.post #tabBtn .post-next .infor-wrap,.npagePage.post #tabBtn .post-prev .infor-wrap {

    width: 250px

}



.npagePage.post #tabBtn .post-next .infor-wrap .title,.npagePage.post #tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    line-height: 100px;

    display: block;

    color: #666

}



.npagePage.post #tabBtn .post-next .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev .infor-wrap .subtitle {

    transition: all .36s ease;

    display: none;

    height: 30px;

    overflow: hidden;

    font-size: 13px;

    line-height: 30px

}



.npagePage.post #tabBtn .post-prev {

    float: left;

    padding-left: 106px

}



.npagePage.post #tabBtn .post-prev:hover .details:before {

    right: 60px

}



.npagePage.post #tabBtn .post-prev:hover .details:after {

    right: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-prev .img-wrap {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .infor-wrap {

    float: left

}



.npagePage.post #tabBtn .post-prev .details {

    border-right: 1px solid #e5e5e5;

    left: 22px

}



.npagePage.post #tabBtn .post-prev .details:after,.npagePage.post #tabBtn .post-prev .details:before {

    content: "\e90e";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-prev .details:before {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .details:after {

    right: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next {

    float: right;

    padding-right: 106px

}



.npagePage.post #tabBtn .post-next:hover .details:before {

    left: 60px

}



.npagePage.post #tabBtn .post-next:hover .details:after {

    left: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-next .img-wrap {

    left: 15px

}



.npagePage.post #tabBtn .post-next .infor-wrap {

    float: right

}



.npagePage.post #tabBtn .post-next .details {

    right: 22px;

    border-left: 1px solid #e5e5e5

}



.npagePage.post #tabBtn .post-next .details:after,.npagePage.post #tabBtn .post-next .details:before {

    content: "\e90f";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .details:before {

    left: 15px

}



.npagePage.post #tabBtn .post-next .details:after {

    left: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next .infor-wrap .title {

    text-align: right

}



#indexPage .news .content_list {

    float: right;

    width: 550px

}



#indexPage .news .content_list .item_block {

    position: relative;

    padding: 40px 20px 36px 38px

}



#indexPage .news .content_list .item_block:not(:first-child) {

    border-top: 1px solid #e5e5e5

}



#indexPage .news .content_list .item_block:not(:first-child):hover {

    box-shadow: 0 0 40px rgba(0, 0, 0, .08)

}



#indexPage .news .content_list .item_block:not(:first-child):hover .item_wrapper .item_info .title {

    color: #233876;

    -webkit-transform: translateX(-17px);

    -ms-transform: translateX(-17px);

    transform: translateX(-17px)

}



#indexPage .news .content_list .item_block:not(:first-child):hover .item_wrapper .item_des {

    -webkit-transform: translateX(10px);

    -ms-transform: translateX(10px);

    transform: translateX(10px)

}



#indexPage .news .content_list .item_block:not(:first-child):hover .details:before {

    left: 30px;

    opacity: 0

}



#indexPage .news .content_list .item_block:not(:first-child):hover .details:after {

    left: 15px;

    opacity: 1

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info {

    width: 380px

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title {

    color: inherit;

    font-size: 15px;

    line-height: 30px;

    padding-left: 26px;

    -webkit-transform: translateX(-27px);

    -ms-transform: translateX(-27px);

    transform: translateX(-27px);

    transition: all .36s ease

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title:before {

    content: "\f111";

    font-family: FontAwesome;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    position: absolute;

    left: 0;

    -webkit-transform: scale(.4);

    -ms-transform: scale(.4);

    transform: scale(.4);

    line-height: inherit

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_des {

    transition: all .36s ease

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap {

    float: right

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap .md {

    font-size: 22px

}



#indexPage .news .content_list .item_block:not(:first-child) .item_img {

    display: none

}



#indexPage .news .content_list .item_block:not(:first-child) .details {

    position: absolute;

    right: 26px;

    bottom: 44px;

    width: 40px;

    height: 16px;

    color: transparent;

    border-left: 1px solid #e5e5e5;

    overflow: hidden

}



#indexPage .news .content_list .item_block:not(:first-child) .details:after,#indexPage .news .content_list .item_block:not(:first-child) .details:before {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



#indexPage .news .content_list .item_block:not(:first-child) .details:before {

    left: 15px

}



#indexPage .news .content_list .item_block:not(:first-child) .details:after {

    left: -30px;

    opacity: 0

}



#indexPage .news .content_list .item_block:first-child {

    position: absolute;

    top: 0;

    left: 0;

    padding: 44px 60px;

    width: 520px;

    height: 510px;

    box-sizing: border-box;

    background: #f8f8f8;

    transition: background .36s ease

}



#indexPage .news .content_list .item_block:first-child:hover .details {

    bottom: 54px;

    opacity: 1

}



#indexPage .news .content_list .item_block:first-child:hover .details:after,#indexPage .news .content_list .item_block:first-child:hover .details:before {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



#indexPage .news .content_list .item_block:first-child:hover .item_wrapper .item_des .description {

    padding-left: 30px;

    border-color: #d3d3d3

}



#indexPage .news .content_list .item_block:first-child:hover .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



#indexPage .news .content_list .item_block:first-child .item_img {

    position: absolute;

    bottom: 122px;

    overflow: hidden

}



#indexPage .news .content_list .item_block:first-child .item_img img {

    transition: all .36s ease;

    width: 100%

}



#indexPage .news .content_list .item_block:first-child .item_wrapper .item_info .title {

    color: #333;

    font-size: 18px;

    line-height: 30px;

    margin-top: 20px

}



#indexPage .news .content_list .item_block:first-child .item_wrapper .item_des {

    margin-top: 18px;

    margin-bottom: 22px

}



#indexPage .news .content_list .item_block:first-child .item_wrapper .item_des .description {

    transition: all .36s ease;

    padding-left: 0;

    box-sizing: border-box;

    font-size: 13px;

    line-height: 26px;

    height: auto;

    max-height: 52px;

    border-left: 1px solid transparent;

    width: 380px;

    overflow: hidden

}



#indexPage .news .content_list .item_block:first-child .details {

    position: absolute;

    left: 0;

    bottom: 34px;

    width: 140px;

    height: 37px;

    color: transparent;

    opacity: 0;

    background: #22326b;

    transition: all .36s ease

}



#indexPage .news .content_list .item_block:first-child .details:after,#indexPage .news .content_list .item_block:first-child .details:before {

    content: '';

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    transition: all .36s ease

}



#indexPage .news .content_list .item_block:first-child .details:before {

    width: 0;

    height: 15px;

    border-left: 1px solid #fff;

    top: 0

}



#indexPage .news .content_list .item_block:first-child .details:after {

    width: 15px;

    height: 0;

    border-top: 1px solid #fff;

    left: 0

}



#indexPage .news .content_list .item_block .item_wrapper {

    color: #999;

    transition: color .36s ease

}



#indexPage .news .content_list .item_block .item_wrapper .item_info .title {

    color: inherit;

    font-size: 15px;

    line-height: 30px

}



#indexPage .news .content_list .item_block .item_wrapper .item_des {

    margin-top: 11px

}



#indexPage .news .content_list .item_block .item_wrapper .item_des .description {

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    width: 380px;

    overflow: hidden

}



#indexPage .news .content_list .item_block .item_wrapper .date_wrap {

    color: inherit;

    font-family: helveticaneuethn, Arial

}



#indexPage .news .content_list .item_block .item_wrapper .date_wrap .year {

    display: none;

    font-family: inherit

}



#indexPage .news .content_list .item_block .item_wrapper .date_wrap .md {

    color: inherit;

    font-size: 24px;

    line-height: 30px;

    font-family: inherit

}



#indexPage .news .content_list .item_tags {

    display: none

}



.npagePage:not(.post) .news .content_list .item_block {

    transition: all .36s ease;

    position: relative;

    padding: 30px 0;

    border-bottom: 1px solid #e5e5e5;

    height: 142px;

    overflow: hidden

}



.npagePage:not(.post) .news .content_list .item_block::after {

    content: "";

    display: block;

    clear: both

}



.npagePage:not(.post) .news .content_list .item_block:hover {

    padding-left: 10px;

    box-shadow: 0 0 40px rgba(0, 0, 0, .08)

}



.npagePage:not(.post) .news .content_list .item_block:hover .item_wrapper {

    margin-right: -10px

}



.npagePage:not(.post) .news .content_list .item_block:hover .item_wrapper .item_info .title {

    color: #233876

}



.npagePage:not(.post) .news .content_list .item_block:hover .details:before {

    left: 40px;

    opacity: 0

}



.npagePage:not(.post) .news .content_list .item_block:hover .details:after {

    left: 15px;

    opacity: 1

}



.npagePage:not(.post) .news .content_list .item_block:last-child {

    border-bottom-width: 0

}



.npagePage:not(.post) .news .content_list .item_block .item_img {

    float: left;

    width: 340px

}



.npagePage:not(.post) .news .content_list .item_block .item_img img {

    max-width: 100%

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper {

    transition: all .36s ease;

    float: right;

    width: 785px

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap {

    position: absolute;

    top: 76px;

    right: 27px;

    font-family: helveticaneuethn, Arial

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap .year {

    font-family: inherit;

    display: none

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap .md {

    font-family: inherit;

    font-size: 22px;

    line-height: 30px

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info {

    width: 600px;

    padding-top: 23px

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info .title {

    font-size: 16px;

    line-height: 30px;

    color: #303030

}



.npagePage:not(.post) .news .content_list .item_block .description {

    width: 600px;

    padding-top: 11px;

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    color: #888

}



.npagePage:not(.post) .news .content_list .item_block .details {

    position: absolute;

    width: 56px;

    top: 135px;

    right: 27px;

    height: 26px;

    border-left: 1px solid #e5e5e5;

    color: transparent

}



.npagePage:not(.post) .news .content_list .item_block .details:after,.npagePage:not(.post) .news .content_list .item_block .details:before {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    position: absolute;

    top: 50%;

    color: #999;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage:not(.post) .news .content_list .item_block .details:before {

    left: 15px

}



.npagePage:not(.post) .news .content_list .item_block .details:after {

    left: -30px;

    opacity: 0

}



.npagePage:not(.post) .news .content_list .item_block .details i {

    display: none

}



.imagelink .bx-wrapper .bx-controls-direction .bx-next,.imagelink .bx-wrapper .bx-controls-direction .bx-prev {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    margin-top: 0;

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

}



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

    border-radius: 0

}



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

    display: block

}



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

    right: -100px

}



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

    margin-left: 17px

}



.imagelink .bx-wrapper .bx-controls-direction a.bx-next i:after,.imagelink .bx-wrapper .bx-controls-direction a.bx-next i:before {

    -webkit-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    transform-origin: 100% 50%

}



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

    left: -100px

}



.imagelink .bx-wrapper .bx-controls-direction a.bx-prev:hover i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.imagelink .bx-wrapper .bx-controls-direction a.bx-prev:hover i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.imagelink .bx-wrapper .bx-controls-direction a.bx-prev:active i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 0) rotate(0);

    transform: translate(1px, 0) rotate(0)

}



.imagelink .bx-wrapper .bx-controls-direction a.bx-prev:active i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(1px, 1px) rotate(0);

    transform: translate(1px, 1px) rotate(0)

}



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

    font-size: 22px;

    margin-top: 8px;

    margin-left: 15px

}



.imagelink .bx-wrapper .bx-controls-direction a i:after,.imagelink .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform-origin: 0 50%;

    -ms-transform-origin: 0 50%;

    transform-origin: 0 50%

}



.imagelink .bx-wrapper .bx-controls-direction a i:before {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 0) rotate(0);

    transform: translate(0, 0) rotate(0)

}



.imagelink .bx-wrapper .bx-controls-direction a i:after {

    -webkit-transform: translate(0, 0) rotate(0);

    -ms-transform: translate(0, 1px) rotate(0);

    transform: translate(0, 1px) rotate(0)

}



.imagelink .bx-wrapper .bx-pager.bx-default-pager {

    bottom: -60px;

    height: 0

}



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

    display: inline-block;

    width: 6px;

    height: 6px;

    background-color: #e3e3e3;

    border: 2px solid transparent;

    border-radius: 50%;

    margin: 0 5px

}



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

    background-color: #fff;

    border-color: #293d7a

}



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

    background-color: #999

}



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

    background-color: #fff

}



.imagelink .content_wrapper .bx-wrapper .bx-controls-direction a.bx-next,.imagelink .content_wrapper .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 0

}



.imagelink .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next,.imagelink .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    opacity: 1

}



.imagelink .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -40px

}



.imagelink .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: -40px

}



.imagelink .content_wrapper {

    position: relative;

    margin-right: -14px

}



.imagelink .bx-viewport {

    padding: 10px;

    margin-left: -10px

}



.imagelink .content_list::after {

    content: "";

    display: block;

    clear: both

}



.imagelink .content_list .item_block {

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

    margin-right: 14px;

    margin-bottom: 14px;

    float: left;

    position: relative;

    transition: all .36s ease

}



.imagelink .content_list .item_block .item_img {

    position: relative;

    display: block

}



.imagelink .content_list .item_block img {

    width: 100%;

    height: auto;

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

    float: none;

    box-sizing: border-box;

    opacity: .8

}



.imagelink .content_list .item_block:after {

    content: "";

    border: 1px solid #f3f3f3;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.imagelink .content_list .item_block:hover {

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

}



.imagelink .container_category {

    display: none

}



.imagelink .module_container {

    padding: 20px 5px 146px

}



#indexPage .module.imagelink .container_header {

    display: none

}



.agent-pc .singlescreen #indexPage .imagelink .module_container {

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding: 0

}



#indexPage .team {

    background: #f8f8f8

}



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

    position: absolute;

    bottom: 98px

}



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

    position: initial;

    display: inline-block;

    border-radius: 0;

    width: 50px;

    height: 20px;

    background: 0 0;

    text-align: center

}



#indexPage .team .bx-wrapper .bx-controls-direction a.disabled {

    display: block

}



#indexPage .team .bx-wrapper .bx-controls-direction a:first-child {

    border-right: 1px solid #b0b3c0

}



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

    color: #000

}



#indexPage .team .bx-wrapper .bx-controls-direction a:hover.bx-prev i {

    margin-right: 15px

}



#indexPage .team .bx-wrapper .bx-controls-direction a:hover.bx-next i {

    margin-left: 15px

}



#indexPage .team .bx-wrapper .bx-controls-direction a i {

    font-size: 18px;

    margin: 0;

    line-height: 20px;

    color: #b0b3c0

}



#indexPage .team .container_category,#indexPage .team .more {

    display: none

}



#indexPage .team .module_container .container_header {

    width: 338px;

    position: absolute;

    top: 100px;

    padding-top: 150px

}



#indexPage .team .module_container .container_header .title {

    font-size: 16px;

    line-height: 30px;

    color: #69696b

}



#indexPage .team .module_container .container_header .subtitle {

    margin-top: 40px

}



#indexPage .team .content_wrapper {

    margin-right: -15px

}



#indexPage .team .container_header .subtitle {

    font-size: 13px;

    line-height: 26px

}



#indexPage .team .bx-wrapper {

    max-width: none !important

}



#indexPage .team .bx-wrapper .bx-viewport {

    width: 57% !important;

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

    padding: 20px

}



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

    display: none

}



#indexPage .team .item_block {

    width: calc(57% / 2 - 10px);

    margin-right: 20px;

    position: relative;

    transition: all .36s ease

}



#indexPage .team .item_block:hover {

    box-shadow: 0 10px 20px rgba(0, 0, 0, .15)

}



#indexPage .team .item_block:hover .item_wrapper {

    height: 180px;

    opacity: 1

}



#indexPage .team .item_block .item_wrapper {

    position: absolute;

    bottom: 0;

    background: #233876;

    height: 90px;

    opacity: 0;

    width: 100%;

    transition: all .36s ease

}



#indexPage .team .item_block .item_wrapper .item_info {

    padding: 27px 23px 0 27px;

    color: #aaafc2

}



#indexPage .team .item_block .item_wrapper .item_info a:hover {

    color: inherit

}



#indexPage .team .item_block .item_wrapper .item_info .title {

    color: #fff;

    font-size: 16px;

    line-height: 30px

}



#indexPage .team .item_block .item_wrapper .item_info .subtitle {

    font-size: 13px;

    line-height: 26px;

    color: inherit

}



#indexPage .team .item_block .item_wrapper .description {

    padding: 27px 23px 0 27px;

    height: 48px;

    font-size: 13px;

    line-height: 24px;

    overflow: hidden;

    color: #aaafc2

}



#indexPage .team .item_block .item_wrapper .details {

    display: block;

    position: absolute;

    top: 40px;

    right: 0;

    width: 56px;

    height: 26px;

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

    color: transparent

}



#indexPage .team .item_block .item_wrapper .details:before {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    position: absolute;

    top: 50%;

    left: 15px;

    color: #999;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



#indexPage .team .item_block .date_wrap,#indexPage .team .item_block .details,#indexPage .team .item_block .item_tags,#indexPage .team .item_block .more {

    display: none

}



.npagePage:not(.post) .team .item_block {

    transition: all .36s ease;

    position: relative;

    float: left;

    margin-bottom: 50px;

    width: calc(50% - 10px);

    height: 261px

}



.npagePage:not(.post) .team .item_block::after {

    content: "";

    display: block;

    clear: both

}



.npagePage:not(.post) .team .item_block:nth-child(2n+1) {

    float: left

}



.npagePage:not(.post) .team .item_block:nth-child(2n) {

    float: right

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper {

    background: #233876

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .text_wrap {

    transition: 0s;

    border-color: rgba(255, 255, 255, .08)

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .text_wrap .title {

    color: #fff

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .text_wrap .subtitle {

    color: #fff

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .description {

    color: #bcc0cf

}



.npagePage:not(.post) .team .item_block:hover .details {

    transition: 0s;

    border-color: rgba(255, 255, 255, .08)

}



.npagePage:not(.post) .team .item_block:hover .details:before {

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

    left: 25px

}



.npagePage:not(.post) .team .item_block .item_img {

    float: left;

    width: 200px

}



.npagePage:not(.post) .team .item_block .item_img img {

    max-width: 100%

}



.npagePage:not(.post) .team .item_block .item_wrapper {

    position: relative;

    float: right;

    width: calc(100% - 200px);

    height: 100%;

    padding: 24px 20px 0 40px;

    box-sizing: border-box;

    transition: all .36s ease

}



.npagePage:not(.post) .team .item_block .item_wrapper .details {

    display: none

}



.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap {

    transition: all .36s ease;

    transition-delay: .12s;

    padding-bottom: 15px;

    border-bottom: 1px solid #ebebeb

}



.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap .title {

    font-size: 16px;

    line-height: 30px;

    color: #333

}



.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap .subtitle {

    font-size: 14px;

    line-height: 24px;

    color: #adadad

}



.npagePage:not(.post) .team .item_block .item_wrapper .description {

    font-size: 13px;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin-top: 15px;

    padding-right: 20px;

    box-sizing: border-box;

    color: #888

}



.npagePage:not(.post) .team .item_block .details {

    transition: all .36s ease;

    transition-delay: .12s;

    position: absolute;

    bottom: 40px;

    left: 239px;

    width: 56px;

    height: 26px;

    border-left: 1px solid #e5e5e5;

    color: transparent

}



.npagePage:not(.post) .team .item_block .details:before {

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    content: "\e90f";

    position: absolute;

    top: 50%;

    left: 15px;

    color: #999;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage:not(.post) .team .item_block .details i {

    display: none

}



.npagePage .team .date_wrap,.npagePage .team .more {

    display: none

}



.npagePage .team .item_tags {

    display: none

}



.npagePage.post #pageTarget {

    background: #f7f7f7

}



.npagePage.post #pageTarget .container_target {

    float: right;

    margin-top: 4px;

    line-height: 45px

}



.npagePage.post #pageTarget .container_target i {

    margin: 0 10px

}



.npagePage.post .team #postInfo {

    padding-top: 75px;

    padding-bottom: 22px;

    border-bottom: 1px solid #e5e5e5

}



.npagePage.post .team #postInfo .title {

    font-size: 18px;

    line-height: 30px;

    color: #333

}



.npagePage.post .team #postInfo .subtitle {

    font-size: 14px;

    line-height: 30px;

    color: #adadad

}



.npagePage.post .team #postInfo .usetdate {

    display: none

}



.npagePage.post .team #listContent {

    display: none

}



.npagePage.post #tabBtn::after {

    content: "";

    display: block;

    clear: both

}



.npagePage.post #tabBtn .post-next,.npagePage.post #tabBtn .post-prev {

    transition: all .36s ease;

    position: relative;

    width: 50%;

    height: 120px;

    overflow: hidden;

    float: left;

    padding: 10px;

    box-sizing: border-box;

    background: #f5f5f5

}



.npagePage.post #tabBtn .post-next:not(.empty):hover,.npagePage.post #tabBtn .post-prev:not(.empty):hover {

    background: #2d417b

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .title,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .title {

    color: #fff

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle {

    color: #a0a6bc

}



.npagePage.post #tabBtn .post-next:not(.empty):hover .img-wrap,.npagePage.post #tabBtn .post-prev:not(.empty):hover .img-wrap {

    opacity: 1

}



.npagePage.post #tabBtn .post-next.empty,.npagePage.post #tabBtn .post-prev.empty {

    cursor: default

}



.npagePage.post #tabBtn .post-next.empty .details,.npagePage.post #tabBtn .post-prev.empty .details {

    display: none

}



.npagePage.post #tabBtn .post-next .img-wrap,.npagePage.post #tabBtn .post-prev .img-wrap {

    transition: all .36s ease;

    opacity: 0;

    width: 80px;

    height: auto;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .img-wrap img,.npagePage.post #tabBtn .post-prev .img-wrap img {

    width: 100%

}



.npagePage.post #tabBtn .post-next .details,.npagePage.post #tabBtn .post-prev .details {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 40px;

    height: 16px;

    color: transparent;

    overflow: hidden

}



.npagePage.post #tabBtn .post-next .infor-wrap,.npagePage.post #tabBtn .post-prev .infor-wrap {

    width: 250px

}



.npagePage.post #tabBtn .post-next .infor-wrap .title,.npagePage.post #tabBtn .post-prev .infor-wrap .title {

    transition: all .36s ease;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    line-height: 100px;

    display: block;

    color: #666

}



.npagePage.post #tabBtn .post-next .infor-wrap .subtitle,.npagePage.post #tabBtn .post-prev .infor-wrap .subtitle {

    transition: all .36s ease;

    display: none;

    height: 30px;

    overflow: hidden;

    font-size: 13px;

    line-height: 30px

}



.npagePage.post #tabBtn .post-prev {

    float: left;

    padding-left: 106px

}



.npagePage.post #tabBtn .post-prev:hover .details:before {

    right: 60px

}



.npagePage.post #tabBtn .post-prev:hover .details:after {

    right: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-prev .img-wrap {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .infor-wrap {

    float: left

}



.npagePage.post #tabBtn .post-prev .details {

    border-right: 1px solid #e5e5e5;

    left: 22px

}



.npagePage.post #tabBtn .post-prev .details:after,.npagePage.post #tabBtn .post-prev .details:before {

    content: "\e90e";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-prev .details:before {

    right: 15px

}



.npagePage.post #tabBtn .post-prev .details:after {

    right: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next {

    float: right;

    padding-right: 106px

}



.npagePage.post #tabBtn .post-next:hover .details:before {

    left: 60px

}



.npagePage.post #tabBtn .post-next:hover .details:after {

    left: 15px;

    opacity: 1

}



.npagePage.post #tabBtn .post-next .img-wrap {

    left: 15px

}



.npagePage.post #tabBtn .post-next .infor-wrap {

    float: right

}



.npagePage.post #tabBtn .post-next .details {

    right: 22px;

    border-left: 1px solid #e5e5e5

}



.npagePage.post #tabBtn .post-next .details:after,.npagePage.post #tabBtn .post-next .details:before {

    content: "\e90f";

    font-family: icomoon;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    transition: all .36s ease;

    color: #999;

    position: absolute;

    top: 50%;

    font-size: 20px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.npagePage.post #tabBtn .post-next .details:before {

    left: 15px

}



.npagePage.post #tabBtn .post-next .details:after {

    left: -30px;

    opacity: 0

}



.npagePage.post #tabBtn .post-next .infor-wrap .title {

    text-align: right

}



.agent-pc .npagePage.post .team #postContent {

    width: 100%

}



.agent-pc .singlescreen #indexPage .mcounter .module_container {

    -webkit-transform: translate(-50%, -65%);

    -ms-transform: translate(-50%, -65%);

    transform: translate(-50%, -65%)

}



.agent-pc .singlescreen #indexPage .team .bx-wrapper .bx-controls-direction {

    position: absolute;

    bottom: 68px;

    -webkit-transform: translateX(-15px);

    -ms-transform: translateX(-15px);

    transform: translateX(-15px)

}



.agent-pc .singlescreen #indexPage .mcustomize:not(.tlir):not(.tril) .module_container {

    padding-top: 30px

}



.agent-pc #indexPage #mcontact .container_header {

    padding: 0

}



.agent-pc #contactinfo:after {

    content: '';

    display: block;

    clear: both

}



.agent-pc #mcontact.module .module_container {

    padding: 60px 5px 90px

}



.agent-pc #mcontact .container_header {

    width: 190px;

    float: left;

    margin-right: 280px

}



.agent-pc #mcontact .module_container:after {

    content: '';

    display: block;

    clear: both

}



.agent-pc #mcontact .container_content {

    max-width: 700px;

    float: left;

    position: relative

}



.agent-pc #mcontact #contactinfo p {

    float: left;

    width: 290px;

    padding-right: 60px;

    margin-top: 14px;

    height: auto;

    font-size: 12px;

    line-height: inherit

}



.agent-pc #mcontact #contactinfo div {

    position: absolute;

    left: -250px;

    margin-top: 10px

}



.agent-pc #mcontact #contactinfo div:after {

    content: '关注';

    height: 20px;

    font-size: 16px;

    line-height: 20px;

    overflow: hidden;

    position: absolute;

    top: -56px;

    left: 0

}



.agent-pc #mcontact #contactinfo div a {

    background-color: transparent;

    font-size: 16px;

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

    width: 36px;

    height: 36px;

    border-radius: 0;

    margin-right: 10px

}



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

    border: 1px solid transparent;

    border-radius: 0

}



.agent-pc #mcontact #contactinfo div a:hover i {

    color: #fff

}



.agent-pc #mcontact #contactinfo div a i {

    margin-top: 10px;

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

    left: 2px;

    width: 16px;

    position: relative;

    margin: 10px 8px 8px

}



.agent-pc #mcontact #contactinfo h3 {

    font-size: 16px;

    line-height: 24px;

    margin-bottom: 25px;

    font-weight: 100

}



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

    max-width: 1170px

}



.agent-pc .npagePage .mpageEditor #mcontact .container_content {

    float: right

}



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

    position: relative;

    left: -50%;

    margin-left: 80px;

    max-width: 910px;

    width: 910px;

    margin-top: 80px

}



.agent-pc #indexPage #contactlist #contactform {

    display: none;

    position: relative;

    left: -50%;

    margin-left: -120px;

    max-width: 1170px;

    width: 1170px;

    margin-top: 80px

}



.agent-pc #contactform p .inputtxt {

    width: 29%;

    margin: 0 2%;

    float: left;

    padding: 20px 0 20px 0;

    border-bottom: 1px solid #dadada;

    margin-bottom: 20px

}



.agent-pc #contactform p textarea.inputtxt {

    width: 96%;

    height: 100px;

    border-color: transparent;

    border-bottom: 1px solid #dadada;

    background: 0 0

}



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

    width: 100px;

    background-color: transparent;

    font-size: 15px;

    padding: 5px 0;

    display: block;

    height: 40px;

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

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

    cursor: pointer;

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

}



.npagePage .mpageEditor #mcontact .module_container {

    max-width: 850px

}



.agent-pc .singlescreen #indexPage .mcounter .module_container {

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%)

}



.npagePage #banner {

    height: 300px

}



.npagePage #banner div {

    height: 300px;

    width: 100%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover

}



.npagePage .content {

    position: relative;

    font-size: 13px;

    line-height: 24px;

    background: #fff

}



.npagePage.post .bx-wrapper img {

    margin: 0 auto;

    width: auto

}



.npagePage #postContent .postbody {

    padding-top: 50px

}



.agent-pc .npagePage.post .tab_button {

    width: 100%;

    margin: 0 auto

}



.agent-pc .npagePage.post .tab_button li {

    display: inline-block;

    height: auto;

    margin-right: 20px;

    position: relative;

    overflow: hidden;

    margin-bottom: 15px

}



.agent-pc .npagePage.post .tab_button li .item_img {

    width: 80px;

    height: 80px;

    margin-top: 10px

}



.agent-pc .npagePage.post .tab_button li .item_img img {

    border-radius: 0;

    width: 100%

}



.agent-pc .npagePage.post .tab_button li .item_img:after {

    border-radius: 0;

    width: 74px;

    height: 74px

}



#shares {

    position: fixed;

    right: 7px;

    bottom: 63px;

    z-index: 99;

    height: 124px

}



#shares a {

    width: 40px;

    height: 40px;

    display: block;

    font-size: 16px;

    text-align: center;

    position: relative;

    transition: all .3s ease-out 0s

}



#shares a i {

    margin-top: 12px;

    transition: all .3s ease-out 0s

}



#shares a i.fa.fa-mobile {

    font-size: 24px;

    margin-top: 8px

}



#shares a:hover {

    z-index: 1

}



#shares a#sweixin {

    top: -1px

}



#shares a#gotop {

    margin-top: -2px;

    font-size: 22px

}



#shares a#gotop i {

    margin-top: 9px

}



#footer {

    height: 24px;

    padding: 10px 56px

}



#footer p {

    width: 1170px;

    line-height: 24px;

    height: 24px;

    text-align: left;

    margin: 0 auto

}



#footer p span.ellipsis {

    display: inline;

    max-width: 70%

}



#footer p a#flogo {

    display: inline-block;

    width: 50px;

    height: 20px;

    vertical-align: top;

    margin-left: 10px;

    margin-top: 2px

}



#footer p a#fbeian {

    vertical-align: top

}



.fixed {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    overflow-y: auto;

    z-index: 100;

    display: none

}



.fixed.show {

    display: block

}



#fixed_weixin .fixed-container {

    width: 220px;

    height: auto;

    padding: 20px 20px 0 20px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -110px;

    margin-top: -140px

}



#fixed_weixin .fixed-container div {

    height: 220px

}



#fixed_weixin .fixed-container p {

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px

}



#online_open {

    width: 40px;

    height: 40px;

    cursor: pointer;

    position: fixed;

    right: -40px;

    bottom: 186px;

    z-index: 99;

    font-size: 18px;

    text-align: center;

    line-height: 40px;

    margin-right: -3px

}



#online_open i {

    transition: all .3s ease-out 0s

}



#online_lx {

    width: 180px;

    height: auto;

    position: fixed;

    right: 7px;

    bottom: 188px;

    z-index: 99999;

    margin-right: -10px

}



#olx_head {

    padding: 20px;

    line-height: 16px;

    height: 16px;

    font-size: 14px

}



#olx_head i {

    font-size: 18px;

    cursor: pointer;

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

}



#olx_head i:hover {

    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;

    display: block;

    transition: all ease-out .3s;

    font-size: 12px

}



#olx_qq li a i {

    font-size: 16px;

    vertical-align: middle;

    margin-right: 18px;

    transition: all ease-out .3s

}



#olx_tel {

    padding: 20px 30px

}



#olx_tel div {

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

}



#fixed_mp .fixed-container {

    width: 258px;

    height: 298px;

    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

}



#assistBtn,#openAssist {

    display: none

}



.popup {

    display: block

}



.popup .fixed-container {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 800px;

    height: 600px

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a i {

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

}



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

    color: #fff

}



#indexPage #topSlider .bx-wrapper .content_list li p.title {

    font-size: 48px;

    color: #fff

}



#indexPage #topSlider .bx-wrapper .content_list li p.subtitle {

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

}



#indexPage .project .item_block .item_info .subtitle,.npagePage:not(.post) .project .item_block .item_info .subtitle {

    margin-top: 8px

}



#indexPage .mcounter ul.content_list li .counterDX {

    color: #555

}



#shares a {

    background: #fff;

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

}



.mcustomize.tlir .container_content .mediabody a .image {

    border: none

}



#indexPage .news .content_list .item_block:first-child .details {

    left: 60px

}



#indexPage .news .content_list .item_block:first-child .details::before {

    top: -50%

}



#indexPage .service .item_block .item_wrapper .item_des,.npagePage:not(.post) .service .item_block .item_wrapper .item_des {

    padding: 15px 0 62px

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title {

    color: #666

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a i {

    transition: all .3s ease-out 0s

}



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

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



#indexPage #mcontact {

    background-color: #f8f8f8

}



body:not(.singlescreen) #indexPage .mlist.team,body:not(.singlescreen) #indexPage .mlist.team_tabs {

    padding-bottom: 0

}



#indexPage .service .item_block .item_wrapper,.npagePage:not(.post) .service .item_block .item_wrapper {

    padding-top: 26px

}



#indexPage .service .item_block .item_wrapper .item_info .title,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title {

    padding-bottom: 15px

}



#indexPage .service .item_block:hover .item_wrapper,.npagePage:not(.post) .service .item_block:hover .item_wrapper {

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

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

    transform: translateY(-10px)

}



#indexPage .service .item_block .details i,.npagePage:not(.post) .service .item_block .details i {

    left: -30px;

    transition: all .3s ease-out 0s

}



#indexPage .service .item_block:hover .details i,.npagePage:not(.post) .service .item_block:hover .details i {

    left: 0

}



#indexPage .team .bx-wrapper .bx-controls-direction a:first-child {

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

}



#indexPage .service .item_block,.npagePage:not(.post) .service .item_block {

    transition: all .3s ease-out 0s

}



#indexPage .project .item_block:hover,.npagePage:not(.post) .project .item_block:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .1)

}



.npagePage.post .project #listContent .mlist .content_list .item_block {

    padding: 20px 0

}



.npagePage.post .project #listContent .mlist .content_list .item_block:hover {

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

    padding-left: 15px

}



.npagePage.post .project #postContent #postInfo {

    padding-bottom: 22px

}



.npagePage #postContent .postbody {

    padding-top: 40px

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block {

    margin-bottom: 40px

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info .subtitle {

    display: none

}



.npagePage.post #postContent {

    margin-bottom: 40px

}



.npagePage.post .service #postInfo {

    padding-bottom: 20px

}



.npagePage.post .service #postInfo .description {

    padding-top: 15px;

    line-height: 28px

}



.npagePage .service #listContent .content_wrapper .content_list .item_block {

    transition: all .3s ease-out 0s

}



#indexPage .service .item_block:hover,.npagePage:not(.post) .service .item_block:hover {

    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)

}



#indexPage .project .item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {

    width: 41px;

    height: 41px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_box .item_wrapper {

    width: 140px;

    padding-top: 5px

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {

    max-width: 136px

}



.npagePage.post #tabBtn .post-next .details,.npagePage.post #tabBtn .post-prev .details {

    border-color: rgba(0, 0, 0, .1);

    transition: all .3s ease-out 0s

}



.npagePage.post #tabBtn .post-next:hover .details,.npagePage.post #tabBtn .post-prev:hover .details {

    border-color: rgba(255, 255, 255, .2)

}



.npagePage.post #tabBtn .post-next:hover .details::after,.npagePage.post #tabBtn .post-prev:hover .details::after {

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

}



.npagePage.post #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {

    margin-right: -20px;

    transition-delay: .1s

}



.npagePage.post #tabBtn .post-prev:hover:not(.empty) .infor-wrap .title {

    width: 180px;

    margin-left: -26px;

    transition-delay: .1s

}



.npagePage #postContent .postbody {

    margin-bottom: 60px;line-height: 250%;

}



#indexPage .news .content_list .item_block:hover:not(:first-child) {

    box-shadow: 0 10px 30px rgba(0, 0, 0, .08)

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a,.mcustomize.tril .container_content .contentbody .wrapper .description a {

    line-height: 38px

}



.npagePage:not(.post) .news .content_list .item_block:hover {

    padding-left: 20px;

    box-shadow: 0 8px 35px rgba(0, 0, 0, .08)

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .date_wrap {

    top: 55px

}



#sitecontent #indexPage .ad01 {

    background-position: top center;

    background-size: auto

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a {

    transition: all .3s ease-out 0s

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {

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

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a.active,#navWrapper .content .nav>li:not(.jsMoveEl)>a:hover {

    color: #233876

}



#indexPage .team .item_block:hover {

    box-shadow: 0 5px 18px rgba(0, 0, 0, .1)

}



#indexPage .team .item_block a.item_box {

    overflow: hidden

}



#indexPage .team .item_block a .item_img {

    overflow: hidden

}



#indexPage .team .item_block a .item_img img {

    transition: all .3s ease-out 0s

}



#indexPage .team .item_block:hover a .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



.npagePage:not(.post) .team .item_block:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .1)

}



#sitecontent #indexPage .ad01 .module_container {

    padding-top: 216px

}



body:not(.singlescreen) #indexPage .mlist.team_tabs {

    padding-top: 20px

}



#indexPage .team_tabs .module_container {

    padding-bottom: 240px

}



#indexPage .team .item_block .item_wrapper .item_info .subtitle {

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

}



#indexPage .team .item_block .item_wrapper .description {

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

    padding-top: 18px

}



#indexPage .team .item_block .item_wrapper .details::before {

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

}



#indexPage .team .item_block .item_wrapper .details {

    border-color: rgba(255, 255, 255, .2)

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .description {

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

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child) .item_wrapper .description {

    margin-top: 15px

}



#online_open {

    right: 3px !important

}



#shares {

    right: 0

}



#indexPage .project .item_block:hover .item_img .item_mask,.npagePage:not(.post) .project .item_block:hover .item_img .item_mask {

    margin: -20px auto auto -20px

}



#indexPage .project .item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0);

    margin: -60px auto auto -20px

}



#indexPage .project .item_block .item_img .item_mask:after,#indexPage .project .item_block .item_img .item_mask:before,.npagePage:not(.post) .project .item_block .item_img .item_mask:after,.npagePage:not(.post) .project .item_block .item_img .item_mask:before {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none

}



#indexPage .project .item_block .item_img .item_mask::after,.npagePage:not(.post) .project .item_block .item_img .item_mask::after {

    margin-top: -1px;

    margin-left: -8px

}



#indexPage .project .item_block .item_img .item_mask::before,.npagePage:not(.post) .project .item_block .item_img .item_mask::before {

    margin-top: -8px;

    margin-left: -1px

}



#indexPage .news .content_list .item_block:first-child:hover .details:after {

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    margin-left: -8px;

    margin-top: -1px

}



#indexPage .news .content_list .item_block:first-child:hover .details:before {

    margin-top: -8px;

    -webkit-transform: none;

    -ms-transform: none;

    transform: none;

    margin-left: -1px

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .description {

    line-height: 24px

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .description p:first-child {

    padding-top: 60px

}



.mcustomize:not(.tlir):not(.tril) .container_content .contentbody .wrapper .description p:last-child {

    padding-bottom: 30px

}



.agent-pc #mcontact .container_content {

    max-width: 1170px;

    float: none

}



.agent-pc #mcontact .container_content #contactinfo {

    max-width: 1170px;

    position: relative;

    padding-left: 470px;

    top: -45px

}



.agent-pc #mcontact #contactinfo div {

    left: 200px

}



.agent-pc #indexPage #contactlist #contactform {

    display: none;

    float: left;

    left: 0;

    margin-left: 0

}



.agent-pc .npagePage .mpageEditor #mcontact .container_content #contactinfo {

    display: none

}



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

    left: 0;

    max-width: 1170px

}



.agent-pc .npagePage .mpageEditor #mcontact .container_content {

    float: left

}



.agent-pc #mcontact.module .module_container {

    padding: 85px 5px 50px

}



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

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

    font-size: 14px;

    color: #666

}



.npagePage.post .project #postContent #postInfo .description a {

    padding: 9px 25px;

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

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

    margin-right: 10px

}



.npagePage.post .project #postContent #postInfo .description a:hover {

    color: #fff

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block:hover {

    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)

}



.npagePage:not(.post) .team .item_block:hover .details::before {

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

}



.npagePage:not(.post) .team .item_block:hover .item_img {

    overflow: hidden

}



.npagePage:not(.post) .team .item_block .item_img img {

    transition: all .3s ease-out 0s

}



.npagePage:not(.post) .team .item_block:hover .item_img img {

    -webkit-transform: scale(1.08);

    -ms-transform: scale(1.08);

    transform: scale(1.08)

}



.npagePage:not(.post) .team .item_block .item_wrapper .description,.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap .subtitle,.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap .title {

    transition: all .3s ease-out 0s

}



.npagePage:not(.post) .team .item_block .item_wrapper .item_box {

    margin-top: 0;

    display: block;

    transition: all .3s ease-out 0s

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .item_box {

    margin-top: 10px

}



#indexPage .news .content_wrapper .more_wrap,#indexPage .service .content_wrapper.slider .more_wrap,.agent-pc #indexPage .project .content_wrapper.slider .more_wrap {

    right: 0;

    bottom: calc(100% + 73px)

}



.agent-pc #indexPage .mlist .container_category {

    margin-right: 40px;

    padding-top: 5px

}



.agent-pc .ad01 .module_container .container_content .content_wrapper .item_block .details::before {

    border-color: rgba(0, 0, 0, .15)

}



.agent-pc .ad01 .module_container .container_content .content_wrapper .item_block:nth-child(2n+1):not(:first-child) .item_wrapper .details::before {

    color: #888

}



#indexPage #topSlider .bx-wrapper .bx-controls-direction a.bx-prev i {

    margin-left: -1px;

    margin-top: -1px

}



.page_top {

    text-align: center;

    background: url(../images/dhb.png) no-repeat center bottom;

    height: 65px;

    margin: 0 0 40px 0;    padding-top: 40px;

}

.page_top p {

    color: #b60005;

    font-size: 30px;

    font-weight: bold;    line-height: 22px;

    padding-bottom: 10px;

}

.page_top span {

    color: rgb(204, 204, 204);

    font-size: 18px;

    margin-top: 35px;

    display: block;

}

.home_about a {
    color: #b60005;
    padding: 5px 10px;

    text-align: center;

    font-size: 16px;

    position: relative;

    transition: all 0.3s ease-in-out;

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    margin: 0 10px;

}

.home_about a:hover, .home_about a.on {

    background: #58595b;

    color: #fff;

}





.sub_nav{text-align: center;}

.flex img,.flex div{cursor: pointer;}



.flex a{display: block;margin-right: 2%;float: left;width: 32%;}

.flex a:nth-child(3n) {margin-right: 0}



.vid{position: relative;background-position: center center;background-size:100% 100%;height: 253px; margin: 45px 0px;    }

.vid p{font-size: 1.5em;line-height: 1em;padding-top: 270px;}

.vid span{font-size: 0.8em;color: #636363;padding-top: 1em;}

 



.vid {transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;

background-position: center;background-repeat: no-repeat;}

.vid:hover {background-size: 120% 120%;}





@media screen and (max-width:990px) {

    .agent-pc body,.module .module_container {

        min-width: auto;

        max-width: 940px;

        padding-left: 20px;

        padding-right: 20px

    }

}



/*下面为黑色主题样式  */



/*body,html {*/

/*    color: #e7e7e7;*/

/*    background-color: #252525;*/

/*}*/



.gh0 #sitecontent {

    padding-top: 82px;

}



#header {

    border-color: #303030;

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

}



#header.mini {

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

}



#header .wrapper {

    width: 100%;

    padding: 0 80px

}



#header #navWrapper .content .nav {

    margin-right: 160px;

}



#indexPage>* {

    background-color: #252525;

}



#navWrapper .content .nav>li:not(.jsMoveEl)>a {

    color: #ccc;

}



#indexPage .module .module_container .container_header .title {

    color: #eaeaea;

}



#indexPage .project .item_block .item_info .title,.npagePage:not(.post) .project .item_block .item_info .title {

    color: #fff;

}



#indexPage .mcustomize {

    background-color: #252525;

}



.mcustomize.tlir .container_content .contentbody .wrapper .description p,.mcustomize.tril .container_content .contentbody .wrapper .description p {

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

}



.mcounter .module_container .container_content {

    background-color: transparent;

    box-shadow: none;

}



.singlescreen #indexPage .mlist.project .container_header {

    padding: 0 80px;

}



.singlescreen #indexPage .module.team {

    background-color: #252525;

}



#indexPage .service .item_block .item_wrapper .item_info .title,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title {

    color: #fff;

    font-size: 17px;

}



.singlescreen #indexPage #mcontact {

    background-color: #252525;

}



.mcustomize.tlir .container_content .mediabody a .image,.mcustomize.tril .container_content .mediabody a .image {

    border: none;

    width: 100%;

    height: auto;

    min-height: 550px;

    background-size: 100%;

    background-repeat: no-repeat;

}



.mcustomize .mediabody>a {

    display: block;

}



.singlescreen #indexPage .module.project .content_list {}



#indexPage .news .content_list .item_block:first-child {

    background-color: transparent;

    width: 40%;

    height: auto;

    max-height: 550px;

    padding-top: 0;

    padding-left: 0;

}



.singlescreen #indexPage .mcounter .module_container .container_content {

    background-color: transparent;

}



.npagePage .content {

    

}



#indexPage .mcounter ul.content_list li .counterDX {

    color: #eaeaea;

    font-size: 54px;

}



.mcounter ul.content_list li:not(:last-child):after {

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

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager a.active {

    background-color: transparent;

}



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

    background-color: transparent;

}



#indexPage .project .content_wrapper,.npagePage:not(.post) .project .content_wrapper {

    margin-top: 20px;

}



#indexPage .project .item_block:hover,.npagePage:not(.post) .project .item_block:hover {

    background-color: #111;

}



.agent-pc #indexPage .project .content_wrapper .more_wrap .more {

    position: relative;

    top: -21px;

}



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

    color: #fff;

}



.npagePage.post #pageTarget {

    background-color: #292929;

}



#indexPage .project .item_block {

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

}



#indexPage .module .module_container.wide {

    padding: 20px 80px;

}



#indexPage .project .content_wrapper,.npagePage:not(.post) .project .content_wrapper {

    padding: 0;

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav {

    background: #222;

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a {

    color: #d4d4d4;

}



#navWrapper .content .nav>li:not(.jsMoveEl) .subnav li a:hover {

    color: #fff;

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction .bx-next,.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction .bx-prev {

    top: 149px;

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-next {

    right: -100px;

}



.agent-pc #indexPage .project .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -100px;

}



.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: -40px;

}



.agent-pc #indexPage .project .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -40px;

}



.subtitle {

    color: #636363;

}



body:not(.singlescreen) #topSlider+.mlist {

    padding-bottom: 130px;

}



#indexPage .project .item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {

    border-width: 2px;

    width: 44px;

    height: 44px;

    border-color: rgba(255, 255, 255, .7);

    z-index: 1;

}



#indexPage .project .item_block .item_img .item_mask::before,.npagePage:not(.post) .project .item_block .item_img .item_mask::before {

    width: 2px;

    height: 16px;

}



#indexPage .project .item_block .item_img .item_mask::after,.npagePage:not(.post) .project .item_block .item_img .item_mask::after {

    height: 2px;

    width: 16px;

}



#indexPage .project .item_block:hover .item_img img,.npagePage:not(.post) .project .item_block:hover .item_img img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



#indexPage .project .item_block .item_img .item_mask,.npagePage:not(.post) .project .item_block .item_img .item_mask {

    margin-top: -80px;

}



body:not(.singlescreen) #topSlider+.mlist {

    padding-top: 90px;

}



#indexPage .project .item_block .item_img::before,.npagePage:not(.post) .project .item_block .item_img::before {

    content: '';

    position: absolute;

    width: calc(100% - 300px);

    height: calc(100% - 24px);

    border-top: 2px solid #e3120b;

    top: 10px;

    border-bottom: 2px solid #e3120b;

    display: block;

    left: 150px;

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

    opacity: 0;

}



#indexPage .project .item_block:hover .item_img::before,.npagePage:not(.post) .project .item_block:hover .item_img::before {

    left: 10px;

    width: calc(100% - 20px);

    z-index: 2;

    opacity: 1;

}



#indexPage .project .item_block .item_img::after,.npagePage:not(.post) .project .item_block .item_img::after {

    content: '';

    position: absolute;

    height: calc(100% - 300px);

    width: calc(100% - 24px);

    border-left: 2px solid #e3120b;

    left: 10px;

    border-right: 2px solid #e3120b;

    display: block;

    top: 150px;

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

    opacity: 0;

}



#indexPage .project .item_block:hover .item_img::after,.npagePage:not(.post) .project .item_block:hover .item_img::after {

    height: calc(100% - 20px);

    left: 10px;

    top: 10px;

    opacity: 1;

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

}



.agent-pc #indexPage .project .bx-wrapper .bx-pager.bx-default-pager {

    bottom: -60px;

}



#indexPage .project .item_block:hover .item_info,.npagePage:not(.post) .project .item_block:hover .item_info {

    background-color: #e3120b;

}



#indexPage .project .item_block:hover .item_info .subtitle,.npagePage:not(.post) .project .item_block:hover .item_info .subtitle {

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

}



#indexPage .project .item_block:hover,.npagePage:not(.post) .project .item_block:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .3);

}



#indexPage .project .item_block:hover .item_info,.npagePage:not(.post) .project .item_block:hover .item_info {

    padding-left: 8%;

}



.agent-pc #indexPage .mcustomize.tlir .module_container,.agent-pc #indexPage .mcustomize.tril .module_container {

    padding-top: 100px;

}



.mcustomize.tlir .container_content .contentbody,.mcustomize.tril .container_content .contentbody {

    width: 42%;

}



.mcustomize.tlir .container_content .mediabody,.mcustomize.tril .container_content .mediabody {

    width: 48%;

    margin-left: 2%;

    margin-top: 0px;

}



.agent-pc #indexPage .mcustomize.tlir .module_container {

    padding-bottom: 0px;

}



.mcustomize.tlir .container_content .contentbody .wrapper .header {

    padding-top: 60px;

}



.mcustomize.tlir .container_content .contentbody .wrapper .description::before {

    content: '';

    position: absolute;

    width: 500px;

    height: 1px;

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

    margin-top: -41px;

    display: block;

}



.mcustomize.tlir .container_content .contentbody {

    margin-top: 200px;

}



.mcustomize.tlir .container_content .contentbody .wrapper .description a,.mcustomize.tril .container_content .contentbody .wrapper .description a {

    border-color: rgba(255, 255, 255, .25);

}



body:not(.singlescreen) #indexPage .mlist.team {

    background-color: #252525;

    padding-bottom: 100px;

}



.mcustomize.tlir .container_content .contentbody .wrapper .header.wow .title {

    color: #eaeaea;

}



#indexPage .news .content_list .item_block:not(:first-child) {

    border-color: rgba(255, 255, 255, .1);

}



body:not(.singlescreen) #indexPage .mlist.service {

    background-color: #202020;

}



#indexPage .service .item_block .item_img {

    transform: translateY(0) rotateX(0);

    ;

    transition: all 0.40s ease-in-out 0s;

}



#indexPage .service .item_block:hover .item_img {

    transform: translateY(-90%) rotateX(90deg);

    transform-origin: center bottom 0;

    opacity: 0;

}



#indexPage .service .item_block:hover {

    background-color: #272727;

}



.npagePage:not(.post) .service .item_block:hover {

    background-color: #333;

    box-shadow: 0 5px 20px rgba(0, 0, 0, .3);

}



#indexPage .service .bx-viewport {

    padding-top: 40px;

}



#indexPage .service .item_block:hover .item_img,.npagePage:not(.post) .service .item_block:hover .item_img {

    box-shadow: none;

}



#indexPage .news .content_list .item_block:first-child .item_wrapper .item_info .title {

    color: #eaeaea;

    margin-top: 35px;

}



#indexPage .service .item_block {

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

}



#indexPage .module.service .module_container.wide .slider {

    padding: 0;

}



#indexPage .service .item_block:hover .item_wrapper {

    margin-top: -30%;

    margin-bottom: 20%;

}



#indexPage .service .item_block:nth-child(odd):hover .item_wrapper {

    margin-top: -20%;

    margin-bottom: 20%;

}



#indexPage .service .item_block .item_wrapper {

    padding: 0 40px;

    top: 50%;

    padding-top: 40px;

}



#indexPage .service .item_block::before,.npagePage:not(.post) .service .item_block::before {

    content: '';

    position: absolute;

    width: calc(100% - 300px);

    height: calc(100% - 24px);

    border-top: 2px solid #e3120b;

    top: 10px;

    border-bottom: 2px solid #e3120b;

    display: block;

    left: 150px;

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

    opacity: 0;

}



#indexPage .service .item_block:hover::before,.npagePage:not(.post) .service .item_block:hover::before {

    left: 10px;

    width: calc(100% - 20px);

    z-index: 2;

    opacity: 1;

}



#indexPage .service .item_block::after,.npagePage:not(.post) .service .item_block::after {

    content: '';

    position: absolute;

    height: calc(100% - 300px);

    width: calc(100% - 24px);

    border-left: 2px solid #e3120b;

    left: 10px;

    border-right: 2px solid #e3120b;

    display: block;

    top: 150px;

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

    opacity: 0;

}



#indexPage .service .item_block:hover::after,.npagePage:not(.post) .service .item_block:hover::after {

    height: calc(100% - 20px);

    left: 10px;

    top: 10px;

    opacity: 1;

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

}



#indexPage .service .item_block .item_wrapper .item_info .title::after,.npagePage:not(.post) .service .item_block .item_wrapper .item_info .title::after {

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

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

}



#indexPage .service .item_block:hover .item_wrapper .item_info .title::after,.npagePage:not(.post) .service .item_block:hover .item_wrapper .item_info .title::after {

    width: 100px;

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

}



/* #indexPage .service .item_block:hover .item_wrapper .item_info .title { padding-bottom: 25px; } */



#indexPage .service .item_block:nth-child(odd) .item_box {

    padding-top: 46.66667%;

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 10;

}



#indexPage .service .item_block:nth-child(even) .item_box {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 10;

    padding-bottom: 46.666667%;

}



#indexPage .team_tabs .tab_content .item_block:hover .item_wrapper .item_info .title {

    color: #fff;

}



#indexPage .service .item_block .item_wrapper .item_des,.npagePage:not(.post) .service .item_block .item_wrapper .item_des {

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

}



#indexPage #mcontact {

    background-color: #1B1B1B

}



#indexPage .service .item_block:nth-child(even) .item_img {

    position: absolute;

    bottom: 0px;

    top: auto;

    /* position: relative; top: 206px; */

}



#indexPage .service .item_block:nth-child(odd) .item_img {

    position: absolute;

    top: 0px;

    left: 0;

    margin: 0;

}



/* #indexPage .service .item_block .item_img { margin: 0 10px; } */



#indexPage .service .item_block:nth-child(even) .item_wrapper {

    /* position: relative; transform: translateY(-214px); padding-top: 10%; */

}



#indexPage .service .item_block:nth-child(even):hover .item_wrapper {

    /* margin-bottom: 19%; margin-top: -30%; padding-top: 15%; transform: translateY(0px); */

    margin: 0;

    transform: translateY(102px);

    /* padding-top: 20px; transform: translateY(-98px) */

}



#indexPage .service .item_block:nth-child(even):hover .item_img {

    transform: translateY(90%) rotateX(-90deg);

}



#indexPage .service::before {

    content: '';

    position: absolute;

    top: 50%;

    width: 100%;

    height: 1px;

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

    margin-top: 49px;

}



body:not(.singlescreen) #indexPage .mlist.news {

    background-color: #202020;

}



body:not(.singlescreen) #indexPage .mlist.team_tabs {

    padding: 50px 0;

}



#indexPage .team_tabs .module_container {

    padding-bottom: 110px;

}



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

    color: #fff;

}



#indexPage .team .bx-wrapper .bx-controls-direction a:first-child {

    border-color: rgba(255, 255, 255, .08);

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper {

    background-color: transparent;

}



.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper .title {

    color: #eaeaea;

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_wrapper p,.ad01 .module_container .container_content .content_wrapper .item_block:not(:first-child):nth-child(2n+1) .item_wrapper .description p {

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

}



.imagelink .content_list .item_block:after {

    border-color: rgba(255, 255, 255, .05);

}



#sitecontent #indexPage .ad01 {

    background-color: #202020;

}



#indexPage .ad01 .module_container .container_content .content_wrapper .item_block:hover .item_wrapper {

    background-color: #e3120b;

    padding-top: 45px;

}



#indexPage .news .content_list {

    width: 50%;

}



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

    background-color: #252525;

}



#indexPage .news .content_list .item_block:first-child .item_img {

    position: inherit;

}



#indexPage .news .content_list .item_block .item_wrapper .date_wrap {

    width: 100px;

    overflow: hidden;

    float: left;

}



#indexPage .news .content_list .item_block:first-child .item_wrapper .item_des .description {

    width: calc(100% - 100px);

    margin-left: 100px;

}



#indexPage .news .content_list .item_block:first-child .details {

    left: 100px;

    bottom: -80px;

}



#indexPage .news .content_list .item_block:first-child:hover .details {

    bottom: -10px;

}



#indexPage .news .content_list .item_block .item_wrapper .item_des .description {

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

    width: 80%;

}



#indexPage .news .content_list .item_block:first-child:hover .item_wrapper .item_des .description {

    border-color: rgba(255, 255, 255, .15);

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info .title {

    color: #D2D2D2;

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .item_info {

    width: 70%;

}



#indexPage .news .content_list .item_block {

    padding-bottom: 20px;

}



#indexPage .news .content_list .item_block:not(:first-child) .item_wrapper .date_wrap {

    text-align: right;

}



#indexPage .news .content_list .item_block:not(:first-child) .details {

    border-color: rgba(255, 255, 255, .1);

}



#indexPage .service .bx-viewport,.npagePage:not(.post) .service .bx-viewport {

    padding: 0;

    margin-left: 0;

}



#indexPage .service .item_block .details i,.npagePage:not(.post) .service .item_block .details i {

    left: 0px;

}



#indexPage .service .item_block:hover .details i {

    top: -40px;

}



#indexPage .team_tabs .content_wrapper .bx-wrapper::before {

    border-color: rgba(255, 255, 255, .1);

}



#indexPage .team_tabs .tab_content .item_block {

    width: calc(100% / 5 - 0px);

}



.bx-wrapper .bx-loading {

    background-color: #111;

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_img::before {

    content: '';

    position: absolute;

    width: calc(100% - 300px);

    height: calc(100% - 10px);

    border-top: 5px solid #e3120b;

    top: 0px;

    border-bottom: 5px solid #e3120b;

    display: block;

    left: 150px;

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

    opacity: 0;

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .item_img::before {

    left: 0px;

    width: 100%;

    z-index: 2;

    opacity: 1;

}



.ad01 .module_container .container_content .content_wrapper .item_block .item_img::after {

    content: '';

    position: absolute;

    height: calc(100% - 300px);

    width: calc(100% - 10px);

    border-left: 5px solid #e3120b;

    left: 0px;

    border-right: 5px solid #e3120b;

    display: block;

    top: 150px;

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

    opacity: 0;

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .item_img::after {

    height: 100%;

    left: 0px;

    top: 0px;

    opacity: 1;

}



#indexPage .team_tabs .tab_content .item_block::after,#indexPage .team_tabs .tab_content .item_block:hover::after {

    background-color: #252525;

    border-color: rgba(255, 255, 255, .5);

}



.ad01 .module_container .container_content .content_wrapper .item_block .details::after {

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

}



.agent-pc .ad01 .module_container .container_content .content_wrapper .item_block .details::before {

    border-color: rgba(255, 255, 255, .4);

}



#sitecontent #indexPage .ad01 .container_header .title {

    color: #eaeaea;

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover {

    box-shadow: 0 10px 25px rgba(0, 0, 0, .3);

}



.ad01 .module_container .container_content .content_wrapper .item_block:first-child .item_wrapper {

    position: relative;

    z-index: 10;

    padding-top: 50px;

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

}



.ad01 .module_container .container_content .content_wrapper .item_block:nth-child(2n):not(:first-child) .item_wrapper {

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

}



.agent-pc .ad01 .module_container .container_content .content_wrapper .item_block:nth-child(2n+1):not(:first-child) .item_wrapper .details::before,.ad01 .module_container .container_content .content_wrapper .item_block:hover .details::before {

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

}



.ad01 .module_container .container_content .content_wrapper .item_block:hover .item_wrapper p,.ad01 .module_container .container_content .content_wrapper .item_block:nth-child(2n+1):not(:first-child):hover .item_wrapper .description p {

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

}



.ad01 .module_container .container_content .content_wrapper .item_block:nth-child(2n):not(:first-child):hover .item_wrapper {

    padding-top: 65px;

}



.agent-pc body:not(.singlescreen) #indexPage .mcounter {

    -webkit-transform: translateY(0%);

    -ms-transform: translateY(0%);

    transform: translateY(0%);

    background-color: #1b1b1b;

    margin-bottom: 0;

}



#indexPage .service .bx-wrapper .bx-controls-direction .bx-prev,#indexPage .service .bx-wrapper .bx-controls-direction a.bx-next {

    margin-top: -13px;

}



body:not(.singlescreen) #indexPage .mcounter+.module {

    padding-top: 100px;

}



#indexPage .module.mcounter .module_container {

    max-width: 100%;

}



.npagePage.post .project #postContent #postInfo .description a {

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

    border-color: rgba(255, 255, 255, .1);

}



.npagePage:not(.post) .news .content_list .item_block .item_wrapper .item_info .title,.npagePage.post .news #postContent #postInfo .title {

    color: #eaeaea;

}



.npagePage:not(.post) .news .content_list .item_block .details {

    border-color: rgba(255, 255, 255, .1);

}



.npagePage:not(.post) .news .content_list .item_block {

    border-color: rgba(255, 255, 255, .1);

}



.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap .title,.npagePage.post .news #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {

    color: #eaeaea;

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

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .text_wrap .title,.npagePage.post .news #listContent .mlist .content_list .item_block:hover .item_wrapper .item_info .title {

    color: #eaeaea;

}



.npagePage.post .news #postContent #postInfo,.npagePage.post .news #listContent .item_tags,.npagePage.post .news #listContent .mlist .content_list .item_block:not(:last-child) {

    border-color: rgba(255, 255, 255, .15);

}



.npagePage:not(.post) .team .item_block .item_wrapper .text_wrap {

    border-color: rgba(255, 255, 255, .15);

    width: calc(100% - 30px);

}



.npagePage:not(.post) .team .item_block:hover .item_wrapper .text_wrap {

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

}



.npagePage:not(.post) .team .item_block:hover {

    box-shadow: 0 10px 35px rgba(0, 0, 0, .3);

}



.npagePage:not(.post) .team .item_block .details {

    border-color: rgba(255, 255, 255, .1);

    left: calc( 100% - 100px);

    top: 60px;

}



.npagePage:not(.post) .team .item_block:nth-child(2n) {

    float: left;

}



.npagePage:not(.post) .team .item_block:hover .details {

    border-color: rgba(255, 255, 255, .4);

}



.npagePage:not(.post) .team .item_block .details::before {

    left: 12px;

}



.npagePage.post .team #postInfo .title {

    color: #fff;

}



.npagePage.post .team #postInfo {

    border-color: rgba(255, 255, 255, .12);

}



.npagePage.post #tabBtn .post-next,.npagePage.post #tabBtn .post-prev {

    background-color: #202020;

}



.npagePage.post #tabBtn .post-next .infor-wrap .title,.npagePage.post #tabBtn .post-prev .infor-wrap .title {

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

}



.npagePage.post #tabBtn .post-prev:hover:not(.empty),.npagePage.post #tabBtn .post-next:hover:not(.empty) {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);

}



.npagePage.post #pageTarget .container_target,.agent-pc .npagePage:not(.post) #pageTarget .module_container .container_target {

    color: #787878;

}



.npagePage.post .news #listContent .mlist .content_list .item_block .item_des .description {

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

}



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

    color: #999;

    margin-bottom: 10px;

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

    margin-right: 8px;

}



.postbody hr {

    border-color: rgba(255, 255, 255, .15);

}



#sitecontent .pageEditor .container_header {

    padding-top: 80px;

}



#indexPage .team_tabs .tab_content .item_block::before {

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

}



#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-next {

    right: -40px;

}



#indexPage .service .content_wrapper:hover .bx-wrapper .bx-controls-direction a.bx-prev {

    left: -40px;

}



#indexPage .team .item_block .item_wrapper {

    opacity: 1;

    bottom: auto;

    float: right;

    width: calc(100% - 320px);

    right: 0;

    top: 0;

    background-color: transparent;

}



#indexPage .team .item_block:hover .item_wrapper {

    background-color: #e3120b;

    height: 100%;

}



#indexPage .team .module_container .container_header .title {

    font-size: 24px;

}



#indexPage .team .module_container .container_header .subtitle {

    margin-top: 0px;

    line-height: 24px;

}



#indexPage .team .item_block:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .25);

}



#indexPage .team .module_container .container_header {

    padding-top: 60px;

    width: 360px;

}



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

    left: auto;

    bottom: auto;

    right: 163px;

    top: 100px;

}



#indexPage .team .item_block .item_wrapper .description {

    width: 80%;

    transition: all 0.3s ease-out 0s;

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

    padding-top: 15px;

    line-height: 26px;

    padding-left: 50px;

    transition: all 0.3s ease-out 0s;

}



#indexPage .team .item_block:hover .item_wrapper .description {

    opacity: 1;

    animation-delay: 0.2s;

}



#indexPage .team .item_block .item_wrapper .item_info {

    padding-top: 40px;

    padding-left: 50px;

    transition: all 0.3s ease-out 0s;

}



.npagePage.post .project #postContent #postInfo,.npagePage.post .project #listContent .item_tags,.npagePage.post .project #listContent .mlist .content_list .item_block:not(:last-child) {

    border-color: rgba(255, 255, 255, .1);

}



.npagePage.post .project #listContent .mlist .content_list .item_block .item_wrapper .item_info .title {

    color: #b3b3b3;

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

}



.npagePage.post .project #listContent .mlist .content_list .item_block:hover .item_wrapper .item_info .title {

    color: #eaeaea;

}



#indexPage .team .bx-wrapper .bx-viewport {

    width: 74% !important;

    margin-left: calc(50% - 37% - 20px);

}



#indexPage .team .item_block {

    width: calc(74% / 1 - 0px);

}



#indexPage .team .content_wrapper {

    margin-right: 0;

}



#indexPage .team .item_block a .item_img {

    max-width: 320px;

}



#indexPage .team .item_block .item_wrapper .item_info .title {

    font-size: 20px;

}



#indexPage .team .item_block .item_wrapper .details {

    left: 28px;

    top: 190px;

    transition: all 0.3s ease-out 0s;

    opacity: 0;

}



#indexPage .team .item_block:hover .item_wrapper .details {

    left: 60px;

    opacity: 1;

}



#indexPage .team .item_block:hover .item_wrapper .item_info,#indexPage .team .item_block:hover .item_wrapper .description {

    padding-left: 60px;

}



#indexPage .team .item_block:hover .item_wrapper .description {

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

}



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

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

    margin-right: 8px;

}



.npagePage.post .service #postInfo .title {

    color: #eaeaea;

}



.npagePage.post .service #postInfo {

    border-color: rgba(255, 255, 255, .1);

}



.npagePage.post .service #listContent .item_tags a:not(:last-child):after {

    border-color: rgba(255, 255, 255, .15);

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper {

    background-color: #252525;

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info .title {

    color: #eaeaea;

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_wrapper .item_info:after {

    border-color: rgba(255, 255, 255, .15)

}



#postContent hr {

    border-color: rgba(255, 255, 255, .18);

}



.npagePage.post .service #listContent .content_wrapper .content_list .item_block:hover {

    box-shadow: 0 8px 30px rgba(0, 0, 0, .3);

    margin-bottom: 50px;

    margin-top: -10px;

}



.npagePage:not(.post) .team .item_block {

    width: 100%;

    height: 202px;

    overflow: hidden;

    padding: 10px;

    margin-bottom: 30px;

}



.npagePage:not(.post) .team .item_block .item_img {

    width: 260px;

    overflow: hidden;

    height: auto;

}



.npagePage:not(.post) .team .item_block .item_wrapper {

    width: calc(100% - 260px);

    padding-left: 45px;

}



.npagePage:not(.post) .team .item_block .item_wrapper .description {

    padding-right: 40px;

}



#indexPage .project .item_block .item_info {

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

    padding: 6% 5% 6%;

}



#postSlider {

    display: block;

}



/* CSS Document */



.postbody iframe {}



#sitecontent #postSlider {

    display: block;

    width: 100vw;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

}



#sitecontent #postSlider .tab_content .bx-wrapper {

    max-width: initial !important;

}



#sitecontent #postSlider .tab_button {

    position: absolute;

    bottom: 10px;

}



#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-next,#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-prev {

    color: #fff;

    position: absolute;

    outline: 0;

    width: 50px;

    height: 50px;

    z-index: 2;

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

    transition: all ease-out .3s;

    display: block;

    border-radius: 0;

}



#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-next i,#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-prev i {

    margin: 0;

    font-size: 22px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -53%);

    margin-top: 1px;

}



#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-next:hover,#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-prev:hover {

    background: #e3120b;

}



.npagePage.post .news #listContent {

    padding-top: 55px;

}



/*# sourceMappingURL=debug/3500.css.map */



.npagePage.post .project #postContent #postInfo {

    padding-top: 64px;

}



.agent-pc .npagePage.post .tab_button li {

    margin-right: 6px;

    overflow: hidden;

    height: 60px;

}



.agent-pc .npagePage.post .tab_button li .item_img {

    margin-top: 0;

    height: 60px;

    overflow: hidden;

    border: 2px solid transparent;

    transition: all 0.3s ease-out 0s;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-next {

    right: 10px;

}



#sitecontent #postSlider .bx-wrapper .bx-controls-direction .bx-prev {

    left: 10px;

}



.agent-pc .npagePage.post .tab_button li:hover .item_img {

    border: 2px solid #e3120b;

}



.agent-pc .npagePage.post .tab_button li .item_img img {

    transition: all 0.3s ease-out 0s;

}



.agent-pc .npagePage.post .tab_button li:hover .item_img img {

    transform: scale(1.1, 1.1);

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

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

    -o-transform: scale(1.1, 1.1);

}



.npagePage.post .project #listContent .mlist .content_list .item_block:hover {

    box-shadow: 0 8px 20px rgba(0, 0, 0, .3);

}



.agent-mobile .project .item_block .item_wrapper {

    background-color: #202020;

}



.agent-mobile #sitecontent .project .item_block .title {

    color: #eaeaea;

}



.agent-mobile .mlist .m_container .content .more {

    border-color: rgba(255, 255, 255, .15);

    color: #afafaf;

}



.agent-mobile .news .item_block .item_info .title {

    color: #eaeaea;

}



.agent-mobile .mcustomize.tlir .container_content .contentbody {

    margin-top: 0;

}



.agent-mobile .news .content_list li {

    border-color: rgba(255, 255, 255, .1);

}



.agent-mobile .team .item_block .title {

    color: #eaeaea;

}



.agent-mobile .agent-mobile .mlist.team {

    padding-bottom: 60px;

}



.mm-menu {

    background: #222;

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

}



.mm-menu .mm-listview>li:after {

    border-color: rgba(255, 255, 255, .05);

}



/*0718-中午后修改 */



.npagePage:not(.post) .news .content_list .item_block:hover {

    box-shadow: 0 8px 30px rgba(0, 0, 0, .2);

}



#indexPage .team_tabs .tab_content .item_block:hover {

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

}



#indexPage .team_tabs .tab_content .item_block:after {

    content: "";

    width: 4px;

    height: 4px;

    border: 2px solid #fff;

    border-radius: 50%;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    transition: all .36s ease;

    z-index: 10;

    margin: auto;

    transform: none;

    background: none;

}



#indexPage .team_tabs .tab_content .item_block:hover:after {

    transform: scale(1.9);

}



.agent-pc #indexPage .mcustomize.tlir .module_container {

    padding-bottom: 60px;

}



#sitecontent #indexPage .ad01 .module_container {

    padding: 180px 0 80px;

}



#indexPage .team .item_block {

    margin: 0;

}



#indexPage .team .bx-wrapper .bx-viewport {

    margin-left: calc(50% - 37% - 0px);

}



#indexPage .team .bx-wrapper .bx-viewport {

    padding: 0;

}



.npagePage.post #tabBtn .post-next:hover:not(.empty) .infor-wrap .title {

    margin-left: 100px;

}



#navWrapper .content .nav>li:not(.jsMoveEl):hover .subnav {

    display: block;

    opacity: 1;

}



#indexPage .videom .item_block {

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

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15);

    transition: all .36s ease;

    cursor: pointer;

}



#sitecontent .ff_pageList .videom .item_block {

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

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0 rgba(0, 0, 0, .15);

    transition: all .36s ease;

    cursor: pointer;

}



#sitecontent .videom .item_block .item_img img {

    max-width: 100%;

}



#sitecontent .videom .item_block .item_tags,#sitecontent .videom .item_block .date_wrap,#sitecontent .videom .item_block .details,#sitecontent .videom .item_block .item_index {

    display: none;

}



#sitecontent .videom .item_block .item_info {

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

    padding: 6% 5% 6%;

}



#sitecontent .videom .item_block .item_info,.npagePage:not(.post) .videom .item_block .item_info {

    transition: padding .36s ease;

    padding: 6% 4% 6%;

    text-align: left;

}



#sitecontent .videom .item_block .item_info .title,.npagePage:not(.post) .videom .item_block .item_info .title {

    font-size: 16px;

    color: #fff;

}



#sitecontent .videom .item_block .item_info .subtitle,.npagePage:not(.post) .videom .item_block .item_info .subtitle {

    font-size: 14px;

    margin-top: 8px;

    line-height: 16px;

}



#sitecontent .videom .content_wrapper .more {

    display: none;

}



#sitecontent .videom .item_block .item_info,.npagePage:not(.post) .videom .item_block .item_info {

    transition: 0.36s ease;

}



#sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #e3120b;

}



#sitecontent .videom .item_block:hover .item_info .subtitle,.npagePage:not(.post) .videom .item_block:hover .item_info .subtitle {

    color: rgba(255, 255, 255, 0.6)

}



#sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    padding-left: 8%;

}



#sitecontent .videom .item_block .item_info,.npagePage:not(.post) .videom .item_block .item_info {

    transition: all .36s ease;

}



.vPlayArea {

    width: 100%;

    height: 100%;

}



.vPlayArea .vPlayItem {

    width: 960px;

    padding: 10px;

    height: 618px;

    background: #fff;

    overflow: hidden;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -480px;

    margin-top: -366px;

    z-index: 2;

    border: 1px solid #dedede;

    transition: margin 0.36s ease, background 1s ease, border-color 1s ease;

}



.vPlayArea .vPlayItem video {

    width: 100%;

}



.vPlayArea.vshow .vPlayItem {

    margin-top: -336px;

}



.videoTabBtns {

    position: absolute;

    top: 50%;

    width: 100%;

    height: 0;

    transform: translateY(-50%);

    transition: opacity 1s ease;

}



.videoTabBtns .videoTabBtn {

    width: 50px;

    height: 50px;

    background: #fff;

    margin-top: -25px;

    position: absolute;

    top: 0;

    text-align: center;

    cursor: pointer;

}



.videoTabBtns .videoTabBtn .icon {

    text-align: center;

}



.videoTabBtns .videoTabBtn.next {

    right: 0;

}



.videoTabBtns .videoTabBtn.next .icon:after {

    content: "";

    font-family: "FontAwesome";

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    font-size: 14px;

    line-height: 1;

    color: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    line-height: 50px;

    font-size: 29px;

    color: #848484;

}



.videoTabBtns .videoTabBtn.prev {

    left: 0;

}



.videoTabBtns .videoTabBtn.prev .icon:after {

    content: "";

    font-family: "FontAwesome";

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    font-size: 14px;

    line-height: 1;

    color: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    line-height: 50px;

    font-size: 29px;

    color: #848484;

}



.videoInfor {

    width: 100%;

    height: 48px;

    position: relative;

    padding: 15px 0 0;

    transition: opacity 1s ease;

}



.videoInfor .title {

    font-size: 16px;

    color: #2e2e2e;

}



.videoInfor .subtitle {

    color: #7d7d7d;

    font-size: 13px;

    line-height: 22px;

    margin-top: 6px;

}



.videoBg {

    position: fixed;

    top: 0;

    left: 0;

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

    width: 100%;

    height: 100%;

    z-index: 100;

    transition: background 1s ease;

}



.videoBg.deepView {

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

}



.videoBg.deepView .vPlayItem {

    background: transparent;

    border-color: transparent;

}



.videoBg.deepView .videoInfor {

    opacity: 0;

}



.videoBg.deepView .videoTabBtns {

    opacity: 0;

}



.vPlayArea .vPlayItem {

    background: #252525;

    border-color: #252525;

}



.theme-b .videoTabBtns .videoTabBtn {

    background: #252525;

}



.videoInfor .title {

    color: #fff;

}



.agent-mobile .videom .content .wrapper {

    width: 96%;

    margin: 0 2%;

    margin-top: 20px;

}



.videom .item_block .item_img {

    position: relative;

}



.videom .item_block .imgIcon {

    opacity: 0;

    position: absolute;

    width: 48px;

    height: 48px;

    border: 3px solid rgba(255, 255, 255, 0.9);

    top: 10%;

    left: 50%;

    margin-left: -25px;

    margin-top: -25px;

    border-radius: 50%;

    transition: all 0.5s ease 0s;

    visibility: hidden;

}



.videom .item_block:hover .imgIcon {

    visibility: visible;

    opacity: 1;

    top: 50%;

}



.videom .item_block .imgIcon:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

    border-left: 15px solid #fff;

    top: 50%;

    left: 50%;

    margin-left: -6px;

    margin-top: -9px;

}



.agent-mobile .videom .content_list .item_block {

    width: 49%;

    float: left;

    margin-bottom: 10px;

}



.agent-mobile .videom .content_list .item_block:nth-child(2n) {

    float: right;

}



.theme-b .vPlayArea .vPlayItem {

    background: #252525;

    border-color: #252525;

}



.theme-b .videoTabBtns .videoTabBtn {

    background: #252525;

}



.theme-b .videoInfor .title {

    color: #fff;

}



.videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    content: '';

    position: absolute;

    height: calc(100% - 300px);

    width: calc(100% - 8px);

    border-left: 4px solid #e3120b;

    left: 0px;

    border-right: 4px solid #e3120b;

    display: block;

    top: 150px;

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

    opacity: 0;

}



.videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    content: '';

    position: absolute;

    width: calc(100% - 300px);

    height: calc(100% - 8px);

    border-top: 4px solid #e3120b;

    top: 0;

    border-bottom: 4px solid #e3120b;

    display: block;

    left: 150px;

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

    opacity: 0;

}



#indexPage .videom .item_block:hover .item_img::before,.npagePage:not(.post) .videom .item_block:hover .item_img::before {

    left: 0;

    width: calc(100% - 0px);

    z-index: 2;

    opacity: 1;

}



#indexPage .videom .item_block:hover .item_img::after,.npagePage:not(.post) .videom .item_block:hover .item_img::after {

    height: calc(100% - 0px);

    left: 0px;

    top: 0px;

    opacity: 1;

}



/* color */



.theme-bred #sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #e3120b;

}



.theme-bred .videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    border-left: 4px solid #e3120b;

    border-right: 4px solid #e3120b;

}



.theme-bred .videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    border-top: 4px solid #e3120b;

    border-bottom: 4px solid #e3120b;

}



.theme-bblue #sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #307eff;

}



.theme-bblue .videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    border-left: 4px solid #307eff;

    border-right: 4px solid #307eff;

}



.theme-bblue .videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    border-top: 4px solid #307eff;

    border-bottom: 4px solid #307eff;

}



.theme-bgreen #sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #3cb134;

}



.theme-bgreen .videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    border-left: 4px solid #3cb134;

    border-right: 4px solid #3cb134;

}



.theme-bgreen .videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    border-top: 4px solid #3cb134;

    border-bottom: 4px solid #3cb134;

}



.theme-bwhite #sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #515151;

}



.theme-bwhite .videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    border-left: 4px solid #515151;

    border-right: 4px solid #515151;

}



.theme-bwhite .videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    border-top: 4px solid #515151;

    border-bottom: 4px solid #515151;

}



.theme-byellow #sitecontent .videom .item_block:hover .item_info,.npagePage:not(.post) .videom .item_block:hover .item_info {

    background-color: #ffbe00;

}



.theme-byellow .videom .module_container .container_content .content_wrapper .item_block .item_img::after {

    border-left: 4px solid #ffbe00;

    border-right: 4px solid #ffbe00;

}



.theme-byellow .videom .module_container .container_content .content_wrapper .item_block .item_img::before {

    border-top: 4px solid #ffbe00;

    border-bottom: 4px solid #ffbe00;

}



#navWrapper .content .nav>li:not(.jsMoveEl):hover .subnav {

    display: block;

    opacity: 1;

}



/* search */



#search-nav {

    display: block !important;

    position: absolute;

    right: 0;

    height: 100%;

}



#search-nav .search_wrap {

    height: 100%;

    margin-right: 60px;

    position: relative;

}



#search-nav .searchOnOff {

    height: 100%;

    display: flex;

    align-items: center;

    width: 30px;

    font-size: 18px;

    color: #666;

    cursor: pointer;

}



#search-nav .searchBox {

    position: absolute;

    top: 100%;

    right: 0;

    width: 220px;

    overflow: hidden;

    display: none;

}



.searchFormGroup input {

    width: 100%;

    background: #fff;

    height: 34px;

    padding: 0 12px;

    box-sizing: border-box;

    border: 2px solid #bc192e;

}



#search-nav .searchFormGroup .searchSub {

    position: absolute;

    right: 0;

    top: 0;

    color: #000;

    line-height: 34px;

    font-size: 16px;

    width: 35px;

    vertical-align: middle;

    height: 34px;

    cursor: pointer;

    text-align: center;

    display: none;

}



#search-nav .searchFormGroup .searchSub span {

    display: none;

}



#search-nav .searchClose {

    display: none;

}



.searchPage .mlist:not(.imagelink) .content_list .item_block .item_index {

    display: none;

}



.searchPage .mlist:not(.imagelink) .content_list .item_block {

    border: 1px solid rgba(170, 170, 170, 0.2);

    background-color: transparent;

    box-sizing: border-box;

}



.searchPage .mlist:not(.imagelink) .content_list .item_block .item_tags {

    padding: 15px;

}



.searchPage .mlist:not(.imagelink) .content_list .item_info .title {

    transition: all 0.36s ease;

    color: #333;

    font-size: 16px;

    line-height: 30px;

}



.searchPage .mlist:not(.imagelink) .content_list .item_info .subtitle {

    transition: all 0.36s ease;

    color: #777;

    font-size: 14px;

    line-height: 22px;

}



.searchPage .mlist:not(.imagelink) .content_list .date_wrap {

    transition: all 0.36s ease;

    font-size: 13px;

    line-height: 26px;

    color: #888;

}



.searchPage .mlist:not(.imagelink) .content_list .item_des {

    margin-top: 13px;

}



.searchPage .mlist:not(.imagelink) .content_list .item_des .description {

    transition: all 0.36s ease;

    font-size: 13px;

    line-height: 26px;

    height: 52px;

    overflow: hidden;

    color: #999;

}



.searchPage .mlist:not(.imagelink) .content_list .item_img {

    position: relative;

    overflow: hidden;

}



.searchPage .mlist:not(.imagelink) .content_list .item_img img {

    transition: all 0.36s ease;

    display: inline;

}



.searchPage .mlist:not(.imagelink) .content_list .item_wrapper .details {

    display: none;

}



.searchPage .mlist:not(.imagelink) .content_list .details {

    transition: all 0.36s ease;

    border: 1px solid rgba(170, 170, 170, 0.2);

    display: inline-block;

    font-size: 14px;

    line-height: 30px;

    color: #999;

    margin-left: 20px;

    margin-bottom: 30px;

    padding: 0 20px;

}



.searchPage .npagePage:not(.post) .module .module_container .container_content {

    padding-top: 0;

}



.searchPage .mlist.search .content_list .item_block:hover .item_box .item_info {

    color: rgba(188, 25, 46, 1);

}



.searchPage .mlist.search .content_list .item_block .details {

    transition: 0.36s ease;

}



.searchPage .mlist.search .content_list .item_block:hover .details {

    background-color: rgba(188, 25, 46, 1);

    border-color: rgba(188, 25, 46, 1);

    color: #fff;

}



.searchPage .mlist.search .content_list .item_block .fa {

    margin-left: 8px;

}



.searchPage .mlist.search .content_list .item_block {

    cursor: pointer;

    border-width: 0 0 1px 0;

    padding-top: 30px;

}



.searchPage .mlist.search .content_list .item_block:last-child {

    border: none;

}



.searchPage .mlist.search .content_list .item_block .item_box {

    display: block;

}



.searchPage .mlist.search .content_list .item_block .item_box::after {

    content: "";

    display: block;

    clear: both;

}



.searchPage .mlist.search .content_list .item_block .item_box .item_info {

    float: left;

    transition: 0.36s ease;

}



.searchPage .mlist.search .content_list .item_block .item_box .date_wrap {

    float: left;

    line-height: 30px;

    margin-left: 10px;

}



.searchPage .mlist.search .content_list .item_block .item_info .date_wrap {

    display: none;

}



.searchPage .mlist.search .content_list .item_block .item_des {

    clear: left;

}



.searchPage .mlist.search .content_list .item_block .item_des .description {

    height: auto;

    max-height: 52px;

}



.searchPage .mlist.search .content_list .item_block .details {

    margin-top: 20px;

    margin-left: 0;

}



#search-list {

    /* margin-top: 40px; */

}



#search-list input {

    width: 520px;

}



.searchPage #search-header {

    display: none !important;

}



.searchPage #footer {

    width: 100%;

    position: fixed;

    bottom: 0;

}



.searchPage .searchClose,.searchPage .searchOnOff {

    display: none;

}



.searchPage .searchFormGroup {

    position: relative;

    display: inline-block;

}



.searchPage .searchSub .fa {

    display: none;

}



.searchPage .searchSub {

    position: absolute;

    right: 0;

    top: 0;

    height: 34px;

    line-height: 34px;

    padding: 0 10px;

    cursor: pointer;

    color: #fff;

    background: #bc192e;

}



.searchPage .search_wrap {

    padding: 80px 0 60px;

}



.searchPage #page {

    padding-bottom: 0;

}



.searchPage #navWrapper #search-nav .search_wrap {

    display: none;

}



.searchPage .ff_pageList {

    padding-bottom: 0;

}



.agent-pc .en #mcontact #contactinfo div:after {

    content: 'Follow';

}



.agent-pc #indexPage .project .module_container {

    

      max-width: 100%;

    padding: 20px 80px;

}



#indexPage .mlist .container_header {

    

    min-height: 50px;

}



#indexPage .service .item_block, .npagePage:not(.post) .service .item_block {

    cursor: pointer;

}



#indexPage .module.service  .module_container {

    

    max-width: 100%;

    padding: 20px 80px;

}



.pages{height:26px;padding:5px 0;margin-top:5px;clear:both;text-align:center; font-size:12px;}

.pages:after{content:'.';clear:both;height:0;line-height:0;display:block;visibility:hidden}

.pages ul{padding:0;list-style:none;margin:0;text-align:center}

.pages li{margin-right:5px;display:inline-block}

.pages li a{padding:5px 10px;border:1px solid #e1e1e1;height:24px;line-height:24px;color:#666}

.pages li a:hover{border:1px solid #01458e;background:#e3120b;color:#fff;text-decoration:none}

.pages li span{border:1px solid #444;height:24px;line-height:24px;color:#888;padding:5px 10px}

.pages .current a{border:1px solid #e3120b;background:#e3120b;color:#fff}

@media screen and (max-width: 800px) {

body{min-width:100%}

#indexPage .project .item_block img, .npagePage:not(.post) .project .item_block img{width:100%;height:auto}

.npagePage {

    padding-bottom: 0;

}

#indexPage .project .item_block .item_info .title, .npagePage:not(.post) .project .item_block .item_info .title{font-size:14px}

#indexPage .project .item_block, .npagePage:not(.post) .project .item_block{margin-bottom:0}

.container_category a{padding: 8px;font-size:14px}





.flex a{width: 49%;  

    margin-right: 2%;}

.vid {

    height: 104px;margin: 20px 0;

}

.vid p {

    padding-top: 114px;

    font-size: 14px;

}



.flex a:nth-child(3n)   {

    margin-right: 2%;

}



.flex a:nth-child(2n) ,.flex a:nth-child(6)  {

    margin-right: 0;

}





}





@media screen and (max-width:480px) {

#indexPage .project .item_block img, .npagePage:not(.post) .project .item_block img{height:90px}

}





@media screen and (max-width:420px) {

#indexPage .project .item_block img, .npagePage:not(.post) .project .item_block img{height:80px}

}



@media screen and (max-width:380px) {

#indexPage .project .item_block img, .npagePage:not(.post) .project .item_block img{height:70px}

}