@import"style.1807.css"; :-moz-placeholder { color: #848586 } ::-moz-placeholder { color: #848586 } input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #848586 } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #848586 } #moduleControl a.moduleCItem { position: relative; width: 4px; height: 4px; border-radius: 100%; background: #434445; margin-bottom: 18px; text-indent: 0; border: 2px solid transparent } #moduleControl a.moduleCItem span { opacity: 0; position: absolute; top: 50%; left: -16px; height: 0; width: 4px; margin-top: -1px; border-top: 1px solid #6f6f6f; -webkit-transition: all .36s ease; transition: all .6s ease 0s } #moduleControl a.moduleCItem.active,#moduleControl a.moduleCItem:hover { border: 2px solid #fff; width: 4px; height: 4px; background: 0 0; padding: 0 } #moduleControl a.moduleCItem.active span,#moduleControl a.moduleCItem:hover span { opacity: 1 } #moduleControl a.moduleCItem.active:before,#moduleControl a.moduleCItem:hover:before { opacity: 1 } #moduleControl a.moduleCItem:before { opacity: 0; -webkit-transition: all .36s ease; transition: all .36s ease } #moduleControl a.moduleCItem:nth-of-type(1):before { content: "01"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(2):before { content: "02"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(3):before { content: "03"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(4):before { content: "04"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(5):before { content: "05"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(6):before { content: "06"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(7):before { content: "07"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(8):before { content: "08"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(9):before { content: "09"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(10):before { content: "10"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(11):before { content: "11"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } #moduleControl a.moduleCItem:nth-of-type(12):before { content: "12"; position: absolute; top: -4px; left: -32px; font-size: 12px; color: #a9a9a9; line-height: 12px } .module .module_container { max-width: 1920px } .agent-pc #mcontact .container_content { max-width: 100% } .agent-pc #mcontact.module .module_container { width: 100% } .agent-pc .mlist.team_tabs .tab_content li .wrapper { overflow: hidden } .agent-pc .mlist.team_tabs .tab_content li .item_img { width: auto; height: auto; margin: 0; float: none } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper { box-sizing: border-box; padding-top: 38px } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info { width: 410px; height: 118px; padding-top: 0 } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info .title { position: relative; padding-left: 40px; font-size: 16px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .agent-pc .mlist.team_tabs .tab_content li:hover .item_wrapper .item_info .title { padding-left: 100px } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info .title:before { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 0; height: 0; width: 40px; border-top: 1px solid #fff; width: 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .agent-pc .mlist.team_tabs .tab_content li:hover .item_wrapper .item_info .title::before { width: 70px } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info .description { font-size: 12px; padding: 0; padding-left: 40px; line-height: 20px; margin-top: 10px; max-height: 150px; height: 40px; overflow: hidden; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; width: 460px } .agent-pc .mlist.team_tabs .tab_content li:hover .item_wrapper .item_info .description { padding-left: 100px } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info .description>div { width: auto } .agent-pc .mlist.team_tabs .tab_content li .item_wrapper .item_info:after { display: none } .agent-pc .mlist.team_tabs .tab_button { padding-top: 0 } .agent-pc .mlist.team_tabs .tab_button li { padding: 20px 0 0 20px; box-sizing: border-box; height: 110px; background: #292929; -webkit-transition: all .36s ease; transition: all .36s ease; margin-bottom: 10px } .agent-pc .mlist.team_tabs .tab_button li .item_img { width: 140px; height: 70px; display: inline-block; margin: 0 } .agent-pc .mlist.team_tabs .tab_button li .item_img img { border-radius: 0; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } .agent-pc .mlist.team_tabs .tab_button li:hover .item_img img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } .agent-pc .mlist.team_tabs .tab_button li .item_img:after { display: none } .agent-pc .mlist.team_tabs .tab_button li .item_wrapper { display: inline-block; width: 220px } .agent-pc .mlist.team_tabs .tab_button li .item_wrapper .item_info { margin-left: 18px; height: 70px; overflow: hidden; padding: 0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .agent-pc .mlist.team_tabs .tab_button li .item_wrapper .item_info:hover { -webkit-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px) } .agent-pc .mlist.team_tabs .tab_button li .item_wrapper .item_info p.title { margin-top: 0; margin-bottom: 10px; text-align: left; width: 210px } .agent-pc .mlist.team_tabs .tab_button li .item_wrapper .item_info p.subtitle { text-align: left; line-height: 20px; height: 40px } .agent-pc .mlist.team_tabs .tab_button li.active,.agent-pc .mlist.team_tabs .tab_button li:hover { background-color: #363636 } .agent-pc .mlist.team_tabs .tab_button li:nth-of-type(4) { -webkit-animation-delay: .4s!important; animation-delay: .4s!important } .agent-pc .mlist.team_tabs .tab_button li:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)) { visibility: visible!important } .agent-pc .mlist.team_tabs .tab_button .icon { display: none } .agent-pc #indexPage #mcontact { min-height: 888px; background: #1e1e1e; background-position: center center } .agent-pc #indexPage #mcontact .container_header { visibility: visible!important; padding-left: 42px; position: relative } .agent-pc #indexPage #mcontact .container_header .title { vertical-align: baseline; font-size: 20px; line-height: 22px } .agent-pc #indexPage #mcontact .container_header .subtitle { vertical-align: baseline; font-size: 12px; line-height: 14px; color: #7a7b7b } .agent-pc #indexPage #mcontact .container_header:before { content: ""; position: absolute; left: 0; bottom: -18px; width: 90px; border-top: 1px solid rgba(58, 58, 58, .68) } .agent-pc #indexPage #mcontact .container_content { position: absolute; bottom: 0; width: 100%; box-sizing: border-box; padding: 48px 98px 52px 40px; background: #202020 } .agent-pc #indexPage #mcontact .container_content #contactlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .agent-pc #indexPage #mcontact .container_content #contactlist #contactinfo { box-sizing: border-box; visibility: visible!important; width: 1px; -webkit-box-flex: 405; -webkit-flex: 405 0 auto; -ms-flex: 405 0 auto; flex: 405 0 auto; padding-top: 34px } .agent-pc #indexPage #mcontact .container_content #contactlist #contactinfo h3 { margin-bottom: 32px } .agent-pc #indexPage #mcontact .container_content #contactlist #contactinfo p { float: none; font-size: 14px; margin-top: 9px } .agent-pc #indexPage #mcontact .container_content #contactlist #contactinfo div { position: static; margin-top: 20px } .agent-pc #indexPage #mcontact .container_content #contactlist #contactinfo div:after { display: none } .agent-pc #indexPage #mcontact .container_content #contactlist #contactform { visibility: visible!important; width: 1px; -webkit-box-flex: 800; -webkit-flex: 800 0 auto; -ms-flex: 800 0 auto; flex: 800 0 auto; position: static; margin: 0; max-width: none } .agent-pc #indexPage #mcontact .container_content #contactlist #contactform .inputtxt { color: #848586 } .agent-pc #indexPage #mcontact .container_content #contactlist #contactform .submit { width: 220px; height: 46px; border: 1px solid #2f3031 } .agent-pc #indexPage #mcontact .container_content #contactlist #contactform textarea { padding: 0; height: 108px; margin-bottom: 66px } .agent-pc #indexPage #mcontact .container_content #contactlist .clear { display: none } .agent-pc #mcontact.module .module_container { padding: 90px 5px 90px } .agent-pc #indexPage #contactlist #contactform { display: block } .agent-pc #indexPage .module.imagelink .container_content { padding: 250px 0 200px; position: relative; max-width: 1200px; margin: 0 auto } .agent-pc #indexPage .module.imagelink .container_content .bx-wrapper .bx-pager.bx-default-pager { display: block } .agent-pc #indexPage .module.imagelink .container_content .bx-wrapper .bx-controls-direction { display: none } .agent-pc .service .item_block { width: 20%; margin-right: 0 } .agent-pc .service .subtitle { color: #7e7f7f } .agent-pc .service .item_wrapper:after { display: none } .agent-pc .service .bx-controls-direction { position: absolute; top: 50%; right: -70px; width: 46px; height: 92px; margin-top: -46px } .agent-pc .service .bx-pager { display: none } .agent-pc .project .item_block { width: 24% } .agent-pc #sitecontent .project .item_block:hover .title { color: #fff } .agent-pc #sitecontent .project .item_block:hover .subtitle { color: #6e7071 } .agent-pc #sitecontent #indexPage .news .module_container .container_content .bx-wrapper { margin-top: -80px } .agent-pc .news .content_list:before { display: none } .agent-pc .news .content_list .item_block { width: calc(33.3% - 20px); margin-right: 20px; border: none; margin-left: 0; margin-bottom: 20px } .agent-pc .news .content_list .item_block .item_wrapper { -webkit-transition: all .36s ease; transition: all .36s ease; margin-left: 0; padding: 74px 26px } .agent-pc .news .content_list .item_block .date_wrap { text-align: left } .agent-pc .news .content_list .item_block:after { display: none } .agent-pc .news .content_list .item_img { position: relative; display: block } .agent-pc .news .content_list .item_img img { width: 100% } .agent-pc .news .content_list .item_box .item_wrapper { box-sizing: border-box; height: 100%; padding-right: 30px } .agent-pc .news .content_list .item_box .item_wrapper .date_wrap { float: left; text-align: left; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc .news .content_list .item_box .item_wrapper .date_wrap .year { font-size: 20px; display: inline; margin-left: 0; position: static } .agent-pc .news .content_list .item_box .item_wrapper .date_wrap .md { display: inline; padding-bottom: 0; padding-left: 4px; font-size: 12px } .agent-pc .news .content_list .item_box .item_wrapper .item_info { width: 100% } .agent-pc .news .content_list .item_box .item_wrapper .item_info .title { -webkit-transition: all .36s ease; transition: all .36s ease; padding-top: 0; padding-bottom: 0; font-size: 15px; line-height: 45px } .agent-pc .news .content_list .item_box .item_wrapper .item_des { float: none; line-height: 20px } .agent-pc .news .content_list .item_box .item_wrapper .item_des .description { -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc .news .content_list a.details { display: block; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%; height: 90px; padding-left: 26px; line-height: 90px; color: #d6d6d6 } .agent-pc .news .content_list a.details i { opacity: 0; -webkit-transition: all .36s ease; transition: all .36s ease; position: absolute; top: 24px; right: -42px; width: 44px; height: 44px; border: 1px solid #2e2e2e; border-radius: 100%; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0 } .agent-pc .news .content_list a.details i:before { content: "\E907"; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; line-height: 14px; font-size: 14px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 44px; color: #fff } .agent-pc .news .bx-wrapper { margin-top: 300px } .agent-pc .news .content_list a.details:after { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 0; -webkit-transition: all .36s ease; transition: all .36s ease; width: 0; margin-left: 31px; height: 1px; background-color: #fff; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .agent-pc .npagePage .news .content_list a.details:after { width: 83%; background-color: #2d2d2d } .agent-pc .team .content_list .item_block { width: 100% } .agent-pc .team .content_list .item_block .item_box .item_wrapper .description { display: block; width: 540px; height: 50px; overflow: hidden } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_wrapper .description { margin-top: 24px } .agent-pc .team .content_list .item_block:hover .details { left: 396px } .agent-pc .team .content_list .item_block a.details::after { content: ""; display: block; width: 0; height: 24px; background-color: #363636; position: absolute; top: 0; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; z-index: -1 } .agent-pc .team .content_list .item_block:hover a.details::after { width: 100% } .agent-pc .team .bx-wrapper .bx-controls .bx-pager { display: block; bottom: 45px } .agent-pc .team .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { margin: 0 8px; width: 8px; height: 8px; -webkit-transition: all .36s ease; transition: all .36s ease; border: 1px solid transparent } .agent-pc .team .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background: 0 0; border-color: #f4f4f4 } #header { background: #0f0f11; height: 60px!important } #header.mini { height: 60px!important; -webkit-transition: none!important; transition: none!important } #header .nav { height: 53px; padding-right: 15px } #header .nav .navitem { height: 100%; margin-left: 10px } #header .nav .navitem>a { height: calc(100% + 2px); position: relative } #header .nav .navitem>a span:after { color: #fff } #header .nav .navitem>a:before { opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; bottom: 1px; left: 0; right: 0; margin: 0 auto; position: absolute; content: ""; width: 0; height: 1px; left: 50%; background-color: #fff } #header .nav .navitem>a.active::before,#header .nav .navitem>a:hover::before { opacity: 1; width: 90%; left: 5% } #header .nav .navitem>a:last-child:after { display: none } .gh0 #sitecontent { padding-top: 60px } .gh0 #header .wrapper { padding-top: 0; height: 100% } .gh0 #header #headTop { float: left; height: 100% } .gh0 #header #logo { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .gh0 #header #navWrapper { height: 100% } .gh0 #header #navWrapper .nav { height: 100% } .gh0 #header #navWrapper .nav .navitem>a { line-height: 60px } .gh0 #header.mini { height: 60px } .gh0 #header.mini .wrapper { padding-top: 0; height: 100% } .gh0 #header.mini #navWrapper { height: 100% } .gh0 #header.mini #navWrapper .nav { height: 100% } .gh0 #header.mini #navWrapper .nav .navitem>a { line-height: 60px } .singlescreen #header .wrapper { padding-top: 0; height: 100% } .singlescreen #header #headTop { float: left; height: 100% } .singlescreen #header #logo { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .singlescreen #header #navWrapper { height: 100% } .singlescreen #header #navWrapper .nav { height: 100% } .singlescreen #header #navWrapper .nav .navitem>a { line-height: 60px } .singlescreen #sitecontent { padding-top: 60px } .singlescreen #sitecontent #indexPage #mcontact { min-height: 724px } .singlescreen #sitecontent #indexPage #mcontact.module .module_container { position: absolute; top: 100px; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0 } .singlescreen #sitecontent #indexPage .ad01 .module_container { padding: 0 } .singlescreen #sitecontent #indexPage .ad01 .module_container .container_content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .singlescreen #sitecontent #indexPage .ad01 .module_container .container_header { top: -80px; padding: 0 } .singlescreen #sitecontent #indexPage .team_tabs .module_container { padding: 0; height: auto } .singlescreen #sitecontent #indexPage .team_tabs .module_container .container_header { top: -80px; padding: 0 } .singlescreen #sitecontent #indexPage .project .module_container .content_wrapper { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .singlescreen #sitecontent #indexPage .project .module_container .container_content .content_wrapper { padding-top: 220px; padding-bottom: 140px } .singlescreen #sitecontent #indexPage .news .module_container .container_content { margin: 0 auto; padding-top: 160px } .singlescreen #sitecontent #indexPage .news .module_container .container_content .content_wrapper:after { content: ""; position: absolute; left: -1000px; right: -1000px; bottom: 91px; height: 0; border-bottom: 1px solid #232425; z-index: -1 } .singlescreen #sitecontent #indexPage .mlist.imagelink .container_content { padding: 200px 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .singlescreen #sitecontent #indexPage .mcustomize .module_container { min-height: initial; height: 100% } .singlescreen #sitecontent #indexPage .mcustomize { background: initial initial; background-repeat: initial; background-attachment: initial } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction { position: absolute; top: 50%; width: 100%; height: 90px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a { width: 60px; height: 60px; padding: 0; margin: 0; top: 0; text-align: center; background: rgba(0, 0, 0, .6) } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a i { vertical-align: middle } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: 0; bottom: 0 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i { width: 100%; height: 100%; 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; content: "\E908" } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i::after { content: "\E908"; width: 60px; height: 60px; line-height: 60px; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; font-size: 26px; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); color: #656566 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i:hover::after { left: 60px; color: rgba(255, 255, 255, .1) } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i::before { content: "\E906"; width: 60px; height: 60px; line-height: 60px; position: absolute; left: 60px; top: 0; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0; font-size: 26px } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i:hover::before { left: 8px; opacity: 1; color: #fff } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { right: 0; bottom: 0 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i { width: 100%; height: 100%; 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 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i::after { content: "\E909"; width: 60px; height: 60px; line-height: 60px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 26px; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); color: #656566 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i:hover::after { color: rgba(255, 255, 255, .1); right: 60px } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i::before { content: "\E907"; width: 60px; height: 60px; line-height: 60px; position: absolute; right: 60px; top: 0; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 0; font-size: 26px } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i:hover::before { right: 6px; opacity: 1; color: #fff } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover { background: rgba(0, 0, 0, .9) } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-controls-direction a:hover i { opacity: 1 } #sitecontent #indexPage #topSlider .bx-wrapper .bx-controls .bx-helper { position: absolute; top: auto; right: 66px; bottom: 50% } #sitecontent #indexPage #topSlider .sliderArrow { display: none } #sitecontent #indexPage .mlist { background: #1e1e1e } #sitecontent #indexPage .mlist.imagelink .container_header { display: block } #sitecontent #indexPage .mlist.imagelink .content_list:after { content: ""; clear: both; display: block } #sitecontent #indexPage .mlist.imagelink .module_container { max-width: 100%; display: block } #sitecontent #indexPage .mlist.imagelink .module_container li { position: relative } #sitecontent #indexPage .mlist.imagelink .module_container li:before { content: ""; top: 0; left: -1px; bottom: 0; right: 0; border: 1px solid #404040; position: absolute } #sitecontent #indexPage .mlist .module_container { height: 100%; box-sizing: border-box; width: 100% } #sitecontent #indexPage .mlist .module_container .container_header { position: absolute; padding-top: 70px; padding-bottom: 14px; padding-left: 50px; margin-bottom: 44px; border-bottom: 1px solid rgba(58, 58, 58, .68) } #sitecontent #indexPage .mlist .module_container .container_header .title { vertical-align: baseline; font-size: 20px; line-height: 22px } #sitecontent #indexPage .mlist .module_container .container_header .subtitle { vertical-align: baseline; font-size: 12px; line-height: 14px; color: #7a7b7b } #sitecontent #indexPage .mlist .module_container .container_category { padding-top: 80px; padding-right: 50px; margin: 0; height: 26px; line-height: 26px } #sitecontent #indexPage .mlist .module_container .container_category a { padding: 6px 26px; margin-left: 3px; text-align: center; color: #717171; background: 0 0; font-weight: 200 } #sitecontent #indexPage .mlist .module_container .container_category a.active,#sitecontent #indexPage .mlist .module_container .container_category a:hover { color: #fff; background: #3b3b3b } #sitecontent #indexPage .mlist .module_container .container_category a:after { display: none } #sitecontent #indexPage .mlist .module_container .container_category a::before { content: "|"; position: relative; top: 0; left: -29px; color: #303030 } #sitecontent #indexPage .mlist .module_container .container_category a:nth-of-type(1)::before { display: none } #sitecontent #indexPage .mlist .module_container .container_content .content_wrapper .bx-pager { display: block } #sitecontent #indexPage .mlist .module_container .container_content .content_wrapper .bx-pager .bx-pager-item a { margin: 0 8px; width: 8px; height: 8px; -webkit-transition: all .36s ease; transition: all .36s ease; border: 1px solid transparent } #sitecontent #indexPage .mlist .module_container .container_content .content_wrapper .bx-pager .bx-pager-item a.active { background: 0 0; border-color: grey } #sitecontent #indexPage .mlist .module_container .container_content .content_wrapper .bx-controls-direction a { background: #141517 no-repeat center center } #sitecontent #indexPage .mlist .module_container .container_content .content_wrapper .bx-controls-direction a i:before { display: none } #sitecontent #indexPage .project .module_container .container_category { position: absolute; top: 0; right: 0; z-index: 10 } #sitecontent #indexPage .project .module_container .container_category .more { position: absolute; top: 0; left: 100%; width: 98px; height: 24px; border: 1px solid #414143; line-height: 500px; overflow: hidden } #sitecontent #indexPage .project .module_container .container_content { max-width: 100%; height: 100%; margin: 0 auto; position: relative } #sitecontent #indexPage .project .module_container .container_content .content_wrapper { position: relative; padding: 240px 40px 0 40px } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .more { display: none } #sitecontent #indexPage .project .module_container .container_content .content_wrapper { margin-bottom: 110px } #sitecontent #indexPage .project .module_container .container_content .content_wrapper { overflow: visible } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_img:before { display: none } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper { position: absolute; bottom: 0; opacity: 0; box-sizing: border-box; width: 100%; padding: 5px; background: rgba(38, 38, 38, .8); height: 100px } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info { box-sizing: border-box; height: auto; text-align: left; margin: 25px 90px 24px 0; line-height: 60px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; color: transparent; padding: 0; width: 80% } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper .item_info { margin: 25px 90px 24px 25px; color: #fff } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info .text_wrap { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info:before { content: ""; position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); border: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper::before { content: "\E907"; position: absolute; top: 50%; margin-top: -7px; right: -16px; width: 16px; height: 14px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; line-height: 14px; font-size: 16px; -webkit-font-smoothing: antialiased; color: #fff } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper::before { right: 34px } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper:after { display: none } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper { opacity: 1 } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block:hover .item_info:before { width: 96%; height: 80%; border-color: rgba(255, 255, 255, .4) } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-default-pager { position: absolute; bottom: -90px } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a { width: 60px; height: 60px; background-color: rgba(99, 99, 99, .22); background-repeat: no-repeat; background-position: center center } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a i { width: 100%; height: 100%; 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; margin: 0 } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-prev i::after { content: "\e908"; width: 60px; height: 60px; line-height: 60px; position: absolute; left: 0; top: 0; text-align: center; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1; font-size: 26px; color: rgba(255, 255, 255, .3) } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-prev i:hover::after { color: #fff } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-next i::after { content: "\e909"; width: 60px; height: 60px; line-height: 60px; position: absolute; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1; font-size: 26px; color: rgba(255, 255, 255, .3); text-align: center } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-next i:hover::after { color: #fff } #sitecontent #indexPage .service .module_container .content_wrapper { position: relative; max-width: 1050px; margin: 0 auto!important; padding-top: 30px } #sitecontent #indexPage .service .module_container .content_wrapper:before { content: ""; position: absolute; width: 100vw; left: 50%; bottom: 160px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); border-top: 1px solid #2c2d2f } #sitecontent #indexPage .service .module_container .content_wrapper .bx-wrapper { max-width: 100%!important; margin-top: 40px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_box:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: 100 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_wrapper { position: absolute; width: 100%; height: 110px; background: #17181a; box-sizing: border-box; padding: 0 10px; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_wrapper .item_info { position: relative; padding: 0; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_wrapper .item_info .title { position: relative; z-index: 10 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_wrapper .item_info .title:after { content: ""; position: absolute; width: 19px; margin: 0 auto; height: 0; border-bottom: 2px solid #5d5e5f } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block .item_wrapper .item_info .subtitle { opacity: 0; margin-top: 0; position: relative; z-index: 10; margin: 0 8px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(5) { -webkit-animation-delay: .4s!important; animation-delay: .4s!important } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(1):before { content: "01" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(2):before { content: "02" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(3):before { content: "03" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(4):before { content: "04" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(5):before { content: "05" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(6):before { content: "06" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(7):before { content: "07" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(8):before { content: "08" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(9):before { content: "09" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(10):before { content: "10" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(11):before { content: "11" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-of-type(12):before { content: "12" } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) { padding-bottom: 110px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1):before { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; z-index: 10; position: absolute; width: 100%; left: 0; right: 0; bottom: 22px; text-align: center; color: #5d5e5f; font-weight: 400; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1):hover:before { bottom: 30px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1):hover .item_wrapper { height: 120px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1):hover .item_wrapper .item_info { margin-top: 26px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) .item_wrapper { top: auto; bottom: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info { margin-top: 40px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title { padding-top: 10px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title:before { top: auto; bottom: -18px; left: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title:after { left: 0; right: 0; top: 0; bottom: auto } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) { padding-top: 110px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n):before { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; z-index: 10; position: absolute; width: 100%; left: 0; right: 0; top: 32px; text-align: center; color: #5d5e5f; font-weight: 400; -webkit-transition: all .36s ease; transition: all .36s ease; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n):hover .item_wrapper .item_info { margin: 42px 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n):hover:before { top: 24px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) .item_wrapper { top: 0; bottom: auto } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) .item_wrapper .item_info { margin-top: 50px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title { padding-bottom: 10px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title:before { top: -18px; bottom: auto; left: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title:after { left: 0; right: 0; top: auto; bottom: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:after { content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover .item_wrapper { background: #000; height: 120px } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover .item_wrapper .item_info .title { padding-bottom: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover .item_wrapper .item_info .title::after { opacity: 0 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover .item_wrapper .item_info .subtitle { opacity: 1 } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover:after { top: 10px; bottom: 10px; left: 10px; right: 10px; border-color: rgba(126, 127, 127, .6) } #sitecontent #indexPage .service .module_container .content_wrapper .content_list .item_block:hover:before { font-size: 60px; color: #1c1c1e } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a { position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 46px; height: 46px; text-align: center; background-color: #292929 } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a i { position: relative; line-height: 46px; margin: 0; color: #656566; width: 100%; height: 100%; 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 } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a.bx-prev i::after { content: "\e908"; width: 46px; height: 46px; position: absolute; top: 3px; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 18px; line-height: 46px; color: rgba(255, 255, 255, .3) } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a.bx-prev i:hover::after { color: #1e1e1e } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a.bx-next i::after { content: "\e909"; width: 46px; height: 46px; position: absolute; top: 3px; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 18px; line-height: 46px; color: rgba(255, 255, 255, .3) } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a.bx-next i:hover::after { color: #1e1e1e } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a:hover { background-color: #fff } #sitecontent #indexPage .service .module_container .content_wrapper .bx-controls .bx-controls-direction a:hover i { color: #1e1e1e } #sitecontent #indexPage .mcustomize { background: center center; background-repeat: no-repeat; background-attachment: fixed } #sitecontent #indexPage .mcustomize.horizontal { padding-top: 0 } #sitecontent #indexPage .mcustomize .container_content { top: 50%; transform: translateY(-50%); overflow: visible } #sitecontent #indexPage .mcustomize.horizontal .container_content .contentbody { margin-top: 0 } #sitecontent #indexPage .mcustomize .module_container { position: relative; width: 100%; max-width: 1820px; margin: 0; padding: 0 } #sitecontent #indexPage .mcustomize .module_container { min-height: 768px; height: 768px } #sitecontent #indexPage .mcustomize .module_container .container_content { position: relative; left: 0; width: 56%; height: 731px; background: #292929 } #sitecontent #indexPage .mcustomize .module_container .container_content { height: 86% } #sitecontent #indexPage .mcustomize .module_container .container_content { position: relative; left: 0; width: 56%; background: #292929 } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper { position: absolute; width: 100%; left: 0 } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .header { float: left; padding-left: 50px; padding-bottom: 15px; border-bottom: 1px solid rgba(58, 58, 58, .68) } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .header p { text-align: left } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .header p.title { font-size: 20px; line-height: 22px } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .header p.subtitle { font-size: 12px; line-height: 14px; color: #7a7b7b } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .description { visibility: visible!important; position: absolute; top: 432px; right: 164px; width: 466px; text-align: left; z-index: 1000 } #sitecontent #indexPage .mcustomize.horizontal.tlir .module_container .container_content .wrapper .description { right: 306px } #sitecontent #indexPage .mcustomize.horizontal .module_container .container_content .wrapper .description { top: 179px; background: #292929; right: -411px; width: 390px; height: 197px; box-sizing: border-box; padding: 50px 40px; overflow: hidden } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .description p { text-decoration: none } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .description p:not(:first-child) { padding-left: 0; border-left: 1px solid transparent; margin-top: 20px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .description p:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #sitecontent #indexPage .mcustomize .module_container .container_content .wrapper .description p:not(:first-child) { position: static; padding-left: 20px; transform: translateX(-20px) } #sitecontent #indexPage .mcustomize .module_container .container_content .description:hover p:not(:first-child) { padding-left: 20px; border-color: #454648 } #sitecontent #indexPage .mcustomize .module_container .container_content .description:hover p:not(:first-child) { transform: translateX(0); border-color: #454648 } #sitecontent #indexPage .mcustomize .module_container .container_content .mediabody { position: absolute; top: 168px; right: -100px; width: 738px; height: 218px; border: 1px solid rgba(190, 190, 190, .2); box-sizing: border-box; padding: 10px; margin-top: 0 } #sitecontent #indexPage .mcustomize.horizontal .module_container .container_content .mediabody { padding-right: 400px; width: 1128px; right: -422px } #sitecontent #indexPage .mcustomize.horizontal.tlir .module_container .container_content .mediabody { padding-left: 400px; padding-right: 10px } #sitecontent #indexPage .mcustomize .module_container .container_content .mediabody div { background-size: cover } #sitecontent #indexPage .team { background: #0c0d0f; background-repeat: no-repeat; background-attachment: fixed } #sitecontent #indexPage .team .module_container { padding-bottom: 0 } #sitecontent #indexPage .team .module_container .container_header { visibility: visible!important } #sitecontent #indexPage .team .module_container .container_header .subtitle { margin-bottom: 0 } #sitecontent #indexPage .team .module_container .container_category { position: absolute; right: 0; z-index: 9999 } #sitecontent #indexPage .team .module_container .container_content { height: 100%; padding: 200 0 } #sitecontent #indexPage .team .module_container .container_content .content_wrapper { position: relative; top: 0; left: 0; width: 100%; height: 100% } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper { position: relative; padding: 100px 0 250px } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls { position: relative } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a { margin-top: -212px; width: 46px; height: 46px; color: #5b5c5d; background-color: #202020 } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { left: auto; right: 0 } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a i { margin: 0; width: 100%; height: 100%; 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 } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a i::after { width: 46px; height: 46px; position: absolute; top: 2px; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 18px; line-height: 46px; color: rgba(255, 255, 255, .3); -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a i:hover::after { color: #1e1e1e } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev i::after { content: "\e908"; font-size: 18px; text-align: center } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-next i::after { content: "\e909"; font-size: 18px; text-align: center } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { left: 100%; right: auto } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-controls .bx-controls-direction a:hover { background-color: #fff } #sitecontent #indexPage .team .module_container .container_content .content_wrapper .bx-wrapper .bx-pager.bx-default-pager { position: absolute; margin: 0; bottom: 35px } #sitecontent #indexPage .team .bx-wrapper { max-width: 1050px!important } #sitecontent #indexPage .team .content_list .item_block { height: 340px } #sitecontent #indexPage .team .content_list .item_block .item_box { width: 220px } #sitecontent #indexPage .team .content_list .item_block .item_box .item_img { position: relative; margin-left: 60px; max-width: 220px; bottom: -5px } #sitecontent #indexPage .team .content_list .item_block .item_box .item_img:before { content: ""; position: absolute; top: 95px; left: 100%; width: 0; height: 0; border-top: 1px solid #fff; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .team .content_list .item_block .item_box:hover .item_img::before { width: 70px } #sitecontent #indexPage .team .content_list .item_block .item_box .item_wrapper { position: absolute; top: 27px; bottom: 75px; left: 0; padding: 60px 0 0 310px; width: 100%; z-index: -1; background: #292929; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .team .content_list .item_block .item_box:hover .item_wrapper { padding: 60px 0 0 370px } #sitecontent #indexPage .team .content_list .item_block .item_box .item_wrapper .item_info { box-sizing: border-box; position: absolute; top: 100%; left: 60px; width: 220px; background: #363636; padding: 20px; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .team .content_list .item_block .item_box .item_wrapper .item_info .text_wrap .title { margin: 0 } #sitecontent #indexPage .team .content_list .item_block .item_box .item_wrapper .item_info .text_wrap .subtitle { margin: 0 } #sitecontent #indexPage .news { background: #1e1e1e } #sitecontent #indexPage .news .module_container .container_header { position: absolute; top: 0; left: 0; padding-left: 51px; border: none; border-bottom: 1px solid rgba(58, 58, 58, .68) } #sitecontent #indexPage .news .module_container .container_category { position: absolute; top: 0; right: 0; z-index: 10 } #sitecontent #indexPage .news .module_container .container_category .more { position: absolute; top: 0; left: 100%; width: 98px; height: 24px; border: 1px solid #414143; line-height: 500px; overflow: hidden } #sitecontent #indexPage .news .module_container .container_content { height: 100%; max-width: 1179px; margin: 180px auto 0 } @media (min-width:500px) and (max-width:1400px) { #sitecontent #indexPage .news .module_container .container_content { height: 100%; max-width: 975px; margin: 180px auto 0 } } #sitecontent #indexPage .news .module_container .container_content .content_wrapper { position: relative; padding-top: 80px } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .more { display: none } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block .item_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #181818; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100% } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover .item_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 24, 24, .5) } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block a.details { background: #181818; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover a.details { background: rgba(23, 24, 26, .9) } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover a.details i { opacity: 1; right: 28px } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover a.details:after { width: 83%; border-color: #fff } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block a.details::before { content: ""; position: absolute; top: -1px; left: 0; right: 0; height: 0; -webkit-transition: all .36s ease; transition: all .36s ease; width: 83%; margin: 0 auto; height: 1px; background: #2d2d2d; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper { padding-top: 50px } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper .title { color: #fff } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .content_list .item_block:hover .item_wrapper .item_des .description { color: #fff } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-pager { display: none } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction { position: absolute; top: 56%; right: -70px; width: 46px; height: 92px; margin-top: 19px } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a { position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: 0; width: 46px; height: 46px; text-align: center; background-color: #292929; border: 1px solid #292929 } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a i { position: relative; line-height: 46px; margin: 0; color: #656566; width: 100%; height: 100%; 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 } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a i:after { width: 26px; height: 26px; position: absolute; top: 4px; left: 0; right: 0; bottom: 0; margin: auto; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 26px; line-height: 26px; color: rgba(255, 255, 255, .3); font-size: 18px } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a.bx-prev i::after { content: "\e908"; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a.bx-prev i:hover::after { color: #1e1e1e } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a.bx-next i::after { content: "\e909"; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a.bx-next i:hover::after { color: #1e1e1e } #sitecontent #indexPage .news .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a:hover { background-color: #fff; border: 1px solid #FFF } #sitecontent #indexPage .team_tabs .module_container { position: relative; max-width: 1080px; height: 100%; padding-top: 200px; padding-bottom: 200px } #sitecontent #indexPage .team_tabs .module_container .container_header { position: absolute; width: 100%; padding-top: 89px; padding-left: 0; border-bottom: 0; top: 0 } #sitecontent #indexPage .team_tabs .module_container .container_header:after { display: none } #sitecontent #indexPage .team_tabs .module_container .container_header p { text-align: center } #sitecontent #indexPage .team_tabs .module_container .container_header p.title { display: block; font-size: 24px } #sitecontent #indexPage .team_tabs .module_container .container_header p.subtitle { display: block; font-size: 12px; line-height: 22px } #sitecontent #indexPage .team_tabs .module_container .container_header p.subtitle:before { display: none } #sitecontent #indexPage .team_tabs .module_container .container_content { position: relative; height: 470px } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper { position: relative; height: 100%; overflow: hidden } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper:after { content: ""; clear: both; display: block } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper .tab_content { width: 640px; float: left } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper .tab_content .bx-wrapper { margin: 0; overflow: hidden } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper .tab_content .bx-wrapper .item_wrapper .subtitle { display: none } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper .tab_button { float: right; width: 420px } #sitecontent #indexPage .team_tabs .module_container .container_content .content_wrapper .tab_button .bx-wrapper { max-width: 100%!important } #sitecontent #indexPage .ad01 .module_container { padding-top: 200px; padding-bottom: 100px; max-width: 1052px; height: 500px; box-sizing: content-box } #sitecontent #indexPage .ad01 .module_container .container_header { display: block; position: absolute; width: 100%; top: 0; padding-top: 89px; padding-left: 0; border-bottom: 0 } #sitecontent #indexPage .ad01 .module_container .container_header:after { display: none } #sitecontent #indexPage .ad01 .module_container .container_header p { text-align: center } #sitecontent #indexPage .ad01 .module_container .container_header p.title { display: block; font-size: 24px } #sitecontent #indexPage .ad01 .module_container .container_header p.subtitle { display: block; font-size: 12px; line-height: 22px } #sitecontent #indexPage .ad01 .module_container .container_header p.subtitle:before { display: none } #sitecontent #indexPage .ad01 .module_container .container_content { position: relative; height: 500px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper { height: 100% } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list { height: 100% } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block { height: 100% } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper { position: absolute; width: 100%; height: 110px; background: #292929; box-sizing: border-box; padding: 0 30px; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info { position: relative; padding: 0; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info .title { margin-top: 38px; padding-top: 10px; position: relative; z-index: 10; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info .subtitle { opacity: 0; margin-top: 0; position: relative; z-index: 10 } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info .item_date { display: none } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)) { position: absolute; width: 210px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)) .item_img { position: absolute; top: 0; bottom: 110px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)) .item_img img { height: 100% } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)) .item_info .title:after { content: ""; position: absolute; width: 19px; top: 0; left: 0; height: 0; border-bottom: 2px solid #5d5e5f; right: 0; margin: 0 auto } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)) .item_wrapper:before { content: ""; position: absolute; top: -30px; left: -10px; bottom: -10px; right: -10px; border: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)):hover .item_wrapper { background: #020205 } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)):hover .item_wrapper .item_info .title { margin-top: 22px; color: #fff } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)):hover .item_wrapper .item_info .title:after { display: none } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)):hover .item_wrapper .item_info .subtitle { opacity: 1; color: #7e7f7f } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:not(:nth-of-type(1)):hover .item_wrapper:before { top: -20px; left: 10px; bottom: 10px; right: 10px; border-color: rgba(126, 127, 127, .6) } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) { position: absolute; right: 0; width: 610px; left: 0; margin: 0 auto } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper { display: block; top: 0; height: 200px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper .item_info { width: 428px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper:before { content: ""; position: absolute; top: 64px; left: 0; border-top: 1px solid #fff; margin-top: -1px; width: 0; -webkit-transition: all .36s ease; transition: all .36s ease } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper:after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 100%; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; border: 8px solid #292929; border-left-color: transparent; border-bottom-color: transparent; border-right-color: transparent; left: 50%; margin-left: -4px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper .title { margin-top: 44px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper .subtitle { opacity: 1; margin-top: 24px; white-space: normal; line-height: 20px; height: 40px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_img { width: 100%; height: auto; top: 200px; bottom: 0 } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_img img { height: 100% } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1):hover .item_wrapper .item_info { padding-left: 44px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1):hover .item_wrapper:before { width: 40px } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(1) .item_wrapper .title { color: #fff } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(2) { left: 0 } #sitecontent #indexPage .ad01 .module_container .container_content .content_wrapper .content_list .item_block:nth-of-type(3) { right: 0 } .agent-pc .npagePage .container_category { margin-top: 100px; margin-bottom: 62px; text-align: center } .agent-pc .npagePage .container_category a { display: inline; padding: 0; margin: 0; padding: 8px 30px; margin-right: 5px } .agent-pc .npagePage .container_category a.active,.agent-pc .npagePage .container_category a:hover { background: #3b3b3b; color: #fff } .agent-pc .npagePage .container_category a:not(:first-child):before { content: "|"; color: #373738; position: absolute; top: 9px; left: -4px } .agent-pc .npagePage .container_category a:after { display: none } .agent-pc #sitecontent .npagePage:not(.post).pageEditor table { margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) #banner { height: 340px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .module_container .container_content { max-width: 1820px; margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_img:before { display: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper { position: absolute; bottom: 0; opacity: 0; box-sizing: border-box; width: 100%; padding: 5px; background: rgba(38, 38, 38, .8) } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper .item_info { box-sizing: border-box; height: 88px; text-align: left; padding: 25px 90px 24px 0; line-height: 60px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; color: transparent; width: 80% } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block:hover .item_wrapper .item_info { color: #fff; margin-left: 25px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper .item_info .text_wrap { -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper .item_info:before { content: ""; position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); border: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .3s ease 0s } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper:before { position: absolute; top: 50%; right: -16px; width: 16px; height: 14px; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; content: "\E907"; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; line-height: 14px; font-size: 14px; text-align: center; color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block:hover .item_wrapper:before { right: 34px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block .item_wrapper:after { display: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block:hover .item_wrapper { opacity: 1 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.project .content_list .item_block:hover .item_wrapper .item_info:before { width: 96%; height: 80%; border-color: #4e5357 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .module_container .container_content { max-width: 1050px; margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .module_container .container_content { max-width: 1050px; margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block { margin: 0 0 20px 0; height: 260px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box { width: 220px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_img { position: relative; max-width: 220px; z-index: 20 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_img img { width: auto; height: 260px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_img:before { content: ""; opacity: 0; position: absolute; top: 62px; left: 90%; width: 3px; height: 1; border-top: 1px solid #fff; z-index: -1; -webkit-transform: all .36s ease; -ms-transform: all .36s ease; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block:hover .item_box .item_img::before { width: 70px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_wrapper { position: absolute; top: 0; bottom: 0; left: 0; padding: 50px 0 0 280px; width: 100%; z-index: 0; background: #292929; box-sizing: border-box; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_wrapper .item_info { box-sizing: border-box } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_wrapper .item_info .text_wrap .title { margin: 0; font-size: 16px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .item_box .item_wrapper .item_info .text_wrap .subtitle { margin: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block .details { top: 180px; left: 286px; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block:hover .item_box .item_img::before { opacity: 1 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.team .content_list .item_block:hover .item_box .item_wrapper { padding-left: 310px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .module_container .container_content { max-width: 1130px; margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_box:after { position: absolute; top: 0; left: 0; bottom: 0; right: 0; content: ""; z-index: 100 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_wrapper { position: absolute; width: 100%; height: 120px; background: #17181a; box-sizing: border-box; padding: 0 15px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_wrapper .item_info { position: relative; margin-top: 50px; padding: 0; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_wrapper .item_info .title { position: relative; z-index: 10 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_wrapper .item_info .title:after { content: ""; position: absolute; width: 19px; margin: 0 auto; height: 0; border-bottom: 2px solid #5d5e5f } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block .item_wrapper .item_info .subtitle { opacity: 0; margin-top: 0; position: relative; z-index: 10 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(5) { -webkit-animation-delay: .4s!important; animation-delay: .4s!important } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(1):before { content: "01" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(2):before { content: "02" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(3):before { content: "03" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(4):before { content: "04" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(5):before { content: "05" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(6):before { content: "06" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(7):before { content: "07" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(8):before { content: "08" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(9):before { content: "09" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(10):before { content: "10" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(11):before { content: "11" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-of-type(12):before { content: "12" } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) { padding-bottom: 120px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1):before { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; z-index: 10; position: absolute; width: 100%; left: 0; right: 0; bottom: 26px; text-align: center; color: #5d5e5f; font-weight: 400; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1):hover .item_wrapper .item_info { margin-top: 26px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1):hover:before { bottom: 55px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) .item_wrapper { top: auto; bottom: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info { margin-top: 40px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title { padding-top: 10px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title:before { top: auto; bottom: -18px; left: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n+1) .item_wrapper .item_info .title:after { left: 0; right: 0; top: 0; bottom: auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n) { padding-top: 120px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n):before { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; z-index: 10; position: absolute; width: 100%; left: 0; right: 0; top: 32px; text-align: center; color: #5d5e5f; font-weight: 400; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n):hover .item_wrapper .item_info { margin-top: 42px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n):hover:before { top: 48px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n) .item_wrapper { top: 0; bottom: auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title { padding-bottom: 10px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title:before { top: -18px; bottom: auto; left: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:nth-child(2n) .item_wrapper .item_info .title:after { left: 0; right: 0; top: auto; bottom: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:after { content: ""; position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover .item_wrapper { background: #000 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover .item_wrapper .item_info .title { padding-bottom: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover .item_wrapper .item_info .title::after { opacity: 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover .item_wrapper .item_info .subtitle { opacity: 1 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover:after { top: 10px; bottom: 10px; left: 10px; right: 10px; border-color: rgba(126, 127, 127, .6) } .agent-pc #sitecontent .npagePage:not(.post) .mlist.service .content_list .item_block:hover:before { font-size: 60px; color: #1c1c1e } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .module_container .container_content { max-width: 1120px; margin: 0 auto } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .module_container .container_content .content_wrapper { padding: 200px 0 0 } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block { padding: 0; margin-right: 19px; margin-bottom: 20px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #181818; -webkit-transition: all .36s ease; transition: all .6s ease 0s } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 10px 0 0; padding: 60px 30px 0 26px; border-bottom: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper .item_info .title { font-size: 16px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper .item_info:after { display: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper .item_des { width: 100% } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper .item_des .description { font-size: 12px; line-height: 20px; height: 42px; white-space: normal; overflow: hidden } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_wrapper:after { display: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_tags { display: none } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block .item_box .item_img { width: 100% } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover .item_mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(24, 24, 24, .5) } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block a.details { background: #181818; -webkit-transition: all .36s ease; transition: all .36s ease } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover a.details { background: rgba(23, 24, 26, .9) } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover a.details i { opacity: 1; right: 28px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block a.details:before { content: ""; display: block; width: 0; height: 1px; background-color: #fff; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; z-index: 2; position: absolute; top: -1px; left: 31px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover a.details::before { width: 83% } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover .item_wrapper { padding-top: 40px } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover .item_wrapper .title { color: #fff } .agent-pc #sitecontent .npagePage:not(.post) .mlist.news .content_list .item_block:hover .item_wrapper .item_des .description { color: #fff } .agent-pc #sitecontent .npagePage .bx-controls-direction a { background: #292929 no-repeat center center } .bx-wrapper .bx-controls-direction .bx-prev { width: 46px; height: 46px } .agent-pc #sitecontent .npagePage .bx-controls-direction .bx-prev i { width: 100%; height: 100%; 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; margin: 0 } .agent-pc #sitecontent .npagePage .bx-controls-direction .bx-prev i:before { content: "\E908"; display: block; font-size: 18px; color: #656566; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; width: 46px; height: 46px; line-height: 46px; text-align: center; position: absolute; top: 0; left: 0 } .agent-pc #sitecontent .npagePage .bx-controls-direction i:hover:before { color: #fff } .bx-wrapper .bx-controls-direction .bx-next { width: 46px; height: 46px } .bx-wrapper .bx-controls-direction a.bx-next i { width: 100%; height: 100%; 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; margin: 0 } .bx-wrapper .bx-controls-direction .bx-next i::before { content: "\E909"; display: block; font-size: 18px; color: #656566; -webkit-transition: all .6s ease 0s; transition: all .6s ease 0s; width: 46px; height: 46px; line-height: 46px; text-align: center; margin-left: 0; margin-top: 0; opacity: 1 } .bx-wrapper .bx-controls-direction .bx-next i:hover::after { color: #fff } .agent-pc #sitecontent .npagePage .item_tags { padding-right: 50px; margin: 0; height: 32px } .agent-pc #sitecontent .npagePage .item_tags a { padding: 0 20px; margin-left: 0; text-align: center; line-height: 32px; color: #717171; background: 0 0 } .agent-pc #sitecontent .npagePage .item_tags a.active,.agent-pc #sitecontent .npagePage .item_tags a:hover { color: #fff; background: 0 0 } .agent-pc #sitecontent .npagePage .item_tags a:after { display: none } .agent-pc #sitecontent .npagePage .item_tags a::before { content: "|"; position: relative; top: -2px; left: -6px; color: #373738 } .agent-pc #sitecontent .npagePage #pageTarget .module_container { border-bottom: 1px solid #28292b } .agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target { float: right; padding-right: 64px } .agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target a { color: #717171 } .agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target a:hover,.agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target a:last-child { color: #fff } .agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target i { margin: 0 4px } .agent-pc #sitecontent .npagePage #pageTarget .module_container .container_target i:before { content: "-" } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper { max-width: 100%!important; margin-top: 30px!important } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .content_list { text-align: center; width: 100%!important; -webkit-transform: none!important; -ms-transform: none!important; transform: none!important } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .content_list .item_block { display: inline-block; margin: 0 8px!important; width: 8px!important; height: 8px!important; float: none!important; -webkit-transition: all .36s ease; transition: all .36s ease; border: 1px solid transparent; border-radius: 100%; box-sizing: initial; padding: 0; vertical-align: top } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .content_list .item_block.active { background: 0 0; border-color: grey } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .content_list .item_block:hover .title { color: #fff } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .content_list .item_block * { display: none } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .bx-controls .bx-pager { display: block; bottom: 45px } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .bx-controls .bx-pager .bx-pager-item a { margin: 0 8px; width: 8px; height: 8px; -webkit-transition: all .36s ease; transition: all .36s ease; border: 1px solid transparent } .agent-pc #sitecontent .npagePage .tab_button .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active { background: 0 0; border-color: #f4f4f4 } .agent-pc #sitecontent .npagePage .content .mlistpost.project .item_wrapper { background-color: transparent } .agent-pc #sitecontent .npagePage .content .mlistpost.project .item_wrapper .item_info { padding: 24px 0 } .agent-pc #sitecontent .npagePage .content .mlistpost.project .item_wrapper .title { color: #fff } .agent-pc #sitecontent .npagePage .content .mlistpost.project .item_wrapper .subtitle { color: #747476; margin-top: 14px } .agent-pc #pages { text-align: center; height: auto; padding-top: 60px } .agent-pc #pages a { border: 1px solid #2a2a2a; -webkit-transition: all .36s ease; transition: all .36s ease; color: #515252; margin: 0 1px; height: 34px; width: 34px; background: 0 0; line-height: 34px; display: inline-block; float: none } .agent-pc #pages a.active,.agent-pc #pages a:hover { color: #d7d7d7; border-color: #292929; background: #292929 } .agent-pc #pages a:after { display: none } .agent-pc #pages a.prev { margin-right: 9px } .agent-pc #pages a.next { margin-left: 9px } .agent-pc #sitecontent .npagePage.post #pageTarget #module_container { border-width: 1px 0 0 0 } .agent-pc #sitecontent .npagePage.post #pageTarget .module_container { border-top: 0; border-bottom: 1px solid #28292b } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags { padding-right: 50px; margin: 0; height: auto } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a { padding: 0 20px; margin-left: 0; text-align: center; line-height: 32px; height: 32px; color: #717171; background: #242424; margin-bottom: 5px } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a.active,.agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a:hover { color: #fff; background: #2c2c2c } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a:after { display: none } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a::before { content: "|"; position: relative; top: -2px; left: -23px; color: #373738; display: none } .agent-pc .project .item_img::before { display: none } .agent-pc #sitecontent .npagePage.post #postWrapper .item_tags a:nth-of-type(1)::before { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.project .content_list .item_block:hover .item_wrapper p.title { color: #fff } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container { max-width: 1210px } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container .container_content { padding-top: 0 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #postContent { padding: 70px 40px; width: 820px; border-right: 1px solid #2f3031 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #postInfo .item_tags { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent { width: 280px; padding: 70px 20px 0; box-sizing: border-box } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent h3 { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .item_tags { padding-top: 0; padding-bottom: 0 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .item_tags a { margin-top: 0 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block { width: 100%; border-bottom: 1px solid #262626; padding-bottom: 0 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block .date_wrap { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block .item_wrapper { margin: 28px 0 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block .item_wrapper .item_info .title { -webkit-transition: all .36s ease; transition: all .36s ease; color: #a8a8a8 } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block .item_wrapper .item_des .description { -webkit-transition: all .36s ease; transition: all .36s ease; white-space: normal; height: 48px; font-size: 12px; color: #535353; overflow: hidden } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block .item_wrapper:before { content: ""; position: absolute; display: block; height: 12px; top: 16%; left: -20%; border-left: 1px solid transparent; -webkit-transition: all .36s ease; transition: all .6s ease 0s } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block:hover .item_wrapper::before { height: 74px } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block:last-child { border-bottom: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block:hover .item_wrapper .item_info .title { color: #fff } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block:hover .item_wrapper .item_des .description { color: #8d8d8d } .agent-pc #sitecontent .npagePage.post .content .mlistpost.news .module_container #listContent .mlist .content_list .item_block:hover .item_wrapper:before { border-color: #fff } .agent-pc #sitecontent .npagePage.post .content .mlistpost.team .container_content { max-width: 1140px; margin: 0 auto } .agent-pc #sitecontent .npagePage.post .content .mlistpost.team #postInfo { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.service .container_content { max-width: 1210px; margin: 0 auto } .agent-pc #sitecontent .npagePage.post .content .mlistpost.service #postNav { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.service #postInfo { display: none } .agent-pc #sitecontent .npagePage.post .content .mlistpost.service #postContent { width: 100% } .agent-pc #sitecontent .npagePage .mpageEditor .module_container { max-width: 1140px } 
.agent-pc #sitecontent .npagePage #mcontact #contactlist #contactform {
	 left: 50%; width: 100%; margin-top: 60px; max-width: none 
	} .agent-pc #sitecontent .npagePage #mcontact #contactform .submit { width: 220px; height: 46px; border: 1px solid rgba(255, 255, 255, .1); color: #999; margin-top: 20px } .agent-pc #sitecontent .npagePage #mcontact .container_content { width: 100% } .agent-pc #sitecontent .npagePage #mcontact #contactinfo { padding-left: 44px } .agent-pc #sitecontent .npagePage #mcontact #contactinfo::after { content: ""; display: block; clear: both } .agent-pc #sitecontent .npagePage #mcontact #contactinfo div::after { content: ""; display: block; clear: both } .agent-pc #sitecontent .npagePage #mcontact #contactinfo p { display: inline-block; width: calc(30.4% - 28px); float: none } .agent-pc #sitecontent .npagePage #mcontact #contactinfo div { position: static; margin-top: 32px } .agent-pc #sitecontent .npagePage #mcontact #contactinfo div a { display: inline-block; float: none } .singlescreen #indexPage #topSlider .bx-wrapper .bx-pager { bottom: 35px } #indexPage #topSlider .bx-wrapper .bx-pager a { width: 42px } #indexPage #topSlider .bx-wrapper .bx-pager a div.progress { height: 2px; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s } #indexPage #topSlider .bx-wrapper .bx-pager a div:active.progress,#indexPage #topSlider .bx-wrapper .bx-pager a div:hover.progress { height: 4px } .agent-pc #indexPage .module.project .container_content .bx-wrapper .bx-controls-direction a.bx-prev { left: 0 } .agent-pc #indexPage .module.project .container_content .bx-wrapper .bx-controls-direction a.bx-next { right: 0 } #sitecontent #indexPage .project .module_container .container_content .content_wrapper .content_list .item_block .item_wrapper .item_info .subtitle { width: 86%; max-width: 320px } #olx_qq li a:hover { height: 32px; line-height: 32px } .theme-bwhite #footer { background-color: #262626 } .gh0 #header .content { box-shadow: 0 1px 12px rgba(10, 10, 10, .37) } .agent-pc #mcontact #contactinfo p { width: 420px; margin-top: 4px } 

