#header { background-color: #fff; padding-top: 15px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } #header.mini { padding-top: 15px; background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } #header ul li.navitem a { color: #8e8e8e; } #header ul li.navitem { padding: 0; margin: 0 20px 4px; } #header #logo { margin-right: 80px; } #header ul li.navitem a.active, #header ul li.navitem:hover a { color:#3490DC; } .bx-wrapper .bx-pager.bx-default-pager a { width: 9px; height: 9px; margin: 0px 14px 0 0; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: 1px solid #3490DC; background-color:#3490DC; } .serviceitem div { text-align: left; } #footer { background: #f0f0f0; } #header .content { margin: 0 auto; width: 1160px; padding-left:40px; } #header ul#nav { float: right; } /*首页幻灯高度*/ #indexPage #mslider ul li div.sliderArrow { width: 650px; display: none; } #indexPage #mslider { height: 650px; } .content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; } .content .header p.subtitle { color: #A5A5A5; } .serviceitem div p.title { font-size: 18px; border-bottom: 0; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; } .serviceitem div p.description { font-size: 12px; margin-top: 10px; text-align: left; } .navitem strong { left: 0px; width: 100%; position: absolute; top: -15px; height: 3px; background-color: transparent; transition: all 0.3s ease 0s; z-index: -1; } #header ul li.navitem a.active strong, #header ul li.navitem:hover a strong { width: 100%; background-color:#3490DC; } #nav .navitem:hover strong { width: 100%; } #footer p { text-align: left; padding:14px 0px; color: #6c6e75; width: 1060px; margin: 0 auto; border-top: 1px solid #e4e4e4; } .bx-wrapper .bx-controls-direction a:hover i { color: transparent; } #header ul li.navitem ul.subnav { border-top: 0px solid transparent; } #header ul li.navitem ul.subnav li a:hover { background: #F2F2F2 none repeat scroll 0% 0%; color: #666; } #header ul li.navitem ul.subnav li a { background: #fff; color: #959595; } #header ul li.navitem ul.subnav li { border-bottom: 1px solid #E6E6E6; } /*内页*/ #sitecontent .content .fw { width: 1160px; } .postbody a { color: #848484; } .postbody a:hover { color: #3892D6; text-decoration: none; } .nobanner #header { background: #fff; } /*关于首页*/ .bx-controls .bx-pager { margin: 0px auto; width: 100%; text-align: left; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: relative; bottom: 25px; margin: 0 auto; text-align: center; } .bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,0); border-radius: 0px;margin-top:0px;} .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -70px; width: 40px; height: 40px; margin: 0; } .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 0px; background:url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px 0px;background-color:rgba(49, 49, 49, 0.32);width: 40px;height: 40px;} #indexPage .slider_control i { color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -40px -50px; width: 40px; height: 20px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #indexPage .slider_control i.fa-angle-left { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -51px; } #indexPage .slider_control i:hover.fa-angle-left { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -70px; } #indexPage .slider_control i:hover { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -40px -70px; } #indexPage a.more { width: 160px; height: 32px; line-height: 32px; color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 32px -97px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; font-size: 0px; border: none;border: 1px solid #ccc;} #indexPage a.more:hover { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 32px -126px; } #indexPage #mnews { background-color: #fff; border-top: 1px solid #e7e7e7; } #newslist .newsdate { width: 120px; } #newslist .newsinfo .md { font-size: 40px; line-height: 30px; } #newslist .newsbody .description { line-height: 22px; font-size: 12px; color: #898989; margin-top: 26px; position: absolute; top: 80px; } #newslist .newstitem:hover {box-shadow:0px 10px 60px rgba(0, 0, 0, 0.20);} #newslist .newstitem:hover p.description { color: #898989; } #mnews .content .header { padding-top: 80px; padding-bottom: 10px; } #newslist .newstitem:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); } #contactform p .inputtxt { width: 0; height: 0; line-height: 0; padding: 0; color: transparent; background-color: transparent; border: 1px solid transparent; margin-bottom: 0; } #contactform p .inputsub { width: 0; } #contactinfo { width: 1180px; margin: 80px auto 0; } #contactinfo h3 { float: left; width: 100%; color: #666; } #contactinfo p { width: auto; float: inherit; padding-right: 40px; } #indexPage #mcontact { background-color: #f0f0f0; height: 320px; } #indexPage #mcontact .header p.title { color: transparent; font-size: 0px; } #indexPage #mcontact .header p.subtitle { color: transparent; font-size: 0; line-height: 0; } #mcontact .content .header { padding-bottom: 0px; } /*首页案例*/ #projectlist, #projectmore { margin: 0 auto; width:96%; } #projectlist .wrapper { margin-right: -20px; padding-top: 20px; } #projectlist .projectitem a:hover .project_info p.title { margin-top: 20px; color: #666; } #projectlist .projectitem .project_info div { position: absolute; height:50px; width: 100%; bottom: -100px; margin-top: 0; top: auto; } #projectlist .projectitem .project_info div.line1 { width: 100%; height: 2px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 0 0 20px 0; } #projectlist .projectitem a:hover .project_info div.line1 { background: #666; } #projectlist .projectitem a:hover .project_info { background: transparent;background-color: #FFFFFF;margin-top: -23px;left:0; } #projectmore { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin-top: 20px; } #projectmore:hover { background: #666; border: 1px solid #666; width: 300px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; } #indexPage #mproject { padding-bottom: 70px; background-color: #fff; } #indexPage #mpage .slider_wrapper li { border-top: 1px solid #e7e7e7; } #indexPage #category a:last-child{border: 0;} #indexPage #category a { padding: 8px 24px; border: rgba(210, 210, 210, 0) 1px solid; line-height: 8px; height: 8px; } #indexPage #category a::after{content: "";display: block;width: 1px;height:18px;background-color: #Dadada;position: relative;left: 75px;top: -13px;} #indexPage #category a:last-child::after{display: none;} .npagePage #projectlist, #projectmore{width:1180px;} /*首页团队*/ #indexPage #mteam .header img { float: left; margin: 50px 50px 0 0; border-radius: 0px; width: auto; height:240px; left: 230px; position: absolute; top: 160px; } .module-slider .description { width: auto; height: 96px; font-size: 12px; } #indexPage #mteam .header p.title { text-align: left; margin-top: 20px; color: #5a5a5a; } #indexPage #mteam .header p.subtitle { text-align: left; } #indexPage #mteam .slider_wrapper { height: 320px; } #indexPage #mteam { background-color: #f6f6f6; height:640px; } #mteam .content .header { padding-bottom: 30px; } #indexPage #mteam .slider_control a i { color: transparent; } #indexPage #mteam .slider_control a:hover i { color: transparent; } #mpage .module-slider .description { width: 720px; text-align: center; height: 50px; } #contactinfo div { clear: both; margin-top: 120px; } #contactinfo div a { color: #fff; background: rgba(0,0,0,.3); margin-right: 20px; } /*首页新闻*/ #newslist { width: 1080px; margin: 0 auto; } #newslist { margin-right: -50px; } #newslist .newsinfo { display: block; float: none; margin: 0; padding: 0; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); } #newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 0px); -webkit-transform: translate3d(0px, -14px, 0px); } #newslist .newsbody .title { width:90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 0 20px 0; font-size: 16px; height: 20px; line-height: 20px; } #newslist .newstitem:hover .description { color: #777; } #newslist .newsdate { width: auto; margin: 0 0 40px; background-color: transparent; transition: all 0.3s ease-out 0s; border-radius: 4px; } #newslist .newstitem:hover .newsdate { background-color: transparent; } #newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; } .newsdate p { float: inherit; padding: 0; width: auto; } #newslist .newstitem:hover i { text-indent: 0px; margin: -168px 120px 0 0; font-size: 20px; color: #606060; } #newslist .newsbody { margin-left: 0; width: 100%; height: 200px;} #newslist { width: 1160px; margin: 0px auto; } .bx-wrapper .bx-viewport { height: auto;} #newslist .newstitem.left .news_wrapper { top:20px; left: 0;background-color:rgba(255, 255, 255, 0); } #newslist .newstitem.right .news_wrapper { top:20px; background-color:rgba(255, 255, 255, 0); } #newslist .wrapper{margin-left: 10px;} /*服务内页*/ #servicelist .serviceitem a { text-align: center; } #servicelist .serviceitem { margin-bottom: 80px; } #newsPage #newslist { width: 1160px; margin: 50px auto 0; } /*内容图片最大宽度*/ .postbody img { max-width: 1060px; } #projectbody { width:750px; } #projectbody .postbody img { max-width: 680px; } #header ul li.navitem:hover ul.subnav { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); } .navitem .fa-angle-down { color: #9E9E9E; margin-left: 8px; font-size: 12px; } #projectbody .postbody img { max-width: 680px; } /*团队内页*/ .teamitem { width: 283px; height: 240px; margin-bottom: 115px;transition: all 0.6s ease 0s; } .teamitem img { width: 320px; height: 240px; } .teamitem .teaminfo { text-align: left; margin: 30px; } .teamitem .teaminfo .description { margin-top: 20px; } #teamlist { width: 1060px; } #teamlist .wrap { margin-right: 0px; } .teamitem a div.wrap { display: none; border: 1px solid #ccc; height: 160px; width: 160px; background: rgba(0, 192, 255, 0.28); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 160px; top: 1px; left: 0px; } .teamitem a:hover div.wrap { transform: translate(0, -40px); -webkit-transform: translate(0, -40px); -moz-transform: translate(0, -40px); } .teamitem a div.wrap div { margin: 12px auto; } .npagePage #banner{height:360px;} .npagePage #banner div { margin-top: 70px; height: 280px;background-size: inherit; } .npagePage #teambody .theader .title { text-align:left; font-size:22px; } .npagePage #teambody .theader .subtitle { text-align:left; } .npagePage #teambody .theader .post { margin-top: 40px; } .npagePage .teamitem .teaminfo { position: absolute; width:460px; padding: 16px 0; margin-left:280px; margin-top:50px;transition: all 0.6s ease 0s; } .npagePage .teamitem:hover .teaminfo{ margin-left:320px;} .npagePage .teamitem .teaminfo .description { display:block; width: 460px; } .npagePage .teamitem img { width:190px; height:auto;border-radius:1000px;margin: 20px;transition: all 0.6s ease 0s; } .npagePage .teamitem:hover img{margin-left:60px;} .npagePage .teamitem { width: 1060px;height: 240px; float:none;margin-bottom:0px;} .npagePage .teamitem::after{ display: block; content:""; width: 100%;height: 1px; background-color:#E6E6E6;position: relative;top: 240px;} .npagePage .teamitem::after:last-child{display:none;} .npagePage .teamitem:hover{background-color: #f5f5f5;} /*合作伙伴*/ #indexPage #mpartner .slider_control a { background: transparent; } #indexPage #mpartner .slider_control a:hover { background-color: transparent; } #indexPage #mpartner .slider_control a i { color: transparent; } #teampost #teamimage img { width:480px; margin-bottom: 40px; margin-right: 40px; display:block; } #teampost #teambody { width:620px; float:left; margin-left: 0px; } #teampost #teamimage { width: 520px; } /*1转4新css开始*/ /*新首页导航*/ #header ul li.navitem a.active:after, #header ul li.navitem:hover a:after { content: ''; width: 100%; background-color:#3490DC; left: 0px; position: absolute; top: -15px; height: 3px; transition: all 0.3s ease 0s; z-index: -1; } #header ul li.navitem:hover ul.subnav li a:after, #header ul li.navitem ul.subnav li a.active:after { width: 0px; } /*新首页*/ #indexPage .module .content { position: inherit; top: inherit; } #indexPage #mservice .content { height: auto; margin-top: 0; } #indexPage #mpage .content { height: auto; margin-top: 0; } #indexPage #mteam .content { height: auto; margin-top: 0; } #indexPage #mproject .content { height: auto; margin-top: 0; } #indexPage #mnews .content { height: auto; margin-top: 0; } #indexPage #mpartner .content { height: auto; margin-top: 0; } #indexPage #mcontact .content { height: auto; margin-top: 0; } #indexPage a.more i { font-size: 18px; display: none } /*标题块*/ .module-content .description { font-size: 12px; } .content .header p.subtitle { font-size: 12px; line-height: 30px; } /*幻灯*/ #indexPage #mslider .bx-wrapper .bx-pager { bottom:36px } /*幻灯切换按钮*/ #mslider .bx-wrapper .bx-controls-direction a { background: rgba(0,0,0,.2); } #mslider .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px 0px; width: 40px; height: 40px; margin: 0; } #mslider .bx-wrapper .bx-controls-direction a.bx-next i { background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px 0px; } #indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(0,0,0,.9); } #indexPage .bx-wrapper .bx-controls-direction a:hover { background: none } .bx-wrapper .bx-controls-direction a i { width: 40px; height: 20px; display: block; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .bx-wrapper .bx-controls-direction a.bx-prev i {background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px 0px;width: 40px;height: 40px;background-color:rgba(49, 49, 49, 0.32);} .bx-wrapper .bx-controls-direction a.bx-prev:hover i {background-color:rgba(49, 49, 49, 1);} .bx-wrapper .bx-controls-direction a.bx-next:hover i {background-color:rgba(49, 49, 49, 1);} /*服务*/ #indexPage #servicelist .serviceitem{float: none; height: 160px; width:540px; margin-left: 48%;} #indexPage #mservice { background-color: #fff;background-attachment:fixed;background-size: inherit;} #mservice .content .header { padding-top: 80px; padding-bottom: 60px; } #servicelist .serviceitem:hover .title { color:#3490DC; } #servicelist .serviceitem div { text-align: left;float: right;width:320px; margin-top:8px; margin-right:20px;} #indexPage #mservice .content { border-bottom: 1px solid #e7e7e7; } #indexPage #mservice a.more { display:block; } #indexPage #mservice .wrapper { margin-bottom: 70px; } #indexPage #mservice .wrapper .bx-wrapper .bx-prev { left: -58px; top: 102px; display: none; } #indexPage #mservice .wrapper .bx-wrapper .bx-next { right: -58px; top: 102px; display: none; } #servicelist .serviceitem div p.title { text-align:left; } #servicelist #serviceitem_0 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; opacity:0; } #servicelist #serviceitem_0 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_0 div p.title::before { content: "01"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_0:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist #serviceitem_1 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; opacity:0;} #servicelist #serviceitem_1 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_1 div p.title::before { content: "02"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_1:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist #serviceitem_2 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s;opacity:0; } #servicelist #serviceitem_2 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_2 div p.title::before { content: "03"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_2:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist #serviceitem_3 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s;opacity:0; } #servicelist #serviceitem_3 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_3 div p.title::before { content: "04"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_3:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist #serviceitem_4 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s;opacity:0; } #servicelist #serviceitem_4 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_4 div p.title::before { content: "05"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_4:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist #serviceitem_5 div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s;opacity:0; } #servicelist #serviceitem_5 div:hover p.title::after { background-color:#c5c5c5; width:98px; opacity: 1;} #servicelist #serviceitem_5 div p.title::before { content: "06"; display:none; width: 40px; position: absolute; left: 44%; font-size: 12px; bottom: 110px; border-radius: 20px; transition: all 0.6s ease 0s; } #servicelist #serviceitem_5:hover div p.title::before { opacity: 1; background-color: #fff; color: #9f9f9f; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); } #servicelist .serviceitem div p.description {margin-top:0px; text-align:left;transition: all 0.6s ease 0s;} #servicelist .serviceitem div:hover p.description {margin-top:10px;} #servicelist .serviceitem .service_img{ width: 160px; float: left;} #servicelist .serviceitem a .service_img::after{content:""; display:block; width: 1px; height: 30px;background-color: #D0D0D0;margin-left:80px;margin-top: 6px;} #servicelist .serviceitem:last-child a .service_img::after{width:0;} #indexPage #mservice .bgmask{background-color: rgba(0,0,0,0);} #servicelist .serviceitem a img { width:auto; max-height: 120px;} /*内页服务*/ .npagePage #servicelist { width: 1160px; } .npagePage #servicelist .serviceitem { height:180px; width:45%; transition: all 0.6s ease 0s;} .npagePage #servicelist .serviceitem:hover{background-color: white; box-shadow:0px 4px 30px rgba(0, 0, 0, 0.16);} .npagePage #servicelist .serviceitem a img {margin-top: 30px;} .npagePage #servicelist .serviceitem div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; } .npagePage #servicelist .serviceitem:hover div p.title::after { background-color: #DADADA; width:98px;} .npagePage #servicelist .serviceitem div p.description{margin-top:8px;} .npagePage #servicelist .serviceitem:hover .title{text-align:left;} .npagePage #servicelist .serviceitem a .service_img::after{display: none;} .npagePage #servicelist .serviceitem div{margin-top: 36px;} .npagePage #servicelist .serviceitem div{width: 310px; margin-right:40px; } .npagePage #servicelist .serviceitem a img{margin-left:40px;} .npagePage #servicelist .serviceitem{margin-bottom:30px;} /* 团队*/ #mteam .content ul li:after { content: ''; display: block; clear: both; } #mteam .content ul li { height: 360px; margin-top: 120px; } #mteam .content .header { padding: 0; position: absolute; top:0px;right:160px; } #indexPage #mteam .header img { float: none; margin: 0px; position: inherit; max-width: inherit; } #indexPage #mteam .header a { display: block; width: 240px; height:240px; border-radius: 1000px; overflow: hidden; } #indexPage #mteam .summary { float: none; width:80%; height: 100%; margin-top: 0px;margin-left: 140px; } #indexPage #mteam .summary p { text-align: left; color: #848484; position: inherit; } #indexPage #mteam .summary p.title { width: 420px;text-align:left;font-size: 18px; } #indexPage #mteam .summary p.title a { transition: all 0.6s ease 0s; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block; } #indexPage #mteam .summary:hover p.title a { margin-left: 60px; } #indexPage #mteam .summary p.subtitle { transition: all 0.6s ease 0s;text-align:left;width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block; line-height: 26px;} #indexPage #mteam .summary:hover p.subtitle { margin-left: 60px; } #indexPage #mteam .summary p.title::after { content: ""; display: block; background-color:#3490DC; width: 0px; height: 3px; opacity: 0; position: absolute; top: 15px; transition: all 0.6s ease 0s; } #indexPage #mteam .summary:hover p.title::after { width: 40px; opacity: 1; } #indexPage #mteam .summary .description { width:460px; height: 44px; font-size: 12px; overflow: hidden;padding-bottom:36px; border-top:1px solid #dadada; margin:0;padding-top: 20px;} #indexPage #mteam .bx-wrapper .bx-prev { left:20px; margin-top:66px;} #indexPage #mteam .bx-wrapper .bx-next { right:20px; margin-top:66px;} #indexPage #mteam a.details, #indexPage #mteam .npagePage a.details{display: block;} #indexPage #mteam a.details{margin:-160px 0 0 140px; width: 150px; height: 32px;line-height: 32px;color: transparent;background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 26px -97px;transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius: 0px;font-size: 0px;border: none;border: 1px solid #ccc;} #indexPage #mteam a.details:hover{background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 26px -127px;} #indexPage #mteam a.details:hover i{display:none;} #mteam .content .bx-wrapper .bx-viewport{padding-top:80px;} #indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-next i:hover{background-color:#3490DC;} #indexPage #mteam .bx-wrapper .bx-controls-direction a.bx-prev i:hover{background-color:#3490DC;} /*团队内页*/ .teamitem a { width: auto; height: auto; margin-right: 40px; float: left; } .teamitem .teaminfo .title { height: 20px; color: #5a5a5a; font-size: 24px; } .teamitem .teaminfo .title a { color: #5a5a5a; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; width: 100%; } .teamitem:hover .teaminfo .title a{color:#3490dc;} .npagePage .content #teamlist .teamitem a.details { display: block; border: 0;border-radius: 0; width: 36px; margin: 0; text-indent: 0px; margin-top:96px; height: 28px; font-size: 15px; color: #6B6B6B; line-height: 32px;text-transform: capitalize;margin-left:690px; } .npagePage .content #teamlist .teamitem:hover a.details {color:#3490DC;margin-left:600px; } .teamitem .teaminfo .subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } #indexPage a.more i, #indexPage a.details i, #sitecontent .npagePage a.details i { font-size: 14px; } #indexPage a.more:hover i, #indexPage a.details:hover i, #sitecontent .npagePage a.details:hover i { color:#3490DC; } /*关于*/ #indexPage #mpage .slider li { border-top: 1px solid #e7e7e7; } #mpage .content .header { padding-top:100px; padding-bottom: 40px; } #indexPage #mpage .wrapper li .fimg { height:360px; } #indexPage #mpage .module-content .more { margin: 50px auto 80px; border: 1px solid #ccc; position: relative; transition: all 0.5s ease 0s; } #indexPage #mpage .module-content a.more:hover { border: 1px solid transparent; } #indexPage #mpage .module-content a.more::after { content: ""; display: block; width: 160px; height: 32px; border: 3px solid transparent; opacity: 0; transition: all 0.5s ease 0s; margin: 0 auto; text-align: center; position: absolute; top: -1px; left: -1px; transform: scale(1, 1); } #indexPage #mpage .module-content a.more:hover::after { width: 158px; height: 36px; border:2px solid #3490DC; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; top: -5px; left: -2px; } /*案例*/ #mproject .content .header { padding-top: 80px; padding-bottom: 40px; background-color: rgba(255,255,255,0); } #category a.active, #category a:hover { background:#3490DC; color: #fff; border-color: #3490DC; } #mproject #category { display: block; visibility: visible; } #category{padding-bottom: 10px;} #indexPage #projectlist .projectitem { width: 265px; margin-right: 20px; height:auto; background: none; } #projectlist .projectitem a .project_info { height:60px; background: none;position: relative; } #projectlist .projectitem a .project_info div{position: initial;} #projectlist .projectitem a .project_info div:after { content: ''; width: 0; height: 2px; background: #3490DC; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 25px 0; display:none; position: relative;z-index: 2; } #projectlist .projectitem a:hover .project_info div:after { width: 100%; background:#3490DC; z-index: 100; } #indexPage #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align:center; padding: 0; opacity: 0;margin-top:16px; } #indexPage #projectlist .projectitem:hover .project_info p.subtitle{opacity:1;margin-top:0px;} #indexPage #projectlist .projectitem .project_info p.title { margin-top:18px; height: 24px; font-size: 15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #3e3e3e; text-align:center; padding: 0;padding-top:16px;} #indexPage #projectlist .projectitem:hover .project_info p.title{ color:#3490DC;} #projectlist .projectitem a .project_info::after { content: ""; display: block; width: 100%; height: 1px; background-color: #e3e3e3; position:relative; top:-28px;opacity: 0;} #projectlist .projectitem a .project_info::before{ content: ""; display: block; width:0px; height: 1px; background-color:#3490DC; position:relative; top:86px; opacity: 0; transition: all 0.3s ease 0s;} #projectlist .projectitem:hover a .project_info::before{width:100%; opacity:0;} #indexPage #mproject .bx-wrapper .bx-pager { display:block;left: 6px;} #indexPage #mproject .bx-wrapper .bx-controls-direction{ display:block;} #indexPage #mproject a.more { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width:260px; margin: 50x auto 0px; text-align: center; } #indexPage #mproject a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #3490DC; margin-top: -51px; transition: all 0.4s ease 0s; } #indexPage #mproject a.more:hover::after { width:260px; height: 52px; } #indexPage #mproject a.more:hover { color: #fff; border: 1px solid #3490DC; } #indexPage #mproject .content .bx-wrapper .bx-prev{left: 0; margin-top:-60px;} #indexPage #mproject .content .bx-wrapper .bx-next{right: 0; margin-top:-60px;} #indexPage #projectlist .projectitem a img{margin-bottom: 60px;} #projectlist .projectitem a .project_img{height:auto;} /*内页案例*/ .npagePage #projectlist .projectitem a .project_info::after{display: none;} .npagePage #projectlist .projectitem { background: none; height: 290px; width:31%; margin-right: 20px; margin-bottom:30px; } .npagePage #projectlist .projectitem a .project_info p.title { margin-top:29px; height: 24px; color: #666; text-align: left; padding: 0; font-size: 14px; transition:all 0.4s ease 0s; } .npagePage #projectlist .projectitem:hover a .project_info p.title{color: #3490DC;} .npagePage #projectlist .wrapper { margin: 0; width: 1160px; margin-left: 10px; } .npagePage #projectlist .projectitem a .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; } .npagePage #projectlist .projectitem a .project_info div:after { display: none; } #projectlist .projectitem a:hover img { transform: scale(1.1, 1.1); } .npagePage #category a { padding: 8px 24px; border: 0; border-right: #EAEAEA 1px solid; line-height: 8px; height: 8px; } .npagePage #category a:last-child{border: 0;} .npagePage #category li { border-right: #EAEAEA 1px solid;} .npagePage #category li:last-child{border: 0;} .npagePage #category li.hasmore{ height: 0; margin-bottom:60px; } .npagePage #category li.hasmore div ul{padding: 12px 0;border-bottom: rgba(0,0,0,0.10) 1px solid;} .npagePage .content_list:after{content:'';display:block;clear:both;} .npagePage #projectlist .projectitem a .project_img{height:240px;} .npagePage #projectlist .projectitem a .project_info::before{top:66px;} .npagePage #projectlist .projectitem a img{margin-bottom: 20px;} /*新闻*/ #mnews .content .header { padding-top: 120px; padding-bottom: 80px; } #indexPage #mnews .content .header { display: block; } #newslist .newstitem .news_wrapper { position: inherit; } #newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { padding: inherit; } #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; } #newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; } #newslist .separator { display: none; } #newslist .newstitem { width: 330px; margin-right: 30px; margin-bottom: 30px; border-bottom: 1px solid transparent; height: 220px; border-radius:0px; float: left; height: auto; height: auto;transition: all 0.6s ease 0s; background-color: white; padding: 10px; } #newslist .newstitem:hover{margin-top: -20px; margin-bottom: 50px;} #newslist .newsbody p.date { font-family: "HELVETICANEUELTPRO-THEX", Arial; height: 30px; font-weight: 300; top: 28px; position: absolute; width: 100%; text-align: left; } #newslist .newstitem a.newscontent { height: 360px; text-align: left; } #newslist .newstitem .md { color: #8a8a8a; display: inline-block; font-size: 13px; padding: 0 2px 0 0px; text-align: center; } #newslist .newstitem .md:after { content: ''; display: block; border-bottom: 1px solid rgb(200, 200, 200); top: 49%; width: 25px; position: absolute; left: 11px; display: none; } #newslist .newstitem .year { color: #8a8a8a; font-size: 13px; float: none; } #newslist .newsbody .description { width:91%; margin-top:-20px; font-size: 12px; color: #777; text-align: left; height: 42px; overflow: hidden; } #indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; } #indexPage #mnews #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; } #indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 60px; color: #707070; display: none; } #indexPage #mnews #newslist .newstitem i { margin: 0; margin-left: 55px; } #newslist .newstitem:hover p.title { color: #3490DC; text-decoration: underline; } #indexPage #mnews a.more { margin: 80px auto; display: block; } #indexPage #newslist .newstitem .newsimg {width:94%; height:190px; } #mnews #newslist .newstitem .newsimg{ right:20px;top:190px; } #newslist .news_wrapper { height: auto; } #indexPage #mnews a.more:hover{border: 1px solid transparent; } #indexPage #mnews .layoutslider a.more::after { content: ""; display: block; width: 160px; height: 32px; border: 1px solid #ccc; opacity: 1; transition: all 0.6s ease 0s; margin: 0 auto; text-align: center; position: absolute; top: 704px; } #indexPage #mnews .layoutslider a.more:hover::after { width: 158px; height: 32px; border: 3px solid #3490DC; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; } #indexPage #mnews a.more::after { content: ""; display: block; width: 160px; height: 32px; border: 3px solid transparent; opacity: 0; transition: all 0.6s ease 0s; margin: 0 auto; text-align: center;margin-top: -34px;margin-left: -3px; transform: scale(1, 1); } #indexPage #mnews a.more:hover::after{ width: 158px; height: 36px; border:2px solid #3490DC; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; margin-top: -37px;margin-left: -2px;} /*内页新闻*/ #newsPage #newslist .newstitem { margin: 0 46px 50px 0px; width: 320px; position: relative; height: 360px; } #newsPage .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background-color: transparent; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 80px; color: transparent; } #newsPage #newslist .newstitem i { text-indent: 0px; color: transparent; font-size: 20px; margin: 0; display: none; } #newsPage #newslist .newstitem a{transition: all 0.6s ease 0s;z-index:5;} #newsPage #newslist .newstitem:hover a.details i { text-indent: 110px; color: #707070; } #sitecontent #newsPage .content a.details:hover { text-indent: -94px; } #newsPage #newslist .newstitem .newsimg { width: 320px; height:200px; } #newsPage #newslist .newstitem .newsimg, #newslist .newstitem .news_wrapper{ right:20px;top:160px; } #newsPage #newslist .newstitem a{margin-top:-20px;} #newsPage #newslist .newstitem:hover a{margin-top:0px;} #newsPage #newslist .newsbody .description{width: 92%;} /*合作伙伴*/ #indexPage #mpartner .content .header { display: none; } #indexPage #mpartner .module-content { padding: 60px 0; height: 80px; } #indexPage #mpartner .wrapper { height: auto; } #indexPage #mpartner .wrapper ul li { height: 80px; } #indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; } #indexPage #mpartner .bx-wrapper .bx-pager { display: none; } #indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a{margin-top: -30px;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px -40px;height: 30px;transition: all 0.3s ease 0s;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat -39px -65px;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -40px;height: 30px;transition: all 0.3s ease 0s;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i:hover{ background-color: rgba(49, 49, 49, 0.4);background: url(http://resources.jsmo.xin/templates/upload/110/icon/jiantou.png)no-repeat 0px -65px;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; } #indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; } #indexPage #mpartner .bx-wrapper .bx-next { right: -58px; } /*联系我们*/ #indexPage #mcontact .content { width: 1060px; margin: 0 auto; } #indexPage #mcontact .content .fw { width: 1060px; } #contactinfo div a:hover { color: #fff; background:#3490DC; } #footer a path { fill: rgb(148, 148, 148); } #pages a.active, #pages a:hover { background-color:#3490DC; } #indexPage .module { z-index: auto; } #newslist .newstitem a.newscontent { height: 360px; } /*首页侧边联系我们*/ #olx_tel p{ font-size: 14px; } #olx_head{padding: 18px;background:#3490DC;} #online_lx{bottom: 180px;} #shares a#sshare{display: none;} #shares a#gotop{ margin-top: 0px; width: 40px; height: 40px; } #online_open{bottom: 160px;background:#3490DC; width: 40px; height: 40px;} #shares a#sweixin{ width: 40px; height: 40px; } #shares a#sweibo{ width: 40px; height: 40px; } #online_open i{ margin-top: 11px; } #shares a i{ margin-top: 11px; } #shares a i.fa-weixin{margin: 12px 0 0 15px;} #shares a#gotop i{margin-top: 7px;} #olx_qq li a:hover{color:#3490DC;background: #E6E6E6;} #olx_qq li a:hover i{color:#3490DC;} #olx_qq li a i{color: #A5A5A5;} #olx_tel div{color: #565656;} #indexPage .module .bgmask{background-color:rgba(255, 0, 0, 0);} #mcontact .content #contactinfo{animation-name: fadeInUp;} #projectlist .projectitem a .project_img{margin-bottom:0px; position:relative} #projectlist .projectitem a .project_info{ position:absolute; bottom:0px; top:auto; background:#fff;} #projectlist .projectitem .projectitem_wrapper{ height:100%} #projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a{transition: all 0.3s ease 0s;} #projectinfo .description a:hover, #projectinfo1 .description a:hover, #projectinfo2 .description a:hover, #projectinfo3 .description a:hover, #projectinfo4 .description a:hover, #projectinfo5 .description a:hover{background-color:#3490DC;} #projecttags a:hover{background: #3490DC; color: #fff;} #projectib .projectitem a .project_info p.title{transition: all 0.3s ease 0s;} #projectib .projectitem:hover a .project_info p.title{color: #3490DC;} #olx_qq li a{transition: all 0.3s ease 0s;} #olx_qq li a:hover{ height: 24px; line-height: 24px; background:#f1f1f1;} /* 2019.07.31 yyq 4-5 */ /* 处理分类 */ .bodyindex #indexPage #category .more, .bodyindex #indexPage #category a:first-child, .bodylist #category .more { display: none; } .bodyindex #indexPage #category a.more { position: static; width: auto; height: auto; text-indent: 0; display: none; line-height: 16px; height: 16px; font-size: 13px; color: #7b7b7b; background-color: #EAEAEA; margin-left: 0; border: none; } .bodyindex #indexPage #category a.more:hover { background: #50a4fe; color: #FFFFFF; transition: 0.3s; transform-origin: bottom; border: none; } #indexPage a.more:hover i { display: none; } #indexPage #category a:nth-last-child(2)::after { display: none; } /* 处理图片 */ #mservice .serviceitem .service_img, #mproject .projectitem .project_img, #mteam .content_list li .header a, #mpartner .content_list li .par_img, .bodyservice #servicelist .serviceitem .service_img, #projectib .projectitem .propost_img, #teamlist .teamitem .teamimg { position: relative; display: block; overflow: hidden; } #mservice .serviceitem .service_img img, #mproject .projectitem .project_img img, #mteam .content_list li .header a img, #mpartner .content_list li .par_img img, .bodyservice #servicelist .serviceitem .service_img img, #projectib .projectitem .propost_img img, #teamlist .teamitem .teamimg img { height: auto; overflow: hidden; position: absolute; top: 0; left: 0; } #mservice .serviceitem .service_img { padding-top: 22%; } #mservice .serviceitem .service_img img { left: 13%; } #mproject .projectitem .project_img { padding-top: 64%; } #mteam .content_list li .header a { padding-top: 100%; } #indexPage #mteam .header a img { position: absolute; left: 0; top: 0; } #mpartner .content_list li .par_img { padding-top: 50%; } .bodyproject #projectlist .projectitem a .project_img { height: 0; } .bodyproject #projectlist .projectitem .project_img { padding-top: 64%; } .bodyservice #servicelist .serviceitem .service_img { padding-top: 22%; } .bodyservice #servicelist .serviceitem .service_img { width: 120px; height: auto; margin: 30px 0 0 40px; } .bodyservice #servicelist .serviceitem .service_img img { margin: 0; } #projectib .projectitem .propost_img { padding-top: 65%; } #teamlist .teamitem .teamimg { padding-top: 20%; width: 190px; margin: 20px; float: left; transition: all 0.6s ease 0s; } /* 其他样式 */ .bodylistpost.bodyteam #teamimage { display: none; } #teampost #teambody { margin-left: 0; width: 100%; } #category a { white-space: nowrap; } #indexPage #mteam .content .header { top: 60px; } #indexPage #mteam .summary { margin-top: 60px; } #mteam .content .bx-wrapper .bx-viewport { padding-top: 0; } #indexPage #mteam .bx-wrapper .bx-controls-direction a { margin-top: 0; transform: translateY(-50%); } #indexPage #mteam .content .fw { padding: 140px; } #indexPage #mteam .summary p.title::after { top: 76px; } #indexPage #mteam .header a { height: 0; } #indexPage #mpartner .module-content { padding: 72px 0; height: 56px; } #indexPage #mpartner .wrapper ul li { height: 56px; } #indexPage #mpartner .bx-wrapper .bx-controls-direction a { margin-top: -20px; } #indexPage #mpartner .wrapper ul li a img { height: auto; } .bodyteam #teamlist .teamitem { position: relative; } .bodyteam #teamlist .teamitem>a { width: 90%; height: 100%; } .bodyteam .npagePage .content #teamlist .teamitem a.details { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); right: 5%; } .bodyteam .npagePage .content #teamlist .teamitem:hover a.details { right: 10%; } .bodyteam .npagePage .content #teamlist .teamitem .teaminfo .title { color: #5a5a5a; font-size: 16px; } .bodyteam .npagePage .content #teamlist .teamitem:hover .teaminfo .title { color: #3490dc; } #header .content { max-width: 1160px; width: 100%; } .Pageteam .teamitem img { margin: 0; } #teamlist .teamitem:hover .teamimg { margin-left: 60px; } .npagePage .teamitem:hover img { margin-left: 0; } #indexPage #mteam .header img { height: auto; } #indexPage #mteam .content { overflow: hidden; } #indexPage #mteam .content .fw { margin: 140px auto; padding: 0; } #projectlist .projectitem a .project_info { position: static; } #projectlist .projectitem a:hover .project_info { margin-top: 0; } .npagePage.content_editor { padding-top: 69px; } /* 2019.07.31 yyq 4-5 */ /* 2024-8-2 tao start */ #msearch{ padding-top:70px; } ##.npagePage #projectlist .projectitem a .project_img img{ width:100%; height:100%; } body #search-header .searchFormGroup input, #search-list .searchFormGroup input { border: 2px solid #909744; background: #fff; } body #search-header .searchFormGroup input::-webkit-input-placeholder, #search-list .searchFormGroup input::-webkit-input-placeholder { color: #959595; } body #search-header .searchFormGroup input:-moz-placeholder, #search-list .searchFormGroup input:-moz-placeholder { color: #959595; } body #search-header .searchFormGroup input::-moz-placeholder, #search-list .searchFormGroup input::-moz-placeholder { color: #959595; } body #search-header .searchFormGroup input:-ms-input-placeholder, #search-list .searchFormGroup input:-ms-input-placeholder { color: #959595; } body #search-header .searchFormGroup .searchSub, #search-list .searchFormGroup .searchSub { color: #fff; background: #909744; } body #search-header .searchFormGroup .searchSub .fa, #search-list .searchFormGroup .searchSub .fa { display: none; } body .searchGroup, #search-list .searchGroup { display: inline-block; height: 100%; } body .searchGroup .search_wrap, #search-list .searchGroup .search_wrap { } body .searchGroup .search_wrap::after, #search-list .searchGroup .search_wrap::after { content: ""; display: block; clear: both; } body .searchGroup .searchOnOff, #search-list .searchGroup .searchOnOff { cursor: pointer; display: none; float: left; line-height: 40px; margin-right: 20px; } body .searchGroup .searchClose, #search-list .searchGroup .searchClose { display: inline-block; display: none; } body .searchGroup .searchFormGroup, #search-list .searchGroup .searchFormGroup { height: 40px; } body .searchGroup .searchFormGroup::after, #search-list .searchGroup .searchFormGroup::after { content: ""; display: block; clear: both; } body .searchGroup .searchFormGroup input, #search-list .searchGroup .searchFormGroup input { float: left; width: 268px; height: 100%; box-sizing: border-box; text-indent: 15px; } body .searchGroup .searchFormGroup .searchSub, #search-list .searchGroup .searchFormGroup .searchSub { float: left; cursor: pointer; padding: 0 12px; height: 100%; line-height: 40px; text-align: center; } body #search-header { display: block; float: right; margin-right: 66px; transition: opacity 0.36s ease; } body #search-nav { position: absolute; top:0; left: auto; right: 25px; height: 38px; transition: opacity 0.36s ease, height 0.36s ease; } body #search-nav .searchBox { position: absolute; top: 60px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); background: aliceblue; right: 0; height: 0; overflow: hidden; transition: height 0.36s ease; } body #search-nav.search-open .searchBox { height: 40px; } body #search-nav .searchOnOff { display: block; font-size: 17px; position: relative; top: 50%; transform: translate3d(0, -50%, 0); } body #search-nav .searchSub { display: none; } body #search-nav.navHide .searchBox { display: none; } body #search-nav .search_wrap { height: 100%; } body .searchGroup .searchFormGroup input { background: #fff; } #search-list { margin: 40px auto; width:568px; display: block; } #search-list input { width: 520px; } #search-list .searchFormGroup .searchSub { background: #333; } .searchPage .mlist.search .content_list .item_block .item_box .description { color: #999 } .searchPage #projectlist .projectitem .project_img{ overflow: hidden; } .searchPage #projectlist .projectitem a img{ width: 100%; height: 100%; object-fit: cover; } .searchPage .no_data{ text-align: center; } /* 2024-8-2 tao end */