body { min-width: auto; height: auto; } #header ul li.navitem a { color: #8e8e8e; padding-bottom: 32px;} #header ul li.navitem { padding: 0; margin: 0 0px 0px 46px; } #header ul li.navitem::after{content: "";display: block;width:0;height:1px;background-color: #8a8a8a;position: absolute;bottom:14px;opacity: 0;transition: all 0.6s ease 0s;} #header ul li.navitem:hover::after{width: 100%;opacity: 1;} #header #logo { margin-right: 80px; height: 56px;} #header #logo img {height:32px;} #header ul li.navitem a.active, #header ul li.navitem:hover a { color: #1E1E1E; } .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 12px 20px 0; background-color: rgba(250, 250, 250, 0.25); width: 40px; height: 4px; border-radius: 0px; } .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 #39b1b1; */ background-color: #ffffff; } .serviceitem div { text-align: left; } #footer { background: #fff;width:100%;; margin: 0 auto;} #header .content { margin: 0 auto; width:96%; padding-left: 0px; padding: 0; } #header ul#nav { float: right; } /*首页幻灯高度*/ #indexPage #mslider ul li div.sliderArrow { width: 650px; display: none; } .content .header p.title {font-size: 22px; text-align: left; } .content .header p.subtitle {color: #8F8F8F; text-align: left; } .serviceitem div p.title { font-size: 18px; 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: #696969; } #nav .navitem:hover strong { width: 100%; } #footer p { text-align: left; padding: 10px 0px; color: #6c6e75; width:96%; margin: 0 auto; } .bx-wrapper .bx-controls-direction a:hover i { color: transparent; } /*#header ul li.navitem ul.subnav {border-bottom: 1px solid #f1f1f1; left:-1008px !important; width:1180px; text-align:right; background:#CCC;background: #FFF;margin-top: 13px;border-top: 0; position: absolute;}*/ #header ul li.navitem ul.subnav {border-bottom: 1px solid #f1f1f1;background: #FFF;margin-top:8px;border-top: 0; position: absolute;} #header ul li.navitem ul.subnav li a:hover { background: rgba(242, 242, 242, 0) none repeat scroll 0% 0%; color: #2a2a2a;text-indent: 10px; } #header ul li.navitem ul.subnav li a { background:transparent; color: #aeaeae; width:auto; padding: 14px 30px 14px 30px;border-top: 1px solid #f2f2f2; } #header ul li.navitem ul.subnav li { border-bottom: transparent 1px solid; } #header ul li.navitem ul.subnav li a:hover i{opacity: 1;} #header{ margin:0 auto;} /*内页*/ #sitecontent .content .fw { width:1180px;margin-bottom:0px;} .postbody a { color: #848484; } .postbody a:hover { color: #3892D6; text-decoration: none; } /*关于首页*/ .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 25px; } .bx-wrapper .bx-controls-direction a {width:40px; height:70px; background: rgba(0,0,0,0); border-radius: 0px; } .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../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(../110/icon/jiantou.png)no-repeat -39px 0px; } #indexPage .slider_control i { color: transparent; background: url(../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(../110/icon/jiantou.png)no-repeat 0px -51px; } #indexPage .slider_control i:hover.fa-angle-left { background: url(../110/icon/jiantou.png)no-repeat 0px -70px; } #indexPage .slider_control i:hover { background: url(../110/icon/jiantou.png)no-repeat -40px -70px; } #indexPage a.more:hover { text-indent:0px;color:#333} #indexPage #mnews { background-color: #fff; width:1180px; margin: 0 auto; } #newslist .newsdate { width: 120px; } #newslist .newsinfo .md { font-size: 40px; line-height: 30px; } #newslist .newstitem:hover { background: transparent; } #newslist .newstitem:hover p.description { color: #898989; } #indexPage a.more { color:#b9b9b9; width: 300px; height:50px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0px; font-size: 18px; text-align:center; text-indent:0px; line-height:50px; } #newslist .newstitem:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); } #contactinfo { width: 640px; margin:50px auto 0;padding-top:0px;} #contactinfo h3 { float: left; width: 100%; color: #fff; } #contactinfo p { width:400px; float: inherit; padding-right: 40px;font-size: 13px;height: 28px;line-height: 28px;} #indexPage #mcontact { background-color: #3e3e3e; height:460px;margin:30px 0 0px 0; } #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; } /*首页案例*/ .nobanner #projectlist .projectitem a .project_info p.title{margin-top:6px;} #projectlist, #projectmore { margin: 0 auto; width:100%; } #projectlist .wrapper { margin-right: -20px; padding-top:0px; } #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; } #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: 60px; background-color: #fff; width: 95%; margin: 0 auto; max-width: 1920px; } #indexPage #mpage .slider_wrapper li { border-top: 1px solid #e7e7e7; } /*首页团队*/ #indexPage #mteam .content .fw{background-color: #f5f5f5;width:1040px;} #indexPage #mteam .header img {border-radius: 0px; width: 100%; height:auto; margin:0px;transition: all 0.6s ease 0s;} #indexPage #mteam .header img:hover{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);} #indexPage #mteam .header a{ width:auto; height:auto; overflow:hidden; display:block;} .module-slider .description { width: auto; height: 96px; font-size: 12px; } #indexPage #mteam .header p.title { text-align:center; margin-top: 20px; color: #fff; } #indexPage #mteam .header p.subtitle { text-align:center; color: #fff; } #indexPage #mteam .slider_wrapper { height: 320px; } #indexPage #mteam { /* background-color:#00ccf1; */ height: auto; width:100%; margin: 0 auto 50px; } #indexPage #mteam::after{content: ""; display: block; width: 100%; height:80px; position: absolute; bottom:0px; background-color: #fff;} #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: 260px; } #contactinfo div a { color: #B3B3B3; background: rgba(255, 0, 0, 0); margin-right: 20px; } /*首页新闻*/ #mnews #newslist .newsbody .description { border-bottom: none; } #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 .newstitem .newsbody .title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; height: 20px; line-height: 20px; color: #848484; margin:18px 0 20px; padding-top:18px;} #newslist .newstitem:hover .newsbody .title{color: #666;} #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; display:none;} #newslist .newsbody { margin-left: 0; width:360px; padding-left:0px; margin-top:0px; position:relative; display:block;} #newslist { width: 1180px; } #newslist .newstitem .newsimg{width:100%; height:160px; left:auto; right:0px; display:none;} /*服务内页*/ #servicelist .serviceitem { margin-bottom: 80px; } #newsPage #newslist { margin: 50px auto 0; } .npagePage .service_img{width: 30%;float: left;} .npagePage #servicelist .serviceitem div{width: 70%;float: left;} .npagePage #servicelist .serviceitem div{margin-top: 0;} #sitecontent .npagePage #servicelist.serviceitem a img{width: 100%;} #sitecontent .default .content .header p.title{text-align: center;} /*内容图片最大宽度*/ .postbody img { max-width: 1180px; } #projectbody { width: 760px; float:left; } #projectbody .postbody img { max-width: 760px; } #header ul li.navitem:hover ul.subnav { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); top:42px; } .navitem .fa-angle-down { color: #9E9E9E; margin-left: 8px; font-size: 12px; } /*团队内页*/ #teampost { padding-top: 120px; } .teamitem { float: left;width: 100%;margin-right: 20px;margin-bottom: 20px;height: 350px; position:relative; } .npagePage .teamitem img {border-radius: 0px;width: 100%;height:auto;margin: 0px;transition: all 0.6s ease 0s;} .npagePage .teamitem:hover img{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);} .teamitem .teaminfo { text-align: left; } .teamitem .teaminfo .description { margin-top: 20px; } .teamitem .teaminfo .subtitle{transition: all 0.6s ease 0s; } #teamlist { width: 1180px; } #teamlist .wrap { margin-right: -20px; } .teamitem a div.wrap { height: 40px; background: rgba(92, 92, 92, 0.6); bottom: -40px; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .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 div { height: 380px; position: relative; } #teampost #teamimage img { width:100%; height: auto; margin-bottom: 40px; margin-right: 40px; } #teampost #teambody {width:740px;float: left;margin-left: 60px;} #teampost #teamimage { width:380px; float: left; overflow: hidden; height:auto;} .npagePage #teamlist .teamitem a.details{ left:auto;right:5%;bottom:120px;border-bottom: 1px solid rgba(210, 210, 210, 0);} .npagePage #teamlist a.details:hover{ border-color:transparent;} .npagePage #teamlist a.details:hover i{ display:none; } #teamlist .teamitem:hover a.details{ opacity:1;} #teamlist .teamitem:hover a.details i{ display:none;} .npagePage .teamitem .teaminfo::after{content: "";display: block; width: 40px; height: 40px; background: url(../770/201609/icon.png)no-repeat -39px -146px;position: absolute;right: 4.5%;bottom:94px; transition: all 0.4s ease 0s;} .npagePage .teamitem:hover .teaminfo::after{background: url(../770/201609/icon.png)no-repeat -39px -177px;} .npagePage .content #teampost{margin-bottom: 120px;} /*合作伙伴*/ #indexPage #mpartner .slider_control a { background: transparent; } #indexPage #mpartner .slider_control a:hover { background-color: transparent; } #indexPage #mpartner .slider_control a i { color: transparent; } #indexPage #mpartner .bx-wrapper .bx-controls-direction a {width: 40px; height: 40px; background: rgba(0,0,0,0); border-radius: 0px; } #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left: 0px;background: url(../770/201609/icon.png)no-repeat 0px -146px;transition: all 0.4s ease 0s;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-prev i:hover { background: url(../770/201609/icon.png)no-repeat 0px -176px;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 0px;background: url(../770/201609/icon.png)no-repeat -40px -146px;transition: all 0.4s ease 0s;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a.bx-next i:hover {background: url(../770/201609/icon.png)no-repeat -40px -176px;} #indexPage #mpartner .bx-wrapper .bx-controls-direction a{margin-top: -30px;} /*1转4新css开始*/ /*新首页*/ #indexPage .module .content { position: inherit; top: inherit; } #indexPage #mservice .content { height: auto; margin-top: 0; margin-top: -4%; } #indexPage #mpage .content { height: auto; margin-top: 0; } #indexPage #mteam .content { height: auto; margin-top: 0;z-index: 1;} #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 #mnews a.more i{font-size: 18px;} #indexPage #mnews a:hover.more i{ text-indent: 18px;color: red;} #indexPage #mproject .content .wrapper{width:100%;margin:0 auto;} /*标题块*/ .content .header p.subtitle { font-size: 12px; line-height: 24px; height: 24px;} /*幻灯*/ /*幻灯切换按钮*/ #mslider .bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0);} #mslider .bx-wrapper .bx-controls-direction a i { color: transparent; background: url(../770/201609/icon.png)no-repeat -10px -6px; width:40px; height:70px; margin: 0; } #mslider .bx-wrapper .bx-controls-direction a:hover i{background: url(../770/201609/icon.png)no-repeat -11px -68px;} #mslider .bx-wrapper .bx-controls-direction a.bx-next i { background:url(../770/201609/icon.png)no-repeat -61px -5px; } #mslider .bx-wrapper .bx-controls-direction a:hover.bx-next i{ background: url(../770/201609/icon.png)no-repeat -61px -68px;} #indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background-color: rgba(255, 255, 255, 0.2);} #indexPage .bx-wrapper .bx-controls-direction a:hover { background: none } .bx-wrapper .bx-controls-direction a i { width: 50px; height:50px; 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(../770/201609/icon.png)no-repeat -10px -16px;} .bx-wrapper .bx-controls-direction a.bx-next i { background: url(../770/201609/icon.png)no-repeat -58px -16px; } .bx-wrapper .bx-controls-direction a.bx-prev:hover i { background: url(../770/201609/icon.png)no-repeat -10px -78px; } .bx-wrapper .bx-controls-direction a.bx-next:hover i { background: url(../770/201609/icon.png)no-repeat -58px -78px; } #indexPage #mslider .bx-wrapper .bx-pager {width: 50%;top:85%;text-align: right;right: 20px;z-index: 2;margin: 0 auto;} #indexPage #mslider .bx-wrapper .bx-pager-item{ display:block; float: left;} #mslider .bx-wrapper .bx-pager.bx-default-pager a{ display:block;} .bx-wrapper .bx-pager.bx-default-pager a::after{content: "";display: none;border:1px solid rgba(255, 255, 255, 0);width: 2px;height:2px;background-color:rgba(82, 82, 82, 0.19);position:relative;left: 3px;top: 3px;transition: all 0.4s ease 0s;} /*服务*/ #indexPage #mservice {width:95%;height: auto;margin: 0 auto;background-color: #fff;margin-bottom:60px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); max-width: 1920px; } #mservice .content .header { padding-top: 60px; padding-bottom: 30px; display:none; } #indexPage #mservice .header p.title{ margin-top:20px;} #servicelist .content_list{text-align: center;} #servicelist .serviceitem:hover .title { color: #292929 } #mservice #servicelist .serviceitem{width:31.07%; height:auto;padding:1.1%; /* border-right:1px solid rgba(146, 146, 146, 0.22); */ } #mservice #servicelist .serviceitem::before{content: "";display: block;width:100%; height:100%;background-color: #5c5c5c;position: absolute;top: -1px;transition: all 0.6s ease 0s; background-color:#0C71DA; left: 0; z-index:0; display: none;} #mservice #servicelist .serviceitem::after{content: "";display: block;width:0px; height:1px;background-color: #5c5c5c;position: absolute;top: -1px;transition: all 0.6s ease 0s;display: none; } #mservice #servicelist .serviceitem:hover::after{width: 520px;} #servicelist .serviceitem{ position:relative;} #servicelist .serviceitem a{z-index: 999999;} #servicelist .serviceitem a img{ width:30%; float: left;} #servicelist .serviceitem div {width:60%; text-align: left; margin-left:3%;margin-top:0px;float: left;} #indexPage #mservice a.more { display: none; } #indexPage .serviceitem a.details{ width:40px; height:40px; text-indent:50px; overflow:hidden; position:absolute;bottom:37px; left:160px; display:block; border-radius:0px; margin:0px; border:1px solid transparent; display: none;} #indexPage .serviceitem a.details::after{ content:""; display:block;width: 40px;height: 40px; background: url(../770/201609/icon.png)no-repeat -40px -145px;position: absolute;top: 0px;opacity: 0;transition: all 0.6s ease 0s; } #indexPage .serviceitem:hover a.details::after{opacity:0;} #indexPage #mservice .wrapper .bx-wrapper .bx-pager{display: block;bottom:140px;left: -89px;position: absolute;} #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; } #indexPage #mservice a.more{top:62px;} #servicelist .serviceitem div p.description{font-size: 12px; color:#b1b1b1;} #servicelist .serviceitem:hover div p.description{font-size: 12px; color:#848484;} #servicelist .serviceitem div p.title{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block; color:#848484; text-align:left;} #servicelist .serviceitem:hover div p.title{ color: #30AEAE; } #indexPage #mservice .wrapper{ width:100%;margin-bottom:0px; margin-top:30px; margin:0 auto; text-align: center;} #sitecontent #indexPage #mservice .content .fw{width:100%;} #sitecontent #indexPage #mservice #serviceitem_3{ display: none; } #mservice #servicelist #serviceitem_2{border-right: 0;} #mservice #servicelist .serviceitem div p.description {margin-top:0px; } #mservice #servicelist .serviceitem a::before{content: "";display: block;position: relative;width: 100%;height: 4px;background-color:#0088E8;top: 100px; opacity: 0;transition: all 0.6s ease 0s; display:none;} #mservice #servicelist .serviceitem:hover a::before{opacity:1;top:127px;} /*内页服务*/ .npagePage #servicelist .wrap{margin-right: -100px;} .npagePage #servicelist { width: 1180px; } .npagePage #servicelist .serviceitem {width: 540px;margin-right:40px;height: 120px;padding: 30px 30px;border-top:0px solid #ddd;margin-bottom: 40px; background-color:#fff;transition: all 0.6s ease 0s; } .npagePage #servicelist .serviceitem:hover{box-shadow: 0 6px 40px rgba(128, 128, 128, 0.25);} .npagePage #servicelist .serviceitem::after{content: "";display: block;width: 0px;height: 1px;background-color: #5c5c5c;position: absolute;top: -1px;transition: all 0.6s ease 0s; left: 0;} .npagePage #servicelist .serviceitem:hover::after{width:100%;} .npagePage .content .header{width: 96%; margin-bottom: 20px;} #sitecontent .npagePage .serviceitem a.details{display:block;width: 40px;height: 40px;overflow: hidden;margin: -80px auto 50px 160px;transition: all 0.6s ease 0s;} #sitecontent .npagePage .serviceitem:hover a.details{margin: -80px auto 50px 190px;} .npagePage .serviceitem a.details::after{content: "";display: block;width: 40px;height: 40px;background: url(../770/201609/icon.png)no-repeat -40px -146px;position: absolute;bottom:10px;opacity: 0;transition: all 0.6s ease 0s; left: 180px;} .npagePage .serviceitem:hover a.details::after{opacity: 1; left: 215px;} .npagePage .serviceitem .content .header p.subtitle{height: 34px;line-height: 34px;} .Pageservice .content{background-color: #f6f6f6;} .npagePage .serviceitem div p.description{margin-top:0px;} /* 团队*/ #indexPage #mteam .content > .header{ /* padding:60px 0 30px; */ display:block; width:1180px; } #indexPage #mteam ul.content_list{ margin-right:-20px; } #indexPage #mteam ul li{height:340px;} #indexPage #mteam ul.content_list .header {float:left; width:300px; height:340px; overflow:hidden; margin-left:0px; margin-top:0px;} #indexPage #mteam ul:after{ content:''; display:block; clear:both;} #indexPage #mteam .summary {width:480px; margin-left: 48px;float:left; margin-top:70px; } #indexPage #mteam .summary p{ text-align: left; color: #848484;} #indexPage #mteam .summary p.title { font-size:14px; line-height:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;} #indexPage #mteam .summary p.subtitle{ margin-bottom:30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;} #indexPage #mteam .summary .description { width: auto; height: 48px; font-size: 12px; } #indexPage #mteam .bx-wrapper .bx-prev { left:0; margin-top: -20px; margin-left:-80px; } #indexPage #mteam .bx-wrapper .bx-next { right:0; margin-top: -20px; margin-right:-80px;} #indexPage #mteam a.more,#indexPage #mservice a.more{display: block;position: absolute;top: 20px;left: 850px;width: 100px;height: 40px;text-indent: -333px;border: 0;overflow: hidden;display: none;} #indexPage #mteam a.more:after,#indexPage #mservice a.more:after{ content:'更多'; position:absolute;width:140px; height:40px;line-height:40px;text-indent:0px; color:#b0b0b0; font-size:13px; top:0px; left:0px;transition: all 0.6s ease 0s;} #indexPage #mteam a.more:hover::after,#indexPage #mservice a.more:hover::after{color: #5c5c5c;} #indexPage #mteam a.more{top: 418px;right: -50px;display: block; width:140px;background-color: #e6e6e6;border:0px solid #e6e6e6;} #indexPage #mteam a.details:hover i{ display:none;border:0px solid #e6e6e6;} #indexPage #servicelist .serviceitem div.service_info{float:left; width:calc(85% - 160px); height:110px; margin-left:4%; margin-top:0px; transition: all 0.6s ease 0s;} #indexPage #servicelist .serviceitem:hover div.service_info{margin-left:6%; } /*团队内页*/ #teamlist .teamitem .wrap{ display:none;} .teamitem a { margin-right: 40px;width:180px;overflow: hidden;display: block; display:inline-block; margin-left: 120px;margin-top: 80px;} .teamitem .teaminfo{ float:right;margin-top:80px; width:560px; margin-right:285px} .teamitem .teaminfo .title { line-height: 22px; color: #5a5a5a; font-size: 18px; } .teamitem .teaminfo .title a{margin:0; } #teambody .theader .title { font-size: 20px; } .teamitem .teaminfo .title a { color: #5a5a5a;font-size: 16px; } /*关于*/ #indexPage #mpage .content {width:100%; margin:0 auto; height:600px; padding-bottom: 20px; } #mpage .content .header { padding:150px 0px 32px 0px; width:auto; z-index:2;position: relative;} #mpage .content .header p.title{text-align:left; margin-left:5%;} #mpage .content .header p.subtitle { font-size: 12px; line-height: 24px; color:#8F8F8F;text-align: left; padding-left:5%;} #indexPage #mpage .wrapper li{ background:#f6f6f6; height:600px;width: 50%; float: right;} #indexPage #mpage .wrapper li .fimg { height:600px;width:50%; position:absolute;top:0px; left:0px;} #mpage .module-content .description{ padding:0 0px 0 5%; margin:0px; height:74px; width:80%; text-align:left; } #indexPage #mpage .module-content .more{margin: 50px auto 0px;position: relative;border: 1px solid transparent;width:182px;height:47px;text-indent: 120px;overflow: hidden;z-index:2;margin-left: 5%;} #indexPage #mpage .module-content .more::after{ content:'查看详情'; position:absolute; top:0px; left:0px; width:180px; height:45px; line-height:45px; border:1px solid #ddd;text-indent:0px; color:#7c7c7c; font-size:13px;} #indexPage #mpage .module-content .more:hover::after{color: #fff;} #indexPage #mpage .module-content .more::before{content:""; display: block; width:0px; height:47px;transition: all 0.6s ease 0s;background-color: #5c5c5c;} #indexPage #mpage .module-content .more:hover::before{width:182px;} #indexPage #mpage .wrapper li::after{content: "";display: block;width:52%;height: 500px;background-color: #fff;position: absolute;left: 46%;top:5%;z-index: 0;box-shadow: 0 6px 40px rgba(128, 128, 128, 0.25);} #mpage .content .des-wrap{z-index: 2;position: relative;} /*案例*/ #indexPage #mproject .content .header { padding-top:60px; padding-bottom:30px; width:580px;margin: 0; } #indexPage #mproject #category { display: block; width:600px; text-align: right; margin-top: -84px;float: right;margin-right: 8px;} #indexPage #projectlist .projectitem { background: none; } #indexPage #projectlist .content_list{ margin-right:-10px;} #indexPage #projectlist .projectitem, #projectlist .projectitem {width:24%; height:auto;margin-right:1%; } #projectlist .projectitem .project_img{ width: 100%; height:auto; overflow:hidden;} #projectlist .projectitem a .project_info { position: inherit; height:80px;} #projectlist .projectitem a .project_info div { position:inherit;padding:10px 0; margin:0px; } #indexPage #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #indexPage #projectlist .projectitem:hover .project_info p.subtitle{margin-left:16px;} #indexPage #projectlist .projectitem .project_info p.title {margin-top:0px;font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #666; text-align: left; padding: 0; line-height:28px; } #indexPage #projectlist .projectitem:hover .project_info p.title{margin-left:16px;} #projectlist .projectitem a .project_info:after{content:''; position:absolute; right:0px; bottom:30px;width: 40px;height: 40px;background-color: rgba(0,0,0,.2); opacity:0;background: url(../770/201609/icon.png)no-repeat -40px -146px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #projectlist .projectitem:hover a .project_info:after{ opacity:1;right:20px; } #indexPage #mproject .bx-wrapper .bx-pager { display: none; } #indexPage #mproject a.more { margin: 40px auto 0px;font-size: 13px;text-indent:10px;} #indexPage #mproject a.more::after{content: "";display: block;width: 240px;height: 42px; border: 1px solid #D9D9D9; position: absolute;bottom: 4px;z-index: 2;margin-left: 30px;transition: all 0.2s ease 0s;} #indexPage #mproject a.more:hover::after{transform: scale(1.1,1.1);border: 1px solid #e0e0e0;} #indexPage a.more{border:rgba(223, 223, 223, 0) 1px solid;} #indexPage a.more:hover{border:rgba(223, 223, 223, 0) 1px solid;} /*#indexPage #mproject a.more:hover { background: #666; border: 1px solid #666; width: 300px; height: 50px; line-height: 50px; text-indent: 0; font-size: 14px; color: #fff; display: block; }*/ #indexPage #mproject a.more:hover i { color:#2a2a2a; text-indent:10px;font-size:18px;} #projectlist .bx-wrapper .bx-controls-direction a{top: 36%} #indexPage #mproject .bx-wrapper .bx-controls-direction{display: block;} #projectlist .bx-wrapper .bx-next{right: -60px;} #projectlist .bx-wrapper .bx-prev{left: -60px;} #indexPage #mproject .content .header p.title{display: block;} #sitecontent #indexPage #category a:hover {background-color:#00b0b0;color: #fff; border-color: transparent;margin-left:0px;} /*案例媒体查询*/ @media screen and (min-width:1920px) { } @media screen and (max-width:1660px) { #projectlist .projectitem .project_img{height:auto;} } @media screen and (max-width:1440px) { #projectlist .projectitem .project_img{height:auto;} } @media screen and (max-width:1200px) { #projectlist .projectitem .project_img{height:auto;} } /*内页案例*/ .npagePage #projectlist .content_list{ margin-right:0px;} .npagePage #projectlist .projectitem { background: none;margin-right:0px; margin-left:20px; margin-bottom: 0px; } .npagePage #projectlist .projectitem a .project_info p.title {width: 80%; color: #666; text-align: left; padding: 0; font-size: 13px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;transition: all 0.6s ease 0s; } .npagePage #projectlist .projectitem:hover a .project_info p.title{margin-left:10px;} .npagePage #projectlist .projectitem a .project_info p.subtitle {width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; color: #999; text-align: left; padding: 0; transition: all 0.6s ease 0s; } .npagePage #projectlist .projectitem:hover a .project_info p.subtitle{margin-left:10px;} .npagePage #projectlist .projectitem a .project_info div:after { display: none; } #projectlist .projectitem a img { display: block; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /*filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%);*/} #projectlist .projectitem a:hover img {transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);} .npagePage #projectlist .projectitem .project_img{ width:100%; height:240px; overflow:hidden;} .npagePage #projectlist .projectitem, #projectlist .projectitem {width:21%; height:auto;margin-left:10px;margin-right:0px; } .npagePage #mproject .content .header { padding-top:60px; padding-bottom:10px; width: 1180px; margin: 0 auto; } #mproject .content .header p.title{width: 210px;position: fixed;margin-top: -10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:none;} #mproject .content .header p.subtitle{width: 210px;} #indexPage #mproject .content .header p.title{position: initial;} #indexPage #mproject .content .header p.subtitle{position: initial; margin-top: 0;display:block;} .npagePage4 .content{background-color:#fff;} .npagePage4 #projectih4 .header{padding-top: 0px;} #mproject #pages { width:88%; margin: 0 auto; text-align:center; padding-bottom:120px; padding-top:20px;margin-right:0px;} #mproject #pages a:hover{background-color:#5f5f5f;} .npagePage .content .header p.subtitle{display:block;} #mproject .content .header p.subtitle{display:none;} .npagePage #category a.active, #category a:hover{background: rgba(131, 131, 131, 0);color: #000; margin-left:12px; } /*内页案例详情*/ #npagePage #projectlist .projectitem a .project_info p.title{color: #5c5c5c;} #npagePage #projectlist .projectitem a .project_info p.subtitle{color: #989898;} .npagePage4 #projectlist .projectitem{margin-left: 0; margin-right: 10px;} .npagePage4 #projectlist .projectitem a{height: 280px;} .npagePage4 #projectlist .projectitem .project_img{width: 286px; height:200px;} .npagePage4 #projectlist .projectitem, #projectlist .projectitem{width: 286px;} .npagePage4 #projectlist .wrapper{margin-left:0;} .bx-wrapper .bx-controls-direction a:hover{background-color: rgba(0, 192, 255, 0);} .npagePage4 .bx-wrapper{margin-top:80px;} #post_slider, #post_slider1{background-color: #f6f6f6;height: 560px;} #projectshow4 #projecttags4 a:hover{background-color: #5c5c5c; color: #fff;} #projectshow4 #projectlist .projectitem:hover a img{transform: scale(1.06);-moz-transform: scale(1.06, 1.06);-webkit-transform: scale(1.06, 1.06);-o-transform: scale(1.06, 1.06);} #projectshow4 #projectlist .projectitem a .project_info:after{bottom: 30px;} #projectshow4 #projectlist .content_list{margin-bottom: 100px;} .npagePage #projectih4 .header{margin: 0;} /*案例列表媒体查询*/ @media screen and (min-width:1920px) { .Pageanli #projectlist .projectitem .project_img{height:240px;} } @media screen and (max-width:1660px) { .Pageanli #projectlist .projectitem .project_img{height:220px;} } @media screen and (max-width:1440px) { .Pageanli #projectlist .projectitem .project_img{height:180px;} } @media screen and (max-width:1200px) { .Pageanli #projectlist .projectitem .project_img{height:160px;} } /*新闻*/ #mnews .content .header { padding-top: 60px; } #indexPage #mnews .content .header { display: block; width:1180px; } #newslist .newstitem .news_wrapper { position: inherit; width:auto;top:120px; transition: all 0.6s ease 0s;} #newslist .newstitem:hover .news_wrapper{top: 0;} #indexPage #mnews .content_list{ width:1200px; /* margin-bottom:180px; */ } #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:auto; } #newslist .separator { display: none; } #newslist .newstitem { border-radius: 4px; float: left; height:260px; margin-bottom:40px; position:relative; width:31%; margin-right:28px;} #newslist .newstitem:last-child{border-bottom: 0;} #newslist .newsbody p.date { width: 100%; font-family: "HELVETICANEUELTPRO-THEX", Arial; font-weight: 300; position:absolute; top:-80px;left:0px;transition: all 0.6s ease 0s;} #indexPage #newslist .newstitem:hover .newsbody p.date {width: 90%; padding: 20px; top: 200px;height:50px;background:#3ab1b1;transition: all 0.6s ease 0s; color: #fff;} #indexPage #newslist .newstitem .newsbody .title:after{ content:''; width:100%; height:1px; background:#dcdcdc; position:absolute;left:0px; top:3px;transition: all 0.6s ease 0s;} #indexPage #newslist .newstitem .newsbody .title::before{content:''; width:0px; height:1px; background:#3ab1b1; position:absolute;left:0px; top:3px;transition: all 0.6s ease-out 0.3s;z-index: 1;} #indexPage #newslist .newstitem:hover .newsbody .title::before{width:100%;} #newslist .newstitem a.newscontent { text-align: left; } #newslist .newstitem .md { color:#b0b0b0; display: inline-block; font-size: 12px;position: absolute;top: 36px;left:0px; } #newslist .newstitem:hover .md{color:#fff; padding:20px;} #newslist .newstitem .md span{display: none;} #newslist .newstitem .year { color:#565656; font-size:32px;} #newslist .newstitem:hover .year{color:#fff; padding:20px 20px 0 0;} #newslist .newsbody .description { font-size: 12px; text-align: left; color: #a3a3a3; height:40px; overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left:0px;} #newslist .newsbody .description:hover{ color: #a3a3a3; } #indexPage #mnews .newstitem a.details ,#newsPage #newslist .newstitem a.details,#indexPage #mteam ul li a.details,#teamlist .teamitem a.details{display: block; position: absolute; z-index: 20; bottom:8px; background: none; width: auto; height:28px; margin: 0px; border-radius: 0px; line-height:31px; text-indent: 0px; overflow: hidden; border:1px solid transparent; right:390px; text-indent: 100px; overflow: hidden; width: 40px; height: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:center; color:#6d6d6d; font-size:12px; } #indexPage #mnews #newslist .newstitem i ,#indexPage #mnews .newstitem a.details i{ display: none; } #indexPage #mnews .newstitem:hover .description,#newsPage #newslist .newstitem:hover .description { margin-left:0px;} #newslist .newstitem{height:260px} #indexPage #mnews .newstitem:hover .details,#indexPage #mteam ul li:hover .details{ opacity:1; border:1px solid transparent;border-bottom: 1px solid rgba(210, 210, 210, 0);} #indexPage #mnews a.details:hover i{ display:none;} #indexPage #newslist .newstitem .newsbody .title{transition: all 0.6s ease 0s;padding: 40px 20px 0px 0px;} #indexPage #newslist .newstitem:hover .newsbody .title{margin-top:20px; } #indexPage #newslist .newstitem .newsbody .description{transition: all 0.6s ease 0s;} #indexPage #newslist .newstitem:hover .newsbody .description{margin-top:5px; } #indexPage #newslist .newstitem .newsbody::after{content: "";display: block;background: url(../770/201609/icon.png)no-repeat -40px -298px;width: 40px;height: 40px;transition: all 0.6s ease 0s; position: absolute; bottom: 20px;left: 300px; opacity: 0;} #indexPage #newslist .newstitem:hover .newsbody::after{bottom: -100px; left: 300px;opacity: 1;} #newslist .newstitem.right .news_wrapper{background-color:rgba(251, 251, 251, 0);} /*内页新闻*/ #newsPage.npagePage .content{ width:96%; margin:0 auto;background-color: #F6F6F6;} #newsPage #category {margin: 0;width:180px;float: left;position: fixed;margin-left: 10px;border-bottom: 1px solid #dadada;border-top: 2px solid #969696;} #newsPage #newslist .newstitem { width:840px; position: relative; height: 380px; margin-right: 0; margin-left:26px; } #newsPage #newslist .newstitem .news_wrapper,#newsPage #newslist .newstitem a.newscontent:hover .news_wrapper{width:660px;} #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 { display: none; } #newsPage #newslist .newstitem .newsimg{width:100%;height: 160px;} #newsPage #newslist .newstitem a.details {top: 236px;right: 10px;} #newsPage .content .header p.title{width: 210px;position: fixed;margin-top: -10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block; display:none;} #newsPage .content .header p.subtitle{width: 210px;position: fixed;margin-top: -10px;line-height: 24px;height: 24px;margin: 10px 0 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:none;} #newsPage #newslist .newsbody{ width:500px;} #newsPage #newslist .newstitem .newsbody::after{content: "";display: block;width: 40px;height: 40px;background: url(../770/201609/icon.png)no-repeat -40px -146px;position: absolute; right: -170px;bottom: 10px;transition: all 0.6s ease 0s;} #newsPage #newslist .newstitem:hover .newsbody::after{background: url(../770/201609/icon.png)no-repeat -40px -176px;} #newsPage #newslist .newstitem .news_wrapper { position: inherit; width:auto; height:auto; top:160px;background-color: rgba(255, 0, 0, 0);} #newsPage #newslist .newstitem:hover .details{opacity:0;border: 1px solid transparent;border-left: 1px solid #e6e6e6;background: rgba(255, 255, 255, 0);} #newsPage .content .header{padding-top: 90px;} #newsPage #newslist .newsbody{margin-top: 30px;} #newsPage #newslist .newstitem .newsbody p.date::after{ content:''; width:2px; height:0px; background:#444; position:absolute;left:-70px; top:0px;transition: all 0.6s ease 0s;} #newsPage #newslist .newstitem:hover .newsbody p.date::after{height: 80px;} #newsPage #newslist .newstitem .newsbody .title{transition: all 0.6s ease 0s;} #newsPage #newslist .newstitem:hover .newsbody .title{margin-left: 20px;} #newsPage #newslist .newstitem .newsbody .description{transition: all 0.6s ease 0s;} #newsPage #newslist .newstitem:hover .newsbody .description{margin-left: 20px;} #sitecontent .npagePage #newslist .newstitem .news_wrapper{top:0px;} #sitecontent .npagePage #newslist .newsbody{margin-top: 0;} #sitecontent .npagePage #newslist .newstitem{height: 140px;} #sitecontent .npagePage .newstitem .newsbody .title{padding-top: 0px;} #sitecontent .npagePage #newslist .newstitem .newsbody .title{margin: 0px 0 20px;} #sitecontent .npagePage #newslist .newstitem:hover .newsbody .description{margin-left:0px;} #sitecontent .npagePage #newslist .newsbody{transition: all 0.6s ease 0s;} #sitecontent .npagePage #newslist .newsbody:hover .title{padding-left:20px;} #sitecontent .npagePage #newslist .newsbody:hover .description{padding-left:20px;} #sitecontent .npagePage #newslist .newsbody p.date .md{color:#a0a0a0; padding: 0; transition: all 0.6s ease 0s;} #sitecontent .npagePage #newslist .newsbody:hover p.date .md{left:20px;color:#1E1E1E; padding: 0;} #sitecontent .npagePage #newslist .newsbody p.date .year{color:#1E1E1E; padding: 0; transition: all 0.6s ease 0s;} #sitecontent .npagePage #newslist .newsbody:hover p.date .year{margin-left: 20px;color:#1E1E1E;} #sitecontent #newsPage #category a::after{content: '';width:2px;height:12px;background-color: #696969;left: 0px;position: absolute;margin-top: -15px;transition: all 0.3s ease 0s; display: block; opacity: 0;} #sitecontent #newsPage #category a.active::after, #sitecontent #newsPage #category a:hover::after{opacity: 1;} /*合作伙伴*/ #indexPage #mpartner .content .header { display: none; } #indexPage #mpartner .module-content { padding: 60px 0; height: 80px; width: 1180px; } #indexPage #mpartner .wrapper {width: 1080px; height: auto;margin-left: 50px; } #indexPage #mpartner .wrapper ul li { height: 80px; } #indexPage #mpartner .wrapper ul li a { width: 120px; height: auto; margin-right: 15px; } #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.disabled { display: block; } .bx-wrapper .bx-controls-direction a.disabled{display: block;} #post_slider li, #post_slider1 li{padding-top:20px;} #indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; } #indexPage #mpartner .bx-wrapper .bx-next { right: -58px; } #indexPage #mpartner .bx-wrapper .bx-controls-direction a i{width: 40px; height:40px;} /*联系我们*/ #indexPage #mcontact .content { width: 1180px; margin: 0 auto; } #indexPage #mcontact .content .fw { width: 1180px; } #contactinfo div a:hover { color: #fff; background: #5c5c5c; } #footer a path { fill: rgb(148, 148, 148); } #pages a.active, #pages a:hover { background-color: #4E4E4E; } #indexPage .module { z-index: auto; } #mcontact .content #contactinfo{animation-name: fadeInUp;} #contactform p .inputtxt{background-color: rgba(0, 0, 0, 0);color: #fff;border: 0;border-bottom: rgba(255, 255, 255, 0.09) 1px solid;} #contactform p .inputsub{background-color: #5c5c5c; height: 48px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} #contactform p .inputsub:hover{background-color:#7B7B7B;} #mcontact .content #contactform{margin-top: 30px;} /*联系我们内页*/ #page_none .content .header .title{position: initial;} #page_none .content .header .subtitle{position: initial;} /*幻灯*/ #indexPage #mslider .bx-wrapper { position: relative; width: 1180px; margin: 0 auto; } #header { background-color: #fff; margin-top:0px; position: absolute;padding-top:20px; position: fixed; } #header.mini {background-color: #fff;padding-top: 20px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .nobanner #header { background: #fff; margin-top:0px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);} #indexPage #mslider { margin-top:0px; } .npagePage #banner { margin-top:0px; } #indexPage #mslider ul li{ position:relative;} #indexPage #mslider ul li p.title { font-size:46px; line-height:48px; height:60px; text-align: right; margin-left:0px; text-align:center; margin-top:18px;} #indexPage #mslider ul li p.subtitle { font-size: 22px; text-align: right; margin-left: 0px; margin-bottom: 22px; color: #36dde1; text-align: center;} #indexPage #mslider ul li div { width:800px; vertical-align: bottom; display: block; } #indexPage #mslider ul li a{ width: 1180px; height:90px; background:rgba(0,0,0,0); position:absolute; bottom:0px; display:block;left: 50%; margin-bottom: 10px;margin:0 auto;margin-left: -400px; top:44%;} #sitecontent { min-height: inherit;} /*案例详情*/ #plheader { width: 1180px; margin: 0 auto; padding-top: 150px; } #category { text-align: left; width: 1180px; margin: 0 auto; padding: 20px 0 20px 0;} #category li { display: block; } .npagePage #category li a:after{content: '';width:2px;height:12px;background-color: #696969;left: 0px;position: absolute;margin-top: -15px;transition: all 0.3s ease 0s; display: block; opacity: 0;} .npagePage #category li a.active:after, .npagePage #category li a:hover::after{opacity: 1;} #category a { border: none; padding: 8px 0; color: #8e8e8e; display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block;} #projectinfo { float: right; margin-left: 0px; width:360px; } #projectih { width:360px; } #projectinfo .header { width:360px; border-bottom: none; } #projecttags { width: 360px; border-top: 1px dotted #CFCFCF; padding-top: 40px; margin-top: 40px; float:none; margin-left:0px;} #projecttags:after,#projectib:after{ content:''; display:block; clear:both;} #projectib {float:none; margin-left:0px; width:360px; margin-right:0 } #projectib .projectitem { width: 116px; margin-right:4px; } #projectib .projectitem a .project_info p.title { margin-top:1px;} #projectib .projectitem a { overflow: hidden; } .nobanner .npagePage{background-color: #f6f6f6;padding-top:27px;} .npagePage #projectih4 .header{padding-top:50px;} #projectshow3, #projectshow4 /*页面详情*/ #projectib .projectitem img{ height:72px;} .content .header { padding-top: 120px; width:1180px; margin: 0 auto; padding-bottom: 30px;} #indexPage #category a {display: inline;padding:9px 20px;border: 1px solid #e94818;color: #252121; } #sitecontent .npagePage #projectwrap { padding-top: 120px; } #projectinfo .header .description { color: #8c8c8c; font-size: 12px; } #projectbody .postbody { padding: 0px 0 20px 0; } #projectshow{float:right; width:360px;margin-right:0px;} #projecttags a{transition: all 0.6s ease 0s; } #projecttags a:hover{color: #FFF;background: #5c5c5c;} #page_none .content .header .title{display: none;} #page_none .content .header .subtitle{display: none;} #page_none .content .header{padding-top:30px;} #page_none .content{background-color: #f6f6f6;} /*新闻内页*/ #newsPage #newslist .wrapper { width:100%; float: right; margin:-30px 0 0; } #newsPage #pages { width:1350px; margin: 0 auto; text-align:left; padding-bottom:120px; padding-top:20px;margin-right: 10px;} #newsPage #pages a:hover{background-color:#5f5f5f;} #category li.hasmore { height: auto; } #category li.hasmore div { width: 200px; display: block; position: relative; } #category li.hasmore div ul { text-align: left; margin: 10px 20px 10px 20px; border-top: none; padding-top: 0px; } #category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: transparent; color: #1a1a1a; } #category li.hasmore div ul a::before { position: absolute; content: ""; width: 5px; height: 1px; margin-top: 8px; z-index: 10; background-color: #B4B4B4; margin-left: -20px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #category li.hasmore div ul a.active::before, #category li.hasmore div ul a:hover::before { background-color: #000; } #category li.hasmore div ul a::after{opacity: 0;} #category li.hasmore div ul a:hover::after{opacity: 0;} #category li.hasmore div ul a { padding: 5px 0; } #mproject.npagePage .content { width:96%; margin: 0 auto;overflow: visible;min-height: 1000px; background-color: #f6f6f6;} #mproject.npagePage #category { margin: 0; width:160px; float: left;position: fixed; border-bottom: 1px solid #dadada;border-top: 2px solid #969696;margin-top: -60px;} #mproject.npagePage #projectlist { margin-left:12%; width:100%; padding-bottom: 60px;} #mproject.npagePage #projectlist .wrapper { float: none; margin: -60px 0 0 0;padding-left: 30px;} #plheader { padding-bottom: 50px; } #projectib #projectlist{ width:720px;} .npagePage .content #newslist .newsbody { padding-left:120px;} .npagePage .content #newslist .newsbody p.date { top:0px;} #shares {height: 92px;} #shares a#gotop {margin-top: 0px;} #shares a#sshare {display: none;} #online_open{bottom: 132px; background: #585858;} #online_lx{bottom: 132px;border-radius: 0;} #olx_head {background: #1D1D1D;border-radius: 0;} #olx_qq li a:hover{height:30px; line-height: 30px; } #olx_qq li a:hover i {color: #fff;} #shares a#sweixin {background-color: #2c2c2c;} #shares a#sweibo {background-color: #696969;} /*新改开始*/ /*团队*/ #indexPage #mteam .bx-pager{ display:block; width:auto; left:350px; top:270px;} #indexPage #mteam ul li a.details{ bottom:80px; left:360px; right:auto; background-color:transparent;} #sitecontent .npagePage .serviceitem a.details{ border-color:transparent} #indexPage #mteam .summary p.title a{font-size: 18px;} #indexPage #mnews a.more{display: block;position: absolute;top: 30px;right: 0px;width: 100px;height: 40px;border: 0;overflow: hidden;font-size: 13px;line-height: 40px;text-indent: 100px;} #indexPage #mnews a.more:hover i{display:inline;} #indexPage #mnews a.more:after {content: '更多';position: absolute;width: 98px; height: 38px;border: 1px solid #e4e4e4;line-height: 40px;text-indent: 0px;color: #b0b0b0;font-size: 13px;top: 0px;left: 0px;transition: all 0.6s ease 0s;} #indexPage #mnews a:hover.more:after{text-indent:-14px; color:#1E1E1E;} #indexPage #mnews a.more{line-height:40px;text-indent:120px;display: inline;} #indexPage #mnews a:hover.more{opacity:1;color:#1E1E1E;} #indexPage #mnews a.more i{text-indent: 0px; z-index: 2;line-height: 40px;top: 0;position: absolute;opacity: 0;transition: all 0.6s ease 0s;} #indexPage #mnews a:hover.more i{text-indent:14px; opacity: 1;color:#1E1E1E;} /*团队内页*/ .pageteam .header p.title{text-align: center; background-color: red;} .Pageteam .content{background-color: #f6f6f6; padding-bottom: 120px;} .Pageteam .teamitem .teaminfo{margin-top: 60px;margin-right:460px; transition: all 0.6s ease 0s;} .Pageteam .teamitem:hover .teaminfo{margin-right: 440px;} .npagePage .teamitem{background-color:#FFF; height: 220px; transition: all 0.6s ease 0s;} .npagePage .teamitem:hover{box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);} .npagePage .teamitem a{margin-left:20px; margin-top: 20px;height: 180px;} .npagePage .teamitem .teaminfo{width: 480px;} #indexPage #mslider .bx-wrapper{ width:100%} #indexPage #mslider ul li{ background-position:center; background-repeat:no-repeat; background-size:initial;} #indexPage #mslider .bx-wrapper .bx-pager{left: 49%;margin-left: -100px;} #projectinfo .description a, #projectinfo1 .description a, #projectinfo2 .description a, #projectinfo3 .description a, #projectinfo4 .description a, #projectinfo5 .description a{width: 12%;} #servicelist .serviceitem a:after{ content:''; display:block; clear:both;} .service_img{ float:left; width:160px; height:auto;} .npagePage #servicelist .serviceitem div.service_info{float:left; width:calc(85% - 160px); height:110px; margin-left:4%; margin-top:0px; transition: all 0.6s ease 0s;} #servicelist .serviceitem:hover div.service_info{margin-left:6%;} #indexPage #servicelist .serviceitem div p.title{transition: all 0.6s ease 0s;padding-top: 10px;} #servicelist .serviceitem div p.description{transition: all 0.6s ease 0s; line-height: 20px; height:40px;} #servicelist .serviceitem a img{ width:100%; float:none;border-right: 1px solid #e4e4e4;} #newslist{min-height: 400px;} .nobanner .Pagenews{ position:relative; overflow:hidden;} .nobanner .Pagenews:after{ content:"";display:block; width:1px; height:90%; background-color:#DADADA;position: absolute;left:325px; top:167px; z-index:2} .npagePage #servicelist .serviceitem div.service_info{width:50%;} /*新闻列表媒体查询*/ @media screen and (min-width:1681px) and (max-width:1920px) { .nobanner .Pagenews::after{left: 317px;} #sitecontent .npagePage #newslist .newsbody{ margin-left:0px; } } @media screen and (min-width:1441px) and (max-width:1680px) { .nobanner .Pagenews::after{left: 310px;} #sitecontent .npagePage #newslist .newsbody{ margin-left:113px; } } @media screen and (min-width:1367px) and (max-width:1440px) { .nobanner .Pagenews::after{left:296px;} #sitecontent .npagePage #newslist .newsbody{ margin-left:220px; } } @media screen and (min-width:1201px) and (max-width:1366px) { .nobanner .Pagenews::after{left:300px;} #sitecontent .npagePage #newslist .newsbody{ margin-left:260px; } } @media screen and (max-width:1200px) { .nobanner .Pagenews::after{left:259px;} #sitecontent .npagePage #newslist .newsbody{ margin-left:280px; } }