.mlist .module_container.wide { padding-left: 20px; padding-right: 20px }
.mlist .content_list .item_block { margin-bottom: 25px; animation-name: fadeInUp; }
.mlist .content_list .item_block .content { transition: all .2s linear; position: relative; background-color: #fff }
.mlist .content_list .item_block .content11 { box-shadow: 0 0px 2px rgba(0,0,0,0.1);padding:2px; transition: all .2s linear; position: relative;border:0 solid #fff; background-color: #fff }
.mlist .content_list .item_block .content11:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.4); border:0 solid #ddd;background:#d22424;transition: .4s; transform: translate3d(0, -4px, 0); }
.agent-desktop .mlist .content_list .item_block:hover .content { box-shadow: 0 7px 10px rgba(0,0,0,0.1); }
.agent-desktop .mlist .content_list .item_block:hover .content11 .title{color:#fff;}
 .agent-desktop .mlist .content_list .item_block:hover .content11 .item_img{}
.agent-desktop .mlist .slider .content_list .item_block:hover .content { box-shadow: none }
.mlist .content_list .item_block .title { font-size: 15px; font-weight: 500; line-height: 25px;overflow:hidden;color:#666; }
.mlist .content_list .item_block .title1{ font-size: 15px; font-weight: 500; line-height: 25px;height:50px;overflow:hidden;color:#666; }

.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 .title { text-align: left; font-size: 26px; font-weight: bold; position: relative; z-index: 2; }
.mlistpost #postContent #postInfo .title span{  font-size: 16px; font-weight: normal;color:#666 }

.mlistpost #postContent #postInfo::before { content: ''; position: absolute; width: 100%; height: 180px; background-color: #f8f8f8; top: -47px; left: 0; z-index: 0; }
.mlistpost #postContent #postInfo{ border: none; padding-top: 50px; }


.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%; position: absolute; left: -10px; top: -10px; border: #f7f7f7 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); background: #f9f9f9 }
.mlist.service .content_list .item_block .item_wrapper .description { font-size: 13px; margin: 15px 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: #232323; border-color: #232323; 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: 17px 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; top: 0; width: 100%; height: 100%; }
.mlist.news .content_list .item_block .item_img { }
.mlist.news .content_list .item_block .item_wrapper { padding: 20px 20px 25px 20px }
.mlist.news .content_list .item_block .item_wrapper .line { width: 100%; height: 1px; background: #dbdbdb; margin: 15px 0 0 0; }
.mlist.news .content_list .item_block .item_wrapper .line div { transition: all 0.3s ease 0s; width: 0; height: 1px; background: #777; }
.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
}

.mlistpost.project #postContent #newsInfo {margin-bottom:30px;}
.mlistpost.project #postContent #newsInfo .title{ text-align: center; font-size:28px;padding: 15px 0; margin-bottom: 10px; border-bottom: 1px dotted #d3d3d3; }
.mlistpost.project #postContent #newsInfo .subtitle { font-size: 13px; text-align: center;color: #939393; margin-top: 0 }


.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: 65%; }
.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% }
}