.agent-pc #xiaoqiu_form p textarea.inputtxt { width: 92% }
.agent-pc #xiaoqiu_form p .inputtxt { width: 28% } #indexPage .agent-pc .team .details { display: block } .npagePage .container_content { padding-top: 0 } #indexPage .agent-pc .news .item_info { text-align: left } .agent-pc .news .item_des p { text-align: left } .agent-pc .news .item_info { text-align: left } .npagePage .content { min-height: 800px } .agent-pc .team .content_wrapper { margin-top: 80px } .agent-pc .npagePage .service .module_container { padding-top: 80px; max-width: 1140px } .agent-pc #olx_head { background-color: #222 } .agent-pc #olx_qq li a:hover { background-color: #363636; color: #B9B9B9 } .agent-pc #online_open { border-color: rgba(64, 64, 64, .6) } .agent-pc #shares a:hover { border-color: rgba(64, 64, 64, .6); background-color: #333 } .agent-pc .news .item_block:before { display: none } .agent-pc .mCSB_scrollTools .mCSB_draggerContainer { height: 36px } .agent-pc .npagePage .container_category a.active,.agent-pc .npagePage .container_category a:hover { background: #3b3b3b; } .agent-pc .mlist.team_tabs .tab_button .item_info p.subtitle { color: rgba(255, 255, 255, 0.6); } a.active,a:hover { color: #bbb; } .agent-pc .news .content_list a.details i:before { left: -3px; } .agent-pc .npagePage.post #postInfo { margin-bottom: 40px; } /* videom */ .service .content_list li.wow { overflow: hidden; } #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% / 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 .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: #f25a00; } #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; } .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; } .bodyindex .videom .container_content { height: 100%; } #singlescreen.bodyindex .videom .content_wrapper { position: relative; top: 50%; transform: translateY(-63%); /* margin-top: 0px; */ padding: 0 49px; } #longPage.bodyindex .videom .content_wrapper { padding: 60px 49px 20px; } .agent-pc #sitecontent .npagePage:not(.post) .mlist.videom .module_container .container_content { max-width: 1820px; margin: 0 auto; } .agent-pc #pages a { vertical-align: middle; } .agent-pc #pages a .fa { line-height: 34px; } .videoTabBtn:not(.disable):hover { background: rgba(60, 60, 60, 0.1); } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a { left: 0; width: 60px; height: 60px; background-color: rgba(99, 99, 99, .22); background-repeat: no-repeat; background-position: center center; } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-next { right: 0; left: auto; } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-prev i::after { content: "\e908"; width: 60px; height: 60px; line-height: 60px; position: absolute; left: 0; top: 0; text-align: center; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1; font-size: 26px; color: rgba(255, 255, 255, .3); } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction a i { position: relative; line-height: 46px; margin: 0; color: #656566; width: 100%; height: 100%; 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; } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-next i::after { content: "\e909"; width: 60px; height: 60px; line-height: 60px; position: absolute; -webkit-transform: skew(0deg, 0); -ms-transform: skew(0deg, 0); transform: skew(0deg, 0); -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s; opacity: 1; font-size: 26px; color: rgba(255, 255, 255, .3); text-align: center; } #sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-next:hover i::after,#sitecontent #indexPage .videom .module_container .container_content .content_wrapper .bx-controls .bx-controls-direction .bx-prev:hover i::after { color: #f25a00 } .theme-b .vPlayArea .vPlayItem { background: #252525; border-color: #252525; } .theme-b .videoTabBtns .videoTabBtn { background: #252525; } .theme-b .videoInfor .title { color: #fff; }

.agent-pc #sitecontent .npagePage:not(.post).pageEditor table {
    margin: 0 auto;
    width: 100%;
}
  
  .agent-pc #sitecontent .npagePage #mcontact #contactlist #xiaoqiu_form {
    left: 50%;
    width: 100%;
    margin-top: 60px;
    max-width: none;
}