.mlist .module_container.wide {
    padding-left:20px;
    padding-right:20px
}
.mlist .content_list .item_block {
    margin-bottom:20px;
    animation-name: fadeInUp;
}
.mlist .content_list .item_block .content {
    transition:all .2s linear;
    position:relative;
    background-color:#fff
}
.agent-desktop .mlist .content_list .item_block:hover .content {
    box-shadow:0 7px 15px rgba(0, 0, 0, 0.1);
}
.agent-desktop .mlist .slider .content_list .item_block:hover .content {
    box-shadow:none
}
.mlist .content_list .item_block .title {
    font-size:16px;
    line-height:16px
}
.mlist .content_list .item_block .subtitle {
    font-size:13px;
    color: #939393;
    margin-top:3px
}
.mlistpost .module_container.wide {
    padding-left:0;
    padding-right:0
}
.mlistpost #postSlider .slider img {
    margin:0 auto
}
.mlistpost #postSlider .slider .bx-wrapper .bx-pager {
    bottom:20px
}
.mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a {
    border-color:rgba(255, 255, 255, .7)
}
.agent-desktop .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a.active, .mlistpost #postSlider .slider .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background-color:#fff;
    border-color:#fff
}
.mlistpost #postContent #postInfo {
    text-align:center;
    padding-bottom:25px;
    margin-bottom:25px;
    border-bottom: 1px dotted #d3d3d3;
}
.mlistpost #postContent #postInfo .title {
    font-size:16px
}
.mlistpost #postContent #postInfo .usetdate {
    font-size:13px;
    color: #939393;
    margin-top:3px
}
.mlistpost .postfooter .module_container {
    padding-top:40px;
    padding-bottom:40px;
    margin-top:40px;
    border-top: 1px dotted #d3d3d3;
    border-bottom: 1px dotted #d3d3d3;
}
.mlistpost #listContent .listtitle {
    text-align:center;
    padding:60px 0
}
.mlist.search .content_list .item_block .content {
    background:none
}
.agent-desktop .mlist .content_list .item_block:hover .content {
    box-shadow:none
}
.mlist.service .content_list .item_block .item_img_mask {
    width: 100%;
    height: 100%;
    left: -10px;
    top: -10px;
    border:#ffffff 10px solid;
    transition: all ease-out .2s;
}
.mlist.service .content_list .item_block .item_wrapper {
    padding: 38px 38px 46px 38px;
    text-align:center;
    transition: all linear .2s;
    transform:translate(0, 0)
}
.mlist.service .content_list .item_block .item_wrapper .description {
    font-size:13px;
    margin:20px 0 30px;
    color: #939393;
    height:48px;
    overflow:hidden;
    line-height:24px
}
.agent-desktop .mlist.service .content_list .item_block:hover .item_img_mask {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 0px;
    top: 0px;
}
.agent-desktop .mlist.service .content_list .item_block:hover .item_wrapper {
    transform:translate(0, -5px)
}
.agent-desktop .mlist.service .content_list .item_block:hover a.more {
    background: #0054a7;
    border-color:#0054a7;
    color:#fff
}
.mlist.project .content_list .item_block .item_img_mask {
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    opacity:0;
    transition: all 0.2s ease 0s;
}
.mlist.project .content_list .item_block .item_icon {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-63px;
    margin-top:40px;
    opacity:0;
    transition: all 0.3s ease 0s;
    font-size:0
}
.mlist.project .content_list .item_block .item_icon a {
    margin: 0 7px;
    height: 46px;
    width: 46px;
    display: inline-block;
    text-align:center;
    position:relative;
    float:left
}
.mlist.project .content_list .item_block .item_icon a:last-child {
    margin-left:14px
}
.mlist.project .content_list .item_block .item_icon a i {
    font-size:20px;
    top:14px;
    transition: all 0.2s ease 0s;
    position:relative;
    z-index:2
}
.mlist.project .content_list .item_block .item_icon a .item_icon_bg {
    border-radius: 50%;
    border: 2px solid transparent;
    background: #fff;
    height: 100%;
    width: 100%;
    transition: all 0.2s ease 0s;
    position:absolute;
    left:-2px;
    top:-2px
}
.agent-desktop .mlist.project .content_list .item_block .item_icon a:hover .item_icon_bg {
    background-color: transparent;
    border-color:#fff;
    color: #fff;
    transform: scale(1.2, 1.2);
}
.agent-desktop .mlist.project .content_list .item_block .item_icon a:hover i {
    color:#fff
}
.agent-desktop .mlist.project .content_list .item_block .item_img:hover .item_img_mask {
    opacity:1;
}
.agent-desktop .mlist.project .content_list .item_block .item_img:hover .item_icon {
    margin-top:-25px;
    opacity:1
}
.mlist.project .content_list .item_block .item_wrapper {
    padding: 25px 10px;
    text-align:center
}
#popup-module-slider {
    background-color:rgba(0, 0, 0, .9);
    overflow:hidden
}
#popup-module-slider .fixed-container, #popup-module-slider .fixed-container .module {
    background:none;
    width:100%;
}
#popup-module-slider .fixed-container .mlist .module_container.wide {
    padding-top:20px;
    padding-bottom:20px
}
#popup-module-slider .fixed-container #postSlider {
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
}
#popup-module-slider .fixed-container .bx-wrapper .bx-loading {
    background-color:transparent
}
#popup-module-slider .fixed-container .bx-wrapper .bx-viewport {
    max-width:90%;
    margin:0 auto
}
#popup-module-slider .fixed-container .bx-wrapper img {
    margin:0 auto;
    max-height:calc(100vh - 42px)
}
#popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a {
    background-color:transparent;
    background-color:rgba(255, 255, 255, .2);
    border-radius:20px;
    transition:all ease-out .2s
}
.agent-desktop #popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a:hover {
    background-color:rgba(255, 255, 255, .4);
}
#popup-module-slider .fixed-container .bx-wrapper .bx-controls-direction a i {
    color:#fff
}
.mlistpost.project > .module_container {
    padding-top:0
}
.mlistpost.project #postSlider {
    margin-bottom:25px
}
.mlistpost.project .content_list li img {
    max-width:100%;
    display:block;
    margin:0 auto
}
.mlistpost.project #postContent #postInfo {
    max-width:1170px;
    margin-left:auto;
    margin-right:auto
}
.mlist.event .module_container.wide {
    padding-left:0;
    padding-right:0
}
.mlist.event .content_wrapper {
    position:relative;
    height:230px;
    overflow:hidden;
    width:100%
}
.mlist.event .content_wrapper .content_list {
    position:relative;
    height:100%
}
.mlist.event .content_list .item_block .content {
    background:none;
    position:relative
}
.agent-desktop .mlist.event .content_list .item_block:hover .content {
    box-shadow:none
}
.mlist.event .content_list .item_block .content .item_date {
    line-height:20px;
    font-size:14px;
    color:#232323;
    width:80px;
    float:left;
    text-align:right
}
.mlist.event .content_list .item_block .content .item_wrapper {
    margin-left:133px;
    margin-bottom:20px
}
.mlist.event .content_list .item_block:last-child .content .item_wrapper {
    margin-bottom:0
}
.mlist.event .content_list .item_block .content .item_wrapper .title {
    transition:all .3s ease-out;
    text-align:left;
    font-size:13px;
    color:#666
}
.npagePage .mlist.event .content_wrapper {
    height:auto;
    max-width:900px;
    margin:0 auto
}
.npagePage .mlist.event .content_wrapper .content_list:before {
    position:absolute;
    width:1px;
    height:100%;
    background-color:#c1c1c1;
    content:'';
    top:8px;
    left:105px
}
.npagePage .mlist.event .content_list .item_block .content .item_date {
    color:#939393
}
.npagePage .mlist.event .content_list .item_block .content .point {
    width:5px;
    height:5px;
    border-radius:2px;
    background-color:#939393;
    float:left;
    margin-left:23px;
    margin-top:8px;
    transition:all .3s ease
}
.npagePage .mlist.event .content_list .item_block .content .item_wrapper .title {
    color:#6f6f6f;
    transition:all .3s ease
}
.npagePage .mlist.event .content_list .item_block:hover .content .point {
    background-color:#c1c1c1
}
.npagePage .mlist.event .content_list .item_block:hover .content .item_wrapper .title {
    color:#232323;
}
.mlist.event .content_wrapper > .line {
    position:absolute;
    width:100%;
    height:2px;
    background-color:#c1c1c1;
    content:'';
    top:115px;
    left:0;
}
.mlist.event .content_list.timeline:before {
    position:absolute;
    width:100%;
    height:2px;
    background-color:#c1c1c1;
    content:'';
    top:115px;
    left:0
}
.mlist.event .content_list.timeline.appear {
    transition:all 3s ease-out .3s;
}
.mlist.event .content_list.timeline .mask {
    position:absolute;
    left:0;
    background:#f7f7f7;
    width:100%;
    height:100%;
    overflow:hidden
}
.mlist.event .content_list.timeline.appear .mask {
    transition:all 5s ease-out;
}
.mlist.event .content_list.timeline.appear.leminw .mask {
    transition-duration:1.5s
}
.mlist.event .content_list.timeline.mousedrag {
    transition:all 0.5s cubic-bezier(0.165, 0.74, 0.34, 1);
    cursor:move
}
.mlist.event .content_list.timeline.mousedrag.draging {
    transition:all 0s ease-out
}
.mlist.event .content_list.timeline .item_block {
    width:340px;
    float:left
}
.mlist.event .content_list.timeline .item_block .content {
    text-align:center;
    height:230px
}
.mlist.event .content_list.timeline .item_block .content .item_date {
    position:absolute;
    top:50%;
    width:100%;
    text-align:center;
    margin-top:-35px
}
.mlist.event .content_list.timeline .item_block .item_wrapper {
    margin-left:0;
    margin-bottom:0;
    padding:10px 20px;
    position:absolute;
    top:50%;
    margin-top:40px;
    left:20px;
    right:20px;
    box-sizing:border-box;
    transition:all .6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-color:#fff;
    animation-name:flipInX;
}
.mlist.event .content_list.timeline .item_block:nth-child(even) .content .item_date {
    margin-top:16px
}
.mlist.event .content_list.timeline .item_block:nth-child(even) .content .item_wrapper {
    margin-top:-115px
}
.mlist.event .content_list.timeline .item_block .content .point {
    width:24px;
    height:24px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-12px;
    margin-top:-11px
}
.mlist.event .content_list.timeline .item_block .content .point .bg {
    width: 24px;
    height: 24px;
    background:#c1c1c1;
    border-radius: 50%;
    transition: all 0.3s cubic-bezier(0.475, -0.685, 0.72, 1.175);
    position:absolute;
    top:0;
    left:0;
    transform:scale(0, 0)
}
.mlist.event .content_list.timeline .item_block .content .point .front {
    background: #fff;
    width: 10px;
    border: 3px solid #c1c1c1;
    height: 10px;
    top: 4px;
    left:4px;
    border-radius: 50%;
    transition: all 0.3s ease-out;
    position:absolute
}
.agent-desktop .mlist.event .content_list.timeline .item_block:hover .content .point .bg {
    transform:scale(1, 1)
}
.agent-desktop .mlist.event .content_list.timeline .item_block:hover .content .point .front {
    border-color:#fff
}
.mlist.event .content_list.timeline .item_block:hover .content .item_wrapper .title {
    color:#fff
}
.mlist.event .content_list.timeline .item_block:hover .content .item_wrapper .subtitle {
    color:#f0f0f0
}
.mlist.event .content_list.timeline .item_block:hover .content .item_wrapper {
    background-color:#232323
}
.mlist.news .content_list .item_block .item_date {
    position:absolute;
    left:0;
    bottom:0;
    padding:10px;
    background:#fff;
    font-size:12px;
    color:#939393;
    font-family: HELVETICANEUELTPRO-THEX, Arial
}
.mlist.news .content_list .item_block .item_wrapper {
    padding: 38px
}
.mlist.news .content_list .item_block .item_wrapper .line {
    width:100%;
    height:1px;
    background:#dbdbdb;
    margin:20px 0;
}
.mlist.news .content_list .item_block .item_wrapper .line div {
    transition: all 0.3s ease 0s;
    width:0;
    height:1px;
    background:#f28003;
}
.mlist.news .content_list .item_block:hover a{ color:#f28003;}
.agent-desktop .mlist.news .content_list .item_block:hover .item_wrapper .line div {
    width:100%;
}
.mlist.news .content_list .item_block .item_wrapper .description {
    font-size:13px;
    color: #939393;
    height:48px;
    line-height:24px;
    position:relative;
    overflow:hidden
}
.mlist.team .content_list .item_block .content {
    background:none
}
.agent-desktop .mlist.team .content_list .item_block:hover .content {
    box-shadow:none
}
.mlist.team .content_list .item_block .item_img {
    overflow:inherit
}
.mlist.team .content_list .item_block .item_img_mask {
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    opacity:0;
    transition: all 0.2s ease 0s;
}
.mlist.team .content_list .item_block .item_img_summary {
    margin-top:25px;
    position:absolute;
    top:100%;
    width:100%;
    height:44px;
    transition: all 0.4s ease 0s;
}
.mlist.team .content_list .item_block .item_img_summary p {
    text-align:center;
    transition: all 0.4s ease 0s;
}
.mlist.team .content_list .item_block .item_wrapper {
    transition: all 0.3s ease 0s;
    padding:0px 10px 20px 10px;
    top:-23px;
    position:relative;
    opacity:0;
    border-bottom:#dbdbdb 1px solid;
}
.mlist.team .content_list .item_block .item_wrapper .description {
    font-size:13px;
    color: #232323;
    height:48px;
    overflow:hidden;
    line-height:24px;
    text-align:center
}
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_mask {
    opacity:1
}
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_summary {
    top:50%;
    margin-top:-22px
}
.agent-desktop .mlist.team .content_list .item_block:hover .item_img_summary p {
    color:#fff
}
.agent-desktop .mlist.team .content_list .item_block:hover .item_wrapper {
    opacity:1;
    top:23px
}
.mlistpost.team #postContent #postInfo {
    text-align:left;
    padding-bottom:12px;
    margin-bottom:25px;
    border-bottom: 1px dotted #d3d3d3;
}
.mlistpost.team #postContent #postInfo .subtitle {
    font-size: 13px;
    color: #939393;
    margin-top:4px
}
.mlistpost.team .row.gutter {
    margin: 0 -15px;
}
.mlistpost.team .row.gutter > [class*="col-"] {
    padding-left:15px;
    padding-right:15px
}
.mlist.videom .content_list .item_block .item_img_mask {
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    opacity:0;
    transition: all 0.2s ease 0s;
}
.mlist.videom .content_list .item_block .item_icon {
    position:absolute;
    left:50%;
    top:50%;
    transition: all .3s ease 0s;
    font-size:0;
    transform:translate3d(-50%, calc(100% + 35px), 0);
}
.mlist.videom .content_list .item_block .item_icon svg {
    transform:scale(.8, .8);
}
.mlist.videom .content_list .item_block .item_icon circle {
    fill:none;
    stroke-width: 3;
    stroke:rgba(255, 255, 255, .3);
}
.mlist.videom .content_list .item_block .item_icon circle.progress {
    stroke: #fff;
    stroke-dasharray: 238.76104;
    stroke-dashoffset: 238.76104;
    transition:all cubic-bezier(.16, .57, 0, .76) 1s .2s
}
.mlist.videom .content_list .item_block .item_icon polygon {
    fill:rgba(255, 255, 255, .3);
    transition:all ease .6s .2s
}
.agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_img_mask {
    opacity:1;
}
.agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon {
    transform:translate3d(-50%, -50%, 0);
}
.agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon svg {
}
.agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon circle.progress {
    stroke-dashoffset:0
}
.agent-desktop .mlist.videom .content_list .item_block .item_img:hover .item_icon polygon {
    fill:rgba(255, 255, 255, 1);
}
.mlist.videom .content_list .item_block .item_wrapper {
    padding: 25px 10px;
    text-align:center
}
@keyframes popupMp4BgfadeIn {
    0% {
        background-color:rgba(0, 0, 0, 0)
    }
    100% {
        background-color:rgba(0, 0, 0, 1)
    }
}
#popup-mp4 {
    background-color:rgba(0, 0, 0, 0);
    animation:ease popupMp4BgfadeIn .5s forwards
}
#popup-mp4 .fixed-container {
    background-color:#232323
}
.mlist.service .content_list .item_block .item_img {
    padding-bottom:66.666%;
}
.mlist.project .content_list .item_block .item_img {
    padding-bottom:81.333%;
}
.mlist.news .content_list .item_block .item_img {
    padding-bottom:73.666%;
}
.mlist.team .content_list .item_block .item_img {
    padding-bottom:126.666%;
}
.mlist.imagelink .content_list .item_block .item_img {
    padding-bottom:50%;
}
.mlist.videom .content_list .item_block .item_img {
    padding-bottom:66.666%;
}
@media screen and (max-width:1025px) {
    .mlist .module_container.wide {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media screen and (max-width:769px) {
    .mlist .module_container.wide {
        padding-left:0px;
        padding-right:0px
    }
    .mlist .content_list .item_block {
        margin-bottom:10px
    }
    .mlist.news .content_list .item_block .item_wrapper {
        padding:10px
    }
    .mlist.news .content_list .item_block .item_wrapper .line {
        margin-top:12px;
        margin-bottom:12px
    }
    .mlist.service .content_list .item_block .item_wrapper {
        padding: 15px 10px;
    }
    .mlist.service .content_list .item_block .item_wrapper .description {
        margin: 10px 0 10px;
    }
    .mlist.project .content_list .item_block .item_wrapper {
        padding:15px 10px 18px 10px
    }
    .mlist.team .content_list .item_block .item_img_summary {
        margin-top:15px
    }
    .mlist.team .content_list .item_block .item_wrapper {
        padding-bottom:15px
    }
    .mlistpost.team .module_container {
        padding-top:0
    }
    .mlistpost.team #postSlider {
        margin-left:-10px;
        margin-right:-10px
    }
    .mlistpost.team #postContent #postInfo {
        margin-top:15px
    }
    .mlistpost #postContent .row.gutter > [class*="col-"] {
        width:100%
    }
    .mlistpost .postfooter .module_container {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .mlistpost .postfooter .module_container .fr {
        float:left
    }
    .mlistpost .postfooter .module_container .tags {
        width:100%
    }
    .mlistpost #listContent .row.gutter > [class*="col-"] {
        width:50%
    }
    .shareicon {
        float:left;
        margin-top:10px
    }
    .mlistpost #listContent .listtitle {
        padding-top:30px;
        padding-bottom:30px
    }
    .pageEditor .row.gutter {
        margin: 0 -10px;
    }
    .pageEditor .row.gutter > [class*="col-"] {
        padding-left:10px;
        padding-right:10px
    }
    .module.yyform .form_item {
        margin-bottom:20px;
        width:100%
    }
}